.feature-showcase-section{padding:40px 0;background-color:var(--fs-background-color)}.feature-showcase-container{max-width:1200px;margin:0 auto;padding:0 15px;text-align:center}.feature-showcase-heading{margin-bottom:30px;font-size:var(--fs-heading-size, 36px);font-weight:700;color:var(--fs-heading-color);text-transform:uppercase;letter-spacing:.05em}.feature-showcase-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px}.feature-showcase-tab-button{padding:8px 20px;border:var(--fs-tab-border-width) solid var(--fs-tab-border-color);background-color:var(--fs-tab-bg);color:var(--fs-tab-text);border-radius:var(--fs-tab-border-radius);cursor:pointer;font-size:var(--fs-tab-font-size, 16px);font-weight:600;transition:background-color .2s ease,color .2s ease,border-color .2s ease;text-transform:uppercase;letter-spacing:.05em;line-height:2}.feature-showcase-tab-button:hover{opacity:.8}.feature-showcase-tab-button.is-active{background-color:var(--fs-tab-active-bg);color:var(--fs-tab-active-text);font-weight:700;border-color:var(--fs-tab-active-bg)}.feature-showcase-tab-button:focus-visible{outline:2px solid blue;outline-offset:2px}.feature-showcase-content-area{margin-top:20px}.feature-showcase-description{max-width:800px;margin:0 auto 40px;line-height:1.6;color:var(--fs-description-color);font-size:var(--fs-description-size, 18px)}.feature-showcase-description p{margin-bottom:1em}.feature-showcase-grid{display:grid;grid-template-columns:minmax(auto,200px) minmax(auto,var(--fs-main-image-width, 400px)) minmax(auto,200px);gap:var(--fs-column-gap, 15px);width:fit-content;margin:0 auto;place-items:center;justify-content:center}.feature-showcase-left-column,.feature-showcase-right-column{display:flex;flex-direction:column;gap:var(--fs-side-items-gap, 15px);width:100%;height:100%}.feature-showcase-item{display:flex;flex-direction:column;gap:var(--fs-caption-margin, 16px);height:100%}.feature-showcase-image{width:var(--fs-side-image-width, 140px);aspect-ratio:1;object-fit:cover;border-radius:var(--fs-image-border-radius, 10px);margin:0 auto}.feature-showcase-main-image,.feature-showcase-main-video{width:var(--fs-main-image-width, 200px);aspect-ratio:1;object-fit:cover;border-radius:var(--fs-image-border-radius, 10px);margin:0 auto}.feature-showcase-video-wrapper{position:relative;width:100%;height:100%}.feature-showcase-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .2s ease;pointer-events:none;border-radius:var(--fs-image-border-radius, 10px)}.feature-showcase-play-icon{color:#fff;transform:scale(.9);transition:transform .2s ease}.feature-showcase-video-wrapper.is-paused .feature-showcase-video-overlay{opacity:1}.feature-showcase-video-wrapper.is-paused .feature-showcase-play-icon{transform:scale(1)}.feature-showcase-image-placeholder,.feature-showcase-main-image-placeholder{width:100%;background-color:#f3f4f6;border-radius:var(--fs-image-border-radius, 8px);display:flex;align-items:center;justify-content:center}.feature-showcase-image-placeholder{width:var(--fs-side-image-width, 140px);height:var(--fs-side-image-width, 140px);margin:0 auto}.feature-showcase-main-image-placeholder{width:var(--fs-main-image-width, 200px);height:var(--fs-main-image-width, 200px);margin:0 auto}.feature-showcase-image-placeholder .placeholder-svg,.feature-showcase-main-image-placeholder .placeholder-svg{width:50%;height:auto;opacity:.3}.feature-showcase-text{font-size:var(--fs-caption-size, 16px);font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:center;color:var(--fs-caption-title-color);max-width:var(--fs-side-image-width, 140px);margin:0 auto}.feature-showcase-text-container{width:100%}.feature-showcase-text-container>*{margin-top:0;margin-bottom:0}.feature-showcase-text-description{font-size:var(--fs-caption-description-size, 14px);line-height:1.5;text-align:center;color:var(--fs-caption-description-color);margin-top:.5em;max-width:max(60%,140px);margin-left:auto;margin-right:auto}.feature-showcase-center-column .feature-showcase-text{max-width:var(--fs-main-image-width, 200px);font-size:calc(var(--fs-caption-size, 16px) * 1.25)}.feature-showcase-center-column .feature-showcase-text-description{max-width:var(--fs-main-image-width, 200px)}.feature-showcase-onboarding{margin-top:30px;padding:20px;border:1px dashed #ccc;background-color:#f9f9f9;text-align:center}@media (max-width: 768px){.feature-showcase-description{margin-bottom:20px}.feature-showcase-tabs{margin-bottom:15px}.feature-showcase-tabs[data-mobile-tabs=scroll]{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin-left:-15px;padding:0 15px}.feature-showcase-tabs[data-mobile-tabs=scroll]::-webkit-scrollbar{display:none}.feature-showcase-tab-button{font-size:calc(var(--fs-tab-font-size, 16px) * .9);padding:4px 8px}.feature-showcase-tabs[data-mobile-tabs=scroll] .feature-showcase-tab-button{flex:0 0 auto}.feature-showcase-grid{display:flex;flex-direction:column;gap:var(--fs-mobile-column-gap, 10px);max-width:100%;align-items:center}.feature-showcase-grid[data-mobile-layout=main_top]{display:flex;flex-direction:column;gap:var(--fs-mobile-side-items-gap, 10px);width:100%;max-width:var(--fs-mobile-main-image-width, 300px);align-items:center}.feature-showcase-grid[data-mobile-layout=main_top] .feature-showcase-center-column{width:100%;margin-bottom:var(--fs-mobile-column-gap, 10px);order:-1}.feature-showcase-grid[data-mobile-layout=main_top] .feature-showcase-left-column,.feature-showcase-grid[data-mobile-layout=main_top] .feature-showcase-right-column{display:contents}.feature-showcase-grid[data-mobile-layout=main_top] .feature-showcase-item{display:grid;grid-template-columns:auto 1fr;gap:var(--fs-caption-margin, 16px);align-items:center;text-align:left;width:100%}.feature-showcase-grid[data-mobile-layout=main_top] .feature-showcase-text-container{margin-top:0}.feature-showcase-grid[data-mobile-layout=main_top] .feature-showcase-text,.feature-showcase-grid[data-mobile-layout=main_top] .feature-showcase-text-description{max-width:none;text-align:left;margin:0}.feature-showcase-grid[data-mobile-layout=main_top] .feature-showcase-text-description{margin-top:.25em}.feature-showcase-main-image,.feature-showcase-main-image-placeholder,.feature-showcase-main-video{width:var(--fs-mobile-main-image-width, 200px);height:var(--fs-mobile-main-image-width, 200px)}.feature-showcase-image,.feature-showcase-image-placeholder{width:var(--fs-mobile-side-image-width, 60px);height:var(--fs-mobile-side-image-width, 60px)}.feature-showcase-left-column,.feature-showcase-right-column{gap:var(--fs-mobile-side-items-gap, 10px)}}@media (max-width: 480px){.feature-showcase-heading{font-size:calc(var(--fs-heading-size, 36px) * .75)}.feature-showcase-tabs{gap:8px}.feature-showcase-main-image,.feature-showcase-main-image-placeholder{width:var(--fs-mobile-main-image-width, 200px);height:var(--fs-mobile-main-image-width, 200px)}.feature-showcase-image,.feature-showcase-image-placeholder{width:var(--fs-mobile-side-image-width, 60px);height:var(--fs-mobile-side-image-width, 60px)}.feature-showcase-text{font-size:calc(var(--fs-caption-size, 16px) * .9);max-width:var(--fs-mobile-side-image-width, 60px)}.feature-showcase-center-column .feature-showcase-text{max-width:var(--fs-mobile-main-image-width, 200px)}.feature-showcase-text-description{max-width:var(--fs-mobile-side-image-width, 60px)}.feature-showcase-center-column .feature-showcase-text-description{max-width:var(--fs-mobile-main-image-width, 200px)}.feature-showcase-description p,.feature-showcase-description ul,.feature-showcase-description ol,.feature-showcase-description div{font-size:calc(var(--fs-description-size, 18px) * .9)}}.feature-showcase-content-area{position:relative}.feature-showcase-tab-content{opacity:0;position:absolute;top:0;left:0;right:0;pointer-events:none;transition:opacity .25s ease;text-align:center}.feature-showcase-tab-content[hidden]{display:block}.feature-showcase-tab-content:not([hidden]){opacity:1;position:relative;pointer-events:auto}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-feature-showcase.css.map */