@charset "UTF-8";

@font-face{
  font-family:Fraunces;
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url("../fonts/Fraunces72ptSoft-SemiBold.woff2") format("woff2");
}

@font-face{
  font-family:Inter;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  src:url("../fonts/Inter-Regular--latin.woff2") format("woff2");
}

@font-face{
  font-family:Inter;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  src:url("../fonts/Inter-Regular--latin-ext.woff2") format("woff2");
}

@font-face{
  font-family:Inter;
  font-style:normal;
  font-weight:600;
  font-display:swap;
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  src:url("../fonts/Inter-SemiBold--latin.woff2") format("woff2");
}

@font-face{
  font-family:Inter;
  font-style:normal;
  font-weight:600;
  font-display:swap;
  unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  src:url("../fonts/Inter-SemiBold--latin-ext.woff2") format("woff2");
}

:root{
  --outline-width:calc(1rem / 16 * 3);
  --length-64x:16rem;
  --length-56x:14rem;
  --length-48x:12rem;
  --length-40x:10rem;
  --length-32x:8rem;
  --length-24x:6rem;
  --length-20x:5rem;
  --length-16x:4rem;
  --length-12x:3rem;
  --length-10x:2.5rem;
  --length-9x:2.25rem;
  --length-8x:2rem;
  --length-7x:1.75rem;
  --length-6x:1.5rem;
  --length-5x:1.25rem;
  --length-4x:1rem;
  --length-3x:0.75rem;
  --length-2x:0.5rem;
  --length-1x:0.25rem;
  --length-base:4px;
  --breakpoint-4xlarge:120em;
  --breakpoint-3xlarge:105em;
  --breakpoint-xxlarge:90em;
  --breakpoint-xlarge:75em;
  --breakpoint-large:62.5em;
  --breakpoint-medium:48em;
  --breakpoint-small:40em;
  --breakpoint-xsmall:27em;
  --border-size-2x:2px;
  --border-size-1x:1px;
  --border-radius-circle:50%;
  --border-radius-pill:999px;
  --line-height-display-xxlarge:1.1667;
  --line-height-display-xlarge:1.1818;
  --line-height-display-large:1.2222;
  --line-height-display-medium:1.3333;
  --line-height-display-small:1.4;
  --line-height-display-xsmall:1.5;
  --line-height-xxlarge:1.2222;
  --line-height-xlarge:1.3333;
  --line-height-large:1.4;
  --line-height-medium:1.5;
  --line-height-small:1.4286;
  --line-height-xsmall:1.6667;
  --font-weight-semibold:600;
  --font-weight-regular:400;
  --font-size-display-xxlarge:48px;
  --font-size-display-xlarge:44px;
  --font-size-display-large:36px;
  --font-size-display-medium:24px;
  --font-size-display-small:20px;
  --font-size-display-xsmall:16px;
  --font-size-xxlarge:36px;
  --font-size-xlarge:24px;
  --font-size-large:20px;
  --font-size-medium:16px;
  --font-size-small:14px;
  --font-size-xsmall:12px;
  --font-family-monospace:ui-monospace, monospace;
  --font-family-display:Fraunces, ui-serif, serif;
  --font-family-text:Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  --shadow-large:0px 4px 6px -2px hsla(0, 0%, 0%, 0.05), 0px 12px 16px -4px hsla(0, 0%, 0%, 0.1);
  --shadow-medium:0px 2px 4px -2px hsla(0, 0%, 0%, 0.06), 0px 4px 8px -2px hsla(0, 0%, 0%, 0.1);
  --shadow-small:0px 1px 2px 0px hsla(0, 0%, 0%, 0.06), 0px 1px 3px 0px hsla(0, 0%, 0%, 0.1);
  --shadow-xsmall:0px 1px 2px 0px hsla(0, 0%, 0%, 0.05);
  --easing-ease:cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration-1000:500ms;
  --duration-900:450ms;
  --duration-800:400ms;
  --duration-700:350ms;
  --duration-600:300ms;
  --duration-500:250ms;
  --duration-400:220ms;
  --duration-300:190ms;
  --duration-200:160ms;
  --duration-100:130ms;
  --color-overlay:white;
  --color-surface:white;
  --color-background:hsl(180, 12%, 95%);
  --color-laser-yellow-900:hsl(42, 26%, 40%);
  --color-laser-yellow-800:hsl(45, 29%, 45%);
  --color-laser-yellow-700:hsl(49, 34%, 57%);
  --color-laser-yellow-600:hsl(53, 55%, 66%);
  --color-laser-yellow-500:hsl(57, 83%, 71%);
  --color-laser-yellow-400:hsl(59, 100%, 73%);
  --color-laser-yellow-300:hsl(59, 100%, 79%);
  --color-laser-yellow-200:hsl(59, 100%, 84%);
  --color-laser-yellow-100:hsl(59, 100%, 89%);
  --color-laser-yellow-50:hsl(60, 100%, 95%);
  --color-laser-yellow-25:hsl(60, 100%, 97%);
  --color-clockwork-orange-900:hsl(15, 78%, 46%);
  --color-clockwork-orange-800:hsl(22, 90%, 45%);
  --color-clockwork-orange-700:hsl(22, 82%, 51%);
  --color-clockwork-orange-600:hsl(25, 86%, 53%);
  --color-clockwork-orange-500:hsl(34, 94%, 50%);
  --color-clockwork-orange-400:hsl(39, 98%, 56%);
  --color-clockwork-orange-300:hsl(42, 99%, 65%);
  --color-clockwork-orange-200:hsl(44, 99%, 77%);
  --color-clockwork-orange-100:hsl(44, 98%, 89%);
  --color-clockwork-orange-50:hsl(44, 100%, 96%);
  --color-clockwork-orange-25:hsl(44, 100%, 98%);
  --color-poppy-red-900:hsl(4, 61%, 51%);
  --color-poppy-red-800:hsl(4, 75%, 56%);
  --color-poppy-red-700:hsl(4, 89%, 61%);
  --color-poppy-red-600:hsl(4, 99%, 65%);
  --color-poppy-red-500:hsl(4, 100%, 73%);
  --color-poppy-red-400:hsl(7, 100%, 77%);
  --color-poppy-red-300:hsl(11, 100%, 85%);
  --color-poppy-red-200:hsl(14, 96%, 90%);
  --color-poppy-red-100:hsl(15, 93%, 94%);
  --color-poppy-red-50:hsl(15, 100%, 97%);
  --color-poppy-red-25:hsl(0, 100%, 99%);
  --color-acid-green-900:hsl(160, 58%, 36%);
  --color-acid-green-800:hsl(160, 58%, 41%);
  --color-acid-green-700:hsl(160, 75%, 44%);
  --color-acid-green-600:hsl(160, 77%, 49%);
  --color-acid-green-500:hsl(160, 100%, 47%);
  --color-acid-green-400:hsl(160, 88%, 57%);
  --color-acid-green-300:hsl(160, 88%, 68%);
  --color-acid-green-200:hsl(160, 89%, 79%);
  --color-acid-green-100:hsl(160, 89%, 89%);
  --color-acid-green-50:hsl(159, 100%, 94%);
  --color-acid-green-25:hsl(159, 100%, 97%);
  --color-stream-blue-900:hsl(243, 63%, 12%);
  --color-stream-blue-800:hsl(218, 84%, 19%);
  --color-stream-blue-700:hsl(218, 68%, 31%);
  --color-stream-blue-600:hsl(220, 75%, 38%);
  --color-stream-blue-500:hsl(218, 80%, 46%);
  --color-stream-blue-400:hsl(211, 95%, 58%);
  --color-stream-blue-300:hsl(207, 98%, 66%);
  --color-stream-blue-200:hsl(206, 100%, 76%);
  --color-stream-blue-100:hsl(209, 100%, 91%);
  --color-stream-blue-50:hsl(206, 100%, 97%);
  --color-stream-blue-25:hsl(210, 100%, 98%);
  --color-neon-purple-900:hsl(267, 85%, 26%);
  --color-neon-purple-800:hsl(259, 64%, 34%);
  --color-neon-purple-700:hsl(259, 65%, 42%);
  --color-neon-purple-600:hsl(259, 62%, 48%);
  --color-neon-purple-500:hsl(259, 88%, 59%);
  --color-neon-purple-400:hsl(252, 99%, 70%);
  --color-neon-purple-300:hsl(252, 98%, 77%);
  --color-neon-purple-200:hsl(252, 100%, 85%);
  --color-neon-purple-100:hsl(251, 100%, 93%);
  --color-neon-purple-50:hsl(253, 100%, 96%);
  --color-neon-purple-25:hsl(253, 100%, 98%);
  --color-ash-black-900:hsl(0, 0%, 7%);
  --color-ash-black-800:hsl(0, 0%, 12%);
  --color-ash-black-700:hsl(0, 0%, 18%);
  --color-ash-black-600:hsl(0, 0%, 27%);
  --color-ash-black-500:hsl(0, 0%, 46%);
  --color-ash-black-400:hsl(0, 0%, 58%);
  --color-ash-black-300:hsl(0, 0%, 71%);
  --color-ash-black-200:hsl(0, 0%, 83%);
  --color-ash-black-100:hsl(0, 0%, 91%);
  --color-ash-black-50:hsl(0, 0%, 96%);
  --color-ash-black-25:hsl(0, 0%, 98%);
  --color-duck-blue-900:hsl(180, 63%, 17%);
  --color-duck-blue-800:hsl(180, 67%, 24%);
  --color-duck-blue-700:hsl(180, 72%, 28%);
  --color-duck-blue-600:hsl(180, 74%, 32%);
  --color-duck-blue-500:hsl(180, 78%, 34%);
  --color-duck-blue-400:hsl(180, 82%, 37%);
  --color-duck-blue-300:hsl(180, 78%, 45%);
  --color-duck-blue-200:hsl(180, 75%, 64%);
  --color-duck-blue-100:hsl(180, 72%, 86%);
  --color-duck-blue-50:hsl(180, 67%, 93%);
  --transition-base:var(--duration-300) var(--easing-ease) 0ms;
  --widget-height-large:var(--length-12x);
  --widget-height-medium:var(--length-10x);
  --widget-height-small:var(--length-8x);
  --spacing-64x:var(--length-64x);
  --spacing-56x:var(--length-56x);
  --spacing-48x:var(--length-48x);
  --spacing-40x:var(--length-40x);
  --spacing-32x:var(--length-32x);
  --spacing-24x:var(--length-24x);
  --spacing-20x:var(--length-20x);
  --spacing-16x:var(--length-16x);
  --spacing-12x:var(--length-12x);
  --spacing-10x:var(--length-10x);
  --spacing-8x:var(--length-8x);
  --spacing-7x:var(--length-7x);
  --spacing-6x:var(--length-6x);
  --spacing-5x:var(--length-5x);
  --spacing-4x:var(--length-4x);
  --spacing-3x:var(--length-3x);
  --spacing-2x:var(--length-2x);
  --spacing-1x:var(--length-1x);
  --icon-size-5x:var(--length-5x);
  --icon-size-4x:var(--length-4x);
  --icon-size-3x:var(--length-3x);
  --icon-size-2x:var(--length-2x);
  --circle-size-12x:var(--length-12x);
  --circle-size-10x:var(--length-10x);
  --circle-size-8x:var(--length-8x);
  --circle-size-6x:var(--length-6x);
  --circle-size-4x:var(--length-4x);
  --border-size-medium:var(--border-size-2x);
  --border-size-small:var(--border-size-1x);
  --border-radius-2x:var(--length-2x);
  --border-radius-1x:var(--length-1x);
  --font-size-base:var(--font-size-small);
  --color-text-weak:var(--color-ash-black-500);
  --color-text-plain:var(--color-ash-black-800);
  --color-progress-strong:var(--color-stream-blue-500);
  --color-progress-plain:var(--color-stream-blue-300);
  --color-progress-weak:var(--color-stream-blue-200);
  --color-highlight-strong:var(--color-laser-yellow-900);
  --color-highlight-plain:var(--color-laser-yellow-400);
  --color-highlight-weak:var(--color-laser-yellow-200);
  --color-notice-strong:var(--color-clockwork-orange-900);
  --color-notice-plain:var(--color-clockwork-orange-400);
  --color-notice-weak:var(--color-clockwork-orange-100);
  --color-negative-strong:var(--color-poppy-red-900);
  --color-negative-plain:var(--color-poppy-red-500);
  --color-negative-weak:var(--color-poppy-red-100);
  --color-positive-strong:var(--color-acid-green-900);
  --color-positive-plain:var(--color-acid-green-400);
  --color-positive-weak:var(--color-acid-green-100);
  --color-informative-strong:var(--color-stream-blue-500);
  --color-informative-plain:var(--color-stream-blue-300);
  --color-informative-weak:var(--color-stream-blue-100);
  --color-accent-strong:var(--color-duck-blue-800);
  --color-accent-plain:var(--color-duck-blue-500);
  --color-accent-weak:var(--color-duck-blue-100);
  --color-accent-weaker:var(--color-duck-blue-50);
  --color-neutral-strong:var(--color-ash-black-800);
  --color-neutral-plain:var(--color-ash-black-500);
  --color-neutral-weak:var(--color-ash-black-200);
  --color-neutral-900:var(--color-ash-black-900);
  --color-neutral-800:var(--color-ash-black-800);
  --color-neutral-700:var(--color-ash-black-700);
  --color-neutral-600:var(--color-ash-black-600);
  --color-neutral-500:var(--color-ash-black-500);
  --color-neutral-400:var(--color-ash-black-400);
  --color-neutral-300:var(--color-ash-black-300);
  --color-neutral-200:var(--color-ash-black-200);
  --color-neutral-100:var(--color-ash-black-100);
  --color-neutral-50:var(--color-ash-black-50);
  --color-neutral-25:var(--color-ash-black-25);
  --color-secondary-900:var(--color-ash-black-900);
  --color-secondary-800:var(--color-ash-black-800);
  --color-secondary-700:var(--color-ash-black-700);
  --color-secondary-600:var(--color-ash-black-600);
  --color-secondary-500:var(--color-ash-black-500);
  --color-secondary-400:var(--color-ash-black-400);
  --color-secondary-300:var(--color-ash-black-300);
  --color-secondary-200:var(--color-ash-black-200);
  --color-secondary-100:var(--color-ash-black-100);
  --color-secondary-50:var(--color-ash-black-50);
  --color-secondary-25:var(--color-ash-black-25);
  --color-primary-900:var(--color-duck-blue-900);
  --color-primary-800:var(--color-duck-blue-800);
  --color-primary-700:var(--color-duck-blue-700);
  --color-primary-600:var(--color-duck-blue-600);
  --color-primary-500:var(--color-duck-blue-500);
  --color-primary-400:var(--color-duck-blue-400);
  --color-primary-300:var(--color-duck-blue-300);
  --color-primary-200:var(--color-duck-blue-200);
  --color-primary-100:var(--color-duck-blue-100);
  --color-primary-50:var(--color-duck-blue-50);
  --tag-height:var(--length-5x);
  --tag-radius:var(--border-radius-pill);
  --switch-width:var(--length-9x);
  --radio-marker-size:var(--length-3x);
  --radio-size:var(--length-5x);
  --pill-height-medium:var(--length-7x);
  --pill-height-small:var(--length-6x);
  --pill-radius:var(--border-radius-pill);
  --header-height:var(--length-12x);
  --form-widget-surface-color-base:var(--color-surface);
  --checkbox-size:var(--length-5x);
  --badge-height:var(--length-6x);
  --outline-color:var(--color-primary-200);
  --border-color-strong:var(--color-neutral-800);
  --border-color-base:var(--color-neutral-200);
  --border-color-weak:var(--color-neutral-200);
  --border-radius-medium:var(--border-radius-2x);
  --border-radius-small:var(--border-radius-1x);
  --color-text-highlight:var(--color-highlight-strong);
  --color-text-notice:var(--color-notice-strong);
  --color-text-negative:var(--color-negative-strong);
  --color-text-positive:var(--color-positive-strong);
  --color-text-informative:var(--color-informative-strong);
  --color-text-link:var(--color-accent-plain);
  --color-text-base:var(--color-text-plain);
  --switch-label-gap:var(--spacing-2x);
  --radio-label-gap:var(--spacing-2x);
  --form-widget-border-size:var(--border-size-small);
  --form-widget-border-color-disabled:var(--color-neutral-500);
  --form-widget-border-color-readonly:var(--color-neutral-500);
  --form-widget-border-color-error:var(--color-negative-strong);
  --form-widget-border-color-checked:var(--color-accent-plain);
  --form-widget-border-color-focus:var(--color-primary-300);
  --form-widget-border-color-hover:var(--color-primary-300);
  --form-widget-marker-color-disabled:var(--color-neutral-500);
  --form-widget-marker-color-checked:var(--color-accent-plain);
  --form-widget-marker-color-base:var(--color-neutral-800);
  --form-widget-text-color-disabled:var(--color-text-weak);
  --form-widget-text-color-placeholder:var(--color-text-weak);
  --form-widget-surface-color-disabled:var(--color-neutral-25);
  --form-widget-surface-color-readonly:var(--color-neutral-25);
  --form-widget-surface-color-error:var(--color-negative-weak);
  --form-widget-height-large:var(--widget-height-large);
  --form-widget-height-medium:var(--widget-height-medium);
  --form-widget-height-small:var(--widget-height-small);
  --form-widget-radius:var(--border-radius-1x);
  --checkbox-label-gap:var(--spacing-2x);
  --checkbox-marker-size:var(--icon-size-3x);
  --button-height-large:var(--widget-height-large);
  --button-height-medium:var(--widget-height-medium);
  --button-height-small:var(--widget-height-small);
  --button-radius:var(--border-radius-1x);
  --badge-radius:var(--border-radius-1x);
  --form-widget-border-color-base:var(--border-color-strong);
  --form-widget-text-color-readonly:var(--color-text-base);
  --form-widget-text-color-base:var(--color-text-base);
}

