.accordion-slider-wrapper{padding:20px 0 66px}.accordion-slider-heading{margin-bottom:21px;color:var(--color-9)}.accordion-slider-container{display:flex;gap:6px;height:350px;width:100%}.accordion-slide{position:relative;flex:1;border-radius:24px;overflow:hidden;cursor:pointer;transition:flex .6s cubic-bezier(.25,.8,.25,1)}.accordion-slide.active{flex:15;cursor:default}.accordion-slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.accordion-slide .accordion-slide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;background:radial-gradient(114.17% 128.54% at 78.54% 21.25%,#0000 0% 24.66%,#000000d1);opacity:0;transition:opacity .3s ease}.accordion-slide.active .accordion-slide-overlay{opacity:1}.accordion-slide-content{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:flex-end;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease,visibility .3s;transition-delay:0s}.accordion-slide.active .accordion-slide-content{opacity:1;visibility:visible;transform:translateY(0);transition-delay:.3s}.accordion-slide-text{max-width:60%}.accordion-slide-title{margin:0 0 3px;font:700 20px var(--font-heading-family);font-size:20px;font-weight:700;letter-spacing:0;color:#fff}.accordion-slide-subtitle{margin:0;font-weight:500;font-size:14px;color:#fff}.accordion-slide-btn{min-height:52px;margin-bottom:4px;font-size:18px}@media screen and (min-width:750px){.accordion-slider-wrapper{padding:52px 0 35px}.accordion-slider-heading{margin-bottom:27px}.accordion-slider-container{height:400px;gap:12px}.accordion-slide-content{bottom:28px;left:32px;right:32px}.accordion-slide.active{flex:10.6}.accordion-slide-title{font-size:32px}.accordion-slide-subtitle{font-size:16px}}@media screen and (min-width:990px){.accordion-slide.active{flex:8.6}.accordion-slide .accordion-slide-overlay{background:radial-gradient(103.1% 71.75% at 63.9% 38.38%,#0000 0% 55.55%,#0000009e)}}@media screen and (max-width:989px){.accordion-slide-content{flex-direction:column;align-items:flex-start;gap:20px}.accordion-slide-text{max-width:100%}}@media screen and (max-width:749px){.accordion-slide-subtitle{line-height:20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/accordion-slider-section.css.map */
