.before-after-slider{position:relative;padding:64px 0}.bas-container{display:grid;grid-template-columns:1fr 2fr;gap:40px;justify-content:space-between;align-items:start;width:100%}.bas-header{max-width:400px;display:flex;flex-direction:column;gap:12px}.bas-heading{margin-bottom:1rem;color:var(--color-foreground)}.bas-text{color:#736e5c;opacity:.8}.bas-slider-wrapper{position:relative;width:100%;height:100%;display:grid}.bas-slider{width:100%}.bas-slider .swiper-wrapper{width:100%;display:flex}.bas-slide{max-width:100%;width:auto;flex-shrink:0}.bas-slide-container{display:flex;align-items:flex-start;border-radius:16px;overflow:hidden}.bas-image-wrapper{position:relative;width:100%;height:min-content;display:flex}.bas-image{width:100%;height:100%;line-height:1;object-fit:cover}.bas-image-label{position:absolute;bottom:16px;left:16px;background:#fdf3cf;color:#000;padding:8px 16px;border-radius:100px;line-height:12px}.bas-slide-description p{margin:0}.bas-arrow{position:absolute;top:50%;transform:translate(-50%,-25%);background:#fbdb65;border:none;border-radius:50%;width:48px;height:48px;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease}.bas-arrow:after{content:"";display:none}.bas-prev{left:-24px;transform:rotate(180deg) translateY(25%);transform-origin:center}.bas-next{right:24px}.bas-placeholder{text-align:center;padding:3rem;background:#0000000d;border-radius:8px;color:var(--color-foreground);opacity:.7}.bas-slider .slick-dots{bottom:-50px}.bas-slider .slick-dots li button:before{font-size:12px;color:var(--color-foreground);opacity:.5}.bas-slider .slick-dots li.slick-active button:before{opacity:1;color:var(--color-foreground)}@media screen and (max-width: 1024px){.bas-next{right:4px}.bas-container{gap:20px}.bas-arrow{width:40px;height:40px;padding:4px;transform:translate(-50%)}.before-after-slider{padding:32px 0}}@media screen and (max-width: 750px){.bas-arrow{width:32px;height:32px;padding:4px;transform:translate(-50%,10%)}.bas-arrow svg path{stroke-width:5}.bas-next{right:0}.bas-image-label{line-height:8px}.before-after-slider{padding:16px 0}}@media screen and (max-width: 600px){.bas-container{grid-template-columns:1fr;gap:16px}.bas-header{max-width:100%;gap:0}.bas-header h2 br{display:none}.bas-image{aspect-ratio:.712962963}}
/*# sourceMappingURL=/cdn/shop/t/481/assets/custom-before-after-swiper.css.map */