:root{
  --content-width-xxlarge:90rem;
  --content-width-xlarge:75rem;
  --content-width-large:62.5rem;
  --content-width-medium:48rem;
  --content-width-small:40rem;
  --content-width-xsmall:27rem;
  --content-padding-inline:var(--spacing-4x);

  --z-index-skip-links:50;
  --z-index-header:30;
}

@media (min-width: 48em){

:root{
    --content-padding-inline:var(--spacing-5x);
}
  }

@media (prefers-reduced-motion: reduce){

:root{
    --transition-base:0s ease;
}
  }

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
     -moz-text-size-adjust:100%;
          text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

body{
  overflow-x:hidden;
  margin:0;
  color:var(--color-text-plain);
  background-color:white;
}

body *::-moz-selection, body::-moz-selection{
    color:var(--color-text-plain);
    background:var(--color-accent-weak);
  }

body *::selection,
  body::selection{
    color:var(--color-text-plain);
    background:var(--color-accent-weak);
  }

progress{
  vertical-align:baseline;
}

img,
svg{
  vertical-align:top;
}

img{
  max-width:100%;
  height:auto;
}

button,
input,
select,
textarea{
  font-family:inherit;
  text-transform:none;
}

button, html [type="button"], [type="reset"], [type="submit"]{
  -webkit-appearance:button;
     -moz-appearance:button;
          appearance:button;
}

[type="search"]{
  -webkit-appearance:textfield;
     -moz-appearance:textfield;
          appearance:textfield;
  outline-offset:-2px;
}

button:not([disabled]),
label{
  cursor:pointer;
}

ul,
ol{
  margin:0;
  padding:0;
}

ul[class], ol[class]{
    list-style:none;
  }

ul:not([class]), ol:not([class]){
    padding-left:var(--spacing-6x);
  }

time[title]{
  cursor:help;
}

time[title]:hover{
    -webkit-text-decoration:underline;
    text-decoration:underline;
    text-decoration-style:dotted;
  }

