.drl-ba-section{--drl-ba-glass-tint: rgba(28, 58, 19, .32);--drl-ba-glass-edge: rgba(252, 252, 247, .4);--drl-ba-glass-bdf: blur(38px) saturate(180%);--drl-ba-glass-fg: #fcfcf7}.drl-ba-section__wrap{margin:0 auto;padding-inline:var(--drl-page-inset, 1rem)}.drl-ba-section__wrap--page{max-width:var(--drl-container-w, 1100px)}.drl-ba-section__wrap--wide{max-width:var(--drl-container-max, 1440px)}.drl-ba-section__wrap--full{max-width:none;padding-inline:0}.drl-ba-section__header{display:flex;flex-direction:column;gap:var(--drl-sp-3, .75rem);margin-bottom:var(--drl-sp-8, 2rem);max-width:44rem}.drl-ba-section--text-center .drl-ba-section__header{align-items:center;text-align:center;margin-inline:auto}.drl-ba-section__eyebrow{margin:0;opacity:.85}.drl-ba-section__heading{margin:0;line-height:1.1;letter-spacing:-.02em}.drl-ba-section__body{margin:0;opacity:.9}.drl-ba-section__body>:first-child{margin-top:0}.drl-ba-section__body>:last-child{margin-bottom:0}.drl-ba{display:block}.drl-ba__frame{position:relative;width:100%;aspect-ratio:var(--drl-ba-aspect, 3 / 2);overflow:hidden;border-radius:var(--drl-ba-radius, 16px);background:var(--drl-seed-green-10, rgba(28, 58, 19, .1));touch-action:pan-y;isolation:isolate}.drl-ba--aspect-auto .drl-ba__frame{aspect-ratio:auto}.drl-ba__layer{position:absolute;top:0;right:0;bottom:0;left:0}.drl-ba--aspect-auto .drl-ba__layer--after{position:relative}.drl-ba__layer>img,.drl-ba__layer>video,.drl-ba__layer>svg,.drl-ba__ph{display:block;width:100%;height:100%;object-fit:cover}.drl-ba--aspect-auto .drl-ba__layer--after>img{height:auto}.drl-ba__layer--before{clip-path:inset(0 calc(100% - var(--drl-ba-pos, 50%)) 0 0);will-change:clip-path}.drl-ba__label{position:absolute;top:12px;z-index:3;padding:.3rem .7rem;border-radius:var(--drl-radius-full, 999px);background:var(--drl-ba-glass-tint);-webkit-backdrop-filter:var(--drl-ba-glass-bdf);backdrop-filter:var(--drl-ba-glass-bdf);border:1px solid var(--drl-ba-glass-edge);color:var(--drl-ba-glass-fg);font:var(--drl-fw-medium, 500) 11px / 1.1 var(--drl-font-body);letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.drl-ba__label--before{left:12px}.drl-ba__label--after{right:12px}@media(min-width:750px){.drl-ba__label{top:16px;font-size:12px}.drl-ba__label--before{left:16px}.drl-ba__label--after{right:16px}}.drl-ba__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:ew-resize;touch-action:pan-y}.drl-ba__range::-webkit-slider-runnable-track{background:transparent;border:0}.drl-ba__range::-moz-range-track{background:transparent;border:0}.drl-ba__range::-webkit-slider-thumb{-webkit-appearance:none;width:48px;height:100%;background:transparent;border:0;cursor:ew-resize}.drl-ba__range::-moz-range-thumb{width:48px;height:100%;background:transparent;border:0;cursor:ew-resize}.drl-ba__range:focus{outline:none}.drl-ba__handle{position:absolute;top:0;bottom:0;left:var(--drl-ba-pos, 50%);z-index:3;display:flex;align-items:center;justify-content:center;transform:translate(-50%);pointer-events:none}.drl-ba__handle-line{position:absolute;top:0;bottom:0;width:2px;background:var(--drl-ba-glass-edge);box-shadow:0 0 8px #00000040}.drl-ba__knob{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:var(--drl-ba-glass-tint);-webkit-backdrop-filter:var(--drl-ba-glass-bdf);backdrop-filter:var(--drl-ba-glass-bdf);border:1px solid var(--drl-ba-glass-edge);box-shadow:0 8px 32px #0000002e;color:var(--drl-ba-glass-fg)}.drl-ba__range:focus-visible~.drl-ba__handle .drl-ba__knob{box-shadow:0 8px 32px #0000002e,0 0 0 3px var(--drl-focus-ring, #d3fa99)}.drl-ba--hint .drl-ba__knob{animation:drl-ba-pulse 1.1s var(--drl-ease-default, ease) 1}@keyframes drl-ba-pulse{0%,to{transform:scale(1)}40%{transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.drl-ba__layer--before{will-change:auto}.drl-ba--hint .drl-ba__knob{animation:none}}@media(prefers-reduced-transparency:reduce){.drl-ba__label,.drl-ba__knob{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1c3a13eb}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/drl-before-after.css.map */