.product-feature-hotspots{position:relative}.product-feature-hotspots__container{max-width:var(--page-width, 1200px);margin:0 auto;padding:0 1.5rem}.product-feature-hotspots__header{text-align:center;margin-bottom:3rem}.product-feature-hotspots__heading{margin:0}.product-feature-hotspots__wrapper{position:relative;max-width:900px;margin:0 auto}.product-feature-hotspots__banner{position:relative}.product-feature-hotspots__banner--radius{border-radius:.6rem;overflow:hidden}.product-feature-hotspots__banner .xo-image,.product-feature-hotspots__banner .xo-image__placeholder,.product-feature-hotspots__banner .placeholder-svg,.product-feature-hotspots__banner img{width:100%;height:100%}.product-feature-hotspots__placeholder{width:100%;aspect-ratio:1;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.product-feature-hotspots__placeholder svg{width:50%;height:50%;opacity:.5}.product-feature-hotspots__desktop{display:none}@media (min-width: 768px){.product-feature-hotspots__desktop{display:block}}.product-feature-hotspots__mobile{display:block}@media (min-width: 768px){.product-feature-hotspots__mobile{display:none}}.product-feature-hotspots__hotspot{position:absolute;z-index:100;top:calc(var(--top_mb) * 1%);left:calc(var(--left_mb) * 1%);transform:translate(-50%,-50%)}@media (min-width: 768px){.product-feature-hotspots__hotspot{top:calc(var(--top_dt) * 1%);left:calc(var(--left_dt) * 1%)}}.feature-hotspot{position:relative}.feature-hotspot__trigger{display:block;cursor:pointer;outline:none}.feature-hotspot__trigger:focus-visible .feature-hotspot__point--1{outline:2px solid var(--color);outline-offset:4px}.feature-hotspot__dot{position:relative;width:var(--size, 3.2rem);height:var(--size, 3.2rem);display:flex;align-items:center;justify-content:center}.feature-hotspot__point{position:absolute;border-radius:50%;background-color:var(--color, #0066FF)}.feature-hotspot__point--1{width:40%;height:40%;z-index:3;box-shadow:0 2px 8px #00000026}.feature-hotspot__point--2{width:70%;height:70%;opacity:.4;z-index:2;animation:feature-hotspot-pulse 2s ease-in-out infinite;animation-delay:var(--delay, 0s)}.feature-hotspot__point--3{width:100%;height:100%;opacity:.2;z-index:1;animation:feature-hotspot-pulse 2s ease-in-out infinite;animation-delay:calc(var(--delay, 0s) + .3s)}@keyframes feature-hotspot-pulse{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.1);opacity:.35}}.feature-hotspot__point--2{animation-name:feature-hotspot-pulse-mid}@keyframes feature-hotspot-pulse-mid{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.08);opacity:.55}}.feature-hotspot__trigger:hover .feature-hotspot__point--2,.feature-hotspot__trigger:hover .feature-hotspot__point--3{animation-play-state:paused}.feature-hotspot__trigger:hover .feature-hotspot__point--1{transform:scale(1.15);transition:transform .2s ease}.feature-hotspot__popover{background:var(--color-background, #ffffff);box-shadow:0 4px 20px #00000026;max-width:300px}.feature-hotspot__popover--radius{border-radius:12px}.feature-hotspot__content{padding:20px}.feature-hotspot__title{font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 10px;color:var(--color-foreground, #1a1a1a)}.feature-hotspot__description{font-size:.95rem;line-height:1.5;margin:0;color:#666}@media (max-width: 767px){.product-feature-hotspots__header{margin-bottom:2rem}.feature-hotspot__popover{max-width:250px}.feature-hotspot__content{padding:15px}.feature-hotspot__title{font-size:1.1rem;margin-bottom:8px}.feature-hotspot__description{font-size:.9rem;line-height:1.5}}@media (max-width: 480px){.feature-hotspot__popover{max-width:250px}.feature-hotspot__content{padding:15px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-product-feature-hotspots.css.map */