body{
  font-family:var(--font-family-text);
  font-size:var(--font-size-base, var(--font-size-small));
  line-height:var(--line-height-base, var(--line-height-small));
  font-weight:var(--font-weight-regular);
}

b,
strong,
.weight-bold{
  font-weight:var(--font-weight-semibold);
}

h1,
h2,
h3,
h4,
h5,
h6{
  margin:0 0 var(--spacing-4x);
  font-family:var(--font-family-display);
}

h1.font-text,
  h2.font-text,
  h3.font-text,
  h4.font-text,
  h5.font-text,
  h6.font-text,
  h1 .font-text,
  h2 .font-text,
  h3 .font-text,
  h4 .font-text,
  h5 .font-text,
  h6 .font-text{
    font-family:var(--font-family-text);
  }

blockquote,
.font-display{
  font-family:var(--font-family-display);
  text-transform:inherit;
}

h1,
.type-h1{
  font-size:var(--font-size-display-large);
  line-height:var(--line-height-display-large);
}

@media (min-width: 48em){

h1,
.type-h1{
    font-size:var(--font-size-display-xxlarge);
    line-height:var(--line-height-display-xxlarge);
}
  }

h2,
.type-h2{
  font-size:var(--font-size-display-medium);
  line-height:var(--line-height-display-medium);
}

@media (min-width: 48em){

h2,
.type-h2{
    font-size:var(--font-size-display-xlarge);
    line-height:var(--line-height-display-xlarge);
}
  }

h3,
.type-h3{
  font-size:var(--font-size-display-small);
  line-height:var(--line-height-display-small);
}

@media (min-width: 48em){

h3,
.type-h3{
    font-size:var(--font-size-display-large);
    line-height:var(--line-height-display-large);
}
  }

h4,
.type-h4{
  font-size:var(--font-size-display-small);
  line-height:var(--line-height-display-small);
}

@media (min-width: 48em){

h4,
.type-h4{
    font-size:var(--font-size-display-medium);
    line-height:var(--line-height-display-medium);
}
  }

h5,
.type-h5,
h6,
.type-h6{
  font-size:var(--font-size-display-small);
  line-height:var(--line-height-display-small);
}

.type-xxlarge{
  font-size:var(--font-size-xxlarge);
  line-height:var(--line-height-xxlarge);
}

.type-xlarge{
  font-size:var(--font-size-xlarge);
  line-height:var(--line-height-xlarge);
}

.type-large{
  font-size:var(--font-size-large);
  line-height:var(--line-height-large);
}

.type-medium{
  font-size:var(--font-size-medium);
  line-height:var(--line-height-medium);
}

.type-small{
  font-size:var(--font-size-small);
  line-height:var(--line-height-small);
}

.type-xsmall{
  font-size:var(--font-size-xsmall);
  line-height:var(--line-height-xsmall);
}

.type-display-xxlarge{
  font-size:var(--font-size-display-xxlarge);
  line-height:var(--line-height-display-xxlarge);
}

.type-display-xlarge{
  font-size:var(--font-size-display-xlarge);
  line-height:var(--line-height-display-xlarge);
}

.type-display-large{
  font-size:var(--font-size-display-large);
  line-height:var(--line-height-display-large);
}

.type-display-medium{
  font-size:var(--font-size-display-medium);
  line-height:var(--line-height-display-medium);
}

.type-display-small{
  font-size:var(--font-size-display-small);
  line-height:var(--line-height-display-small);
}

.type-display-xsmall{
  font-size:var(--font-size-display-xsmall);
  line-height:var(--line-height-display-xsmall);
}

sub,
sup{
  font-size:0.6em;
}

thead{
  font-weight:var(--font-weight-semibold);
}

small{
  font-size:var(--font-size-small);
  line-height:var(--line-height-small);
}

p{
  margin-top:var(--spacing-2x);
  margin-bottom:var(--spacing-2x);
}

code{
  font-size:calc(1em - 2px);
}

.flex{
  display:flex;
}

.flex-inline{
  display:inline-flex;
}

.flex-row{
  flex-direction:row;
}

.flex-rowReverse{
  flex-direction:row-reverse;
}

.flex-col{
  flex-direction:column;
}

.flex-colReverse{
  flex-direction:column-reverse;
}

.flex-colToRow{
  flex-direction:column;
}

@media screen and (min-width: 40em){

.flex-colToRow{
    flex-direction:row;
}
  }

.flex-wrap{
  flex-wrap:wrap;
}

.flex-noWrap{
  flex-wrap:nowrap;
}

.flex-wrapReverse{
  flex-wrap:wrap-reverse;
}

.flex-justifyStart{
  justify-content:flex-start;
}

.flex-justifyEnd{
  justify-content:flex-end;
}

.flex-justifyCenter{
  justify-content:center;
}

.flex-justifyBetween{
  justify-content:space-between;
}

.flex-justifyAround{
  justify-content:space-around;
}

.flex-alignItemsStart{
  align-items:flex-start;
}

.flex-alignItemsEnd{
  align-items:flex-end;
}

.flex-alignItemsCenter{
  align-items:center;
}

.flex-alignItemsStretch{
  align-items:stretch;
}

.flex-alignItemsBaseline{
  align-items:baseline;
}

.flex-alignContentStart{
  align-content:flex-start;
}

.flex-alignContentEnd{
  align-content:flex-end;
}

.flex-alignContentCenter{
  align-content:center;
}

.flex-alignContentStretch{
  align-content:stretch;
}

.flex-alignContentBetween{
  align-content:space-between;
}

.flex-alignContentAround{
  align-content:space-around;
}

.flex-alignSelfStart{
  align-self:flex-start;
}

.flex-alignSelfEnd{
  align-self:flex-end;
}

.flex-alignSelfCenter{
  align-self:center;
}

.flex-alignSelfStretch{
  align-self:stretch;
}

.flex-alignSelfBaseline{
  align-self:baseline;
}

.flex-alignSelfLastBaseline{
  align-self:last baseline;
}

.flex-alignSelfAuto{
  align-self:auto;
}

.flex-orderFirst{
  order:-1;
}

.flex-orderLast{
  order:1;
}

.flex-orderNone{
  order:0;
}

.flex-grow1{
  flex:1;
}

.flex-grow2{
  flex:2;
}

.flex-grow3{
  flex:3;
}

.flex-grow4{
  flex:4;
}

.flex-grow5{
  flex:5;
}

.flex-shrink0{
  flex-shrink:0;
}

.flex-shrink1{
  flex-shrink:1;
}

.flex-shrink2{
  flex-shrink:2;
}

.flex-shrink3{
  flex-shrink:3;
}

.flex-shrink4{
  flex-shrink:4;
}

.flex-shrink5{
  flex-shrink:5;
}

.flex-basisAuto{
  flex-basis:auto;
}

.flex-basis0{
  flex-basis:0;
}

.flex-basis100{
  flex-basis:100%;
}

.flex-initial{
  flex:0 1 auto;
}

.flex-auto{
  flex:1 1 auto;
}

.flex-none{
  flex:0 0 auto;
}

.relative{
  position:relative;
}

.absolute{
  position:absolute;
}

.reset-button{
  margin:0;
  padding:0;
  border:none;
  font:inherit;
  color:inherit;
  background:none;
}

