.ba{padding-top:var(--pt, 60px);padding-bottom:var(--pb, 60px)}.ba__inner{max-width:140rem;margin:0 auto}.ba__header{text-align:center;margin-bottom:4rem;max-width:62rem;margin-left:auto;margin-right:auto}.ba__eyebrow{display:inline-block;font-size:1.15rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#c4756d;margin-bottom:1.4rem}.ba__heading{font-family:var(--reet-display-font);font-size:clamp(2.8rem,4.2vw,4.4rem);font-weight:var(--reet-display-weight, 700);line-height:1.1;letter-spacing:-.01em;color:rgb(var(--color-foreground));margin:0 0 1.4rem}.ba__heading--italic{font-style:italic}.ba__subheading{font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.7);margin:0}.ba__viewer{position:relative;overflow:hidden;border-radius:1rem;-webkit-user-select:none;user-select:none;cursor:ew-resize;touch-action:pan-y;background-color:rgba(var(--color-foreground),.04);isolation:isolate;box-shadow:0 1.2rem 4rem #1f1b1f24}.ba--vertical .ba__viewer{cursor:ns-resize;touch-action:pan-x}.ba--dragging .ba__viewer,.ba--dragging.ba--vertical .ba__viewer{cursor:grabbing}.ba--ratio-landscape .ba__viewer{aspect-ratio:16 / 9}.ba--ratio-wide .ba__viewer{aspect-ratio:21 / 9}.ba--ratio-square .ba__viewer{aspect-ratio:1 / 1}.ba--ratio-portrait .ba__viewer{aspect-ratio:4 / 5}.ba--ratio-tall .ba__viewer{aspect-ratio:3 / 4}.ba__side{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ba__side--before{z-index:2;will-change:clip-path;transition:clip-path .05s linear}.ba--dragging .ba__side--before{transition:none}.ba__side--after{z-index:1}.ba__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none}.ba__img--placeholder{display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),.2)}.ba__label{position:absolute;z-index:4;padding:.7rem 1.4rem;background-color:#1f1b1fb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#faf3eb;font-size:1.1rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;border-radius:999px;pointer-events:none}.ba__label--before{top:1.6rem;left:1.6rem}.ba__label--after{top:1.6rem;right:1.6rem}.ba--vertical .ba__label--before{top:1.6rem;left:50%;transform:translate(-50%)}.ba--vertical .ba__label--after{top:auto;bottom:1.6rem;right:auto;left:50%;transform:translate(-50%)}.ba__divider{position:absolute;z-index:3;pointer-events:none;background-color:#fffffff2;box-shadow:0 0 1rem #0000004d}.ba--horizontal .ba__divider{top:0;bottom:0;left:var(--start-pos, 50%);width:3px;transform:translate(-50%)}.ba--vertical .ba__divider{left:0;right:0;top:var(--start-pos, 50%);height:3px;transform:translateY(-50%)}.ba__handle{position:absolute;z-index:5;width:5.4rem;height:5.4rem;border-radius:50%;border:none;cursor:grab;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease;transform:translate(-50%,-50%);box-shadow:0 .6rem 1.8rem #00000040;font-family:inherit}.ba--vertical .ba__handle{cursor:grab}.ba--dragging .ba__handle{cursor:grabbing}.ba__handle:hover{transform:translate(-50%,-50%) scale(1.08)}.ba__handle:focus-visible{outline:3px solid #C4756D;outline-offset:4px}.ba__handle-icon{display:flex;align-items:center;justify-content:center}.ba__handle-icon svg{width:2.4rem;height:2.4rem}.ba--handle-gold .ba__handle{background:linear-gradient(135deg,#e8c89a,#d4af80,#b99976);color:#1f1b1f}.ba--handle-rose .ba__handle{background:linear-gradient(135deg,#d89189,#c4756d,#a85f58);color:#fff}.ba--handle-dark .ba__handle{background:linear-gradient(135deg,#3a3235,#1f1b1f,#14100f);color:#faf3eb}.ba--handle-minimal .ba__handle{background:#fff;color:#1f1b1f;box-shadow:0 .4rem 1.4rem #00000026,inset 0 0 0 2px #fff0}.ba--handle-minimal .ba__handle:hover{box-shadow:0 .6rem 1.8rem #0003}.ba__handle:before{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;border-radius:50%;border:2px solid currentColor;opacity:0;animation:ba-pulse 2.4s ease-out infinite;pointer-events:none}.ba--dragging .ba__handle:before{animation:none}@keyframes ba-pulse{0%{opacity:.5;transform:scale(.9)}to{opacity:0;transform:scale(1.4)}}.ba__footer{margin-top:3rem;text-align:center}.ba__button{display:inline-flex;align-items:center;gap:.8rem;padding:1.4rem 2.8rem;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border:none;border-radius:.6rem;font-family:inherit;font-size:1.35rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .25s ease,transform .2s ease,box-shadow .25s ease}.ba__button svg{width:1.6rem;height:1.6rem;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.ba__button:hover{background-color:#c4756d;transform:translateY(-2px);box-shadow:0 .8rem 2rem #c4756d59}.ba__button:hover svg{transform:translate(.4rem)}@media(max-width:749px){.ba__header{margin-bottom:2.8rem}.ba__label{font-size:.95rem;padding:.5rem 1.1rem;letter-spacing:.14em}.ba__label--before{top:1rem;left:1rem}.ba__label--after{top:1rem;right:1rem}.ba__handle{width:4.4rem;height:4.4rem}.ba__handle-icon svg{width:2rem;height:2rem}}@media(prefers-reduced-motion:reduce){.ba__side--before,.ba__handle,.ba__handle:before,.ba__button,.ba__button svg{animation:none!important;transition:opacity .2s ease!important;transform:translate(-50%,-50%)!important}.ba__handle:hover{transform:translate(-50%,-50%)!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/reet-before-after.css.map */