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