feature-section-tabs{display:block}.feature-section-tabs__layout{display:flex;flex-direction:column;gap:1.4rem}.feature-section-tabs__heading{margin-top:0;margin-bottom:0}@media screen and (max-width:989px){.feature-section-tabs__heading{margin-bottom:.8rem}}@media screen and (min-width:990px){.feature-section-tabs__layout{display:grid;grid-template-columns:3fr 2fr;grid-template-rows:auto auto 1fr;grid-template-areas:"media heading" "media text" "media tabs";column-gap:5rem;gap:0 5rem;align-items:start}.feature-section-tabs__heading{grid-area:heading;padding-top:1.6rem;padding-bottom:0;margin-bottom:0}.feature-section-tabs__subtext{grid-area:text;margin-top:2rem}.feature-section-tabs__media-panel{grid-area:media;grid-row:1 / 4;aspect-ratio:unset;height:66rem;max-height:calc(100dvh - var(--section-padding-top, 36px) - var(--section-padding-bottom, 36px))}.feature-section-tabs__tabs-panel{grid-area:tabs;align-self:end}feature-section-tabs.feature-section-tabs--media-right .feature-section-tabs__layout{grid-template-columns:2fr 3fr;grid-template-areas:"heading media" "text    media" "tabs    media"}}.feature-section-tabs__media-panel{position:relative;overflow:hidden;border-radius:var(--media-radius, 0)}@media screen and (max-width:989px){.feature-section-tabs__media-panel{aspect-ratio:4 / 3}}.feature-section-tabs__media-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease}.feature-section-tabs__media-slide.is-active{opacity:1;visibility:visible}.feature-section-tabs__media-slide img,.feature-section-tabs__media-slide video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.feature-section-tabs__media-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-foreground),.04);display:flex;align-items:center;justify-content:center}.feature-section-tabs__media-placeholder .placeholder-svg{width:100%;height:auto;opacity:.4}.feature-section-tabs__tabs-panel{width:100%}.feature-section-tabs__tabs{display:flex;flex-direction:column;width:100%;border-top:.1rem solid rgba(var(--color-foreground),.12)}.feature-section-tabs__tab{display:flex;align-items:flex-start;gap:1.6rem;width:100%;padding:1.8rem 0;border:none;background:transparent;color:rgb(var(--color-foreground));font-family:inherit;text-align:left;cursor:pointer;position:relative;-webkit-appearance:none;appearance:none}.feature-section-tabs__tab-number{font-size:1.1rem;line-height:1;font-variant-numeric:tabular-nums;min-width:2rem;padding-top:.35em;color:rgba(var(--color-foreground),.4);flex-shrink:0;transition:color .25s ease;letter-spacing:.02em}.feature-section-tabs__tab.is-active .feature-section-tabs__tab-number{color:rgb(var(--color-foreground))}.feature-section-tabs__tab-content{flex:1;min-width:0}.feature-section-tabs__tab-title{display:block;font-size:1.8rem;font-weight:var(--font-weight-medium);line-height:1.2;margin-bottom:0;color:rgba(var(--color-foreground),.4);transition:color .25s ease}.feature-section-tabs__tab.is-active .feature-section-tabs__tab-title{color:rgb(var(--color-foreground))}.feature-section-tabs__tab-body-wrapper{overflow:hidden;height:0;transition:height .4s ease}.feature-section-tabs__tab-body{padding-top:1rem;padding-bottom:.4rem;font-size:1.6rem;line-height:1.4}.feature-section-tabs__tab-body p{margin-top:0;margin-bottom:0}.feature-section-tabs__progress-track{position:absolute;bottom:0;left:0;right:0;height:.1rem;background-color:rgba(var(--color-foreground),.12);overflow:hidden}.feature-section-tabs__progress-fill{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--color-foreground));transform-origin:left center;transform:scaleX(0)}.feature-section-tabs__tab.is-active .feature-section-tabs__progress-fill{animation:fstProgressFill var(--fst-autoplay-duration, 5s) linear forwards}.feature-section-tabs__tab.is-active.is-paused .feature-section-tabs__progress-fill{animation-play-state:paused}@keyframes fstProgressFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.feature-section-tabs__subtext{margin-bottom:0;font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.65)}.feature-section-tabs__subtext p{margin-top:0;margin-bottom:0}@media screen and (max-width:749px){.feature-section-tabs__tab-title{font-size:1.6rem}.feature-section-tabs__tab-body{font-size:1.5rem}.feature-section-tabs__tab{gap:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/254/assets/feature-section-tabs.css.map */