.sr-only,
.sr-only-focusable:not(:focus){
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0, 0, 0, 0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

.Header-wrapper:has(> .Header--fixed){
  position:fixed;
  top:0;
  left:0;
  right:0;
  box-shadow:var(--shadow-medium);
}

.Header{
  display:flex;
  align-items:center;
  gap:var(--spacing-5x);
  font-weight:var(--font-weight-regular);
  font-size:var(--font-size-small);
  line-height:var(--line-height-small);
  box-sizing:border-box;
  width:100%;
  max-width:var(--content-width-xlarge);
  margin-left:auto;
  margin-right:auto;
  padding-top:var(--spacing-4x);
  padding-bottom:var(--spacing-4x);
  padding-left:var(--content-padding-inline);
  padding-right:var(--content-padding-inline);
  background-color:transparent;
  transition:background-color var(--transition-base);
}

.Header :where(ul){
  list-style:none;
  margin:0;
  padding:0;
}

.Header :where(a){
  color:var(--color-text-base);
  -webkit-text-decoration:none;
  text-decoration:none;
}

.Header-nav{
  flex-grow:1;
}

button.Header-menu-action,
button.Header-mobileTrigger{
  position:relative;
  z-index:102;
  color:var(--color-text-base);
  border:0;
  background:transparent;
  font:inherit;
  transition:color var(--transition-base);
}

.Header-logoBlock{
  margin:0;
}

.Header-logoLink{
  display:flex;
  align-items:center;
  border-radius:var(--border-radius-1x);
}

@supports not selector(:focus-visible){
    .Header-logoLink:focus{
      outline-offset:var(--outline-width);
      outline:var(--outline-width) solid var(--outline-color);
    }
  }

.Header-logoLink:focus-visible{
    outline-offset:var(--outline-width);
    outline:var(--outline-width) solid var(--outline-color);
  }

.Header-logoLink svg{
    width:auto;
    height:var(--length-9x);
  }

.Header-logoLink-service{
  margin-left:var(--spacing-3x);
  padding-left:var(--spacing-3x);
  border-left:1px solid var(--color-neutral-700);
  font-size:var(--font-size-medium);
  font-weight:var(--font-weight-semibold);
  line-height:var(--length-9x);
  color:currentcolor;
}

.Header-menu-action{
  padding:var(--spacing-1x) var(--spacing-3x);
  display:inline-flex;
  border-radius:var(--border-radius-1x);
  gap:var(--spacing-2x);
  align-items:center;
}

.Header-submenu-action{
  display:flex;
  gap:0;
  flex-direction:column;
  align-items:start;
  padding:var(--spacing-2x) var(--spacing-4x);
  min-width:30ch;
  border-radius:var(--border-radius-1x);
}

.Header-mobileTrigger,
.Header-menu-action,
.Header-submenu-action{
  outline-offset:0;
}

.Header-mobileTrigger:active,
  .Header-menu-action:active,
  .Header-submenu-action:active,
  .Header-mobileTrigger:hover,
  .Header-menu-action:hover,
  .Header-submenu-action:hover{
    color:var(--color-accent-plain);
  }

@supports not selector(:focus-visible){
    .Header-mobileTrigger:focus, .Header-menu-action:focus, .Header-submenu-action:focus{
      outline:var(--outline-width) solid var(--outline-color);
    }
  }

.Header-mobileTrigger:focus-visible, .Header-menu-action:focus-visible, .Header-submenu-action:focus-visible{
    outline:var(--outline-width) solid var(--outline-color);
  }

.Header-submenu{
  display:none;
  flex-direction:column;
}

.Header-submenu-item{
  margin:0;
}

.Header-submenu-item small{
  font-size:var(--font-size-small);
  line-height:var(--line-height-small);
}

.Header-menu-item--hasSubmenu:hover .Header-submenu-chevron, .Header-menu-item--hasSubmenu button[aria-expanded="true"] .Header-submenu-chevron{
      transform:rotate(-180deg);
    }

.Header-menu-item--hasSubmenu:hover .Header-submenu,
  .Header-menu-item--hasSubmenu button[aria-expanded="true"] + .Header-submenu{
    display:flex;
  }

.Header-submenu-separator hr{
  margin-top:var(--spacing-2x);
  margin-bottom:var(--spacing-2x);
  margin-left:var(--spacing-4x);
  margin-right:var(--spacing-4x);
  border:0;
  border-top:1px solid var(--color-neutral-200);
}

@media (max-width: 62.499em){
  .Header{
    position:relative;
    justify-content:space-between;
  }

  .Header-logoLink svg{
    height:28px;
  }
    .Header-logoLink:has(.Header-logoLink-service) svg{
      vertical-align:-40%;
      padding-right:var(--spacing-2x);
    }

    .Header-logoLink:has(.Header-logoLink-service) .Header-logoLink-service{
      display:inline-block;
      margin-left:var(--spacing-1x);
      font-size:var(--font-size-small);
    }

  .Header-mobileTrigger{
    border-radius:var(--border-radius-1x);
    margin-top:2px;
    font-size:var(--font-size-small);
    line-height:var(--line-height-small);
    text-transform:uppercase;
    outline-offset:var(--outline-width);
  }
    .Header-mobileTrigger span{
      display:inline-flex;
      align-items:center;
      gap:var(--spacing-2x);
    }

  .Header-nav{
    position:absolute;
    width:100%;
    min-height:100vh;
    left:0;
    top:100%;
    background:var(--color-surface);
    z-index:200;
    padding-top:var(--spacing-4x);
    padding-left:var(--content-padding-inline);
    padding-right:var(--content-padding-inline);
    box-sizing:border-box;
    transform:translateX(-100%);
    opacity:0;
    transition:transform var(--transition-base), opacity var(--transition-base);
  }

  .Header-menu{
    gap:var(--spacing-2x);
    display:flex;
    flex-direction:column;
    padding-top:var(--spacing-4x);
    padding-bottom:var(--spacing-8x);
    padding-left:var(--content-padding-inline);
    padding-right:var(--content-padding-inline);
    align-items:start;
  }

  .Header:has(.Header-mobileTrigger[aria-expanded="true"]){
    background-color:var(--color-surface);
  }

  .Header-mobileTrigger[aria-expanded="true"] + .Header-nav{
    opacity:1;
    transform:translateX(0);
  }

  .Header-mobileTrigger[aria-expanded="true"] .Header-mobileTrigger-onClosed{
    display:none;
  }

  .Header-mobileTrigger[aria-expanded="false"] .Header-mobileTrigger-onOpened{
    display:none;
  }

  .Header-submenu{
    margin-left:var(--spacing-3x);
    padding-left:var(--spacing-3x);
    border-left:1px solid var(--color-neutral-200);
  }

  .Header-submenu-action small{
    display:none;
  }

  .Header-menu-action,
  .Header-submenu-action{
    display:flex;
    padding-left:0;
    padding-right:0;
  }

  .Header-menu-separator hr{
    margin-top:var(--spacing-4x);
    margin-bottom:var(--spacing-4x);
    border:0;
    border-top:1px solid var(--color-neutral-200);
  }

  .Header-submenu-separator hr{
    margin-left:0;
    margin-right:0;
  }

  .Header-menu-separator:empty{
    display:none;
  }
}

@media (min-width: 62.5em){
  .Header-mobileTrigger{
    display:none;
  }

  .Header-menu{
    margin-top:var(--spacing-1x);
    gap:var(--spacing-5x);
    align-items:center;
    display:flex;
  }

  .Header-menu-item{
    flex:1 0 auto;
  }

  .Header-menu-separator{
    flex-grow:999;
  }

    .Header-menu-separator hr{
      display:none;
    }

  .Header-menu-item--hasSubmenu{
    position:relative;
    z-index:1;
  }

    .Header-menu-item--hasSubmenu:hover{
      z-index:101;
    }

    .Header-menu-item--hasSubmenu.Header-menu-item--isActive{
      z-index:100;
    }

    .Header-menu-item--hasSubmenu:focus-within button:not(:focus){
      outline:var(--outline-width) solid var(--outline-color);
    }

  .Header-submenu{
    position:absolute;
    z-index:101;
    box-shadow:var(--shadow-large), var(--shadow-medium);
    border-radius:var(--border-radius-2x);
    padding:var(--spacing-1x) 0;
    margin:0;
    background-color:var(--color-surface);
  }

  .Header-submenu--right{
    right:0;
  }

  .Header-submenu-action:has(small) span{
    font-weight:var(--font-weight-semibold);
  }

  .Header-menu-item:last-child{
    margin-left:var(--spacing-5x);
  }
}

.SkipLinks{
  top:0;
  left:0;
  position:absolute;
  z-index:var(--z-index-skip-links);
  will-change:transform;
  transform:translateY(-100%);
  transition:transform var(--transition-base), box-shadow var(--transition-base);
  padding:var(--spacing-4x);
  background-color:var(--color-surface);
  display:flex;
  flex-direction:column;
  gap:var(--spacing-2x);
  align-items:flex-start;
}

.SkipLinks:focus-within{
    transform:translateY(0);
    box-shadow:var(--shadow-large);
  }

.Link{
  --link-color:var(--color-accent-plain);
  --link-color-reaction:var(--color-accent-strong);

  cursor:pointer;
  color:var(--link-color);
  -webkit-text-decoration:underline;
  text-decoration:underline;
  outline:var(--outline-width) solid transparent;
  outline-offset:var(--spacing-1x);
  transition:color var(--transition-base), outline var(--transition-base), text-decoration-color var(--transition-base);
}

.Link:where(button){
    margin:0;
    border:0;
    padding:0;
  }

.Link:hover{
    color:var(--link-color-reaction);
  }

.Link:focus-visible{
    outline:var(--outline-width) solid var(--outline-color);
  }

@supports not selector(:focus-visible){
    .Link:focus{
      outline:var(--outline-width) solid var(--outline-color);
    }
  }

.Link--noUnderline{
  text-decoration-color:transparent;
}

.Link--noUnderline:hover,
  .Link--noUnderline:active,
  .Link--noUnderline:focus{
    text-decoration-color:currentcolor;
  }

.Link--text{
  --link-color:var(--color-text-plain);
  --link-color-reaction:var(--color-accent-plain);
}

.Link--action{
  font-size:var(--font-size-small);
  line-height:var(--line-height-small);
  font-weight:var(--font-weight-semibold);
}

.Link--primary{
  --link-color:var(--color-primary-900);
  --link-color-reaction:var(--color-primary-700);
}

.Link--secondary{
  --link-color:var(--color-accent-plain);
  --link-color-reaction:var(--color-primary-900);
}

.Link svg:not(.Link-icon--keepColor){
  fill:currentcolor;
}

.Footer{
  border-top:1px solid var(--color-neutral-900);
  padding-top:var(--spacing-20x);
  padding-bottom:var(--spacing-24x);
  background-color:var(--color-surface);
}

.Footer-grid{
  box-sizing:border-box;
  width:100%;
  max-width:var(--content-width-xlarge);
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--content-padding-inline);
  padding-right:var(--content-padding-inline);
  gap:var(--spacing-5x) var(--spacing-8x);
  display:flex;
  flex-direction:column;
}

@media (min-width: 48em){

.Footer-grid{
    display:grid;
    grid-template-columns:2fr repeat(4, 1fr);
}
  }

.Footer-panel{
  display:flex;
  flex-direction:column;
  gap:var(--spacing-4x);
}

.Footer-heading{
  margin:0;
  font-family:var(--font-family-text);
  font-size:var(--font-size-medium);
  font-weight:var(--font-weight-semibold);
  line-height:var(--spacing-5x);
}

.Footer-col-links{
  margin-top:var(--spacing-3x);
  display:flex;
  flex-direction:column;
  gap:var(--spacing-1x);
}

.Footer-col-links a{
  --link-color:var(--color-accent-plain);
  --link-color-reaction:var(--color-accent-strong);

  cursor:pointer;
  color:var(--link-color);
  -webkit-text-decoration:underline;
  text-decoration:underline;
  outline:var(--outline-width) solid transparent;
  outline-offset:var(--spacing-1x);
  transition:color var(--transition-base), outline var(--transition-base), text-decoration-color var(--transition-base);
}

.Footer-col-links a:where(button){
    margin:0;
    border:0;
    padding:0;
}

.Footer-col-links a:hover{
    color:var(--link-color-reaction);
}

.Footer-col-links a:focus-visible{
    outline:var(--outline-width) solid var(--outline-color);
}

@supports not selector(:focus-visible){

  .Footer-col-links a:focus{
      outline:var(--outline-width) solid var(--outline-color);
}
  }

.Footer-col-links a{
  --link-color:var(--color-text-plain);
  --link-color-reaction:var(--color-accent-plain);
}

.Footer-col-links a svg:not(.Link-icon--keepColor){
  fill:currentcolor;
}

