.section-highlight-features .highlight-container{position:relative;display:block}.section-highlight-features .highlight-image{position:relative;border-radius:var(--large-radius)}.section-highlight-features .highlight-image .highlight-spots .spot{position:absolute;transform:translate(calc(-50% * var(--translate-x-direction)),-50%);--color-pulse: var(--color-foreground);animation:pulse 2s cubic-bezier(0,0,.3,1) infinite;width:1.2rem;height:1.2rem;min-width:unset;min-height:unset;padding:0;background:rgba(var(--color-button),.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.section-highlight-features .highlight-image .highlight-spots .spot:hover,.section-highlight-features .highlight-image .highlight-spots .spot[aria-selected=true]{animation-duration:.5s;background:rgb(var(--color-button));-webkit-backdrop-filter:none;backdrop-filter:none}@media screen and (max-width:1199px){.section-highlight-features .highlight-image .highlight-spots .spot{width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center}.section-highlight-features .highlight-image .highlight-spots .spot .spot-number{display:flex!important;font-size:.85rem;font-weight:700;line-height:1;color:#000}.section-highlight-features .highlight-image{margin-block-end:2rem}.section-highlight-features .highlight-features .feature{padding:1rem;border-radius:var(--medium-radius);background:rgba(var(--color-foreground),.05)}.section-highlight-features .highlight-features .feature:not(:last-of-type){margin-block-end:1rem}.section-highlight-features .highlight-features .feature.active{--color-pulse: var(--color-foreground);animation:pulse 1s ease infinite}.section-highlight-features .highlight-features .feature h3 span{display:inline!important}.section-highlight-features .highlight-features .line{display:none}}@media screen and (min-width:750px)and (max-width:1199px){.section-highlight-features .highlight-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.section-highlight-features .highlight-features .feature:not(:last-of-type){margin-block-end:0}}@media screen and (min-width:1200px){.section-highlight-features .section-highlight-features__wrapper{position:relative}.section-highlight-features .section-highlight-features__wrapper>.text-align--right{position:absolute!important;bottom:80px;inset-inline-end:2rem;margin:0!important}.section-highlight-features .highlight-container{perspective:500px}.section-highlight-features .highlight-image{width:40%;margin-block:0;margin-inline:auto;will-change:transform}.section-highlight-features .highlight-features{position:absolute;inset-inline-start:0;inset-block-start:0;width:100%;height:100%;pointer-events:none}.section-highlight-features .highlight-features .feature{position:absolute;transform:translateY(-100%);max-width:25rem;padding-block-end:.5rem;pointer-events:auto}.section-highlight-features .highlight-features .feature.position--left{inset-inline-start:0;inset-inline-end:auto}.section-highlight-features .highlight-features .feature.position--right{inset-inline-start:auto;inset-inline-end:0;text-align:end}.section-highlight-features .highlight-features .feature[data-scroll-synergy-observed=true]{visibility:hidden;opacity:0}.section-highlight-features .highlight-features .feature[data-scroll-synergy-observed=true]+.line{visibility:hidden}.section-highlight-features .highlight-features .feature[data-scroll-synergy-observed=true].synergy-position--2{visibility:visible;animation:fadeIn .3s cubic-bezier(0,0,.3,1) forwards;animation-delay:.5s}.section-highlight-features .highlight-features .feature[data-scroll-synergy-observed=true].synergy-position--2+.line{visibility:visible}.section-highlight-features .highlight-features .feature[data-scroll-synergy-observed=true].position--left.synergy-position--2+.line{animation:growWidthFromRight .5s cubic-bezier(0,0,.3,1) forwards}.section-highlight-features .highlight-features .feature[data-scroll-synergy-observed=true].position--right.synergy-position--2+.line{animation:growWidth .5s cubic-bezier(0,0,.3,1) forwards}.section-highlight-features .highlight-features .line{position:absolute;height:1px;background:rgb(var(--color-button))}.section-highlight-features .highlight-features .line.position--left{inset-inline-start:0;inset-inline-end:auto}.section-highlight-features .highlight-features .line.position--right{inset-inline-start:auto;inset-inline-end:0}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-highlight-features.css.map */