.before-after__grid{display:grid;gap:var(--space-lg);align-items:center}.before-after__intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.before-after__heading{line-height:var(--leading-tight)}.before-after__text{font-size:var(--text-sm);line-height:var(--leading-loose);color:var(--scheme-muted, var(--color-muted));max-inline-size:46ch}.before-after__cta{margin-block-start:var(--space-2xs)}.before-after__viewer{display:block}.before-after__frame{position:relative;overflow:hidden;border-radius:var(--radius-media);background-color:var(--scheme-surface, var(--color-surface));touch-action:pan-y;-webkit-user-select:none;user-select:none}.before-after__layer{position:absolute;top:0;right:0;bottom:0;left:0}.before-after__layer--before{clip-path:inset(0 calc(100% - var(--comparison-position, 50%)) 0 0)}.before-after__image{inline-size:100%;block-size:100%;object-fit:cover;pointer-events:none}.before-after__label{position:absolute;z-index:calc(var(--z-base) + 1);inset-block-end:var(--space-sm);padding:.35em .9em;border-radius:999px;background-color:#00000073;color:#fff;font-size:var(--text-xs);letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.before-after__label--before{inset-inline-start:var(--space-sm)}.before-after__label--after{inset-inline-end:var(--space-sm)}.before-after__handle{position:absolute;z-index:calc(var(--z-base) + 2);inset-block:0;inset-inline-start:var(--comparison-position, 50%);inline-size:2px;background-color:#ffffffe5;transform:translate(-50%);pointer-events:none}.before-after__handle-grip{position:absolute;inset-block-start:50%;inset-inline-start:50%;display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:999px;background-color:#ffffffeb;color:var(--color-foreground);box-shadow:var(--shadow-md);transform:translate(-50%,-50%)}.before-after__range{position:absolute;z-index:calc(var(--z-base) + 3);top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;margin:0;padding:0;-webkit-appearance:none;appearance:none;background:none;cursor:ew-resize;opacity:0}.before-after__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;inline-size:44px;block-size:100%;cursor:ew-resize}.before-after__range::-moz-range-thumb{inline-size:44px;block-size:100%;border:0;cursor:ew-resize}.before-after__range:focus-visible~.before-after__handle .before-after__handle-grip{outline:2px solid var(--color-accent);outline-offset:3px}@media screen and (min-width:990px){.before-after__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-2xl)}.before-after__text{font-size:var(--text-md)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/before-after.css.map */