.before-after-results{--before-after-nav-inline-size: 6.25rem;--before-after-nav-gap: 1.5rem;--before-after-nav-reserve: 0rem;position:relative;display:block;min-inline-size:0;container-type:inline-size}.before-after-results[data-controls-reserved=true]{--before-after-nav-reserve: calc(var(--before-after-nav-inline-size) + var(--before-after-nav-gap))}.before-after-results__track{display:grid;min-inline-size:0}.before-after-results__fallback{grid-area:1 / 1;min-inline-size:0}.before-after-results__fallback[hidden]{display:none}.before-after-results__fallback-image{display:block;inline-size:100%;block-size:auto;aspect-ratio:1;object-fit:cover;object-position:center}.before-after-results__controls{position:absolute;z-index:2;inset-inline-end:0;inset-block-start:calc(100% + .75rem);inset-block-start:calc(100cqi + .75rem);display:flex;align-items:center;block-size:1.5rem}.before-after-results__controls[hidden]{display:none}.before-after-results__control{display:inline-flex;flex:0 0 var(--minimum-touch-target);align-items:center;justify-content:center;inline-size:var(--minimum-touch-target);block-size:var(--minimum-touch-target);margin:-.625rem;padding:.625rem;color:var(--color-foreground);background:transparent;border:0;border-radius:var(--radius-square);cursor:pointer;transition:color var(--button-transition-duration) var(--motion-easing),opacity var(--button-transition-duration) var(--motion-easing);-webkit-appearance:none;appearance:none;touch-action:manipulation}.before-after-results__control svg{display:block;inline-size:1.5rem;block-size:1.5rem;border-radius:50%;background:var(--g-mini-button-surface-background, var(--color-background));transition:background-color var(--button-transition-duration) var(--motion-easing)}.before-after-results__control:focus-visible{color:var(--color-background);outline:none}.before-after-results__control:focus-visible svg{background:var(--color-foreground);outline:var(--focus-ring-width) solid var(--color-background);outline-offset:var(--focus-ring-width);box-shadow:0 0 0 calc(var(--focus-ring-width) * 3) var(--color-foreground)}.before-after-results__control:disabled{opacity:var(--opacity-disabled);cursor:default}.before-after-results__count{min-inline-size:2.25rem;margin-inline:.5rem;text-align:center;white-space:nowrap}.before-after-results__product-overlay{position:absolute;z-index:3;inset-block-start:calc(100cqi * 257 / 369);inset-inline-start:calc(100cqi * 14 / 369);pointer-events:none}.before-after-results__product-overlay-media{inline-size:calc(100cqi * 34 / 369);block-size:calc(100cqi * 98 / 369);overflow:hidden;border-radius:calc(100cqi * 4 / 369)}.before-after-results__product-overlay-media img{display:block;inline-size:100%;block-size:100%;object-fit:contain;object-position:bottom left}@media screen and (min-width:62.5em){.before-after-results__product-overlay{display:none}}@media(forced-colors:active){.before-after-results__control:focus-visible svg{outline-color:Highlight;box-shadow:none}}@media(prefers-reduced-motion:reduce){.before-after-results__control,.before-after-results__control svg{transition:none}}.before-after-results__slide{grid-area:1 / 1;align-self:start}.before-after-results__slide:not([data-media-swap-layer]){display:grid;min-inline-size:0}.before-after-results__slide[data-current=true]:not([data-media-swap-layer]){z-index:1}.before-after-results__slide[hidden],.before-after-results__slide[data-current=false]:not([data-media-swap-layer]){display:none}.before-after-results__single{min-inline-size:0}.before-after-results__single-image{display:block;inline-size:100%;block-size:auto;aspect-ratio:1;object-fit:cover;object-position:center}.before-after-results__caption{grid-area:1 / 1;align-self:start;display:flex;flex-direction:column;justify-content:center;max-inline-size:calc(100% - var(--before-after-nav-reserve, 0rem));min-block-size:2.25rem;margin:0;margin-block-start:100%;padding-block-start:.75rem}.before-after-results__caption[data-before-after-caption-current=false]{visibility:hidden}@media(prefers-reduced-motion:reduce){.before-after-results__slide:not([data-media-swap-layer]){transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/block-before-after-results.css.map */