.Footer-col-links a{

  --link-color:var(--color-text-plain);
  --link-color-reaction:var(--color-accent-plain);

  font-size:var(--font-size-small);
  line-height:var(--line-height-small);
}

.Field{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--spacing-3x);
  padding:0;
  border:0;
  margin:0;
}

.Field-label{
  margin:0;
  padding:0;
  position:relative;
  font-family:var(--font-family-text);
  font-size:var(--font-size-small);
  line-height:var(--line-height-small);
  font-weight:var(--font-weight-semibold);
  color:var(--color-text);
}

legend.Field-label{
    float:left;
  }

.Field .Field-control{
  max-width:100%;
}

.Field-message{
  display:flex;
  gap:var(--spacing-2x);
  align-items:center;
  font-family:var(--font-family-text);
  font-size:var(--font-size-small);
  line-height:var(--line-height-small);
  color:var(--color-text);
}

.Field-message--help{
  color:var(--color-neutral-400);
}

.Select{
  --select-height:var(--form-widget-height-medium);
  --select-border:var(--form-widget-border-color-base);
  --select-focus:var(--form-widget-border-color-focus);
  --select-arrow:var(--form-widget-text-color-base);
  --select-padding-base:var(--spacing-3x);
  --select-arrow-width:var(--icon-size-4x);

  box-sizing:border-box;
  position:relative;
  font-family:var(--font-family-text);
  font-size:var(--font-size-small);
  line-height:var(--line-height-small);
  display:grid;
  grid-template-areas:"select";
  align-items:center;
  border-radius:var(--form-widget-radius);
  width:100%;
  max-width:12rem;
  background-color:var(--form-widget-surface-color-base);
}

.Select:has(.Select-icon){
    --select-padding-start:calc(var(--icon-size-5x) + var(--spacing-2x));
  }

.Select::after{
    content:"";
    display:block;
    background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%231E1E1E'%3E%3Cpath d='M8.47 10.47a.67.67 0 0 1-.94 0L4.19 7.14a.67.67 0 1 1 .95-.95L8 9.06l2.86-2.87a.67.67 0 1 1 .95.95l-3.34 3.33Z'/%3E%3C/svg%3E%0A");
    background-repeat:no-repeat;
    background-position:center;
    width:var(--select-height);
    height:var(--select-height);
    justify-self:end;
    grid-area:select;
    z-index:2;
    pointer-events:none;
  }

.Select--small{
  --select-height:var(--form-widget-height-small);
}

.Select--large{
  --select-height:var(--form-widget-height-large);
  --select-padding-base:var(--spacing-4x);

  font-size:var(--font-size-medium);
  line-height:var(--line-height-medium);
}

.Select--large::after{
    background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%231E1E1E'%3E%3Cpath d='M8.47 10.47a.67.67 0 0 1-.94 0L4.19 7.14a.67.67 0 1 1 .95-.95L8 9.06l2.86-2.87a.67.67 0 1 1 .95.95l-3.34 3.33Z'/%3E%3C/svg%3E%0A");
  }

.Select select{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  padding-top:0;
  padding-bottom:0;
  padding-left:calc(
    var(--select-padding-start, 0px) + var(--select-padding-base)
  );
  padding-right:calc(
    var(--select-arrow-width) + var(--select-padding-base)
  );
  margin:0;
  width:100%;
  height:var(--select-height);
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  border:var(--form-widget-border-size) solid var(--select-border);
  border-radius:var(--form-widget-radius);
  background-color:white;
  cursor:pointer;
  grid-area:select;
  z-index:1;
  outline:var(--outline-width) solid transparent;
  transition:border-color var(--transition-base), outline-color var(--transition-base);
}

.Select select:hover{
    border-color:var(--form-widget-border-color-hover);
  }

.Select select:focus-visible{
    border-color:var(--form-widget-border-color-focus);
    outline-color:var(--outline-color);
  }

@supports not selector(:focus-visible){
    .Select select:focus{
      outline-color:var(--outline-color);
    }
  }

.Select .Select-icon + select{
  --select-padding-start:calc(var(--icon-size-5x) + var(--spacing-2x));
}

.Select-icon{
  pointer-events:none;
  margin-left:var(--select-padding-base);
  grid-area:select;
  z-index:2;
}

.Select:has(select:disabled){
  --select-border:var(--form-widget-border-color-disabled);

  pointer-events:none;
}

.Select:has(select:disabled)::after{
    background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23757575'%3E%3Cpath d='M8.47 10.47a.67.67 0 0 1-.94 0L4.19 7.14a.67.67 0 1 1 .95-.95L8 9.06l2.86-2.87a.67.67 0 1 1 .95.95l-3.34 3.33Z'/%3E%3C/svg%3E%0A");
  }

.Checkbox{
  box-sizing:border-box;
  position:relative;
  font-size:var(--font-size-small);
  line-height:var(--line-height-small);
  display:flex;
  gap:var(--checkbox-label-gap);
}

.Checkbox *,
.Checkbox *::before,
.Checkbox *::after{
  box-sizing:inherit;
}

.Checkbox-trigger{
  flex-shrink:0;
  width:var(--checkbox-size);
  height:var(--checkbox-size);
  margin:0;
  z-index:9;
  opacity:0;
}

.Checkbox-label{
  display:flex;
  flex-direction:column;
  line-height:var(--checkbox-size);
  margin:0;
}

.Checkbox-trigger:hover,
.Checkbox-label:hover{
  cursor:pointer;
}

