.svd-ba{background:var(--svd-ba-bg);width:100%;box-sizing:border-box;padding-top:var(--svd-ba-pad-top, 0px);padding-bottom:var(--svd-ba-pad-bottom, 0px)}@media(min-width:768px){.svd-ba{padding-top:calc(var(--svd-ba-pad-top, 0px) + 12px);padding-bottom:calc(var(--svd-ba-pad-bottom, 0px) + 12px)}}@media(min-width:1024px){.svd-ba{padding-top:calc(var(--svd-ba-pad-top, 0px) + 24px);padding-bottom:calc(var(--svd-ba-pad-bottom, 0px) + 24px)}}.svd-ba *,.svd-ba *:before,.svd-ba *:after{box-sizing:border-box}.svd-ba__inner{max-width:960px;margin-inline:auto;padding-inline:16px}@media(min-width:768px){.svd-ba__inner{padding-inline:24px}}.svd-ba__head{font-weight:700;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.2;color:var(--svd-ba-ink);margin:0 0 8px;text-align:center}.svd-ba__lede{color:var(--svd-ba-ink-soft);font-size:1rem;line-height:1.5;text-align:center;max-width:56ch;margin:0 auto 24px}.svd-ba__list{display:grid;gap:32px}.svd-ba__pair{display:block}.svd-ba__viewport{position:relative;overflow:hidden;border-radius:var(--svd-ba-radius, 24px);aspect-ratio:1 / 1;container-type:inline-size;background:#efece4;touch-action:pan-y}.svd-ba__layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.svd-ba__layer--before{z-index:2}.svd-ba__layer--after{z-index:1}.svd-ba__layer-inner{position:absolute;top:0;right:0;bottom:0;left:0;width:100cqw;height:100%}.svd-ba__img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.svd-ba__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:#efece4;display:flex;align-items:center;justify-content:center}.svd-ba__placeholder-svg{width:100%;height:100%;opacity:.5}.svd-ba__pill{position:absolute;top:8px;font-size:11px;font-weight:600;letter-spacing:.02em;padding:4px 10px;border-radius:999px;background:var(--svd-ba-pill-bg);color:var(--svd-ba-pill-fg);white-space:nowrap;text-transform:uppercase;z-index:3;pointer-events:none}.svd-ba__pill--before{left:12px}.svd-ba__pill--after{right:12px}@media(min-width:768px){.svd-ba__pill{top:12px;font-size:12px;padding:6px 12px}}.svd-ba__handle{position:absolute;top:0;bottom:0;width:44px;transform:translate(-50%);background:transparent;border:0;padding:0;margin:0;cursor:ew-resize;z-index:5;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;-webkit-appearance:none;appearance:none;color:inherit}.svd-ba__handle:focus{outline:none}.svd-ba__handle-line{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;background:var(--svd-ba-handle-bg);opacity:.9;box-shadow:0 0 0 1px #00000014;pointer-events:none}.svd-ba__handle-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:999px;background:var(--svd-ba-handle-bg);color:var(--svd-ba-handle-fg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000002e,0 0 0 1px #00000014;transition:transform .12s ease;pointer-events:none}.svd-ba__handle-knob svg{display:block;fill:currentColor}.svd-ba__handle:hover .svd-ba__handle-knob,.svd-ba__handle:active .svd-ba__handle-knob{transform:translate(-50%,-50%) scale(1.06)}.svd-ba__handle:focus-visible .svd-ba__handle-knob{outline:3px solid var(--svd-ba-accent);outline-offset:2px}.svd-ba__captions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}@media(min-width:480px){.svd-ba__captions{grid-template-columns:1fr 1fr;gap:16px}}.svd-ba__caption{display:block}.svd-ba__caption-title{font-weight:700;font-size:.95rem;line-height:1.3;color:var(--svd-ba-ink);margin:0 0 4px}.svd-ba__caption-body{font-size:.9rem;line-height:1.4;color:var(--svd-ba-ink-soft);margin:0}.svd-ba__caption--after .svd-ba__caption-title{color:var(--svd-ba-accent)}@media(prefers-reduced-motion:reduce){.svd-ba__handle-knob{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/svd-pdp-before-after-2026.css.map */