/* Generated by Passport.Server.Host/Styles/build.mjs from the sources of
   that folder: edit the sources and run the build, never this file. */

@keyframes btn-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes feedback-bubble-in {
  from {
    opacity: 0;
    translate: calc(-1 * var(--space-200)) 0;
  }
}

*, :before, :after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

html {
  interpolate-size: allow-keywords;
}

body {
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}

iframe, img, object, picture, video, canvas, svg {
  max-width: 100%;
  display: block;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

p {
  text-wrap: pretty;
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

:root:not(#\#):not(#\#):not(#\#):not(#\#) {
  --color-seed-accent: #0d4c80;
  --color-seed-gray: #677481;
  --color-seed-green: #7cba5c;
  --color-seed-orange: #ffad4d;
  --color-seed-red: #cc0a14;
  --color-seed-blue: #559ed9;
  --color-seed-purple: #8c478a;
  --color-rise-000: .88;
  --color-rise-100: .66;
  --color-rise-200: .44;
  --color-rise-300: .22;
  --color-fall-500: .825;
  --color-fall-600: .65;
  --color-fall-700: .475;
  --color-fall-800: .3;
  --color-chroma-000: .125;
  --color-chroma-100: .25;
  --color-chroma-200: .5;
  --color-chroma-300: .75;
  --color-chroma-400: 1;
  --color-chroma-500: .75;
  --color-chroma-600: .5;
  --color-chroma-700: .25;
  --color-chroma-800: .125;
  --color-palette-gray-000: #ecedef;
  --color-palette-gray-100: #cacdd1;
  --color-palette-gray-200: #a8aeb5;
  --color-palette-gray-300: #87919b;
  --color-palette-gray-400: #677481;
  --color-palette-gray-500: #4f5861;
  --color-palette-gray-600: #383d43;
  --color-palette-gray-700: #222528;
  --color-palette-gray-800: #0d0f10;
  --color-palette-accent-000: #e1e8f0;
  --color-palette-accent-100: #b1bfce;
  --color-palette-accent-200: #7c98b4;
  --color-palette-accent-300: #49729a;
  --color-palette-accent-400: #0d4c80;
  --color-palette-accent-500: #10395e;
  --color-palette-accent-600: #0f273e;
  --color-palette-accent-700: #0b1620;
  --color-palette-accent-800: #03060b;
  --color-palette-green-000: #eff7eb;
  --color-palette-green-100: #d6e6cf;
  --color-palette-green-200: #b8d8aa;
  --color-palette-green-300: #9ac984;
  --color-palette-green-400: #7cba5c;
  --color-palette-green-500: #628e4c;
  --color-palette-green-600: #49643c;
  --color-palette-green-700: #313d2b;
  --color-palette-green-800: #161c14;
  --color-palette-orange-000: #fff6eb;
  --color-palette-orange-100: #fbe6d1;
  --color-palette-orange-200: #fdd3a9;
  --color-palette-orange-300: #ffc17f;
  --color-palette-orange-400: #ffad4d;
  --color-palette-orange-500: #c18745;
  --color-palette-orange-600: #87633b;
  --color-palette-orange-700: #51402f;
  --color-palette-orange-800: #261e17;
  --color-palette-red-000: #fee6e3;
  --color-palette-red-100: #ecbeb8;
  --color-palette-red-200: #e69085;
  --color-palette-red-300: #db5d52;
  --color-palette-red-400: #cc0a14;
  --color-palette-red-500: #981a18;
  --color-palette-red-600: #661c17;
  --color-palette-red-700: #381714;
  --color-palette-red-800: #170907;
  --color-palette-blue-000: #ebf3fb;
  --color-palette-blue-100: #ccdded;
  --color-palette-blue-200: #a6c8e7;
  --color-palette-blue-300: #7fb3e0;
  --color-palette-blue-400: #559ed9;
  --color-palette-blue-500: #4679a3;
  --color-palette-blue-600: #375670;
  --color-palette-blue-700: #273541;
  --color-palette-blue-800: #11181d;
  --color-palette-purple-000: #f2e8f1;
  --color-palette-purple-100: #d4c1d3;
  --color-palette-purple-200: #bd98bb;
  --color-palette-purple-300: #a570a2;
  --color-palette-purple-400: #8c478a;
  --color-palette-purple-500: #693867;
  --color-palette-purple-600: #472946;
  --color-palette-purple-700: #281a27;
  --color-palette-purple-800: #0f090f;
  --color-palette-white: #fff;
  --color-palette-black-a10: #0000001a;
  --color-palette-black-a20: #0003;
  --color-palette-black-a30: #0000004d;
  --color-shift-hover: -.07;
  --color-shift-active: -.145;
  --color-shift-surface-hover: -.053;
  --color-shift-surface-active: -.164;
  --color-shift-icon-hover: .119;
  --color-shift-icon-active: -.145;
  --color-semantic-action: #0d4c80;
  --color-semantic-action-contrast: var(--color-palette-white);
  --color-semantic-action-hover: #00386b;
  --color-semantic-action-active: #002455;
  --color-semantic-action-focus: #0d4c8029;
  --color-semantic-action-disabled: #87a5bd;
  --color-semantic-action-disabled-contrast: #f4f5f6;
  --color-semantic-neutral: #677481;
  --color-semantic-neutral-contrast: var(--color-palette-white);
  --color-semantic-neutral-hover: #54606c;
  --color-semantic-neutral-active: #3f4b57;
  --color-semantic-neutral-disabled: #b0b7bd;
  --color-semantic-neutral-disabled-contrast: #f4f5f6;
  --color-semantic-danger: #cc0a14;
  --color-semantic-danger-contrast: var(--color-palette-white);
  --color-semantic-danger-hover: #b10000;
  --color-semantic-danger-active: #8c0000;
  --color-semantic-danger-focus: #cc0a1429;
  --color-semantic-danger-disabled: #dd878d;
  --color-semantic-danger-disabled-contrast: #f4f5f6;
  --color-semantic-success: #7cba5c;
  --color-semantic-success-contrast: #313d2b;
  --color-semantic-success-hover: #67a446;
  --color-semantic-success-active: #518c2e;
  --color-semantic-success-focus: #7cba5c29;
  --color-semantic-success-disabled: #b9d6ad;
  --color-semantic-success-disabled-contrast: #989e97;
  --color-semantic-warning: #ffad4d;
  --color-semantic-warning-contrast: #51402f;
  --color-semantic-warning-hover: #e79732;
  --color-semantic-warning-active: #ce7f07;
  --color-semantic-warning-disabled: #f4d0a6;
  --color-semantic-warning-disabled-contrast: #a69f99;
  --color-semantic-info: #559ed9;
  --color-semantic-info-hover: #3f88c2;
  --color-semantic-info-active: #2672aa;
  --color-semantic-info-disabled: #a8cae5;
  --color-semantic-backdrop: #0f273ebf;
  --color-role-bg-page: #0d4c80;
  --color-role-bg-default: #ecedef;
  --color-role-bg-raised: var(--color-palette-white);
  --color-role-bg-sunken: var(--color-palette-black-a10);
  --color-role-bg-hover: #dadcde;
  --color-role-bg-active: #b6b8ba;
  --color-role-text-default: #222528;
  --color-role-text-muted: #677481;
  --color-role-text-muted-hover: #8a97a5;
  --color-role-text-muted-active: #3f4b57;
  --color-role-text-disabled: #b0b7bd;
  --color-role-text-link: #559ed9;
  --color-role-border-default: var(--color-palette-black-a10);
  --color-role-border-strong: #a8aeb5;
  --color-role-focus-ring: #0d4c80;
  --font-family-base: "Open Sans", system-ui, sans-serif;
  --font-family-mono: "Courier Prime", Courier, monospace;
  --font-size-100: .625rem;
  --font-size-200: .75rem;
  --font-size-300: 1rem;
  --font-size-400: 1.25rem;
  --font-size-500: 1.5rem;
  --font-size-600: 2rem;
  --font-size-700: 3rem;
  --font-weight-100: 100;
  --font-weight-200: 200;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-800: 800;
  --line-height-100: 1;
  --line-height-200: 1.2;
  --line-height-300: 1.3;
  --line-height-400: 1.4;
  --line-height-500: 1.6;
  --letter-spacing-100: -.02em;
  --letter-spacing-200: 0;
  --letter-spacing-300: .08em;
  --space-100: .125rem;
  --space-200: .25rem;
  --space-300: .5rem;
  --space-400: .75rem;
  --space-500: 1rem;
  --space-600: 1.5rem;
  --space-700: 2rem;
  --space-800: 3rem;
  --space-900: 4rem;
  --radius-100: .125rem;
  --radius-200: .25rem;
  --radius-300: .5rem;
  --radius-400: .75rem;
  --radius-500: 1rem;
  --shadow-100: 0px 0px .125rem #0000001a;
  --shadow-200: 0px 0px .25rem #0003;
  --shadow-300: 0px 0px .5rem #0000004d;
  --shadow-400: 0px 0px .75rem #0006;
  --shadow-500: 0px 0px 1rem #00000080;
  --motion-duration-instant: .1s;
  --motion-duration-fast: .16s;
  --motion-duration-base: .3s;
  --motion-duration-slow: .6s;
  --motion-easing-standard: cubic-bezier(.2, 0, 0, 1);
}

button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: center;
  align-items: center;
  gap: var(--space-300);
  border-radius: var(--radius-100);
  border: 1px solid var(--button-color-border, var(--button-color-fill, transparent));
  background: var(--button-color-fill, transparent);
  min-height: 2rem;
  color: var(--button-color-text, currentColor);
  font-family: var(--font-family-base);
  font-size: var(--font-size-300);
  font-weight: var(--font-weight-400);
  line-height: var(--line-height-100);
  cursor: pointer;
  transition: background var(--motion-duration-base) var(--motion-easing-standard);
  white-space: nowrap;
  --button-color-fill: var(--color-semantic-neutral);
  --button-color-text: var(--color-semantic-neutral-contrast);
  padding: 0 1rem;
  text-decoration: none;
  display: inline-flex;
}

button:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-semantic-neutral-hover);
}

