.corte{margin:0;padding:10px;background:var(--papel-alto);border:1px solid var(--hilo);border-radius:var(--r-estructura);box-shadow:var(--sombra-2)}.corte__marco{container-type:inline-size;position:relative;overflow:hidden;border-radius:var(--r-foto);background:var(--noche);isolation:isolate}.corte__capa,.corte__capa img{display:block;width:100%;height:100%}.corte__capa img{object-fit:cover}.corte__capa--despues{position:absolute;inset:0}.corte__antes{position:absolute;inset:0;overflow:hidden;transform:translate(calc((var(--corte) - 1) * 100%))}.corte__antes .corte__capa{transform:translate(calc((1 - var(--corte)) * 100%))}.corte__linea{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--tinta-noche);box-shadow:0 0 0 1px rgb(var(--velo-rgb) / .35);transform:translate(calc(var(--corte) * 100cqw - 1px));pointer-events:none}.corte__tirador{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;display:grid;place-items:center;border-radius:50%;background:var(--papel-alto);color:var(--tinta);box-shadow:var(--sombra-2)}.corte__marco:has(.corte__rango:focus-visible) .corte__tirador{outline:2px solid var(--acento);outline-offset:3px}:where(html.mov) .corte__marco.is-barriendo :is(.corte__antes,.corte__antes .corte__capa,.corte__linea){transition:transform var(--d-barrido) var(--ease-in-out)}.corte__rotulo{position:absolute;top:10px;z-index:1;padding:3px 7px;border-radius:3px;font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-noche);background:rgb(var(--velo-rgb) / .62);pointer-events:none}.corte__rotulo--antes{left:10px}.corte__rotulo--despues{right:10px}.corte__rango{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;appearance:none}.corte__pie{padding:12px 4px 4px}