.interactive-hero{width:100%;overflow:hidden}.interactive-hero__media{position:relative;margin:0 auto}.interactive-hero__image-wrapper{position:relative;width:100%;height:100%;overflow:hidden;line-height:0}.interactive-hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.interactive-hero__hotspot{position:absolute;transform:translate(-50%,-50%);z-index:3}.interactive-hero__button{width:24px;height:24px;border:2px solid rgba(255,255,255,.95);border-radius:999px;background:#ffffff1f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;position:relative;padding:0;box-shadow:0 4px 18px #00000014}.interactive-hero__button:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:999px;background:#fffffff2}.interactive-hero__button:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:999px;border:1px solid rgba(255,255,255,.35);animation:hotspotPulse 2.2s infinite}.interactive-hero__hotspot:hover .interactive-hero__button,.interactive-hero__hotspot:focus-within .interactive-hero__button{transform:scale(1.08)}@keyframes hotspotPulse{0%{transform:scale(.92);opacity:.9}70%{transform:scale(1.45);opacity:0}to{transform:scale(1.45);opacity:0}}.interactive-hero__popup{position:absolute;top:50%;left:calc(100% + 16px);transform:translateY(-50%);min-width:220px;max-width:280px;padding:16px 18px;border-radius:18px;background:#ffffffeb;color:#111;box-shadow:0 16px 40px #0000001f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;z-index:5}.interactive-hero__popup--left{left:auto;right:calc(100% + 16px)}.interactive-hero__hotspot:hover .interactive-hero__popup,.interactive-hero__hotspot:focus-within .interactive-hero__popup{opacity:1;visibility:visible;pointer-events:auto}.interactive-hero__popup-title{margin:0 0 8px;font-size:1.8rem;line-height:1.2;font-weight:700}.interactive-hero__popup-text{margin:0;font-size:1.4rem;line-height:1.5;color:#111111d1}@media screen and (max-width:749px){.interactive-hero__media{max-width:100%!important;height:auto!important}.interactive-hero__image-wrapper{height:auto!important;aspect-ratio:auto}.interactive-hero__image{width:100%;height:auto;object-fit:contain}.interactive-hero__button{width:20px;height:20px}.interactive-hero__button:before{top:4px;right:4px;bottom:4px;left:4px}.interactive-hero__popup{min-width:170px;max-width:220px;padding:12px 14px}.interactive-hero__popup-title{font-size:1.5rem}.interactive-hero__popup-text{font-size:1.2rem;line-height:1.45}}
/*# sourceMappingURL=/cdn/shop/t/3/compiled_assets/styles.css.map */