.Checkbox-label::before{
  position:absolute;
  display:block;
  content:"";
  width:var(--checkbox-size);
  height:var(--checkbox-size);
  top:0;
  left:0;
  border:var(--form-widget-border-size) solid var(--form-widget-border-color-base);
  border-radius:var(--border-radius-small);
  color:var(--form-widget-text-color-base);
  background-color:var(--form-widget-surface-color-base);
  transition:border var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.Checkbox-iconWrapper{
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  width:var(--checkbox-size);
  height:var(--checkbox-size);
  top:0;
  left:0;
}

.Checkbox-iconCheckmark,
.Checkbox-iconDash{
  width:var(--checkbox-marker-size);
  aspect-ratio:1;
  pointer-events:none;
  fill:var(--form-widget-border-color-checked);
  display:none;
}

.Checkbox-sublabel{
  color:var(--color-neutral-600);
  font-size:var(--font-size-xsmall);
  line-height:var(--line-height-xsmall);
}

.Checkbox:hover .Checkbox-label::before{
  background-color:var(--color-accent-weaker);
}

.Checkbox-trigger:checked + .Checkbox-label::before,
.Checkbox-trigger:indeterminate + .Checkbox-label::before{
  border-color:var(--form-widget-border-color-checked);
}

.Checkbox-trigger:focus-visible + .Checkbox-label::before{
  box-shadow:0 0 0 var(--outline-width) var(--outline-color);
}

.Checkbox-trigger:checked ~ .Checkbox-iconWrapper .Checkbox-iconCheckmark,
.Checkbox-trigger:indeterminate ~ .Checkbox-iconWrapper .Checkbox-iconDash{
  display:block;
}

.Checkbox-trigger:indeterminate
  ~ .Checkbox-iconWrapper
  .Checkbox-iconCheckmark{
  display:none;
}

.Checkbox--disabled{
  pointer-events:none;
  color:var(--form-widget-text-color-disabled);
}

.Checkbox--disabled .Checkbox-trigger + .Checkbox-label::before{
    border-color:var(--form-widget-border-color-disabled);
  }

.Checkbox--disabled .Checkbox-iconCheckmark,
  .Checkbox--disabled .Checkbox-iconDash{
    fill:var(--form-widget-marker-color-disabled);
  }

.Radio{
  --radio-inner-position:var(--spacing-1x);

  position:relative;
  display:flex;
  gap:var(--radio-label-gap);
  box-sizing:border-box;
  font-size:var(--font-size-small);
  line-height:var(--line-height-small);
  color:var(--form-widget-text-color-base);
}

.Radio *,
.Radio *::before,
.Radio *::after{
  box-sizing:inherit;
}

.Radio-trigger{
  flex-shrink:0;
  width:var(--radio-size);
  height:var(--radio-size);
  margin:0;
  z-index:9;
  font-size:inherit;
  opacity:0;
}

.Radio-label{
  display:flex;
  flex-direction:column;
  line-height:var(--radio-size);
  margin:0;
  transition:background-color var(--transition-base);
}

.Radio-trigger,
.Radio-label{
  cursor:pointer;
}

.Radio-label::before,
.Radio-label::after{
  position:absolute;
  display:block;
  content:"";
  border-radius:var(--border-radius-circle);
}

.Radio-label::before{
  width:var(--radio-size);
  height:var(--radio-size);
  top:0;
  left:0;
  border:var(--form-widget-border-size) solid var(--form-widget-border-color-base);
  background-color:var(--form-widget-surface-color-base);
  transition:border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.Radio-label::after{
  width:var(--radio-marker-size);
  height:var(--radio-marker-size);
  top:var(--radio-inner-position);
  left:var(--radio-inner-position);
  background-color:var(--form-widget-marker-color-checked);
  opacity:0;
  transition:opacity var(--transition-base);
}

.Radio-sublabel{
  color:var(--color-neutral-600);
  font-size:var(--font-size-xsmall);
  line-height:var(--line-height-xsmall);
}

.Radio:hover .Radio-label::before{
  background-color:var(--color-accent-weak);
}

.Radio-trigger:checked + .Radio-label::before{
  border-color:var(--form-widget-border-color-checked);
}

.Radio-trigger:checked + .Radio-label::after{
  opacity:1;
}

.Radio-trigger:focus-visible + .Radio-label::before{
  outline:none;
  box-shadow:0 0 0 var(--outline-width) var(--outline-color);
}

.Radio--disabled{
  pointer-events:none;
  color:var(--form-widget-text-color-disabled);
}

.Radio--disabled .Radio-trigger + .Radio-label::before{
    border-color:var(--form-widget-border-color-disabled);
  }

.Radio--disabled .Radio-label::after{
    background-color:var(--form-widget-marker-color-disabled);
  }

.Wrapper{
  box-sizing:border-box;
  width:100%;
  max-width:var(--content-width-xlarge);
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--content-padding-inline);
  padding-right:var(--content-padding-inline);
}

.Wrapper .Wrapper{
    padding:0;
  }

.Wrapper--xxlarge{
  max-width:var(--content-width-xxlarge);
}

.Wrapper--xlarge{
  max-width:var(--content-width-xlarge);
}

.Wrapper--large{
  max-width:var(--content-width-large);
}

.Wrapper--medium{
  max-width:var(--content-width-medium);
}

.Wrapper--small{
  max-width:var(--content-width-small);
}

.Wrapper--xsmall{
  max-width:var(--content-width-xsmall);
}

.Input{
  box-sizing:border-box;
  min-width:0%;
  max-width:100%;
  height:var(--input-height, var(--form-widget-height-medium));
  padding-top:var(--spacing-2x);
  padding-bottom:var(--spacing-2x);
  padding-left:var(--input-padding-inline, var(--spacing-3x));
  padding-right:var(--input-padding-inline, var(--spacing-3x));
  background:var(
    --input-background-color,
    var(--form-widget-surface-color-base)
  );
  border:var(--form-widget-border-size) var(--input-border-style, solid) var(--input-border-color, var(--form-widget-border-color-base));
  transition:border var(--transition-base);
  border-radius:var(--form-widget-radius);
  font-size:var(--input-font-size, inherit);
  line-height:var(--input-line-height, inherit);
  font-family:var(--font-family-text);
}

.Input:placeholder{
    color:var(--color-neutral-500);
  }

.Input:focus{
    --input-border-color:var(--form-widget-border-color-focus);

    outline:var(--outline-width) solid var(--outline-color);
  }

.Input:hover{
    --input-border-color:var(--form-widget-border-color-hover);
  }

.Input--block{
  width:100%;
}

.Input--disabled{
  --input-border-color:var(--form-widget-border-color-disabled);
  --input-background-color:var(--form-widget-surface-color-disabled);

  color:var(--color-neutral-500);
}

.Input--disabled:hover{
    --input-border-color:var(--form-widget-border-color-disabled);
  }

.Input--readonly{
  --input-border-color:var(--form-widget-border-color-readonly);
  --input-border-style:dotted;
  --input-background-color:var(--form-widget-surface-color-readonly);
}

.Input--readonly:placeholder{
    color:var(--color-neutral-800);
  }

.Input--error{
  --input-border-color:var(--form-widget-border-color-error);
  --input-background-color:var(--form-widget-surface-color-error);
}

.Input--error:hover,
  .Input--error:focus{
    --input-border-color:var(--color-negative-plain);
  }

.Input--small{
  --input-height:var(--form-widget-height-small);
}

.Input--large{
  --input-height:var(--form-widget-height-large);
  --input-font-size:var(--font-size-medium);
  --input-line-height:var(--line-height-medium);
  --input-padding-inline:var(--spacing-4x);
}

.Button,
.ButtonIcon{
  --button-icon-size:var(--icon-size-5x);
  --button-height:var(--button-height-medium);
  --outline-width:calc(1rem / 4);

  box-sizing:border-box;
  margin:0;
  font-family:var(--font-family-text);
  font-weight:var(--font-weight-semibold);
  -webkit-text-decoration:none;
  text-decoration:none;
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  gap:var(--spacing-2x);
  justify-content:center;
  font-size:var(--font-size-small);
  line-height:var(--line-height-small);
  height:var(--button-height);
  border-radius:var(--button-radius);
  padding:0 var(--spacing-3x);
  border:1px solid;
  cursor:pointer;
  transition:border-color var(--transition-base), color var(--transition-base), background var(--transition-base), outline-color var(--transition-base);
  outline-color:transparent;
}

.Button:disabled, .ButtonIcon:disabled{
    cursor:not-allowed;
  }

@supports not selector(:focus-visible){
    .Button:focus, .ButtonIcon:focus{
      outline:var(--outline-width) solid var(--outline-color);
    }
  }

.Button:focus-visible, .ButtonIcon:focus-visible{
    outline:var(--outline-width) solid var(--outline-color);
  }

.Button > svg, .ButtonIcon > svg{
    width:var(--button-icon-size);
    height:var(--button-icon-size);
    flex:0 0 var(--button-icon-size);
    fill:currentcolor;
  }

.ButtonIcon{
  padding:0;
  width:var(--button-height);
}

.Button,
.ButtonIcon{
  color:white;
  border-color:var(--color-neutral-800);
  background-color:var(--color-neutral-800);
}

.Button--outline,
.ButtonIcon--outline{
  border-color:var(--color-neutral-800);
  color:var(--color-neutral-800);
  background-color:var(--color-surface);
}

.Button--primary,
.ButtonIcon--primary{
  border-color:var(--color-accent-plain);
  color:white;
  background-color:var(--color-accent-plain);
}

.Button--outline.Button--primary,
.ButtonIcon--outline.ButtonIcon--primary{
  border-color:var(--color-accent-plain);
  color:var(--color-accent-plain);
  background-color:var(--color-surface);
}

.Button:hover, .ButtonIcon:hover{
    border-color:var(--color-neutral-700);
    color:white;
    background-color:var(--color-neutral-700);
  }

.Button:active, .ButtonIcon:active{
    border-color:var(--color-neutral-600);
    color:white;
    background-color:var(--color-neutral-600);
  }

.Button:disabled, .ButtonIcon:disabled{
    border-color:var(--color-neutral-500);
    color:white;
    background-color:var(--color-neutral-500);
  }

.Button--primary:not(:disabled):hover, .ButtonIcon--primary:not(:disabled):hover{
    border-color:var(--color-primary-700);
    color:white;
    background-color:var(--color-primary-700);
  }

.Button--primary:not(:disabled):active, .ButtonIcon--primary:not(:disabled):active{
    border-color:var(--color-primary-600);
    color:white;
    background-color:var(--color-primary-600);
  }

.Button--primary.Button--outline:not(:disabled):not(:active):hover, .ButtonIcon--primary.Button--outline:not(:disabled):not(:active):hover{
    border-color:var(--color-accent-weaker);
    color:var(--color-accent-plain);
    background-color:var(--color-accent-weaker);
  }

.Button--outline:disabled, .ButtonIcon--outline:disabled{
    border-color:var(--color-neutral-500);
    color:var(--color-neutral-500);
    background-color:var(--color-surface);
  }

.Button--ghost,
.ButtonIcon--ghost{
  border-color:transparent;
  color:var(--color-neutral-800);
  background-color:transparent;
}

.Button--ghost:disabled, .ButtonIcon--ghost:disabled{
    border-color:transparent;
    color:var(--color-neutral-500);
    background-color:transparent;
  }

.Button--ghost:not(:disabled):hover, .ButtonIcon--ghost:not(:disabled):hover{
    border-color:var(--color-neutral-800);
    color:white;
    background-color:var(--color-neutral-800);
  }

.Button--ghost:not(:disabled):active, .ButtonIcon--ghost:not(:disabled):active{
    border-color:var(--color-neutral-800);
    color:var(--color-neutral-800);
    background-color:var(--color-neutral-50);
  }

.Button--rounded,
.ButtonIcon--rounded{
  border-radius:var(--border-radius-pill);
}

.Button--small,
.ButtonIcon--small{
  --button-icon-size:var(--icon-size-4x);
  --button-height:var(--button-height-small);
}

.Button--large,
.ButtonIcon--large{
  --button-icon-size:var(--icon-size-5x);
  --button-height:var(--button-height-large);

  font-size:var(--font-size-medium);
  line-height:var(--line-height-medium);
  padding-left:var(--spacing-4x);
  padding-right:var(--spacing-4x);
}

.Gommette{
  --gommette-color:var(--color-text-plain);
  --gommette-text:white;
  --gommette-size:var(--spacing-6x);

  height:var(--gommette-size);
  min-width:var(--gommette-size);
  border-radius:var(--gommette-size);
  padding-left:var(--spacing-1x);
  padding-right:var(--spacing-1x);
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background-color:var(--gommette-color);
  color:var(--gommette-text);
  font-size:var(--font-size-xsmall);
  line-height:var(--line-height-xsmall);
  font-family:var(--font-family-text);
}

.Gommette > svg{
  fill:currentcolor;
  width:var(--icon-size-3x);
  aspect-ratio:1;
}

.Gommette--small{
  --gommette-size:var(--spacing-4x);
}

.Gommette--small > svg{
  width:var(--icon-size-2x);
}

.Gommette--outline{
  background-color:var(--color-surface);
  border:1px solid var(--gommette-color);
  color:var(--gommette-color);
}

.Gommette--base{
  --gommette-color:var(--color-neutral-900);
  --gommette-text:white;
}

.Gommette--primary{
  --gommette-color:var(--color-accent-plain);
  --gommette-text:white;
}

.Gommette--informative{
  --gommette-color:var(--color-informative-plain);
  --gommette-text:var(--color-neutral-900);
}

.Gommette--positive{
  --gommette-color:var(--color-positive-plain);
  --gommette-text:var(--color-neutral-900);
}

.Gommette--notice{
  --gommette-color:var(--color-notice-plain);
  --gommette-text:var(--color-neutral-900);
}

.Gommette--negative{
  --gommette-color:var(--color-negative-plain);
  --gommette-text:var(--color-neutral-900);
}

.Gommette--highlight{
  --gommette-color:var(--color-highlight-plain);
  --gommette-text:var(--color-neutral-900);
}

.Message{
  --first-line-height:calc(var(--line-height-small) * var(--font-size-small));

  border-radius:var(--border-radius-1x);
  border-left:var(--spacing-1x) solid var(--message-color);
  font-size:var(--font-size-small);
  line-height:var(--line-height-small);
  font-family:var(--font-family-text);
  padding:var(--spacing-4x);
  padding-left:var(--spacing-3x);
  display:grid;
  grid-gap:var(--spacing-3x) var(--spacing-2x);
  gap:var(--spacing-3x) var(--spacing-2x);
  grid-template-columns:var(--spacing-4x) auto auto;
  background-color:var(--color-surface);
}

.Message-icon{
  --icon-size:var(--icon-size-4x);

  grid-row:1;
  grid-column:1;
  align-self:start;
  max-height:var(--icon-size);
  aspect-ratio:1;
  padding-top:calc((var(--first-line-height) - var(--icon-size)) / 2);
}

.Message-icon svg{
  display:block;
  fill:var(--message-icon-color);
}

.Message-title{
  font-weight:var(--font-weight-semibold);
  font-size:inherit;
  line-height:inherit;
  font-family:inherit;
}

.Message-title,
.Message-content{
  margin:0;
  grid-column:1 / span 3;
}

.Message-closeButton{
  grid-row:1;
  grid-column:3;
  align-self:start;
  justify-self:end;
  display:flex;
  align-items:center;
  justify-items:center;
  place-items:center;
}

.Message-closeButton .ButtonAddon{
  margin-top:calc(
    (
        var(--first-line-height) -
          var(--button-addon-icon-size, var(--icon-size-3x))
      ) / 2
  );
  margin-left:var(--button-addon-padding);
}

.Message-actions{
  grid-column:1 / span 3;
  display:flex;
  justify-content:start;
  gap:var(--spacing-4x);
}

.Message-icon ~ .Message-title,
.Message-icon ~ .Message-content,
.Message-icon ~ .Message-actions{
  grid-column:2 / span 2;
}

.Message-closeButton ~ .Message-firstLine{
  grid-column:1 / span 2;
  grid-row:1;
  align-self:start;
}

.Message-closeButton + .Message-icon ~ .Message-firstLine{
  grid-column:2 / span 1;
}

.Message--hasShadow{
  box-shadow:var(--shadow-large), var(--shadow-medium);
}

.Message--hasBg{
  background-color:var(--message-bg);
}

.Message--informative{
  --message-bg:var(--color-stream-blue-50);
  --message-color:var(--color-informative-plain);
  --message-icon-color:var(--color-informative-strong);
}

.Message--positive{
  --message-bg:var(--color-acid-green-50);
  --message-color:var(--color-positive-plain);
  --message-icon-color:var(--color-positive-strong);
}

.Message--notice{
  --message-bg:var(--color-clockwork-orange-50);
  --message-color:var(--color-notice-plain);
  --message-icon-color:var(--color-notice-strong);
}

.Message--negative{
  --message-bg:var(--color-poppy-red-50);
  --message-color:var(--color-negative-plain);
  --message-icon-color:var(--color-negative-strong);
}

.Message--alert .Message-actions{
  justify-content:start;
}

.Message--notification .Message-actions{
  justify-content:end;
}

.Badge{
  --badge-background:var(--badge-background-light, var(--color-neutral-100));
  --badge-text:var(--badge-text-light, var(--color-neutral-900));

  background:var(--badge-background);
  color:var(--badge-text);
  border-top-right-radius:var(--border-radius-1x);
  border-bottom-left-radius:var(--border-radius-1x);
  font-size:var(--font-size-xsmall);
  line-height:var(--line-height-xsmall);
  padding-top:calc(var(--spacing-1x) / 2);
  padding-bottom:calc(var(--spacing-1x) / 2);
  padding-left:var(--spacing-2x);
  padding-right:var(--spacing-2x);
  display:inline-flex;
  gap:0 var(--spacing-1x);
  align-items:center;
  font-family:var(--font-family-text);
  white-space:nowrap;
}

.Badge svg{
  height:var(--spacing-3x);
  max-width:var(--spacing-3x);
  fill:var(--badge-text);
}

.Badge--plain{
  --badge-background:var(--badge-background-plain, var(--color-neutral-900));
  --badge-text:var(--badge-text-plain, white);
}

.Badge--primary,
.Badge--secondary{
  --badge-background-light:var(--color-accent-weak);
  --badge-background-plain:var(--color-accent-plain);
  --badge-text-light:var(--color-neutral-900);
  --badge-text-plain:white;
}

.Badge--informative{
  --badge-background-light:var(--color-informative-weak);
  --badge-background-plain:var(--color-informative-plain);
  --badge-text-light:var(--color-neutral-900);
  --badge-text-plain:var(--color-neutral-900);
}

.Badge--positive{
  --badge-background-light:var(--color-positive-weak);
  --badge-background-plain:var(--color-positive-plain);
  --badge-text-light:var(--color-neutral-900);
  --badge-text-plain:var(--color-neutral-900);
}

.Badge--notice{
  --badge-background-light:var(--color-notice-weak);
  --badge-background-plain:var(--color-notice-plain);
  --badge-text-light:var(--color-neutral-900);
  --badge-text-plain:var(--color-neutral-900);
}

.Badge--negative{
  --badge-background-light:var(--color-negative-weak);
  --badge-background-plain:var(--color-negative-plain);
  --badge-text-light:var(--color-neutral-900);
  --badge-text-plain:var(--color-neutral-900);
}

.Badge--highlight{
  --badge-background-light:var(--color-highlight-weak);
  --badge-background-plain:var(--color-highlight-plain);
  --badge-text-light:var(--color-neutral-900);
  --badge-text-plain:var(--color-neutral-900);
}

.Card{
  position:relative;
  border-radius:var(--border-radius-1x);
  background-color:var(--color-surface);
}

.Card-flow{
  padding-top:var(--spacing-3x);
  padding-bottom:var(--spacing-3x);
  padding-left:var(--spacing-5x);
  padding-right:var(--spacing-5x);
  display:grid;
  grid-gap:var(--spacing-3x);
  gap:var(--spacing-3x);
  grid-template-columns:1fr auto;
}

.Card > .Card-image{
  border-top-left-radius:var(--border-radius-1x);
  border-top-right-radius:var(--border-radius-1x);
  overflow:hidden;
  width:100%;
  height:auto;
  -o-object-fit:cover;
     object-fit:cover;
}

.Card-flow > .Card-image{
  grid-column:1 / span 2;
}

.Card-content{
  grid-column:1;
  align-self:center;
}

.Card-content > *{
    margin-top:var(--spacing-2x);
    margin-bottom:0;
    font-size:var(--font-size-small);
    line-height:var(--line-height-small);
  }

.Card-title{
  margin:0;
  font-size:var(--font-size-medium);
  line-height:var(--line-height-medium);
  font-weight:var(--font-weight-semibold);
}

.Card-arrow{
  grid-column:2;
  justify-self:end;
  align-self:end;
  width:var(--icon-size-5x);
  height:var(--icon-size-5x);
}

.Card-link{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  border-radius:var(--border-radius-1x);
  border:1px solid var(--color-neutral-900);
  outline:var(--outline-width) solid transparent;
  transition:border-color var(--transition-base), outline-color var(--transition-base);
}

.Card-link:hover{
    border-color:var(--color-accent-plain);
  }

.Card-link:focus-visible{
    border-color:var(--color-accent-plain);
    outline:var(--outline-width) solid var(--outline-color);
  }

@supports not selector(:focus-visible){
    .Card-link:focus{
      border-color:var(--color-accent-plain);
      outline:var(--outline-width) solid var(--outline-color);
    }
  }

.Tabs-list{
  display:flex;
  width:100%;
  list-style:"";
  padding:0;
  margin:0;
}

.Tabs-item{
  flex:0 0 auto;
}

.Tabs-link{
  position:relative;
  display:flex;
  height:var(--widget-height-medium);
  padding-left:var(--spacing-4x);
  padding-right:var(--spacing-4x);
  align-items:center;
  justify-content:center;
  gap:var(--spacing-2x);
  -webkit-text-decoration:none;
  text-decoration:none;
  font-size:var(--font-size-small);
  line-height:var(--line-height-small);
  color:var(--color-text-plain);
  outline-offset:calc(-1 * var(--outline-width));
}

.Tabs-link:focus-visible{
    outline:var(--outline-width) solid var(--outline-color);
  }

@supports not selector(:focus-visible){
    .Tabs-link:focus{
      outline:var(--outline-width) solid var(--outline-color);
    }
  }

.Tabs-link::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:0;
    transition:background-color var(--transition-base);
    z-index:0;
  }