button:active:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-semantic-neutral-active);
}

button:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), button.disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-semantic-neutral-disabled);
  --button-color-text: var(--color-semantic-neutral-disabled-contrast);
}

button:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  outline: 2px solid var(--color-role-focus-ring);
  outline-offset: 2px;
}

button.primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-semantic-action);
  --button-color-text: var(--color-semantic-action-contrast);
}

button.primary:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-semantic-action-hover);
}

button.primary:active:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-semantic-action-active);
}

button.primary:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), button.primary.disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-semantic-action-disabled);
  --button-color-text: var(--color-semantic-action-disabled-contrast);
}

button.secondary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-semantic-neutral);
  --button-color-text: var(--color-semantic-neutral-contrast);
}

button.secondary:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-semantic-neutral-hover);
}

button.secondary:active:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-semantic-neutral-active);
}

button.secondary:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), button.secondary.disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-semantic-neutral-disabled);
  --button-color-text: var(--color-semantic-neutral-disabled-contrast);
}

button.outline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-role-bg-raised);
  --button-color-text: var(--color-semantic-action);
  --button-color-border: var(--color-semantic-action);
}

button.outline:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-role-bg-hover);
}

button.outline:active:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-role-bg-active);
}

button.outline:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), button.outline.disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-role-bg-raised);
  --button-color-text: var(--color-semantic-action-disabled);
  --button-color-border: var(--color-semantic-action-disabled);
}

