.feature-slider-section{padding:6rem 0;background-color:rgb(var(--color-background));overflow:hidden}.feature-slider-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:4rem;max-width:var(--page-width, 1400px);margin:0 auto;padding:0 2rem}.feature-slider-content{flex:1 1 500px;display:flex;flex-direction:column}.feature-slider-header h2{font-size:calc(var(--font-heading-scale) * 2.8rem);line-height:1.3;text-align:center;margin-bottom:1rem;color:rgb(var(--color-foreground))}.feature-slider-nav{display:flex;justify-content:center;gap:4rem;position:relative;width:100%;margin-block:50px}.feature-slider-nav-item{display:flex;flex-direction:column;align-items:center;gap:1.5rem;cursor:pointer;position:relative;opacity:.5;transition:opacity .3s ease;background:none;border:none;padding:0;width:120px}.feature-slider-nav-item.active{opacity:1}.feature-slider-icon-wrapper{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background-color:#fff;box-shadow:0 4px 12px #0000000d}.feature-slider-icon-wrapper svg.icon-svg,.feature-slider-icon-wrapper img.icon-img{width:40px;height:40px;z-index:2;object-fit:contain;fill:rgb(var(--color-slider-accent))}.icon-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;z-index:2}.progress-ring{position:absolute;top:-10px;left:-10px;width:80px;height:80px;transform:rotate(-90deg);pointer-events:none}.progress-ring__bg{stroke:#0000000d}.progress-ring__circle{transition:stroke-dashoffset .1s linear;transform-origin:50% 50%;stroke:rgb(var(--color-slider-accent));stroke-linecap:round}.feature-slider-nav-title{font-size:1.4rem;font-weight:500;text-align:center;line-height:1.3;color:rgb(var(--color-foreground));max-width:100%}.feature-slider-tab-content{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;display:none;text-align:center}.feature-slider-tab-content.active{display:block;opacity:1;transform:translateY(0);animation:fadeIn .5s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feature-slider-tab-heading{font-size:2rem;font-weight:600;margin-bottom:1rem;color:rgb(var(--color-foreground))}.feature-slider-tab-text{font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.8)}.feature-slider-image-container{flex:1 1 500px;position:relative;border-radius:12px;overflow:hidden;aspect-ratio:12 / 8;box-shadow:0 10px 30px #0000001a}.feature-slide-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease-in-out;transform:scale(1.05);transition:opacity .6s ease-in-out,transform 6s ease}.feature-slide-image.active{opacity:1;transform:scale(1)}@media screen and (max-width: 768px){.feature-slider-header h2{font-size:calc(var(--font-heading-scale) * 1.5rem)}.feature-slider-nav{margin-block:20px;justify-content:center;gap:1rem;flex-wrap:wrap}.feature-slider-wrapper{flex-direction:column-reverse;gap:2rem}.feature-slider-content{width:100%;flex:auto}.feature-slider-image-container{width:100%;aspect-ratio:4/3}.feature-slider-icon-wrapper{width:50px;height:50px}.progress-ring{width:50px;height:50px;top:0;left:0}.feature-slider-icon-wrapper img.icon-img{width:30px;height:30px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-feature-slider.css.map */