.before_after-module__fDrukq__before_after{aspect-ratio:4/3.4;border-radius:var(--radius-panel);box-shadow:var(--shadow-outer);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}@media (min-width:45em){.before_after-module__fDrukq__before_after{aspect-ratio:16/8}}.before_after-module__fDrukq__before_after:has(.before_after-module__fDrukq__range:focus-visible){outline:2px solid var(--color-accent);outline-offset:3px}.before_after-module__fDrukq__layer{position:absolute;inset:0}.before_after-module__fDrukq__before{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.before_after-module__fDrukq__image{object-fit:cover}.before_after-module__fDrukq__placeholder{background-color:var(--color-surface-2);background-image:linear-gradient(var(--color-line) 1px, transparent 1px), linear-gradient(90deg, var(--color-line) 1px, transparent 1px);width:100%;height:100%;color:var(--color-muted);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-align:center;background-size:3rem 3rem;place-items:center start;padding:1.5rem 1.5rem 1.5rem 6%;display:grid}.before_after-module__fDrukq__placeholder span{border-radius:var(--radius);background-color:var(--color-surface);box-shadow:var(--shadow-outer);padding:.375rem .75rem}.before_after-module__fDrukq__tag{border-radius:var(--radius-badge);font-size:var(--fs-xs);font-weight:var(--fw-semibold);pointer-events:none;padding:.5rem .75rem;line-height:1;position:absolute;top:1rem}.before_after-module__fDrukq__tag_before{background-color:var(--color-ink);color:var(--color-ink-text);left:1rem}.before_after-module__fDrukq__tag_after{background-color:var(--color-on-photo);color:var(--color-on-photo-ink);right:1rem}.before_after-module__fDrukq__divider{top:0;bottom:0;left:var(--position);background-color:var(--color-on-photo);pointer-events:none;width:2px;margin-left:-1px;position:absolute}.before_after-module__fDrukq__handle{background-color:var(--color-on-photo);width:3rem;height:3rem;color:var(--color-on-photo-ink);box-shadow:var(--shadow-on-photo);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.before_after-module__fDrukq__handle svg{stroke-width:2px;width:1rem;height:1rem}.before_after-module__fDrukq__range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}