.recovery-page{display:flex;flex-direction:column;min-block-size:100dvh;background:var(--color-surface-2);color:var(--color-foreground)}.recovery-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;inline-size:100%;max-inline-size:75rem;box-sizing:border-box;margin-inline:auto;padding:1.25rem clamp(1rem,calc(.5rem + 3vw),2.5rem)}.recovery-header .theme-control select{max-inline-size:none;min-block-size:max(2.75rem,44px)}.recovery-main{align-self:center;inline-size:100%;max-inline-size:36rem;box-sizing:border-box;margin-block:clamp(2rem,calc(1rem + 6vw),6rem) auto;padding:0 1.25rem 4rem}.recovery-main h1{max-inline-size:15ch;margin:0;font-size:clamp(1.875rem,calc(1.5rem + 1vw),2.5rem);line-height:1.15;overflow-wrap:anywhere}.recovery-description,.recovery-note{margin:1.25rem 0 0;color:var(--color-muted);font-size:1rem;line-height:1.65}.recovery-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-block-start:2rem}.recovery-action{display:inline-flex;align-items:center;justify-content:center;min-block-size:max(2.75rem,44px);max-inline-size:100%;box-sizing:border-box;padding:.625rem 1rem;border:1px solid var(--color-ink);border-radius:var(--radius-input);background:transparent;color:var(--color-foreground);font:inherit;font-size:.875rem;font-weight:500;line-height:1.5;text-align:center;text-decoration:none;overflow-wrap:anywhere;cursor:pointer}.recovery-action:hover{background:var(--color-surface-3)}.recovery-action-primary{border-color:transparent;background:var(--color-brand);color:var(--color-on-primary)}.recovery-action-primary:hover{background:var(--color-brand-deep)}.recovery-page :focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}