@media(max-width:767px){.xo-top-features__grid{--container-m: (var(--xo-container-gap) - var(--xo-container-gap-mobile, var(--xo-container-gap))) / (var(--container-max-viewport) - var(--container-min-viewport));--container-gap: clamp( min(var(--xo-container-gap-mobile, var(--xo-container-gap)) * 1rem, var(--xo-container-gap) * 1rem), calc(var(--container-m) * 100vw + var(--xo-container-gap-mobile, var(--xo-container-gap)) * 1rem - var(--container-m) * var(--container-min-viewport) * 1rem), max(var(--xo-container-gap) * 1rem, var(--xo-container-gap-mobile) * 1rem) );padding-left:var(--container-gap, 2rem);padding-right:var(--container-gap, 2rem)}}@media(min-width:1400px){.xo-top-features__carousel--trigger xo-carousel-slide:not([xo-active]):has(+xo-carousel-slide:not([xo-active])+xo-carousel-slide[xo-active]) .xo-top-features__wrapper{margin-top:20rem}}.xo-top-features__carousel--trigger xo-carousel-slide:not([xo-active]):has(+xo-carousel-slide:not([xo-active])+xo-carousel-slide[xo-active]) .xo-top-features__wrap-inner{justify-content:flex-start}@media(min-width:1400px){.xo-top-features__carousel--trigger xo-carousel-slide[xo-next]+xo-carousel-slide .xo-top-features__wrapper{margin-top:20rem}}.xo-top-features__carousel--trigger xo-carousel-slide[xo-next]+xo-carousel-slide .xo-top-features__wrap-inner{justify-content:flex-end}.xo-top-features__image--2,.xo-top-features__image--3,.xo-top-features__image--4,.xo-top-features__hotspot-content{box-shadow:0 4.163px 13.53px #00000021}.xo-top-features__hotspot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:50% 50%;width:2rem;height:2rem;border-radius:50%}.xo-top-features__hotspot--01{border:.5rem solid color-mix(in srgb,rgba(var(--color-foreground-2)) 100%,transparent);background-color:transparent;z-index:1;opacity:.2;animation:dot1 2s infinite}.xo-top-features__hotspot--02{background-color:color-mix(in srgb,rgba(var(--color-foreground-2)) 100%,transparent);z-index:2;animation:dot2 2s infinite}.xo-top-features__hotspot--03{background-color:color-mix(in srgb,rgba(var(--color-foreground-2)) 100%,transparent);z-index:3;animation:dot3 1s alternate infinite}.xo-top-features__button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:50% 50%;border-radius:50%;width:3.6rem;height:3.6rem}.xo-top-features__button--01{border:.5rem solid color-mix(in srgb,rgba(var(--color-primary)) 100%,transparent);background-color:transparent;z-index:1;opacity:.2;animation:dot1 2s infinite;animation-delay:1s}.xo-top-features__button--02{background-color:color-mix(in srgb,rgba(var(--color-primary)) 100%,transparent);z-index:2;animation:dot2 2s infinite;animation-delay:1s}.xo-top-features__button--03{background-color:color-mix(in srgb,rgba(var(--color-primary)) 100%,transparent);z-index:3;animation:dot3 1s alternate infinite;animation-delay:1s}@keyframes dot1{0%{opacity:.2;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%) scale(3)}}@keyframes dot2{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@keyframes dot3{0%{transform:translate(-50%,-50%)}to{transform:translate(-50%,-50%) scale(1.1)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-top-features.css.map */