button.ghost:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: transparent;
  --button-color-text: var(--color-semantic-info);
  font-weight: var(--font-weight-600);
  text-underline-offset: .2em;
}

button.ghost:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: transparent;
  --button-color-text: var(--color-semantic-info-hover);
  text-decoration: underline;
}

button.ghost:active:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: transparent;
  --button-color-text: var(--color-semantic-info-active);
  text-decoration: underline;
}

button.ghost:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), button.ghost.disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: transparent;
  --button-color-text: var(--color-semantic-info-disabled);
}

button.danger:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-semantic-danger);
  --button-color-text: var(--color-semantic-danger-contrast);
}

button.danger:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-semantic-danger-hover);
}

button.danger:active:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-semantic-danger-active);
}

button.danger:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), button.danger.disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-semantic-danger-disabled);
  --button-color-text: var(--color-semantic-danger-disabled-contrast);
}

button.outline.danger:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-role-bg-raised);
  --button-color-text: var(--color-semantic-danger);
  --button-color-border: var(--color-semantic-danger);
}

button.outline.danger:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-role-bg-hover);
}

button.outline.danger:active:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-role-bg-active);
}

button.outline.danger:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), button.outline.danger.disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-role-bg-raised);
  --button-color-text: var(--color-semantic-danger-disabled);
  --button-color-border: var(--color-semantic-danger-disabled);
}

button.ghost.danger:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: transparent;
  --button-color-text: var(--color-semantic-danger);
}

button.ghost.danger:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: transparent;
  --button-color-text: var(--color-semantic-danger-hover);
}

button.ghost.danger:active:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: transparent;
  --button-color-text: var(--color-semantic-danger-active);
}

button.ghost.danger:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), button.ghost.danger.disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: transparent;
  --button-color-text: var(--color-semantic-danger-disabled);
}

