.shoppable-image{display:block}@media screen and (max-width:989px){.shoppable-image-section--hide-mobile{display:none}}.shoppable-image__container{position:relative}.shoppable-image__slide{width:100%}.shoppable-image__grid-item{display:flex;flex-direction:column}.shoppable-image__grid-content{margin-top:1.5rem}.shoppable-image__slider{position:relative}.shoppable-image__slider .slider-counter{border-radius:999px;color:#000;min-height:2.75rem;padding:0 .5rem;text-shadow:none;align-items:center}.shoppable-image__slider .slider-counter-mobile{background:rgb(var(--palette-four-background));color:rgb(var(--palette-four-text));width:auto}.shoppable-image__slider .slider-counter-mobile .slider-counter__link,.shoppable-image__slider .slider-counter-mobile .slider-counter__link--numbers:hover,.shoppable-image__slider .slider-counter-mobile .slider-counter__link--active.slider-counter__link--numbers{color:rgb(var(--palette-four-text))}.shoppable-image__slider .slider-counter-mobile .slider-counter__link--dots .dot,.shoppable-image__slider .slider-counter-mobile .slider-counter__link--dots-2 .dot-2{background-color:transparent;border-color:currentColor;color:rgb(var(--palette-four-text))}.shoppable-image__slider .slider-counter-mobile .slider-counter__link--active.slider-counter__link--dots .dot,.shoppable-image__slider .slider-counter-mobile .slider-counter__link--active.slider-counter__link--dots-2 .dot-2{background-color:currentColor;border-color:currentColor;opacity:1}.shoppable-image__slider .slider-counter__link--numbers:hover,.shoppable-image__slider .slider-counter__link--active.slider-counter__link--numbers{color:#fff}.shoppable-image__slider .slider-counter__link--dots .dot{background-color:transparent;border:2px solid #ffffff}.shoppable-image__slider .slider-counter__link--active.slider-counter__link--dots .dot{background-color:#fff;border:2px solid #ffffff}.shoppable-image__slider .slider-counter__link--dots-2 .dot-2{background-color:#fff;border:2px solid #ffffff;opacity:.55}.shoppable-image__slider .slider-counter__link--active.slider-counter__link--dots-2 .dot-2{background-color:#fff;border-color:#fff;opacity:1}.shoppable-image__slider .slider-counter__link:not(.slider-counter__link--active) .dot{opacity:1}.shoppable-image__slider .slider-counter__link:focus-visible{outline:.2rem solid currentColor;outline-offset:.2rem}.shoppable-image__stage,.shoppable-image__image-wrapper{overflow:hidden;position:relative;touch-action:pan-x;width:100%}.shoppable-image__media,.shoppable-image__media picture{display:block;position:relative;touch-action:pan-x;width:100%}.shoppable-image__media:after{background:#000;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.shoppable-image__hotspot-toggle{align-items:center;background:rgb(var(--palette-four-background));border:0;border-radius:50%;color:rgb(var(--palette-four-text));cursor:pointer;display:none;height:2.75rem;justify-content:center;padding:0;position:absolute;right:1rem;top:1rem;width:2.75rem;z-index:6}.shoppable-image__hotspot-toggle .icon{display:block;height:1.2rem;width:1.2rem}.shoppable-image__hotspot-toggle-icon--show,.shoppable-image--hotspots-hidden .shoppable-image__hotspot-toggle-icon--hide{display:none}.shoppable-image--hotspots-hidden .shoppable-image__hotspot-toggle-icon--show{display:block}.shoppable-image__hotspot-toggle:focus-visible{outline:.2rem solid #ffffff;outline-offset:.2rem;box-shadow:0 0 0 .4rem #0000008c}.shoppable-image__image,.shoppable-image__placeholder{-webkit-user-drag:none;display:block;height:auto;-webkit-user-select:none;user-select:none;width:100%;border-radius:var(--media-radius)}.shoppable-image__content{display:flex;top:0;right:0;bottom:0;left:0;padding:2rem 4rem;pointer-events:none;position:absolute;z-index:2}.shoppable-image__content-box{color:inherit;pointer-events:auto;width:100%;align-items:center}.shoppable-image__content-box--transparent{background:transparent}.shoppable-image__content--left{align-items:center;justify-content:flex-start}.shoppable-image__content--center{align-items:center;justify-content:center}.shoppable-image__content--right{align-items:center;justify-content:flex-end}.shoppable-image__content-text--left{text-align:left}.shoppable-image__content-text--center{text-align:center}.shoppable-image__content-text--right{text-align:right}.shoppable-image__heading,.shoppable-image__text,.shoppable-image__buttons{margin:0}.shoppable-image__text,.shoppable-image__buttons{margin-top:1rem}.shoppable-image__coordinate-helper{background:rgb(var(--palette-four-background));border-radius:var(--popup-corner-radius);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));color:rgb(var(--palette-four-text));display:grid;gap:.75rem;left:1rem;max-width:min(28rem,calc(100% - 2rem));padding:1rem;position:absolute;top:1rem;z-index:6}.shoppable-image__coordinate-helper--right{left:auto;right:1rem}.shoppable-image__coordinate-helper p{margin:0}.shoppable-image__coordinate-helper-heading,.shoppable-image__coordinate-helper-values{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1rem}.shoppable-image__coordinate-helper-values{font-weight:600}.shoppable-image__coordinate-marker{border:.2rem solid rgb(var(--palette-four-background));border-radius:50%;box-shadow:0 0 0 .2rem rgba(var(--palette-four-text),.55);height:1.4rem;left:var(--coordinate-helper-x, 50%);pointer-events:none;position:absolute;top:var(--coordinate-helper-y, 50%);transform:translate(-50%,-50%);width:1.4rem;z-index:6}.shoppable-image--coordinate-helper .shoppable-image__media{cursor:crosshair}.shoppable-image--coordinate-helper .shoppable-image__hotspot{display:none;pointer-events:none}.shoppable-image__hotspot{left:var(--hotspot-x);position:absolute;top:var(--hotspot-y);z-index:3}.shoppable-image__hotspot--active{z-index:5}.shoppable-image__button{align-items:center;background:transparent;border-radius:50%;color:rgb(var(--palette-four-background));cursor:pointer;display:flex;height:2.75rem;width:2.75rem;justify-content:center;padding:0;position:relative;transform:translate(-50%,-50%);transition:transform .16s ease,box-shadow .16s ease}.shoppable-image__button:after{background:currentColor;border-radius:50%;content:"";height:1rem;width:1rem}.shoppable-image__button:before{background:#3b3b3b80;border:2px solid #ffffff;border-radius:50%;content:"";top:.55rem;right:.55rem;bottom:.55rem;left:.55rem;opacity:1;position:absolute;z-index:-1}.shoppable-image__button:hover,.shoppable-image__button:focus-visible,.shoppable-image__button[aria-expanded=true]{transform:translate(-50%,-50%) scale(1.08);color:rgb(var(--palette-four-background))}.shoppable-image__button:focus-visible{outline:.2rem solid #ffffff;outline-offset:.3rem;box-shadow:0 0 0 .45rem #0000008c}.shoppable-image__card{background:rgb(var(--palette-four-background));border-radius:var(--popup-corner-radius);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));color:rgb(var(--palette-four-text));max-width:min(26rem,calc(100vw - 4rem));min-width:12rem;position:absolute;z-index:4;font-size:.825rem;display:flex;align-items:center}.shoppable-image__card-item{width:85%;padding:1rem;border-right:1px solid #000000;display:flex;align-items:center;column-gap:.5rem}.shoppable-image__card-icon{display:flex;align-items:center;justify-content:center;width:15%;padding:.25rem}.shoppable-image__card-icon .icon{transform:rotate(270deg);max-width:1.25rem;min-width:1rem}.shoppable-image__card[hidden]{display:none}.shoppable-image__hotspot--top .shoppable-image__card{bottom:calc(100% + 1.75rem);left:50%;transform:translate(-50%)}.shoppable-image__hotspot--bottom .shoppable-image__card{left:50%;top:calc(100% + 1.75rem);transform:translate(-50%)}.shoppable-image__hotspot--left .shoppable-image__card{right:calc(100% + 1.75rem);top:50%;transform:translateY(-50%)}.shoppable-image__hotspot--right .shoppable-image__card{left:calc(100% + 1.75rem);top:50%;transform:translateY(-50%)}.shoppable-image__hotspot--active .shoppable-image__card,.shoppable-image__card--active{bottom:auto;left:var(--hotspot-card-left);position:absolute;right:auto;top:var(--hotspot-card-top);transform:none;z-index:9999;box-shadow:0 0 9px #0000001a}.shoppable-image__card-link{align-items:center;color:inherit;display:flex;text-decoration:none;width:100%;max-width:15rem}.shoppable-image__card-media{max-width:3rem}.shoppable-image__card-image{display:block;height:auto;width:100%}.shoppable-image__card-title{display:block;font-weight:400;line-height:normal;margin-bottom:.5rem}.shoppable-image__card-price .price__container,.shoppable-image__card-price .price__regular .price__container,.shoppable-image__card-price .price__sale .price__container{align-items:baseline;display:flex;flex-wrap:wrap;gap:.25rem .5rem}.shoppable-image__card-price .price .price-item{display:inline}.shoppable-image__card-empty{font-size:1.3rem;line-height:1.35}@media screen and (max-width:989px){.shoppable-image__coordinate-helper{margin-top:1rem;max-width:100%;position:relative;left:auto;top:auto;z-index:1}.shoppable-image--mobile-text-below .shoppable-image__content{inset:auto;position:relative}.shoppable-image__content{align-items:center;padding:1.5rem}.shoppable-image__content-mobile--left{justify-content:flex-start}.shoppable-image__content-mobile--center{justify-content:center}.shoppable-image__content-mobile--right{justify-content:flex-end}.shoppable-image__hotspot-toggle{display:flex}.shoppable-image__content-box{max-width:100%;padding:2rem}.shoppable-image__content-text-mobile--left{text-align:left}.shoppable-image__content-text-mobile--center{text-align:center}.shoppable-image__content-text-mobile--right{text-align:right}.shoppable-image__hotspot--mobile-position,.shoppable-image__hotspot[data-use-mobile-position=true]{left:var(--hotspot-mobile-x);top:var(--hotspot-mobile-y)}.shoppable-image--hotspots-hidden .shoppable-image__hotspot{display:none;pointer-events:none}.shoppable-image__button{height:2rem;width:2rem}.shoppable-image__button:after{height:.75rem;width:.75rem}.shoppable-image__button:before{top:.175rem;right:.175rem;bottom:.175rem;left:.175rem}.shoppable-image__card{min-width:12rem}}@media screen and (max-width:749px){.shoppable-image__button{height:2rem;width:2rem}.shoppable-image__button:after{height:.5rem;width:.5rem}.shoppable-image__button:before{top:.3rem;right:.3rem;bottom:.3rem;left:.3rem}}
/*# sourceMappingURL=/cdn/shop/t/680/assets/section_shoppable-image.css.map */