.Tabs--highlightTop .Tabs-link::after{
    bottom:auto;
    top:0;
  }

.Tabs-link:not(.Tabs-link--current):hover::after{
    height:var(--length-1x);
    background-color:var(--color-neutral-200);
  }

.Tabs-link--current::after{
  background-color:var(--color-neutral-800);
  height:var(--length-1x);
}

.Tabs-link-text,
.Tabs-link-aside{
  position:relative;
  z-index:1;
  transition:color var(--transition-base);
}

.Tabs-link-aside{
  font-size:var(--font-size-xsmall);
  line-height:calc(var(--font-size-small) * var(--line-height-small));
  color:var(--color-text-weak);
}

.Tabs-link--disabled{
  pointer-events:none;
  color:var(--color-neutral-500);
}

.HorizontalScroll{
  position:relative;
  box-sizing:border-box;
  width:100%;
}

.HorizontalScroll--hasScroll .HorizontalScroll-scrollable{
  overflow-x:scroll;
}

@media (scripting: enabled){

.HorizontalScroll--hasScroll .HorizontalScroll-scrollable{
    scrollbar-width:none;
}

    .HorizontalScroll--hasScroll .HorizontalScroll-scrollable::-webkit-scrollbar{
      display:none;
    }
  }

.HorizontalScroll--hasScroll{
  position:relative;
}

.HorizontalScroll-scrollHandle{
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  width:var(--button-height-medium);
  height:var(--button-height-medium);
  border:0;
  border-radius:var(--border-radius-1x);
  top:0;
  bottom:0;
  background-color:white;
  z-index:2;
  padding:0;
  margin:0;
  box-shadow:var(--shadow-medium);
  transition:opacity var(--transition-base), transform var(--transition-base);
}

.HorizontalScroll-scrollHandle > svg{
    width:var(--icon-size-5x);
    height:var(--icon-size-5x);
  }

.HorizontalScroll-scrollHandle-left{
  left:0;
  transform:translateX(-100%);
  opacity:0;
}