button.outline.neutral:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-role-bg-raised);
  --button-color-text: var(--color-role-text-default);
  --button-color-border: var(--color-semantic-neutral);
}

button.outline.neutral:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-role-bg-hover);
}

button.outline.neutral:active:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-role-bg-active);
}

button.outline.neutral:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), button.outline.neutral.disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  --button-color-fill: var(--color-role-bg-raised);
  --button-color-text: var(--color-role-text-disabled);
  --button-color-border: var(--color-semantic-neutral-disabled);
}

button:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), button.disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  cursor: default;
  pointer-events: none;
}

button.S:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 1.5rem;
  padding: 0 var(--space-300);
  font-size: var(--font-size-200);
}

button.M:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 2rem;
  font-size: var(--font-size-300);
  padding: 0 1rem;
}

button.L:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 3rem;
  font-size: var(--font-size-400);
  padding: 0 1.25rem;
}

button.block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  display: flex;
}

button.icon-only:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  gap: 0;
  width: 2rem;
  padding: 0;
}

button.icon-only.S:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 1.5rem;
}

button.icon-only.L:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 3rem;
}

button.loading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  pointer-events: none;
  position: relative;
}

button.loading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > * {
  visibility: hidden;
}

button.loading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
  content: "";
  width: 1em;
  height: 1em;
  animation: btn-spin var(--motion-duration-slow) linear infinite;
  border: 2px solid;
  border-top-color: #0000;
  border-radius: 50%;
  margin: auto;
  position: absolute;
  inset: 0;
}

.split-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: inline-flex;
}

.split-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
  position: relative;
}

.split-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button:focus-visible {
  z-index: 1;
}

.split-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button:first-child {
  border-right-color: #0000;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.split-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button.icon-only {
  border-left-color: color-mix(in srgb, currentColor 40%, transparent);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.split-button.S:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
  min-height: 1.5rem;
  font-size: var(--font-size-200);
}

.split-button.S:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button:not(.icon-only) {
  padding: 0 var(--space-300);
}

.split-button.S:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button.icon-only {
  width: 1.5rem;
}

.split-button.M:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
  min-height: 2rem;
  font-size: var(--font-size-300);
}

.split-button.M:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button:not(.icon-only) {
  padding: 0 1rem;
}

.split-button.M:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button.icon-only {
  width: 2rem;
}

.split-button.L:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button {
  min-height: 3rem;
  font-size: var(--font-size-400);
}

.split-button.L:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button:not(.icon-only) {
  padding: 0 1.25rem;
}

.split-button.L:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > button.icon-only {
  width: 3rem;
}

.split-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [aria-haspopup="true"] i {
  transition: transform var(--motion-duration-base) var(--motion-easing-standard);
  display: inline-block;
}

.split-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [aria-haspopup="true"][aria-expanded="true"] i {
  transform: rotate(180deg);
}

.split-button-menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 200px;
  padding: var(--space-200);
  background: var(--color-role-bg-raised);
  border: 1px solid var(--color-role-border-strong);
  border-radius: var(--radius-200);
  box-shadow: var(--shadow-300);
  z-index: 1000;
  flex-direction: column;
  gap: 2px;
  display: none;
  position: fixed;
}

.split-button-menu.open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: flex;
}

.split-button-menu-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-300);
  width: 100%;
  min-height: unset;
  padding: var(--space-300);
  border-radius: var(--radius-100);
  color: var(--color-role-text-default);
  font-family: var(--font-family-base);
  font-size: var(--font-size-300);
  font-weight: var(--font-weight-400);
  text-align: left;
  background: none;
  border: none;
  display: flex;
}

.split-button-menu-item:hover:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--color-role-bg-hover);
}

.split-button-menu-item:active:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: var(--color-role-bg-active);
}

.feedback-bubble:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  align-items: center;
  gap: var(--space-300);
  margin-left: var(--space-300);
  padding: var(--space-200) var(--space-300);
  border-radius: var(--radius-200);
  background: var(--color-role-text-default);
  color: var(--color-role-bg-raised);
  font-family: var(--font-family-base);
  font-size: var(--font-size-200);
  font-weight: var(--font-weight-400);
  font-style: normal;
  line-height: var(--line-height-300);
  white-space: nowrap;
  animation: feedback-bubble-in var(--motion-duration-fast) var(--motion-easing-standard);
  display: inline-flex;
  position: relative;
}

.feedback-bubble-region:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: inline-flex;
}

