.interactive-feature-showcase{position:relative}.interactive-feature-showcase__inner--full{padding-inline:2rem}.interactive-feature-showcase__title{margin:0 0 3.2rem;text-align:center}.interactive-feature-showcase__desktop{display:none}.interactive-feature-showcase__mobile{display:block;overflow:hidden}.interactive-feature-showcase__mobile-track{display:flex;gap:var(--interactive-feature-gap, 2rem);margin:0;padding:0 0 .4rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.interactive-feature-showcase__mobile-track::-webkit-scrollbar{display:none}.interactive-feature-showcase__mobile-slide{flex:0 0 min(86%,38rem);scroll-snap-align:start}.interactive-feature-showcase__mobile-media,.interactive-feature-showcase__media{position:relative;min-width:0;overflow:hidden;border-radius:var(--media-radius);background:rgba(var(--color-foreground),.04)}.interactive-feature-showcase__mobile-media{aspect-ratio:716 / 500;margin-bottom:1.8rem}.interactive-feature-showcase__mobile-media img,.interactive-feature-showcase__media img{display:block;width:100%;height:100%;object-fit:cover}.interactive-feature-showcase__mobile-title{margin:0 0 1rem}.interactive-feature-showcase__mobile-description,.interactive-feature-showcase__module-description{color:rgba(var(--color-foreground),.82)}.interactive-feature-showcase__mobile-description>*:first-child,.interactive-feature-showcase__module-description>*:first-child{margin-top:0}.interactive-feature-showcase__mobile-description>*:last-child,.interactive-feature-showcase__module-description>*:last-child{margin-bottom:0}.interactive-feature-showcase__mobile-description ul,.interactive-feature-showcase__module-description ul{margin-block:0;padding-left:1.8rem}.interactive-feature-showcase__mobile-description li+li,.interactive-feature-showcase__module-description li+li{margin-top:.7rem}@media screen and (min-width:750px){.interactive-feature-showcase__inner--full{padding-inline:6.4rem}}@media screen and (min-width:990px){.interactive-feature-showcase__title{margin-bottom:4.8rem}.interactive-feature-showcase__mobile{display:none}.interactive-feature-showcase__desktop{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:var(--interactive-feature-gap, 2rem);align-items:stretch;width:100%;min-width:0}.interactive-feature-showcase__media,.interactive-feature-showcase__modules{min-width:0}.interactive-feature-showcase__media{width:100%;min-height:clamp(44rem,36vw,56rem);height:100%;aspect-ratio:auto}.interactive-feature-showcase__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transform:scale(1.015);transition:opacity .28s ease,transform .42s ease,visibility .28s ease}.interactive-feature-showcase__image.is-active{opacity:1;visibility:visible;transform:scale(1)}.interactive-feature-showcase__modules{display:flex;flex-direction:column;align-self:stretch;border-top:.1rem solid rgba(var(--color-foreground),.1)}.interactive-feature-showcase__module{flex:0 0 auto;min-width:0;min-height:8rem;display:flex;flex-direction:column;justify-content:center;padding:2rem 2.4rem;border:0;border-bottom:.1rem solid rgba(var(--color-foreground),.1);border-radius:0;background:transparent;color:rgb(var(--color-foreground));text-align:left;cursor:pointer;transition:background-color var(--duration-short) ease,padding .22s ease}.interactive-feature-showcase__module:hover,.interactive-feature-showcase__module:focus-visible,.interactive-feature-showcase__module.is-active{background:rgba(var(--color-foreground),.045)}.interactive-feature-showcase__module.is-active{min-height:18rem;padding-top:2.8rem;padding-bottom:2.8rem}.interactive-feature-showcase__module-title{margin:0;max-width:100%}.interactive-feature-showcase__module-description{max-height:0;min-width:0;overflow:hidden;opacity:0;margin-top:0;transition:max-height .32s ease,opacity .22s ease,margin-top .26s ease}.interactive-feature-showcase__module-description>div{min-width:0}.interactive-feature-showcase__module.is-active .interactive-feature-showcase__module-description{max-height:60rem;overflow:visible;opacity:1;margin-top:1.2rem}}@media screen and (min-width:1200px){.interactive-feature-showcase__desktop{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.interactive-feature-showcase__image,.interactive-feature-showcase__module,.interactive-feature-showcase__module-description{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-interactive-feature-showcase.css.map */