@keyframes ripple{0%{box-shadow:0 0 0 0 rgba(255,255,255,var(--ripple-alpha)),0 0 0 .1rem rgba(255,255,255,var(--ripple-alpha)),0 0 0 .2rem rgba(255,255,255,var(--ripple-alpha)),0 0 0 .5rem transparent}to{box-shadow:0 0 0 .1rem rgba(255,255,255,var(--ripple-alpha)),0 0 0 .2rem rgba(255,255,255,var(--ripple-alpha)),0 0 0 .8rem transparent}}.product-callout .product-callout__item{--dot-size:10px;--tri-size:26px;position:relative}@media only screen and (max-width:749px){.product-callout .product-callout__item{width:100%}.product-callout .product-callout__item[data-hide-mobile=true]{display:none}}.product-callout .product-callout__item .image{aspect-ratio:1;position:relative;z-index:1}.product-callout .product-callout__item .image img{width:100%;height:100%;object-fit:cover;display:block}.product-callout .product-callout__item .dots{--ripple-alpha:0.15;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.product-callout .product-callout__item .dots .dots__container{position:relative;display:block;height:100%;width:100%}.product-callout .product-callout__item .dots .dots_dot{position:absolute;height:var(--dot-size);width:var(--dot-size);display:block;border-radius:100%;background-color:#fff;transform:translate(-50%,-50%);animation:ripple 1s linear infinite;z-index:3}.product-callout .product-callout__item .dots .dots_dot::after{content:"";border-radius:100%;display:block;width:100%;height:100%;border:1px solid #fff;transition:transform 300ms}.product-callout .product-callout__item .dots .dots_dot:empty{display:block}@media only screen and (max-width:749px){.product-callout .product-callout__item .dots .dots_dot.selected::after{transform:scale(200%)}}.product-callout .product-callout__item .dot-product{--dot-product-pad-bot:calc(var(--tri-size)/2 + var(--dot-size));display:block;z-index:5}.product-callout .product-callout__item .dot-product .dot-product__card.in-view,.product-callout .product-callout__item .dot-product.in-view{display:block}@media only screen and (min-width:750px){.product-callout .product-callout__item .dot-product{position:absolute;display:none}.product-callout .product-callout__item .dot-product[data-position=top]{transform:translate(-50%,0);padding-top:var(--dot-product-pad-bot)}.product-callout .product-callout__item .dot-product[data-position=top] .dot-product__container::before{top:0;left:50%;transform:translate(-50%,-50%)}.product-callout .product-callout__item .dot-product[data-position=bot]{transform:translate(-50%,-100%);padding-bottom:var(--dot-product-pad-bot)}.product-callout .product-callout__item .dot-product[data-position=bot] .dot-product__container::before{bottom:0;left:50%;transform:translate(-50%,50%)}.product-callout .product-callout__item .dot-product[data-position=right]{transform:translate(-100%,-50%);padding-right:calc(var(--dot-product-pad-bot))}.product-callout .product-callout__item .dot-product[data-position=right] .dot-product__container::before{top:50%;right:0;transform:translate(50%,-50%)}.product-callout .product-callout__item .dot-product[data-position=left]{transform:translate(0,-50%);padding-left:var(--dot-product-pad-bot)}.product-callout .product-callout__item .dot-product[data-position=left] .dot-product__container::before{top:50%;left:0;transform:translate(-50%,-50%)}}.product-callout .product-callout__item .dot-product .dot-product__card{display:none}@media only screen and (max-width:749px){.product-callout .product-callout__item .dot-product .dot-product__card{background-color:rgba(var(--color-base-accent-1),.5);padding-bottom:15px;border:2px solid rgb(var(--color-base-accent-1))}.product-callout .product-callout__item .dot-product .dot-product__card .card,.product-callout .product-callout__item .dot-product .dot-product__card .card__inner{--ratio-percent:50%!important}}.product-callout .product-callout__item .dot-product .dot-product__container{padding:15px;background-color:#fff;width:200px;position:relative}@media only screen and (max-width:749px){.product-callout .product-callout__item .dot-product .dot-product__container{padding-left:0;padding-right:0;padding-bottom:0;width:100%}}@media only screen and (min-width:750px){.product-callout .product-callout__item .dot-product .dot-product__container{box-shadow:0 0 4px 2px rgba(0,0,0,.15)}}.product-callout .product-callout__item .dot-product .dot-product__container::before{content:"";width:var(--tri-size);height:var(--tri-size);background-color:#fff;z-index:2;border-radius:100%;position:absolute}@media only screen and (max-width:749px){.product-callout .product-callout__item .dot-product .dot-product__container::before{content:none}}.product-callout .product-callout__item .dot-product .dot-product__container>*{margin-top:0;text-align:center}.product-callout .product-callout__item .dot-product .dot-product__container .image{height:200px;width:200px;margin-left:auto;margin-right:auto}.product-callout .product-callout__item .dot-product .dot-product__container .image img{display:block;height:100%;width:100%;object-fit:cover}.product-callout .product-callout__item .dot-product .dot-product__close{position:absolute;top:0;right:0;padding:5px;z-index:2;cursor:pointer}.product-callout .product-callout__item .dot-product .dot-product__close>div{display:block;height:18px;width:18px;padding:3px;border-radius:100%;background-color:#fff;display:flex;align-items:center;justify-content:center}.product-callout .product-callout__item .dot-product .dot-product__close>div svg{display:block;width:100%;height:100%}@media only screen and (max-width:749px){.product-callout .product-callout__item .dot-product .dot-product__close{display:none}}