.feedback-bubble:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before {
  content: "";
  border-block: 4px solid #0000;
  border-right: 4px solid var(--color-role-text-default);
  position: absolute;
  top: 50%;
  left: -4px;
  transform: translateY(-50%);
}

@media (prefers-reduced-motion: reduce) {
  .feedback-bubble:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    animation: none;
  }
}

html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-family: var(--font-family-base);
}

html:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background-color: #fff;
}

.wrapper:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
}

.wrapper:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after {
  content: "";
  opacity: .75;
  z-index: -1;
  background-color: #d3d3d3;
  background-image: url("../images/background.png");
  background-position: center;
  background-repeat: repeat;
  background-size: 75%;
  position: absolute;
  inset: 0;
}

.box:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: #fff;
  border-radius: .125rem;
  flex-direction: column;
  width: 480px;
  min-height: 520px;
  padding: 3rem;
  display: flex;
  box-shadow: 0 0 1rem 1rem #00000010;
}

.box.fit:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 0;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--color-role-text-default);
  flex-direction: column;
  flex: 1;
  display: flex;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :is(main, form), #login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) main > form, #login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) form > #content {
  flex-direction: column;
  flex: 1;
  display: flex;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) header {
  margin-bottom: var(--space-700);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) header h1 {
  font-size: var(--font-size-500);
  font-weight: var(--font-weight-400);
  line-height: var(--line-height-200);
  color: var(--color-role-text-default);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) header p {
  font-size: var(--font-size-300);
  color: var(--color-role-text-muted);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) header p:empty {
  display: none;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) header:has( > p:empty) {
  margin-bottom: var(--space-100);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > header:has( > p:empty) + p, #login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > header:has( > p:empty) + main > p:first-child {
  margin-bottom: var(--space-600);
  font-size: var(--font-size-300);
  line-height: var(--line-height-400);
  color: var(--color-role-text-muted);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > header:has( > p:empty) + p b, #login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > header:has( > p:empty) + main > p:first-child b {
  font-weight: var(--font-weight-700);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) form {
  gap: var(--space-500);
  flex-direction: column;
  display: flex;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field label {
  align-items: baseline;
  column-gap: var(--space-300);
  row-gap: var(--space-100);
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field label > span:first-child {
  font-size: var(--font-size-200);
  font-weight: var(--font-weight-600);
  color: var(--color-role-text-default);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field label > span[role="alert"] {
  font-size: var(--font-size-200);
  font-weight: var(--font-weight-600);
  color: var(--color-semantic-danger);
  margin-left: auto;
  font-style: italic;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field label.error > span:first-child {
  color: var(--color-semantic-danger);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field input {
  min-height: 3rem;
  padding: 0 var(--space-400);
  border: 1px solid var(--color-role-border-default);
  border-radius: var(--radius-200);
  background: var(--color-role-bg-raised);
  color: var(--color-role-text-default);
  font-size: var(--font-size-300);
  transition: border-color var(--motion-duration-instant) var(--motion-easing-standard), box-shadow var(--motion-duration-instant) var(--motion-easing-standard);
  outline: none;
  flex-basis: 100%;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field input::placeholder {
  color: var(--color-role-text-muted);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field input:hover {
  border-color: var(--color-semantic-action);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field input:focus {
  border-color: var(--color-semantic-action);
  box-shadow: 0 0 0 3px var(--color-semantic-action-focus);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field label.error input {
  border-color: var(--color-semantic-danger);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field label.error input:hover {
  border-color: var(--color-semantic-danger-hover);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field label.error input:focus {
  border-color: var(--color-semantic-danger);
  box-shadow: 0 0 0 3px var(--color-semantic-danger-focus);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field input#pass {
  padding-right: var(--space-800);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field a#show {
  right: var(--space-400);
  height: 3rem;
  font-size: var(--font-size-400);
  color: var(--color-role-text-muted);
  cursor: pointer;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 0;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field a#show:hover {
  color: var(--color-role-text-muted-hover);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field a#show:active {
  color: var(--color-role-text-muted-active);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field label:has(input.digit-box) {
  grid-template-columns: 1fr auto;
  width: fit-content;
  display: grid;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field label > div:has( > input.digit-box) {
  gap: var(--space-300);
  grid-column: 1 / -1;
  display: flex;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field input.digit-box {
  text-align: center;
  width: 2.5rem;
  font-size: var(--font-size-400);
  font-weight: var(--font-weight-600);
  flex-basis: auto;
  padding: 0;
}

#login:has(:is(#actions, #buttons, .actions) .action-button.loading):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field input.digit-box {
  border-color: var(--color-semantic-action);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field + :is(#actions, #buttons, .actions) {
  padding-top: var(--space-700);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) form > button#choice-reset {
  margin-top: calc(-1 * var(--space-300));
  align-self: flex-end;
  padding-inline: 0;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p.message.error {
  font-size: var(--font-size-300);
  font-weight: var(--font-weight-600);
  color: var(--color-semantic-danger);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img.loading, #login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) div.loading {
  display: none;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(#actions, #buttons, .actions) {
  gap: var(--space-500);
  padding-top: var(--space-300);
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: auto;
  display: flex;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(#actions, #buttons, .actions) button:not(.S) {
  min-height: 3rem;
  font-size: var(--font-size-300);
  padding: 0 1.25rem;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(#actions, #buttons, .actions) .action-button {
  --button-color-fill: var(--color-semantic-action);
  --button-color-border: var(--color-semantic-action);
  --button-color-text: var(--color-semantic-action-contrast);
  flex: 2;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(#actions, #buttons, .actions) .action-button:hover:not(:disabled) {
  --button-color-fill: var(--color-semantic-action-hover);
  --button-color-border: var(--color-semantic-action-hover);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(#actions, #buttons, .actions) .action-button:active:not(:disabled) {
  --button-color-fill: var(--color-semantic-action-active);
  --button-color-border: var(--color-semantic-action-active);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(#actions, #buttons, .actions) .action-button:disabled {
  --button-color-fill: var(--color-semantic-action-disabled);
  --button-color-border: var(--color-semantic-action-disabled);
  --button-color-text: var(--color-semantic-action-disabled-contrast);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(#actions, #buttons, .actions) .action-button.loading {
  color: #0000;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(#actions, #buttons, .actions) .action-button.loading:after {
  border-color: var(--color-semantic-action-contrast);
  border-top-color: #0000;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(#actions, #buttons, .actions) .cancel-button {
  --button-color-fill: var(--color-role-bg-raised);
  --button-color-border: var(--color-semantic-neutral);
  --button-color-text: var(--color-role-text-default);
  flex: 1;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(#actions, #buttons, .actions) .cancel-button:hover:not(:disabled) {
  --button-color-fill: var(--color-role-bg-hover);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(#actions, #buttons, .actions) .cancel-button:active:not(:disabled) {
  --button-color-fill: var(--color-role-bg-active);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(#actions, #buttons, .actions) .cancel-button:disabled {
  --button-color-fill: var(--color-role-bg-raised);
  --button-color-border: var(--color-semantic-neutral-disabled);
  --button-color-text: var(--color-role-text-disabled);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) footer {
  align-items: center;
  gap: var(--space-200);
  margin-top: var(--space-500);
  flex-direction: column;
  display: flex;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) footer span {
  align-items: baseline;
  gap: var(--space-300);
  font-size: var(--font-size-200);
  display: flex;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) footer label {
  color: var(--color-role-text-default);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) form > header {
  margin-bottom: var(--space-200);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) form > p:not(.message) {
  font-size: var(--font-size-300);
  line-height: var(--line-height-400);
  color: var(--color-role-text-default);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) form > p:not(.message) b {
  font-weight: var(--font-weight-700);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) form > p:not(.message) > .fa-circle-check {
  color: var(--color-semantic-success);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) form > p:not(.message) a {
  color: var(--color-role-text-link);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :is(.fa-circle-check, .fa-clock, .fa-envelope, .fa-do-not-enter), #login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) form > :is(.fa-triangle-exclamation, .fa-do-not-enter) {
  --fa-width: auto;
  font-size: var(--font-size-700);
  align-self: flex-start;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .fa-circle-check {
  --fa-style: 900;
  margin-bottom: var(--space-500);
  color: var(--color-semantic-success);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > :is(.fa-clock, .fa-envelope) {
  margin-bottom: var(--space-500);
  color: var(--color-semantic-action);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) form > .fa-do-not-enter {
  --fa-style: 900;
  color: var(--color-semantic-danger);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > .fa-do-not-enter {
  --fa-style: 900;
  margin-bottom: var(--space-500);
  color: var(--color-semantic-danger);
}

#login:has(form > .fa-triangle-exclamation):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: relative;
}

#login:has(form > .fa-triangle-exclamation):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > header {
  padding-top: calc(var(--font-size-700)  + var(--space-500));
  margin-bottom: var(--space-200);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) form > .fa-triangle-exclamation {
  --fa-style: 900;
  color: var(--color-semantic-warning);
  position: absolute;
  top: 0;
  left: 0;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #agree-label {
  align-items: center;
  gap: var(--space-300);
  cursor: pointer;
  display: flex;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #agree {
  width: 1rem;
  height: 1rem;
  accent-color: var(--color-semantic-action);
}

#login:has(.personae):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > header {
  margin-bottom: var(--space-500);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) label.persona-filter {
  display: block;
  position: relative;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) label.persona-filter > .fa-magnifying-glass {
  --fa-width: auto;
  left: var(--space-500);
  font-size: var(--font-size-300);
  color: var(--color-role-text-muted);
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) label.persona-filter > input {
  width: 100%;
  min-height: 3rem;
  padding: 0 var(--space-800);
  background: var(--color-role-bg-sunken);
  color: var(--color-role-text-default);
  font-size: var(--font-size-300);
  transition: box-shadow var(--motion-duration-instant) var(--motion-easing-standard);
  border: none;
  border-radius: 999px;
  outline: none;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) label.persona-filter > input::placeholder {
  color: var(--color-role-text-muted);
  font-style: italic;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) label.persona-filter > input:focus {
  box-shadow: 0 0 0 3px var(--color-semantic-action-focus);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) label.persona-filter > button {
  --button-color-fill: transparent;
  --button-color-text: var(--color-role-text-muted);
  right: var(--space-400);
  width: 2rem;
  min-height: 2rem;
  font-size: var(--font-size-300);
  border-radius: 50%;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) label.persona-filter > button:hover {
  --button-color-text: var(--color-role-text-default);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) label.persona-filter > input:placeholder-shown + button {
  display: none;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .personae {
  gap: var(--space-500);
  max-height: calc(5 * 3rem + 4 * var(--space-500)  + 2 * var(--space-200));
  margin: calc(-1 * var(--space-200)) calc(-1 * var(--space-600)) calc(-1 * var(--space-200)) calc(-1 * var(--space-200));
  padding: var(--space-200) var(--space-600) var(--space-200) var(--space-200);
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .personae::-webkit-scrollbar {
  width: 6px;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .personae::-webkit-scrollbar-thumb {
  background: var(--color-semantic-neutral);
  border-radius: 999px;
}

@supports not selector(::-webkit-scrollbar) {
  #login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .personae {
    scrollbar-width: thin;
    scrollbar-color: var(--color-semantic-neutral) transparent;
  }
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .personae:not(:has(*)) {
  display: none;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #persona-no-result {
  justify-content: center;
  align-items: center;
  gap: var(--space-300);
  min-height: calc(5 * 3rem + 4 * var(--space-500));
  text-align: center;
  flex-direction: column;
  display: flex;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #search-logo {
  background: var(--color-role-bg-sunken);
  width: 2.75rem;
  height: 2.75rem;
  color: var(--color-role-text-muted);
  font-size: var(--font-size-300);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #persona-no-result h3 {
  font-size: var(--font-size-300);
  font-weight: var(--font-weight-700);
  line-height: var(--line-height-200);
  color: var(--color-role-text-default);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #persona-no-result p {
  font-size: var(--font-size-200);
  line-height: var(--line-height-400);
  color: var(--color-role-text-default);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .persona {
  gap: var(--space-100);
  flex-direction: column;
  display: flex;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .persona > span {
  font-size: var(--font-size-200);
  color: var(--color-role-text-muted);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .persona-button {
  --button-color-fill: var(--color-role-bg-raised);
  --button-color-border: var(--color-semantic-neutral);
  --button-color-text: var(--color-role-text-default);
  text-overflow: ellipsis;
  width: 100%;
  min-height: 3rem;
  font-size: var(--font-size-300);
  padding: 0 1.25rem;
  line-height: calc(3rem - 2px);
  display: block;
  overflow: hidden;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .persona-button:hover:not(:disabled) {
  --button-color-fill: var(--color-role-bg-hover);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .persona-button:active:not(:disabled) {
  --button-color-fill: var(--color-role-bg-active);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .persona-button:disabled {
  --button-color-fill: var(--color-role-bg-raised);
  --button-color-border: var(--color-semantic-neutral-disabled);
  --button-color-text: var(--color-role-text-disabled);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field.radio-group {
  align-items: center;
  column-gap: var(--space-600);
  row-gap: var(--space-200);
  flex-flow: wrap;
  display: flex;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field.radio-group > .group-header {
  align-items: baseline;
  column-gap: var(--space-300);
  flex-basis: 100%;
  display: flex;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field.radio-group > .group-header > span:first-child {
  font-size: var(--font-size-200);
  font-weight: var(--font-weight-600);
  color: var(--color-role-text-default);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field.radio-group.error > .group-header > span:first-child {
  color: var(--color-semantic-danger);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field.radio-group > .group-header > span[role="alert"] {
  font-size: var(--font-size-200);
  font-weight: var(--font-weight-600);
  color: var(--color-semantic-danger);
  margin-left: auto;
  font-style: italic;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field.radio-group > label {
  align-items: center;
  gap: var(--space-300);
  font-size: var(--font-size-300);
  color: var(--color-role-text-default);
  cursor: pointer;
  flex-wrap: nowrap;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field.radio-group > label > span {
  font: inherit;
  color: inherit;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field.radio-group.stacked {
  flex-direction: column;
  align-items: flex-start;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field.radio-group > .hint {
  font-size: var(--font-size-200);
  color: var(--color-role-text-muted);
  flex-basis: 100%;
  margin: 0;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field.other-mail {
  margin-top: calc(-1 * var(--space-200));
  padding-left: calc(1rem + var(--space-300));
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field input[type="radio"] {
  appearance: none;
  border: 1.5px solid var(--color-role-border-strong);
  background: var(--color-role-bg-default);
  width: 1rem;
  height: 1rem;
  min-height: 0;
  box-shadow: none;
  cursor: pointer;
  border-radius: 50%;
  flex: none;
  order: -1;
  place-content: center;
  margin: 0;
  padding: 0;
  display: grid;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field input[type="radio"]:before {
  content: "";
  background: var(--color-semantic-action-contrast);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  transform: scale(0);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field input[type="radio"]:hover:not(:checked) {
  border-color: var(--color-semantic-action);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field input[type="radio"]:focus {
  border-color: var(--color-role-border-strong);
  box-shadow: none;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field input[type="radio"]:focus-visible {
  outline: 2px solid var(--color-role-focus-ring);
  outline-offset: 2px;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field input[type="radio"]:checked {
  border-color: var(--color-semantic-action);
  background: var(--color-semantic-action);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field input[type="radio"]:checked:before {
  transform: scale(1);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .form-field input[type="radio"]:checked:hover {
  border-color: var(--color-semantic-action-hover);
  background: var(--color-semantic-action-hover);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #resend-email {
  margin-top: var(--space-300);
  align-items: center;
  display: flex;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #resend-email > button.loading:after {
  margin: 0;
  position: static;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #resend-email .feedback-bubble {
  margin-block: calc(-1 * var(--space-200));
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #resend-email + :is(#actions, #buttons, .actions) {
  padding-top: var(--space-700);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > main:has( > #totp-code,  > #totp-done-img) {
  gap: var(--space-700);
  flex-direction: column;
  display: flex;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > header:has( > p:empty) + main:has( > #totp-code,  > #totp-done-img) > p:first-child {
  margin-bottom: 0;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) > main:has( > #totp-code,  > #totp-done-img) > :is(#actions, #buttons, .actions) {
  padding-top: 0;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ol#totp-steps {
  gap: var(--space-500);
  font-size: var(--font-size-300);
  line-height: var(--line-height-400);
  color: var(--color-role-text-muted);
  flex-direction: column;
  padding-left: 1em;
  list-style: decimal;
  display: flex;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ol#totp-steps li::marker {
  color: var(--color-role-text-muted);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #totp-code {
  place-items: center start;
  row-gap: var(--space-300);
  grid-template-columns: auto minmax(0, 1fr);
  display: grid;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #totp-code > :is(img, button) {
  grid-column: 1 / -1;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :is(#totp-code, #resend-email) > button.ghost {
  padding-inline: 0;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #totp-code > img {
  width: 11rem;
  height: auto;
  image-rendering: pixelated;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #totp-code .code {
  max-width: 100%;
  min-height: 3rem;
  padding: 0 var(--space-400);
  border: 1px solid var(--color-role-border-strong);
  border-radius: var(--radius-200);
  background: var(--color-role-bg-raised);
  font-family: var(--font-family-mono);
  font-size: var(--font-size-300);
  font-weight: var(--font-weight-700);
  overflow-wrap: anywhere;
  cursor: pointer;
  transition: border-color var(--motion-duration-instant) var(--motion-easing-standard);
  align-items: center;
  display: flex;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #totp-code .code:hover {
  border-color: var(--color-semantic-action);
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #totp-code .feedback-bubble {
  margin-left: 0;
}

#login:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img#totp-done-img {
  width: 100%;
}