.slideshow.slideshow--hotspot{width:100%!important;height:var(--custom-mobile-height, auto)!important;overflow:hidden!important;position:relative!important;border-radius:var(--radius-image, 0);contain:layout}@media (min-width: 750px){.slideshow.slideshow--hotspot{height:var(--custom-desktop-height, auto)!important}}.slideshow.slideshow--hotspot .slideshow__slides{height:100%;background-color:var(--color-background)}.slideshow.slideshow--hotspot .slideshow-slide{height:100%}.slideshow.slideshow--hotspot .slideshow-slide__media-wrapper{height:100%;width:100%;border-radius:var(--radius-image, 0);overflow:hidden}.slideshow.slideshow--hotspot .slideshow-slide__media{width:100%;height:100%;border-radius:var(--radius-image, 0)}.slideshow.slideshow--hotspot .slideshow-slide__overlay{border-radius:var(--radius-image, 0);position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.slideshow.slideshow--hotspot .slideshow-slide__media--image-mobile{display:block}.slideshow.slideshow--hotspot .slideshow-slide__media--image-desktop{display:none}@media (min-width: 750px){.slideshow.slideshow--hotspot .slideshow-slide__media--image-mobile{display:none}.slideshow.slideshow--hotspot .slideshow-slide__media--image-desktop{display:block}}.slideshow.slideshow--hotspot .slideshow-slide__media{object-fit:contain}.slideshow.slideshow--hotspot .slideshow__pagination-wrapper{display:none}@media (min-width: 720px){.slideshow.slideshow--hotspot .slideshow__pagination-wrapper{display:inline-flex}}.slideshow.slideshow--hotspot .slideshow-slide.js-slideshow-hotspot-slide,.slideshow.slideshow--hotspot .slideshow-slide[js-slideshow-hotspot-slide]{cursor:auto!important}.slideshow.slideshow--hotspot .slideshow-slide.js-slideshow-hotspot-slide *,.slideshow-slide[js-slideshow-hotspot-slide] *{cursor:auto}.slideshow.slideshow--hotspot .slideshow__nav-arrows{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:4}.slideshow.slideshow--hotspot .slideshow__nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#fff;color:var(--brand-primary-background);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all var(--animation-timing-300, .3s) var(--ease-out-quart, ease-out);opacity:0;visibility:hidden;z-index:4;box-shadow:var(--box-shadow-action-button-level-2)}.slideshow.slideshow--hotspot .slideshow__nav-arrow--prev{left:var(--spacing-250, 20px)}.slideshow.slideshow--hotspot .slideshow__nav-arrow--next{right:var(--spacing-250, 20px)}.slideshow.slideshow--hotspot .slideshow__nav-arrow svg path{transition:all var(--animation-timing-150, .15s) var(--ease-out-quart, ease-out)}.slideshow.slideshow--hotspot .slideshow__nav-arrow--prev svg path.chevron{transform:translate(4px)}.slideshow.slideshow--hotspot .slideshow__nav-arrow--next svg path.chevron{transform:translate(-4px)}.slideshow.slideshow--hotspot .slideshow__nav-arrow svg path.stem{transform:scaleX(0);transform-origin:75% 50%;transition-duration:var(--animation-timing-150, .15s)}.slideshow.slideshow--hotspot .slideshow__nav-arrow:hover{background-color:var(--color-solid-button-background);color:var(--color-solid-button-text);box-shadow:var(--box-shadow-action-button-level-3)}.slideshow__nav-arrow:hover svg path.chevron{transform:translate(0)}.slideshow__nav-arrow:hover svg path.stem{transform:scaleX(1);transition-duration:var(--animation-timing-150, .15s)}@media (max-width: 719px){.slideshow__nav-arrow{visibility:visible;opacity:1}}@media (min-width: 720px) and (max-width: 1023px){.slideshow__nav-arrow{visibility:visible;opacity:1}}@media (min-width: 1024px){.slideshow__nav-arrow{opacity:0}.slideshow__nav-arrow--prev{transform:translateY(-50%) translate(-20px)}.slideshow__nav-arrow--next{transform:translateY(-50%) translate(20px)}.slideshow:hover .slideshow__nav-arrow,.slideshow__nav-arrow:hover{opacity:1}.slideshow:hover .slideshow__nav-arrow--prev,.slideshow__nav-arrow--prev:hover,.slideshow:hover .slideshow__nav-arrow--next,.slideshow__nav-arrow--next:hover{transform:translateY(-50%) translate(0)}}.slideshow-hotspot-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;pointer-events:none}.slideshow-hotspot{position:absolute;width:40px;height:40px;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;pointer-events:auto;z-index:1;padding:0;left:var(--mobile-position-x)!important;top:var(--mobile-position-y)!important}@media (min-width: 750px){.slideshow-hotspot{left:var(--desktop-position-x)!important;top:var(--desktop-position-y)!important}}.slideshow-hotspot__dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background-color:var(--brand-secondary-foreground);border:2px solid var(--brand-secondary-foreground);border-radius:50%;transition:all .3s ease;z-index:2}.slideshow-hotspot__pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-color:var(--brand-secondary-foreground);border-radius:50%;opacity:.3;animation:hotspot-pulse 2s ease-out infinite;z-index:1}@keyframes hotspot-pulse{0%{transform:translate(-50%,-50%) scale(.4);opacity:.5}50%{opacity:.3}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@media (max-width: 719px){.slideshow-hotspot__dot{width:8px;height:8px}.slideshow-hotspot__pulse{width:24px;height:24px}}.slideshow-hotspot:hover,.slideshow-hotspot:hover .slideshow-hotspot__dot,.slideshow-hotspot:hover .slideshow-hotspot__pulse{cursor:pointer}.slideshow-hotspot:hover .slideshow-hotspot__dot{transform:translate(-50%,-50%) scale(1.2);background-color:var(--brand-secondary-background);border-color:var(--brand-secondary-background)}.slideshow-hotspot:hover .slideshow-hotspot__pulse{opacity:.5}.slideshow-hotspot-popup{position:absolute;z-index:5;pointer-events:auto;left:var(--popup-x);top:var(--popup-y)}.slideshow-hotspot-popup[hidden]{display:none}.slideshow-hotspot-popup__wrapper{position:relative;background-color:var(--color-background);border-radius:var(--radius-card);box-shadow:0 4px 20px #00000026;pointer-events:auto;opacity:0;transform:scale(.95);transition:all .2s ease}.slideshow-hotspot-popup:not([hidden]) .slideshow-hotspot-popup__wrapper{opacity:1;transform:scale(1)}@media (min-width: 750px){.slideshow-hotspot-popup{min-width:200px}.slideshow-hotspot-popup--top{left:var(--popup-x)!important;top:var(--popup-y)!important;transform:translate(-50%,calc(-100% - 32px))!important}.slideshow-hotspot-popup--bottom{left:var(--popup-x)!important;top:var(--popup-y)!important;transform:translate(-50%,32px)!important}.slideshow-hotspot-popup--left{left:var(--popup-x)!important;top:var(--popup-y)!important;transform:translate(calc(-100% - 32px),-50%)!important}.slideshow-hotspot-popup--right{left:var(--popup-x)!important;top:var(--popup-y)!important;transform:translate(32px,-50%)!important}}@media (min-width: 1024px){.slideshow-hotspot-popup{min-width:300px}}.slideshow-hotspot-popup__close{position:absolute;top:8px;right:8px;width:28px;height:28px;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;z-index:2;color:var(--color-text);display:none}.slideshow-hotspot-popup__close:hover{background-color:var(--color-text-alpha-10)}.slideshow-hotspot-popup__wrapper:before{content:"";position:absolute;width:0;height:0;border:8px solid transparent}.slideshow-hotspot-popup__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-100);max-width:200px;text-align:center;padding:var(--spacing-100)}@media (min-width: 749px){.slideshow-hotspot-popup__content{max-width:300px;padding:var(--spacing-200)}}.slideshow-hotspot-popup__title{margin:0}.slideshow-hotspot-popup__text{color:var(--color-text);font-size:var(--font-size-body-50)}.slideshow-hotspot-popup__button{margin-top:var(--spacing-100)}.slideshow-hotspot-product{display:flex;text-decoration:none;color:inherit;transition:opacity .2s ease;max-width:200px}@media (min-width: 749px){.slideshow-hotspot-product{max-width:320px;gap:var(--spacing-100);padding:var(--spacing-200)}}.slideshow-hotspot-product:hover{opacity:.8;cursor:pointer}.slideshow-hotspot-product__image-wrapper{display:none;position:relative;width:40%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius-image);background-color:var(--color-background-secondary)}@media (min-width: 749px){.slideshow-hotspot-product__image-wrapper{display:block}}.slideshow-hotspot-product__image{width:100%;height:100%;object-fit:cover}.slideshow-hotspot-product__info{display:flex;width:75%;flex-direction:column;gap:var(--spacing-100);padding:var(--spacing-100);border-right:1px solid var(--color-lines-and-borders)}@media (min-width: 749px){.slideshow-hotspot-product__info{width:60%;padding:0;border-right:none}}.slideshow-hotspot-product__redirect{display:flex;width:25%;justify-content:center}@media (min-width: 749px){.slideshow-hotspot-product__redirect{display:none}}.slideshow-hotspot-product__title{margin:0;font-size:var(--fs-body-200);font-weight:600}.slideshow-hotspot-product__price{font-size:var(--fs-body-200);font-weight:500}.slideshow-hotspot-product__loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-600);color:var(--color-foreground-secondary)}.slideshow-hotspot-product__error{padding:var(--spacing-400);background-color:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:var(--radius-card);color:#c00;text-align:center}@media (max-width: 749px){.slideshow-hotspot-product__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slideshow-hotspot-product__price{opacity:.5}.slideshow-hotspot-product__info{gap:var(--spacing-50)}.slideshow-hotspot-popup{left:50%!important;top:auto!important;bottom:var(--spacing-400)!important;transform:translate(-50%)!important}.slideshow-hotspot-popup--top,.slideshow-hotspot-popup--bottom,.slideshow-hotspot-popup--left,.slideshow-hotspot-popup--right{left:50%!important;top:auto!important;bottom:var(--spacing-200)!important;right:auto!important;transform:translate(-50%)!important;margin:0!important}.slideshow-hotspot-popup__wrapper:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/slideshow-hotspot.css.map */