.ds-before-after-gallery{width:100%;padding:var(--before-after-padding-top, 52px) 0 var(--before-after-padding-bottom, 56px);background:#fff;border-top:1px solid rgb(9 39 53 / 8%)}.ds-before-after__inner{width:100%;max-width:1840px;margin:0 auto;padding:0 3.6rem;box-sizing:border-box}.ds-before-after__header{margin-bottom:30px;text-align:center}.ds-before-after__heading{margin:0;color:#092735;font-family:Arial,Helvetica,sans-serif;font-size:clamp(24px,2.2vw,36px);font-weight:900;line-height:1.08;letter-spacing:.015em}.ds-before-after__subheading{max-width:760px;margin:12px auto 0;color:#50636c;font-family:DS Poppins,Poppins,Arial,sans-serif;font-size:16px;font-weight:500;line-height:1.5}.ds-before-after__gallery{position:relative}.ds-before-after__rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 96px)/5);gap:24px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ds-before-after__rail::-webkit-scrollbar{display:none}.ds-before-after__rail:focus-visible{outline:2px solid #ef5226;outline-offset:6px}.ds-before-after__card{position:relative;display:block;aspect-ratio:9 / 16;margin:0;overflow:hidden;border-radius:8px;background:#f4f0ed;scroll-snap-align:start}.ds-before-after__card img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .35s ease}.ds-before-after__card--lazy img{opacity:0;transition:opacity .18s ease,transform .35s ease}.ds-before-after__card--lazy.is-loaded img{opacity:1}.ds-before-after__card:hover img{transform:scale(1.012)}.ds-before-after__button{position:absolute;top:50%;z-index:3;display:inline-flex;width:58px;height:58px;align-items:center;justify-content:center;border:0;border-radius:50%;background:#fff;box-shadow:0 8px 24px #0000001f;color:#092735;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(-50%) scale(.96);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.ds-before-after__gallery:hover .ds-before-after__button,.ds-before-after__gallery:focus-within .ds-before-after__button{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}.ds-before-after__button[disabled]{cursor:default;opacity:.28}.ds-before-after__button span,.ds-before-after__button svg{display:block;width:24px;height:24px}.ds-before-after__button--prev{left:26px}.ds-before-after__button--next{right:26px}@media screen and (max-width:989px){.ds-before-after__rail{grid-auto-columns:34vw;gap:16px}}@media screen and (max-width:749px){.ds-before-after-gallery{padding:var(--before-after-mobile-padding-top, 36px) 0 var(--before-after-mobile-padding-bottom, 40px)}.ds-before-after__inner{padding:0 18px}.ds-before-after__header{margin-bottom:22px}.ds-before-after__heading{font-size:24px;line-height:1.15;letter-spacing:.01em}.ds-before-after__subheading{margin-top:10px;font-size:14px;line-height:1.45}.ds-before-after__rail{grid-auto-columns:calc((100vw - 48px)/2);gap:10px;margin-right:-18px;padding-right:18px}.ds-before-after__button{display:none}}@media(prefers-reduced-motion:reduce){.ds-before-after__rail{scroll-behavior:auto}.ds-before-after__card img,.ds-before-after__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/deepsweep-before-after-v1.css.map */
