[data-cl-auth=form]{gap:var(--size-space-3);flex-direction:column;inline-size:100%;display:flex}[data-cl-auth=heading] h1{font-size:var(--type-scale-h3);letter-spacing:-.01em;color:var(--color-ink-strong);margin:0;font-weight:700}[data-cl-auth=heading] p{margin:var(--size-space-1) 0 0;font-size:var(--type-scale-caption);color:var(--color-ink-muted)}[data-cl-auth=field]{gap:var(--size-space-1);font-size:var(--type-scale-caption);color:var(--color-ink-muted);flex-direction:column;display:flex}[data-cl-auth=field] input{padding:var(--size-space-2) var(--size-space-3);border:var(--axis-edge-hairline-width) var(--axis-edge-hairline-style) var(--axis-edge-hairline-color);border-radius:var(--size-radius-sm);background-color:var(--color-surface-raised);font-size:var(--type-scale-body);color:var(--color-ink-default)}[data-cl-auth=field] input:focus-visible{outline:var(--axis-edge-hairline-width) solid var(--color-focus-ring);outline-offset:2px}[data-cl-auth=error]{font-size:var(--type-scale-caption);color:var(--color-status-danger);margin:0}[data-cl-auth=notice]{font-size:var(--type-scale-caption);color:var(--color-ink-muted);margin:0}[data-cl-auth=submit]{padding:var(--size-space-2) var(--size-space-4);border:var(--axis-edge-hairline-width) var(--axis-edge-hairline-style) var(--axis-edge-hairline-color);border-radius:var(--size-radius-sm);background-color:var(--color-brand-base);font-size:var(--type-scale-body);color:var(--color-brand-ink);cursor:pointer;font-weight:700}[data-cl-auth=submit][disabled]{cursor:progress;opacity:.6}[data-cl-auth=switch]{font-size:var(--type-scale-caption);color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none}[data-cl-auth=switch]:hover{color:var(--color-ink-default)}[data-cl-auth=overlay]{z-index:60;padding:var(--size-space-4);background-color:var(--color-surface-backdrop);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}[data-cl-auth=panel]{inline-size:min(28rem,100%);padding:var(--size-space-5);border:var(--axis-edge-hairline-width) var(--axis-edge-hairline-style) var(--axis-edge-hairline-color);border-radius:var(--size-radius-md);background-color:var(--color-surface-raised)}[data-cl-auth=panel-head]{justify-content:space-between;align-items:flex-start;gap:var(--size-space-3);margin-block-end:var(--size-space-4);display:flex}[data-cl-auth=dismiss]{color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none}[data-cl-auth=dismiss]:hover{color:var(--color-ink-default)}[data-cl-auth=page]{min-block-size:60vh;padding:var(--size-space-5);justify-content:center;align-items:center;display:flex}