.HorizontalScroll-scrollHandle-right{
  right:0;
  transform:translateX(100%);
  opacity:0;
}

.HorizontalScroll-scrollHandle--visible{
  transform:translateX(0);
  opacity:1;
}

.HorizontalScroll:not(.HorizontalScroll--hasScroll)
  .HorizontalScroll-scrollHandle{
  display:none;
}

h1,
h2,
h3{
  font-family:var(--font-family-text);
  font-weight:var(--font-weight-semibold);
}

h1{
  font-size:var(--font-size-large);
  line-height:var(--line-height-large);
}

@media (min-width: 48em){

h1{
    font-size:var(--font-size-xlarge);
    line-height:var(--line-height-xlarge);
}
  }

h2{
  font-size:var(--font-size-medium);
  line-height:var(--line-height-medium);
}

@media (min-width: 48em){

h2{
    font-size:var(--font-size-large);
    line-height:var(--line-height-large);
}
  }

h3{
  font-size:var(--font-size-small);
  line-height:var(--line-height-small);
}

@media (min-width: 48em){

h3{
    font-size:var(--font-size-medium);
    line-height:var(--line-height-medium);
}
  }

.Barometer{
  list-style:"";
  display:flex;
  flex-direction:column;
  gap:var(--spacing-3x);
}

.Barometer li{
    display:flex;
    gap:var(--spacing-2x);
    align-items:center;
  }

.Barometer .Gommette svg{ fill:white; }

.Barometer .Gommette--positive{ background-color:var(--color-positive-strong); }

.Barometer .Gommette--negative{ background-color:var(--color-negative-strong); }

.CodesList{
  margin-top:var(--spacing-4x);
  margin-bottom:var(--spacing-4x);
  -moz-columns:2;
       columns:2;
  -moz-column-gap:var(--spacing-3x);
       column-gap:var(--spacing-3x);
  font-family:var(--font-family-monospace);
}

.DoubleTag{
  --double-tag-color:var(--color-informative-plain);

  display:inline-flex;
  font-size:var(--font-size-small);
  line-height:var(--line-height-small);
  font-weight:var(--font-weight-semibold);
}

.DoubleTag > *{
    padding-top:var(--spacing-1x);
    padding-bottom:var(--spacing-1x);
    padding-left:var(--spacing-3x);
    padding-right:var(--spacing-3x);
  }

.DoubleTag > :first-child{
    border-top-left-radius:var(--border-radius-1x);
    border-bottom-left-radius:var(--border-radius-1x);
  }

.DoubleTag > :last-child{
    border-top-right-radius:var(--border-radius-1x);
    border-bottom-right-radius:var(--border-radius-1x);
  }

.DoubleTag.DoubleTag--null,
  .DoubleTag.DoubleTag--negative{
    --double-tag-color:var(--color-negative-plain);
  }

.DoubleTag.DoubleTag--medium,
  .DoubleTag.DoubleTag--informative{
    --double-tag-color:var(--color-informative-plain);
  }

.DoubleTag.DoubleTag--low,
  .DoubleTag.DoubleTag--notice{
    --double-tag-color:var(--color-notice-plain);
  }

.DoubleTag.DoubleTag--high,
  .DoubleTag.DoubleTag--positive{
    --double-tag-color:var(--color-positive-plain);
  }

.DoubleTag-outline{
  background-color:var(--color-surface);
  border:1px solid var(--double-tag-color);
}

.DoubleTag-plain{
  background-color:var(--double-tag-color);
}

.Field-control[data-score]{
  position:relative;
}

.Field-control[data-score]::after{
  content:"";
  position:absolute;
  bottom:1px;
  left:1px;
  height:var(--length-1x);
  border-bottom-left-radius:calc(var(--border-radius-1x) - 1px);
  background:var(--witness-color, var(--color-surface, white));
  width:var(--witness-width, 0);
  transition:width var(--transition-base), background var(--transition-base);
}

.Field-control[data-score="0"]{
  --witness-color:var(--color-negative-plain);
  --witness-width:11%;
}

.Field-control[data-score="1"]{
  --witness-color:var(--color-notice-plain);
  --witness-width:33%;
}

.Field-control[data-score="2"]{
  --witness-color:var(--color-informative-plain);
  --witness-width:55%;
}

.Field-control[data-score="3"]{
  --witness-color:var(--color-positive-plain);
  --witness-width:77%;
}

.Field-control[data-score="4"]{
  --witness-color:var(--color-positive-plain);
  --witness-width:calc(100% - 2px);
}

.Field-control[data-score="4"]::after{
    border-bottom-right-radius:calc(var(--border-radius-1x) - 1px);
  }

.PasswordValidation-message:first-child{
    font-weight:var(--font-weight-semibold);
  }

.PasswordValidation-message:empty{
    display:none;
  }

@media (min-width: 48em){
  .Section-wrapper--split{
    display:flex;
    gap:var(--spacing-8x);
    align-items:start;
  }

    .Section-wrapper--split > .Section.Section{
      margin-top:0;
      flex-basis:calc(50% - var(--spacing-3x));
    }

  .Section{
    padding-top:var(--spacing-4x);
    padding-bottom:var(--spacing-4x);
    padding-left:var(--spacing-5x);
    padding-right:var(--spacing-5x);
    border-radius:var(--border-radius-1x);
    border:1px solid var(--color-neutral-300);
  }

    .Section + .Section{
      margin-top:var(--spacing-8x);
    }

    .Section.Section-cols,
    .Section .Section-cols{
      display:flex;
      gap:var(--spacing-6x);
    }

      .Section.Section-cols > *, .Section .Section-cols > *{
        flex-basis:calc(50% - var(--spacing-3x));
      }

      .Section.Section-cols.Section-cols--end, .Section .Section-cols.Section-cols--end{
        align-items:end;
      }

  .Section-footer{
    margin-top:var(--spacing-8x);
    display:flex;
    gap:var(--spacing-4x);
    align-items:center;
  }
}

@media (max-width: 47.999em){
  .Section + .Section{
    border-top:1px solid var(--color-neutral-300);
    margin-top:var(--spacing-6x);
    padding-top:var(--spacing-6x);
  }

  .Section-cols > * + *{
    margin-top:var(--spacing-6x);
  }

  .Section-footer{
    margin-top:var(--spacing-6x);
    display:flex;
    gap:var(--spacing-3x);
    flex-direction:column;
  }
}

.Section > * + *:not(.Section-footer){
  margin-top:var(--spacing-4x);
}

.Login{
  margin-bottom:var(--spacing-12x);
}

@media (min-width: 48em){

.Login{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:0 var(--spacing-12x);
    gap:0 var(--spacing-12x);
    align-items:center;
}

    .Login .Form-wrapper{
      padding-top:var(--spacing-4x);
      padding-bottom:var(--spacing-4x);
      padding-left:var(--spacing-5x);
      padding-right:var(--spacing-5x);
      border-radius:var(--border-radius-1x);
      border:1px solid var(--color-neutral-300);
    }
  }

.Login .Form-wrapper--actions{
    margin-top:var(--spacing-8x);
  }

.UserBar{
  background-color:var(--color-background);
  padding-top:var(--spacing-5x);
  padding-bottom:var(--spacing-5x);
}

@media (min-width: 48em){

.UserBar{
    padding-top:var(--spacing-16x);
    padding-bottom:var(--spacing-16x);
}
  }

.UserBar-columns{
  display:flex;
  gap:var(--spacing-4x) var(--spacing-8x);
}

@media (max-width: 47.999em){

.UserBar-columns{
    flex-direction:column;
}
  }

.UserBar-block{
  padding-top:var(--spacing-4x);
  padding-bottom:var(--spacing-4x);
  padding-left:var(--spacing-5x);
  padding-right:var(--spacing-5x);
  border-radius:var(--border-radius-2x);
  background-color:var(--color-surface);
  display:flex;
  flex-direction:column;
  gap:var(--spacing-4x);
}

.UserBar-user{
  flex-grow:1;
}

.UserBar-barometer{
  flex-grow:2;
}

.UserBar-block-title h2{
  margin:0;
}

.UserBar-block-content{
  flex-grow:1;
}

body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

body main{
    flex:1 0 auto;
  }

body.centered-Content main{
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin-top:var(--spacing-12x);
  }

@media (min-width: 48em){

body.centered-Content main{
      margin-top:var(--spacing-16x);
  }
    }

.Footer{
  margin-top:var(--spacing-20x);
}

.Form{
  display:flex;
  flex-direction:column;
  gap:var(--spacing-6x);
}

.Form .Button{
    margin-top:var(--spacing-2x);
    align-self:start;
  }

.Form hr{
    align-self:stretch;
    width:100%;
    height:0;
    border:none;
    border-top:1px solid var(--color-neutral-300);
  }

.Form > p, .Form > .Section-footer{
    margin-top:0;
    margin-bottom:0;
  }

.Tabs{
  margin-bottom:var(--spacing-6x);
}

.Messages-group{
  margin-top:var(--spacing-4x);
  margin-bottom:var(--spacing-4x);
}

.Messages-group:not(:has(.Message)){
    display:none;
  }

.TitleLine{
  display:flex;
  align-items:baseline;
  gap:var(--spacing-2x) var(--spacing-4x);
}

.TitleLine h1, .TitleLine h2, .TitleLine h3, .TitleLine h4{
    margin:0;
  }

@media (max-width: 39.999em){

.TitleLine{
    flex-direction:column;
    align-items:start;
}
  }

[hidden]{
  display:none;
}

.Message{
  scroll-margin-block-start:var(--spacing-12x);
}

.Field-message{
  margin:0;
}

.Card--disabled .Card-flow{
    color:var(--color-neutral-500);
  }

.Card--disabled .Card-link,
    .Card--disabled .Card-link:hover,
    .Card--disabled .Card-link:focus{
      border:1px solid var(--color-neutral-400);
    }

.Card-flow:has(.Card-badge) > .Card-image{
    grid-column:1;
  }

.Card-flow .Card-badge{
    grid-row:1;
    grid-column:2;
    align-self:start;
  }

.Button{
  box-sizing:border-box;
}