.interactive-feature{--_dot-size: 1.6rem;--_dot-bg: #002a5c;--_dot-active-bg: #3057a7;--_text-active-bg: #f0f4f8;--_text-active-border: #002a5c;--_transition-fast: .2s ease-in-out;--_transition-slow: .4s ease-in-out;--_font-size: .8rem}@media screen and (min-width: 768px){.interactive-feature{--_dot-size: 2rem;--_font-size: 1rem}}.interactive-feature__image-ratio{aspect-ratio:4/5;width:100%}.interactive-feature__image-mobile{aspect-ratio:1}.interactive-feature__image-mobile img{border-radius:1rem}.feature-scroll-wrapper{display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative}.feature-text-mobile-container{flex:1;position:relative}.feature-text-mobile{display:none;background:#f9f9f9;padding:1rem;border-radius:.75rem;box-shadow:0 1px 4px #0000001a;opacity:0;transform:translateY(.5rem);transition:opacity var(--_transition-slow),transform var(--_transition-slow)}.feature-text-mobile.active{display:block;opacity:1;transform:translateY(0)}.feature-scroll-wrapper .scroll-arrow{background:none;border:none;font-size:2rem;color:var(--_dot-active-bg);cursor:pointer;padding:0;transition:color var(--_transition-fast);line-height:1;display:flex;width:28px;height:28px;align-items:center;justify-content:center}.feature-scroll-wrapper .scroll-arrow svg path{fill:currentColor}.feature-scroll-wrapper .scroll-arrow.left{transform:rotate(180deg)}.feature-dot,.feature-dot-mobile{position:absolute;background:var(--_dot-bg);color:#fff;border:none;border-radius:50%;width:var(--_dot-size);height:var(--_dot-size);font-size:var(--_font-size);cursor:pointer;transform:translate(-50%,-50%);z-index:2;transition:background-color var(--_transition-fast),box-shadow var(--_transition-fast),transform var(--_transition-fast)}.feature-dot:hover,.feature-dot-mobile:hover{transform:translate(-50%,-50%) scale(1.1)}.feature-dot.active,.feature-dot-mobile.active{background-color:var(--_dot-active-bg);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--_dot-active-bg)}.feature-text,.feature-text-mobile{padding:1rem;border-radius:.5rem;border:1px solid transparent;transition:background-color var(--_transition-fast),border-color var(--_transition-fast);width:100%;background:#fff}@media screen and (min-width: 768px){.feature-text,.feature-text-mobile{padding:1rem .8rem}}@media screen and (min-width: 1024px){.feature-text,.feature-text-mobile{padding:1rem}}.feature-text.active{background-color:var(--_text-active-bg);border-color:var(--_text-active-border)}.feature-text h3,.feature-text-mobile h3{font-size:var(--_font-size-title)}@media screen and (min-width: 768px){.interactive-feature__mobile-scroll{display:none}.interactive-feature__image{flex:1 1 50%}.interactive-feature__image img{border-radius:1rem}.interactive-feature__features{flex:1 1 45%}}
/*# sourceMappingURL=/cdn/shop/t/863/assets/section-interactive-product-features.css.map */