.resize-edge{--resize-edge-bar-inline:var(--alder-space-1);--resize-edge-bar-block:calc(var(--alder-target-touch) * 2);--resize-edge-bar-shift-x:0px;--resize-edge-bar-shift-y:0px;z-index:var(--alder-z-page);border-radius:var(--alder-radius-none);color:var(--alder-muted);box-shadow:none;opacity:0;min-block-size:0;min-inline-size:0;transition:opacity var(--alder-duration-1) var(--alder-ease-out);touch-action:none;background:0 0;border:0;outline:none;padding:0;position:absolute;translate:none}.resize-edge:after{content:"";translate:calc(-50% + var(--resize-edge-bar-shift-x)) calc(-50% + var(--resize-edge-bar-shift-y));inline-size:var(--resize-edge-bar-inline);block-size:var(--resize-edge-bar-block);border-radius:var(--alder-radius-none);pointer-events:none;background:currentColor;position:absolute;inset-block-start:50%;inset-inline-start:50%}.resize-edge:hover,.resize-edge:focus-visible,.resize-edge[data-resize-active=true],.resize-edge[data-scene-resize-active=true]{opacity:1;color:var(--alder-text);background:0 0}.resize-edge:focus-visible:after{outline:2px solid var(--alder-focus);outline-offset:2px}@media (pointer:coarse){.resize-edge{opacity:1}}@media (prefers-reduced-motion:reduce){.resize-edge{transition:none}}