.rrui-before-after-comparison[data-astro-cid-pyiyv3cz]{--rrui-before-after-position:var(--comparisonPosition);--rrui-before-after-thumb-size:2.75rem;min-inline-size:0;margin:0}.rrui-before-after-comparison__controller[data-astro-cid-pyiyv3cz]{display:block}.rrui-before-after-comparison__frame[data-astro-cid-pyiyv3cz]{aspect-ratio:var(--rrui-before-after-aspect-ratio,4 / 3);background-color:var(--rr-semantic-surface-raised);border:var(--rr-border-width-default) solid var(--rr-semantic-border-strong);border-radius:var(--rr-radius-sm);direction:ltr;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative;overflow:clip;&:has(>.rrui-before-after-comparison__range:focus-visible){outline:var(--rr-border-width-focus) solid var(--rr-semantic-text-primary);outline-offset:var(--rr-spacing-xxs)}@media (forced-colors:active){border-color:canvastext}}.rrui-before-after-comparison__before[data-astro-cid-pyiyv3cz],.rrui-before-after-comparison__after[data-astro-cid-pyiyv3cz]{min-block-size:0;min-inline-size:0;position:relative;&[data-enhanced]{block-size:100%;inline-size:100%;position:absolute;inset:0}}.rrui-before-after-comparison__before[data-astro-cid-pyiyv3cz]{&[data-enhanced]{clip-path:inset(0 calc(100% - var(--rrui-before-after-position)) 0 0);z-index:1}}.rrui-before-after-comparison__media[data-astro-cid-pyiyv3cz]{block-size:100%;&>img,&>picture,&>picture>img,&>svg{object-fit:contain;block-size:100%;inline-size:100%;display:block}}.rrui-before-after-comparison__media-label[data-astro-cid-pyiyv3cz]{background-color:var(--rr-colors-nightSky950);border-radius:var(--rr-radius-sm);color:var(--rr-colors-snow50);font-family:var(--rr-typography-fontFamily-sans);font-size:var(--rr-typography-fontSize-sm);max-inline-size:calc(100% - var(--rr-spacing-lg));overflow-wrap:anywhere;padding:var(--rr-spacing-xs) var(--rr-spacing-sm);position:absolute;inset-block-start:var(--rr-spacing-sm);inset-inline-start:var(--rr-spacing-sm);&.rrui-before-after-comparison__media-label--after{inset-inline-start:auto;inset-inline-end:var(--rr-spacing-sm)}}.rrui-before-after-comparison__divider[data-astro-cid-pyiyv3cz]{background-color:var(--rr-semantic-action-primary);block-size:100%;inline-size:var(--rr-border-width-focus);pointer-events:none;z-index:2;display:none;position:absolute;inset-block-start:0;inset-inline-start:var(--rrui-before-after-position);transform:translate(-50%);&[data-enhanced]{display:block}@media (forced-colors:active){background-color:highlight}}.rrui-before-after-comparison__range[data-astro-cid-pyiyv3cz]{appearance:none;cursor:ew-resize;block-size:100%;inline-size:calc(100% + var(--rrui-before-after-thumb-size));touch-action:pan-y;z-index:3;background:0 0;border:0;margin:0;padding:0;position:absolute;inset-block-start:0;inset-inline-start:calc(var(--rrui-before-after-thumb-size) / -2);&::-webkit-slider-runnable-track{block-size:var(--rrui-before-after-thumb-size);background:0 0}&::-webkit-slider-thumb{appearance:none;background-color:var(--rr-semantic-action-primary);block-size:var(--rrui-before-after-thumb-size);border:var(--rr-border-width-focus) solid var(--rr-colors-snow50);box-shadow:var(--rr-shadows-sm);inline-size:var(--rrui-before-after-thumb-size);border-radius:50%}&::-moz-range-track{block-size:var(--rrui-before-after-thumb-size);background:0 0}&::-moz-range-thumb{background-color:var(--rr-semantic-action-primary);block-size:var(--rrui-before-after-thumb-size);border:var(--rr-border-width-focus) solid var(--rr-colors-snow50);box-sizing:border-box;inline-size:var(--rrui-before-after-thumb-size);border-radius:50%}&:focus-visible{outline:none}@media (forced-colors:active){&::-webkit-slider-thumb{background-color:highlight;border-color:canvastext}&::-moz-range-thumb{background-color:highlight;border-color:canvastext}}}.rrui-before-after-comparison__controls[data-astro-cid-pyiyv3cz]{color:var(--rr-semantic-text-secondary);font-family:var(--rr-typography-fontFamily-mono);font-size:var(--rr-typography-fontSize-xs);margin-block-start:var(--rr-spacing-md);&:not([hidden]){gap:var(--rr-spacing-sm);flex-wrap:wrap;justify-content:space-between;display:flex}}.rrui-before-after-comparison__caption[data-astro-cid-pyiyv3cz]{margin-block-start:var(--rr-spacing-lg)}
