.elizna-before-after-section{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.elizna-before-after{width:min(150rem,calc(100vw - (2 * var(--elizna-gutter, 4rem))));margin-inline:auto;padding-top:var(--elizna-ba-padding-top, 5rem);padding-bottom:var(--elizna-ba-padding-bottom, 5rem)}.elizna-before-after__head{display:grid;grid-template-columns:minmax(0,.82fr) minmax(28rem,.58fr);justify-content:space-between;align-items:end;gap:clamp(3rem,7vw,10rem);margin-bottom:clamp(2.5rem,3.5vw,4.5rem)}.elizna-before-after__eyebrow{display:block;margin-bottom:1.3rem;color:var(--elizna-gold, #b38e54);font-size:.82rem;line-height:1;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.elizna-before-after__title{margin:0;color:var(--elizna-ink, #171715);font-size:clamp(3.4rem,4vw,5.6rem);line-height:.98;font-weight:400;letter-spacing:.02em}.elizna-before-after__text{max-width:48rem;color:var(--elizna-muted, #67645f);font-size:clamp(1.3rem,1.25vw,1.65rem);line-height:1.6}.elizna-before-after__text>*{margin:0}.elizna-ba{width:100%}.elizna-ba__viewport{position:relative;width:100%;overflow:hidden;background:var(--elizna-ivory, #f7f4ee);border:1px solid var(--elizna-line, #ddd6ca);isolation:isolate}.elizna-ba--wide .elizna-ba__viewport{aspect-ratio:16 / 9}.elizna-ba--landscape .elizna-ba__viewport{aspect-ratio:4 / 3}.elizna-ba--portrait .elizna-ba__viewport{aspect-ratio:4 / 5}.elizna-ba__layer{position:absolute;top:0;right:0;bottom:0;left:0}.elizna-ba__layer--after{z-index:0}.elizna-ba__layer--before{z-index:1;clip-path:inset(0 calc(100% - var(--elizna-ba-position)) 0 0)}.elizna-ba__image{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.elizna-ba__divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--elizna-ba-position);width:1px;transform:translate(-50%);background:#ffffffe6;pointer-events:none}.elizna-ba__handle{position:absolute;z-index:3;top:50%;left:var(--elizna-ba-position);width:4.6rem;height:4.6rem;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:.35rem;border-radius:50%;background:#fcfbf8;color:#171715;box-shadow:0 .5rem 2rem #1717151f;pointer-events:none;font-size:1.45rem;line-height:1}.elizna-ba__range{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.elizna-ba__range:active{cursor:grabbing}.elizna-ba__range:focus-visible+.elizna-ba__handle{outline:2px solid var(--elizna-gold, #b38e54);outline-offset:4px}.elizna-ba__label{position:absolute;z-index:3;bottom:clamp(1.5rem,2vw,2.8rem);color:#fff;font-size:.78rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.25);pointer-events:none}.elizna-ba__label--before{left:clamp(1.5rem,2vw,2.8rem)}.elizna-ba__label--after{right:clamp(1.5rem,2vw,2.8rem)}.elizna-before-after__empty{min-height:24rem;display:grid;place-items:center;padding:4rem;border:1px dashed var(--elizna-line, #ddd6ca);background:var(--elizna-ivory, #f7f4ee);color:var(--elizna-muted, #67645f);text-align:center}@media screen and (max-width:749px){.elizna-before-after{width:calc(100vw - 3.2rem);padding-top:var(--elizna-ba-padding-top-mobile, 3.5rem);padding-bottom:var(--elizna-ba-padding-bottom-mobile, 3.5rem)}.elizna-before-after__head{display:block;margin-bottom:2.4rem}.elizna-before-after__title{font-size:clamp(3rem,10vw,4.2rem)}.elizna-before-after__text{margin-top:1.8rem;font-size:1.3rem}.elizna-ba--wide .elizna-ba__viewport,.elizna-ba--landscape .elizna-ba__viewport{aspect-ratio:1 / 1}.elizna-ba__handle{width:4rem;height:4rem;font-size:1.3rem}.elizna-ba__label{bottom:1.4rem;font-size:.7rem}.elizna-ba__label--before{left:1.4rem}.elizna-ba__label--after{right:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/elizna-before-after.css.map */