/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --component-button-padding-vertical-md: 0.75rem /* 12px */;
  --component-button-padding-vertical-sm: 0.5rem /* 8px */;
  --component-button-padding-vertical-lg: 1rem /* 16px */;
  --component-button-padding-horizontal-md: 1.5rem /* 24px */;
  --component-button-padding-horizontal-lg: 2rem /* 32px */;
  --component-button-padding-horizontal-sm: 1rem /* 16px */;
  --component-form-option-selector-size-outer-md: 2rem /* 32px */;
  --component-form-option-selector-size-outer-sm: 1.5rem /* 24px */;
  --component-form-option-selector-size-inner-md: 1.25rem /* 20px */;
  --component-form-option-selector-size-inner-sm: 1rem /* 16px */;
  --component-form-option-selector-padding-left-md: 2.5rem /* 40px */;
  --component-form-option-selector-padding-left-sm: 2rem /* 32px */;
  --component-form-input-padding-horizontal: 1.5rem /* 24px */;
  --component-form-input-padding-vertical: 1rem /* 16px */;
  --component-form-label-padding-top-md: 0.125rem /* 2px */;
  --component-form-label-padding-top-sm: 0;
  --component-form-label-margin-bottom: 0.5rem /* 8px */;
  --component-form-select-padding-vertical: 1rem /* 16px */;
  --component-form-select-padding-horizontal: 1.5rem /* 24px */;
  --component-tabs-panel-padding-horizontal-sm: 1rem /* 16px */;
  --component-tabs-panel-padding-horizontal-md: 1.5rem /* 24px */;
  --component-tabs-panel-padding-horizontal-lg: 2rem /* 32px */;
  --component-tabs-panel-padding-top-sm: 1rem /* 16px */;
  --component-tabs-panel-padding-top-md: 1rem /* 16px */;
  --component-tabs-panel-padding-top-lg: 1rem /* 16px */;
  --component-tabs-panel-padding-bottom-sm: 1rem /* 16px */;
  --component-tabs-panel-padding-bottom-md: 1.5rem /* 24px */;
  --component-tabs-panel-padding-bottom-lg: 1.5rem /* 24px */;
  --component-tabs-gap-sm: 1rem /* 16px */;
  --component-tabs-gap-md: 1.5rem /* 24px */;
  --component-tabs-gap-lg: 1.5rem /* 24px */;
  --spacing-md: 1rem /* 16px */;
  --spacing-sm: 0.75rem /* 12px */;
  --spacing-xs: 0.5rem /* 8px */;
  --spacing-xxs: 0.25rem /* 4px */;
  --spacing-none: 0;
  --spacing-lg: 1.5rem /* 24px */;
  --spacing-xl: 2rem /* 32px */;
  --spacing-xxl: 2.5rem /* 40px */;
  --spacing-3xl: 3rem /* 48px */;
  --spacing-4xl: 3.5rem /* 56px */;
  --spacing-5xl: 4rem /* 64px */;
  --spacing-6xl: 4.5rem /* 72px */;
  --spacing-7xl: 5rem /* 80px */;
  --spacing-8xl: 5.5rem /* 88px */;
  --spacing-9xl: 6rem /* 96px */;
  --spacing-10xl: 6.5rem /* 104px */;
  --spacing-11xl: 7.5rem /* 120px */;
  --colors-text-primary: #444f55ff;
  --colors-text-secondary: #353e43ff;
  --colors-text-inverted: #ffffffff;
  --colors-text-tertiary: #697277ff;
  --colors-information-warning-primary: #e27500ff;
  --colors-information-warning-bg: #fff5e6ff;
  --colors-information-error-primary: #b63434ff;
  --colors-information-error-secondary: #e32129ff;
  --colors-information-error-bg: #fedfe1ff;
  --colors-information-info-primary: #065e7fff;
  --colors-information-info-secondary: #077197ff;
  --colors-information-info-bg: #e6f1f5ff;
  --colors-information-success-primary: #1d7721ff;
  --colors-information-success-secondary: #158925ff;
  --colors-information-success-bg: #e8f3e9ff;
  --colors-information-neutral-primary: #444f55ff;
  --colors-information-neutral-secondary: #353e43ff;
  --colors-borders-primary: #858d90ff;
  --colors-borders-secondary: #dadadaff;
  --colors-borders-tertiary: #ff9600ff;
  --colors-borders-quaternary: #444f55ff;
  --colors-borders-senary: #231f20ff;
  --colors-backgrounds-primary: #ffffffff;
  --colors-backgrounds-secondary: #f5f5f5ff;
  --colors-backgrounds-quaternary: #444f55ff;
  --colors-backgrounds-quinary: #353e43ff;
  --colors-backgrounds-senary: #231f20ff;
  --colors-backgrounds-tertiary: #ecececff;
  --colors-interaction-primary: #444f55ff;
  --colors-interaction-secondary: #231f20ff;
  --colors-interaction-tertiary: #ff9600ff;
  --colors-interaction-inverted: #ffffffff;
  --colors-icons-primary: #444f55ff;
  --colors-icons-inverted: #ffffffff;
  --colors-icons-secondary: #697277ff;
  --colors-transparent: #ffffff00;
  --colors-shadow-xlight: #0000001f;
  --colors-shadow-light: #00000029;
  --colors-shadow-medium: #00000038;
  --colors-shadow-medium-light: #00000030;
  --colors-shadow-dark: #0000003d;
  --colors-shadow-medium-dark: #0000003b;
  --colors-shadow-ultradark: #0000004d;
  --colors-shadow-xdark: #00000040;
  --colors-focus-secondary: #ffffffff;
  --colors-focus-primary: #077197ff;
  --border-radius-md: 0.5rem /* 8px */;
  --border-radius-full: 624.9375rem /* 9999px */;
  --border-radius-sm: 0.25rem /* 4px */;
  --border-radius-lg: 0.75rem /* 12px */;
  --border-radius-xl: 1rem /* 16px */;
  --border-radius-none: 0;
  --border-radius-xxl: 1.25rem /* 20px */;
  --border-radius-3xl: 1.5rem /* 24px */;
  --sizes-icons-md: 1rem /* 16px */;
  --sizes-icons-lg: 1.5rem /* 24px */;
  --border-width-sm: 1px;
  --border-width-md: 2px;
  --border-width-lg: 3px;
  --shadow-xs: 0px 1px 3px 0px #0000001f, 0px 1px 2px 0px #0000003d;
  --shadow-sm: 0px 3px 6px 0px #00000029, 0px 3px 6px 0px #0000003b;
  --shadow-md: 0px 10px 20px 0px #00000030, 0px 6px 6px 0px #0000003b;
  --shadow-lg: 0px 14px 28px 0px #00000040, 0px 10px 10px 0px #00000038;
  --shadow-xl: 0px 19px 38px 0px #0000004d, 0px 15px 12px 0px #00000038;
  --shadow-x-offset-none: 0;
  --shadow-y-offset-xxs: 0.0625rem /* 1px */;
  --shadow-y-offset-xs: 0.1875rem /* 3px */;
  --shadow-y-offset-md: 0.625rem /* 10px */;
  --shadow-y-offset-sm: 0.375rem /* 6px */;
  --shadow-y-offset-xl: 0.9375rem /* 15px */;
  --shadow-y-offset-lg: 0.875rem /* 14px */;
  --shadow-y-offset-xxl: 1.1875rem /* 19px */;
  --shadow-blur-xxs: 0.125rem /* 2px */;
  --shadow-blur-xs: 0.1875rem /* 3px */;
  --shadow-blur-md: 0.625rem /* 10px */;
  --shadow-blur-sm: 0.375rem /* 6px */;
  --shadow-blur-xl: 1.25rem /* 20px */;
  --shadow-blur-lg: 0.75rem /* 12px */;
  --shadow-blur-3xl: 2.375rem /* 38px */;
  --shadow-blur-xxl: 1.75rem /* 28px */;
  --shadow-spread-none: 0;
  --typography-font-size-3xl: 2rem /* 32px */;
  --typography-font-size-4xl: 2.5rem /* 40px */;
  --typography-font-size-xxl: 1.75rem /* 28px */;
  --typography-font-size-xl: 1.5rem /* 24px */;
  --typography-font-size-lg: 1.25rem /* 20px */;
  --typography-font-size-md: 1.125rem /* 18px */;
  --typography-font-size-sm: 1rem /* 16px */;
  --typography-font-size-xs: 0.875rem /* 14px */;
  --typography-font-size-xxs: 0.75rem /* 12px */;
  --typography-line-height-xs: 1rem /* 16px */;
  --typography-line-height-sm: 1.125rem /* 18px */;
  --typography-line-height-md: 1.5rem /* 24px */;
  --typography-line-height-lg: 1.75rem /* 28px */;
  --typography-line-height-xl: 2rem /* 32px */;
  --typography-line-height-xxl: 2.5rem /* 40px */;
  --typography-line-height-3xl: 3rem /* 48px */;
  --typography-font-weight-semibold: 600;
  --typography-font-weight-regular: 400;
  --typography-font-weight-bold: 700;
  --typography-font-weight-light: 300;
  --typography-font-family: LFT Etica, arial, sans-serif;
  --z-index-dropdown: 1000;
  --z-index-overlay: 1100;
  --z-index-modal: 1200;
  --z-index-popover: 1300;
  --z-index-toast: 1400;
  --z-index-tooltip: 1500;
  --layout-breakpoint-xs: 0;
  --layout-breakpoint-sm: 576px;
  --layout-breakpoint-md: 768px;
  --layout-breakpoint-lg: 992px;
  --layout-breakpoint-xl: 1200px;
  --layout-breakpoint-xxl: 1440px;
  --layout-container-width-xxl: 108rem /* 1728px */;
  --layout-container-width-xl: 90rem /* 1440px */;
  --layout-container-width-lg: 70.5rem /* 1128px */;
  --layout-container-width-md: 60rem /* 960px */;
  --layout-container-width-sm: 40rem /* 640px */;
  --layout-container-width-xs: 20rem /* 320px */;
}

:root,
[data-theme="light"] {
  --border-radius-md: 0.5rem /* 8px */;
  --border-radius-full: 624.9375rem /* 9999px */;
  --border-radius-xs: 0.125rem /* 2px */;
  --border-radius-sm: 0.25rem /* 4px */;
  --border-radius-lg: 0.75rem /* 12px */;
  --border-radius-xl: 1rem /* 16px */;
  --border-radius-none: 0rem /* 0px */;
  --border-radius-xxl: 1.25rem /* 20px */;
  --border-radius-3xl: 1.5rem /* 24px */;
  --border-width-sm: 1px;
  --border-width-md: 2px;
  --border-width-lg: 3px;
  --layout-breakpoint-xs: 0px;
  --layout-breakpoint-sm: 576px;
  --layout-breakpoint-md: 768px;
  --layout-breakpoint-lg: 992px;
  --layout-breakpoint-xl: 1200px;
  --layout-breakpoint-xxl: 1440px;
  --typography-font-weight-semibold: 600;
  --typography-font-weight-regular: 400;
  --typography-font-weight-bold: 700;
  --typography-font-weight-light: 300;
  --typography-font-family: LFT Etica, Arial, sans-serif;
  --z-index-1: 1000;
  --z-index-2: 1100;
  --z-index-3: 1200;
  --z-index-4: 1300;
  --z-index-5: 1400;
  --z-index-6: 1500;
  --color-brand-vegvesen-graa: #444f55ff;
  --color-brand-vegvesen-orange: #ff9600ff;
  --color-brand-vegvesen-white: #ffffffff;
  --color-brand-vegvesen-black: #000000ff;
  --color-brand-tillegg-black: #000000ff;
  --color-brand-tillegg-blue-regular: #077197ff;
  --color-brand-tillegg-green-regular: #158925ff;
  --color-brand-tillegg-orange-dark: #E27500ff;
  --color-brand-tillegg-red-dark: #B63434ff;
  --color-ui-neutral-border-subtle: #b8bcbfff;
  --color-ui-neutral-background-tinted: #f3f4f4ff;
  --color-ui-neutral-surface-hover: #d8dadbff;
  --color-ui-neutral-background-default: #ffffffff;
  --color-ui-neutral-surface-active: #c7caccff;
  --color-ui-neutral-border-default: #727a7fff;
  --color-ui-neutral-base-active: #252b2eff;
  --color-ui-neutral-border-strong: #555f64ff;
  --color-ui-neutral-base-contrast-default: #ffffffff;
  --color-ui-neutral-surface-default: #ffffffff;
  --color-ui-neutral-base-hover: #343c41ff;
  --color-ui-neutral-text-default: #262c30ff;
  --color-ui-neutral-base-default: #444f55ff;
  --color-ui-neutral-surface-tinted: #e7e9e9ff;
  --color-ui-neutral-base-contrast-subtle: #e9eaebff;
  --color-ui-neutral-text-subtle: #555f64ff;
  --color-ui-info-base-contrast-default: #ffffffff;
  --color-ui-info-base-active: #054961ff;
  --color-ui-info-base-hover: #065d7cff;
  --color-ui-info-border-strong: #066586ff;
  --color-ui-info-text-subtle: #066586ff;
  --color-ui-info-border-subtle: #96c3d3ff;
  --color-ui-info-border-default: #2582a3ff;
  --color-ui-info-surface-active: #acd0dcff;
  --color-ui-info-surface-hover: #c6dee7ff;
  --color-ui-info-surface-tinted: #dcebf0ff;
  --color-ui-info-surface-default: #ffffffff;
  --color-ui-info-base-default: #077197ff;
  --color-ui-info-text-default: #032f3fff;
  --color-ui-info-background-default: #ffffffff;
  --color-ui-info-base-contrast-subtle: #e6f1f5ff;
  --color-ui-info-background-tinted: #edf5f8ff;
  --color-ui-success-base-active: #0d5918ff;
  --color-ui-success-base-hover: #116e1eff;
  --color-ui-success-text-subtle: #106c1dff;
  --color-ui-success-border-subtle: #95c89cff;
  --color-ui-success-surface-hover: #c5e1c9ff;
  --color-ui-success-surface-tinted: #dceddeff;
  --color-ui-success-base-default: #148524ff;
  --color-ui-success-surface-default: #ffffffff;
  --color-ui-success-background-tinted: #edf6eeff;
  --color-ui-success-surface-active: #acd4b2ff;
  --color-ui-success-border-strong: #106c1dff;
  --color-ui-success-text-default: #08330eff;
  --color-ui-success-base-contrast-subtle: #f7fbf8ff;
  --color-ui-success-background-default: #ffffffff;
  --color-ui-success-border-default: #208b2fff;
  --color-ui-success-base-contrast-default: #ffffffff;
  --color-ui-warning-base-contrast-default: #000000ff;
  --color-ui-warning-base-active: #efb16fff;
  --color-ui-warning-base-default: #e27500ff;
  --color-ui-warning-text-default: #442300ff;
  --color-ui-warning-border-strong: #914b00ff;
  --color-ui-warning-surface-active: #f2c18dff;
  --color-ui-warning-surface-hover: #f6d4b0ff;
  --color-ui-warning-surface-tinted: #fae5d0ff;
  --color-ui-warning-surface-default: #ffffffff;
  --color-ui-warning-text-subtle: #914b00ff;
  --color-ui-warning-base-hover: #e9953bff;
  --color-ui-warning-background-default: #ffffffff;
  --color-ui-warning-border-subtle: #eeaf6bff;
  --color-ui-warning-base-contrast-subtle: #221301ff;
  --color-ui-warning-background-tinted: #fff5e6ff;
  --color-ui-warning-border-default: #bb6100ff;
  --color-ui-danger-base-contrast-default: #ffffffff;
  --color-ui-danger-base-contrast-subtle: #f6e5e5ff;
  --color-ui-danger-text-default: #511717ff;
  --color-ui-danger-text-subtle: #ab3131ff;
  --color-ui-danger-border-subtle: #e2afafff;
  --color-ui-danger-surface-active: #e9c1c1ff;
  --color-ui-danger-surface-default: #ffffffff;
  --color-ui-danger-background-default: #ffffffff;
  --color-ui-danger-surface-tinted: #f6e5e5ff;
  --color-ui-danger-background-tinted: #faf2f2ff;
  --color-ui-danger-base-active: #732121ff;
  --color-ui-danger-base-default: #b63434ff;
  --color-ui-danger-border-strong: #ab3131ff;
  --color-ui-danger-base-hover: #932a2aff;
  --color-ui-danger-border-default: #c35757ff;
  --color-ui-danger-surface-hover: #efd4d4ff;
  --color-ui-other-focus-highlight: var(--color-ui-info-base-default);
  --color-ui-other-overlay: #444F5580;
  --color-ui-other-shadow-xs-layer-1: #00000040;
  --color-ui-other-shadow-xs-layer-2: #0000001f;
  --color-ui-other-shadow-sm-layer-1: #0000003b;
  --color-ui-other-shadow-sm-layer-2: #00000029;
  --color-ui-other-shadow-md-layer-1: #0000003b;
  --color-ui-other-shadow-md-layer-2: #00000030;
  --color-ui-other-shadow-lg-layer-1: #00000040;
  --color-ui-other-shadow-lg-layer-2: #00000038;
  --color-ui-other-shadow-xl-layer-1: #0000004d;
  --color-ui-other-shadow-xl-layer-2: #00000038;
  --color-trafikkskilt-skilt-oransje: #ff8200ff;
  --color-trafikkskilt-skilt-blaa: #003da5ff;
  --color-trafikkskilt-skilt-gulgronn-fluorescerende: #ece81aff;
  --color-trafikkskilt-skilt-hvit: #ffffffff;
  --color-trafikkskilt-skilt-rod: #e03c31ff;
  --color-trafikkskilt-skilt-gul: #f2a900ff;
  --color-trafikkskilt-skilt-brun: #a45a2aff;
  --color-trafikkskilt-skilt-gronn: #008553ff;
  --color-trafikkskilt-skilt-graa: #9d968dff;
  --color-trafikkskilt-skilt-svart: #2d2926ff;
  --color-trafikkskilt-skilt-burgunder: #9d2235ff;
  --shadow-xs: 0px 1px 2px 0px var(--color-ui-other-shadow-xs-layer-1), 0px 1px 3px 0px var(--color-ui-other-shadow-xs-layer-2);
  --shadow-sm: 0px 3px 6px 0px var(--color-ui-other-shadow-sm-layer-1), 0px 3px 6px 0px var(--color-ui-other-shadow-sm-layer-2);
  --shadow-md: 0px 6px 6px 0px var(--color-ui-other-shadow-md-layer-1), 0px 10px 20px 0px var(--color-ui-other-shadow-md-layer-2);
  --shadow-lg: 0px 10px 10px 0px var(--color-ui-other-shadow-lg-layer-1), 0px 14px 28px 0px var(--color-ui-other-shadow-lg-layer-2);
  --shadow-xl: 0px 15px 12px 0px var(--color-ui-other-shadow-xl-layer-1), 0px 19px 38px 0px var(--color-ui-other-shadow-xl-layer-2);
  --responsive-border-width-1: 1px;
  --responsive-border-width-2: 2px;
  --responsive-border-width-3: 3px;
  --responsive-border-radius-1: 0.5rem /* 8px */;
  --responsive-border-radius-2: 0.75rem /* 12px */;
  --responsive-border-radius-3: 1rem /* 16px */;
  --typography-line-height-1: 1rem /* 16px */;
  --typography-line-height-2: 1.25rem /* 20px */;
  --typography-line-height-3: 1.5rem /* 24px */;
  --typography-line-height-4: 1.75rem /* 28px */;
  --typography-line-height-5: 2rem /* 32px */;
  --typography-line-height-6: 2.25rem /* 36px */;
  --typography-line-height-7: 2.5rem /* 40px */;
  --typography-line-height-8: 2.75rem /* 44px */;
  --typography-line-height-9: 3rem /* 48px */;
  --typography-line-height-10: 3.25rem /* 52px */;
  --typography-line-height-11: 3.5rem /* 56px */;
  --typography-line-height-12: 3.75rem /* 60px */;
  --typography-line-height-13: 4rem /* 64px */;
  --typography-font-size-1: 0.75rem /* 12px */;
  --typography-font-size-2: 0.875rem /* 14px */;
  --typography-font-size-3: 1rem /* 16px */;
  --typography-font-size-4: 1.125rem /* 18px */;
  --typography-font-size-5: 1.25rem /* 20px */;
  --typography-font-size-6: 1.5rem /* 24px */;
  --typography-font-size-7: 1.75rem /* 28px */;
  --typography-font-size-8: 2rem /* 32px */;
  --typography-font-size-9: 2.5rem /* 40px */;
  --typography-font-size-10: 3rem /* 48px */;
  --dimensions-0: 0rem /* 0px */;
  --dimensions-1: 0.25rem /* 4px */;
  --dimensions-2: 0.5rem /* 8px */;
  --dimensions-3: 0.75rem /* 12px */;
  --dimensions-4: 1rem /* 16px */;
  --dimensions-5: 1.25rem /* 20px */;
  --dimensions-6: 1.5rem /* 24px */;
  --dimensions-7: 2rem /* 32px */;
  --dimensions-8: 2.5rem /* 40px */;
  --dimensions-9: 3rem /* 48px */;
  --dimensions-10: 3.5rem /* 56px */;
  --dimensions-11: 4rem /* 64px */;
  --dimensions-12: 4.5rem /* 72px */;
  --dimensions-13: 5rem /* 80px */;
  --dimensions-14: 5.5rem /* 88px */;
  --dimensions-15: 6rem /* 96px */;
  --dimensions-16: 6.5rem /* 104px */;
  --dimensions-17: 7.5rem /* 120px */;
  --icon-1: 0.75rem /* 12px */;
  --icon-2: 1rem /* 16px */;
  --icon-3: 1.25rem /* 20px */;
  --icon-4: 1.5rem /* 24px */;
  --icon-5: 2rem /* 32px */;
  --component-iconbutton-width: 3rem /* 48px */;
  --component-iconbutton-height: 3rem /* 48px */;
  --component-feedback-message-content-padding-left: 2rem /* 32px */;
  --component-feedback-message-icon-padding-top: 0.25rem /* 4px */;
  --component-checkbox-and-radio-label: 0.25rem /* 4px */;
  --component-alert-icon-padding-top: 0.25rem /* 4px */;
  --component-unordered-list-bullet-size: 0.375rem /* 6px */;
}

[data-theme="dark"] {
  --color-brand-vegvesen-graa: #444f55ff;
  --color-brand-vegvesen-orange: #ff9600ff;
  --color-brand-vegvesen-white: #ffffffff;
  --color-brand-vegvesen-black: #000000ff;
  --color-brand-tillegg-black: #000000ff;
  --color-brand-tillegg-blue-regular: #077197ff;
  --color-brand-tillegg-green-regular: #158925ff;
  --color-brand-tillegg-orange-dark: #E27500ff;
  --color-brand-tillegg-red-dark: #B63434ff;
  --color-ui-neutral-border-subtle: #4a5156ff;
  --color-ui-neutral-background-tinted: #1d2022ff;
  --color-ui-neutral-surface-hover: #31363aff;
  --color-ui-neutral-background-default: #16181aff;
  --color-ui-neutral-surface-active: #3e4448ff;
  --color-ui-neutral-border-default: #7d8285ff;
  --color-ui-neutral-base-active: #737b80ff;
  --color-ui-neutral-border-strong: #a5a8abff;
  --color-ui-neutral-base-contrast-default: #000000ff;
  --color-ui-neutral-surface-default: #25282bff;
  --color-ui-neutral-base-hover: #888f93ff;
  --color-ui-neutral-text-default: #ececedff;
  --color-ui-neutral-base-default: #9ea4a7ff;
  --color-ui-neutral-surface-tinted: #2a2e31ff;
  --color-ui-neutral-base-contrast-subtle: #141516ff;
  --color-ui-neutral-text-subtle: #a5a8abff;
  --color-ui-info-base-contrast-default: #000000ff;
  --color-ui-info-base-active: #81b7caff;
  --color-ui-info-base-hover: #5fa3bcff;
  --color-ui-info-border-strong: #8dadbbff;
  --color-ui-info-text-subtle: #8dadbbff;
  --color-ui-info-border-subtle: #2b5569ff;
  --color-ui-info-border-default: #5a879dff;
  --color-ui-info-surface-active: #244758ff;
  --color-ui-info-surface-hover: #1d3946ff;
  --color-ui-info-surface-tinted: #19313cff;
  --color-ui-info-surface-default: #152a34ff;
  --color-ui-info-base-default: #3b8fadff;
  --color-ui-info-text-default: #e7edf1ff;
  --color-ui-info-background-default: #0d191fff;
  --color-ui-info-base-contrast-subtle: #091519ff;
  --color-ui-info-background-tinted: #112229ff;
  --color-ui-success-base-active: #6fb479ff;
  --color-ui-success-base-hover: #4ba257ff;
  --color-ui-success-text-subtle: #8bb18cff;
  --color-ui-success-border-subtle: #2c5a2eff;
  --color-ui-success-surface-hover: #1e3c1fff;
  --color-ui-success-surface-tinted: #1a331aff;
  --color-ui-success-base-default: #248d33ff;
  --color-ui-success-surface-default: #162d17ff;
  --color-ui-success-background-tinted: #122312ff;
  --color-ui-success-surface-active: #254b26ff;
  --color-ui-success-border-strong: #8bb18cff;
  --color-ui-success-text-default: #e6eee6ff;
  --color-ui-success-base-contrast-subtle: #020602ff;
  --color-ui-success-background-default: #0d1b0eff;
  --color-ui-success-border-default: #568e57ff;
  --color-ui-success-base-contrast-default: #000000ff;
  --color-ui-warning-base-contrast-default: #ffffffff;
  --color-ui-warning-base-active: #613504ff;
  --color-ui-warning-base-default: #985407ff;
  --color-ui-warning-text-default: #f5ebe2ff;
  --color-ui-warning-border-strong: #ce9e78ff;
  --color-ui-warning-surface-active: #5c3c23ff;
  --color-ui-warning-surface-hover: #49301cff;
  --color-ui-warning-surface-tinted: #3f2918ff;
  --color-ui-warning-surface-default: #372415ff;
  --color-ui-warning-text-subtle: #ce9e78ff;
  --color-ui-warning-base-hover: #7c4405ff;
  --color-ui-warning-background-default: #21150cff;
  --color-ui-warning-border-subtle: #6d4729ff;
  --color-ui-warning-base-contrast-subtle: #f2e9dfff;
  --color-ui-warning-background-tinted: #2b1c10ff;
  --color-ui-warning-border-default: #b07343ff;
  --color-ui-danger-base-contrast-default: #000000ff;
  --color-ui-danger-base-contrast-subtle: #221313ff;
  --color-ui-danger-text-default: #f4eae9ff;
  --color-ui-danger-text-subtle: #cc9c99ff;
  --color-ui-danger-border-subtle: #803b37ff;
  --color-ui-danger-surface-active: #6b322eff;
  --color-ui-danger-surface-default: #401e1cff;
  --color-ui-danger-background-default: #271211ff;
  --color-ui-danger-surface-tinted: #4a2220ff;
  --color-ui-danger-background-tinted: #331816ff;
  --color-ui-danger-base-active: #dfa7a7ff;
  --color-ui-danger-base-default: #cc7171ff;
  --color-ui-danger-border-strong: #cc9c99ff;
  --color-ui-danger-base-hover: #d68d8dff;
  --color-ui-danger-border-default: #b46e6aff;
  --color-ui-danger-surface-hover: #562825ff;
  --color-ui-other-focus-highlight: var(--color-ui-info-base-default);
  --color-ui-other-overlay: #9ea3a780;
  --color-ui-other-shadow-xs-layer-1: #00000040;
  --color-ui-other-shadow-xs-layer-2: #00000026;
  --color-ui-other-shadow-sm-layer-1: #0000004d;
  --color-ui-other-shadow-sm-layer-2: #00000033;
  --color-ui-other-shadow-md-layer-1: #00000059;
  --color-ui-other-shadow-md-layer-2: #00000040;
  --color-ui-other-shadow-lg-layer-1: #00000066;
  --color-ui-other-shadow-lg-layer-2: #0000004d;
  --color-ui-other-shadow-xl-layer-1: #00000073;
  --color-ui-other-shadow-xl-layer-2: #00000059;
  --color-trafikkskilt-skilt-oransje: #ff8200ff;
  --color-trafikkskilt-skilt-blaa: #003da5ff;
  --color-trafikkskilt-skilt-gulgronn-fluorescerende: #ece81aff;
  --color-trafikkskilt-skilt-hvit: #ffffffff;
  --color-trafikkskilt-skilt-rod: #e03c31ff;
  --color-trafikkskilt-skilt-gul: #f2a900ff;
  --color-trafikkskilt-skilt-brun: #a45a2aff;
  --color-trafikkskilt-skilt-gronn: #008553ff;
  --color-trafikkskilt-skilt-graa: #9d968dff;
  --color-trafikkskilt-skilt-svart: #2d2926ff;
  --color-trafikkskilt-skilt-burgunder: #9d2235ff;
}

@media (prefers-color-scheme: light) {
[data-theme="auto"] {
  --color-brand-vegvesen-graa: #444f55ff;
  --color-brand-vegvesen-orange: #ff9600ff;
  --color-brand-vegvesen-white: #ffffffff;
  --color-brand-vegvesen-black: #000000ff;
  --color-brand-tillegg-black: #000000ff;
  --color-brand-tillegg-blue-regular: #077197ff;
  --color-brand-tillegg-green-regular: #158925ff;
  --color-brand-tillegg-orange-dark: #E27500ff;
  --color-brand-tillegg-red-dark: #B63434ff;
  --color-ui-neutral-border-subtle: #b8bcbfff;
  --color-ui-neutral-background-tinted: #f3f4f4ff;
  --color-ui-neutral-surface-hover: #d8dadbff;
  --color-ui-neutral-background-default: #ffffffff;
  --color-ui-neutral-surface-active: #c7caccff;
  --color-ui-neutral-border-default: #727a7fff;
  --color-ui-neutral-base-active: #252b2eff;
  --color-ui-neutral-border-strong: #555f64ff;
  --color-ui-neutral-base-contrast-default: #ffffffff;
  --color-ui-neutral-surface-default: #ffffffff;
  --color-ui-neutral-base-hover: #343c41ff;
  --color-ui-neutral-text-default: #262c30ff;
  --color-ui-neutral-base-default: #444f55ff;
  --color-ui-neutral-surface-tinted: #e7e9e9ff;
  --color-ui-neutral-base-contrast-subtle: #e9eaebff;
  --color-ui-neutral-text-subtle: #555f64ff;
  --color-ui-info-base-contrast-default: #ffffffff;
  --color-ui-info-base-active: #054961ff;
  --color-ui-info-base-hover: #065d7cff;
  --color-ui-info-border-strong: #066586ff;
  --color-ui-info-text-subtle: #066586ff;
  --color-ui-info-border-subtle: #96c3d3ff;
  --color-ui-info-border-default: #2582a3ff;
  --color-ui-info-surface-active: #acd0dcff;
  --color-ui-info-surface-hover: #c6dee7ff;
  --color-ui-info-surface-tinted: #dcebf0ff;
  --color-ui-info-surface-default: #ffffffff;
  --color-ui-info-base-default: #077197ff;
  --color-ui-info-text-default: #032f3fff;
  --color-ui-info-background-default: #ffffffff;
  --color-ui-info-base-contrast-subtle: #e6f1f5ff;
  --color-ui-info-background-tinted: #edf5f8ff;
  --color-ui-success-base-active: #0d5918ff;
  --color-ui-success-base-hover: #116e1eff;
  --color-ui-success-text-subtle: #106c1dff;
  --color-ui-success-border-subtle: #95c89cff;
  --color-ui-success-surface-hover: #c5e1c9ff;
  --color-ui-success-surface-tinted: #dceddeff;
  --color-ui-success-base-default: #148524ff;
  --color-ui-success-surface-default: #ffffffff;
  --color-ui-success-background-tinted: #edf6eeff;
  --color-ui-success-surface-active: #acd4b2ff;
  --color-ui-success-border-strong: #106c1dff;
  --color-ui-success-text-default: #08330eff;
  --color-ui-success-base-contrast-subtle: #f7fbf8ff;
  --color-ui-success-background-default: #ffffffff;
  --color-ui-success-border-default: #208b2fff;
  --color-ui-success-base-contrast-default: #ffffffff;
  --color-ui-warning-base-contrast-default: #000000ff;
  --color-ui-warning-base-active: #efb16fff;
  --color-ui-warning-base-default: #e27500ff;
  --color-ui-warning-text-default: #442300ff;
  --color-ui-warning-border-strong: #914b00ff;
  --color-ui-warning-surface-active: #f2c18dff;
  --color-ui-warning-surface-hover: #f6d4b0ff;
  --color-ui-warning-surface-tinted: #fae5d0ff;
  --color-ui-warning-surface-default: #ffffffff;
  --color-ui-warning-text-subtle: #914b00ff;
  --color-ui-warning-base-hover: #e9953bff;
  --color-ui-warning-background-default: #ffffffff;
  --color-ui-warning-border-subtle: #eeaf6bff;
  --color-ui-warning-base-contrast-subtle: #221301ff;
  --color-ui-warning-background-tinted: #fff5e6ff;
  --color-ui-warning-border-default: #bb6100ff;
  --color-ui-danger-base-contrast-default: #ffffffff;
  --color-ui-danger-base-contrast-subtle: #f6e5e5ff;
  --color-ui-danger-text-default: #511717ff;
  --color-ui-danger-text-subtle: #ab3131ff;
  --color-ui-danger-border-subtle: #e2afafff;
  --color-ui-danger-surface-active: #e9c1c1ff;
  --color-ui-danger-surface-default: #ffffffff;
  --color-ui-danger-background-default: #ffffffff;
  --color-ui-danger-surface-tinted: #f6e5e5ff;
  --color-ui-danger-background-tinted: #faf2f2ff;
  --color-ui-danger-base-active: #732121ff;
  --color-ui-danger-base-default: #b63434ff;
  --color-ui-danger-border-strong: #ab3131ff;
  --color-ui-danger-base-hover: #932a2aff;
  --color-ui-danger-border-default: #c35757ff;
  --color-ui-danger-surface-hover: #efd4d4ff;
  --color-ui-other-focus-highlight: var(--color-ui-info-base-default);
  --color-ui-other-overlay: #444F5580;
  --color-ui-other-shadow-xs-layer-1: #00000040;
  --color-ui-other-shadow-xs-layer-2: #0000001f;
  --color-ui-other-shadow-sm-layer-1: #0000003b;
  --color-ui-other-shadow-sm-layer-2: #00000029;
  --color-ui-other-shadow-md-layer-1: #0000003b;
  --color-ui-other-shadow-md-layer-2: #00000030;
  --color-ui-other-shadow-lg-layer-1: #00000040;
  --color-ui-other-shadow-lg-layer-2: #00000038;
  --color-ui-other-shadow-xl-layer-1: #0000004d;
  --color-ui-other-shadow-xl-layer-2: #00000038;
  --color-trafikkskilt-skilt-oransje: #ff8200ff;
  --color-trafikkskilt-skilt-blaa: #003da5ff;
  --color-trafikkskilt-skilt-gulgronn-fluorescerende: #ece81aff;
  --color-trafikkskilt-skilt-hvit: #ffffffff;
  --color-trafikkskilt-skilt-rod: #e03c31ff;
  --color-trafikkskilt-skilt-gul: #f2a900ff;
  --color-trafikkskilt-skilt-brun: #a45a2aff;
  --color-trafikkskilt-skilt-gronn: #008553ff;
  --color-trafikkskilt-skilt-graa: #9d968dff;
  --color-trafikkskilt-skilt-svart: #2d2926ff;
  --color-trafikkskilt-skilt-burgunder: #9d2235ff;
}
}
@media (prefers-color-scheme: dark) {
[data-theme="auto"] {
  --color-brand-vegvesen-graa: #444f55ff;
  --color-brand-vegvesen-orange: #ff9600ff;
  --color-brand-vegvesen-white: #ffffffff;
  --color-brand-vegvesen-black: #000000ff;
  --color-brand-tillegg-black: #000000ff;
  --color-brand-tillegg-blue-regular: #077197ff;
  --color-brand-tillegg-green-regular: #158925ff;
  --color-brand-tillegg-orange-dark: #E27500ff;
  --color-brand-tillegg-red-dark: #B63434ff;
  --color-ui-neutral-border-subtle: #4a5156ff;
  --color-ui-neutral-background-tinted: #1d2022ff;
  --color-ui-neutral-surface-hover: #31363aff;
  --color-ui-neutral-background-default: #16181aff;
  --color-ui-neutral-surface-active: #3e4448ff;
  --color-ui-neutral-border-default: #7d8285ff;
  --color-ui-neutral-base-active: #737b80ff;
  --color-ui-neutral-border-strong: #a5a8abff;
  --color-ui-neutral-base-contrast-default: #000000ff;
  --color-ui-neutral-surface-default: #25282bff;
  --color-ui-neutral-base-hover: #888f93ff;
  --color-ui-neutral-text-default: #ececedff;
  --color-ui-neutral-base-default: #9ea4a7ff;
  --color-ui-neutral-surface-tinted: #2a2e31ff;
  --color-ui-neutral-base-contrast-subtle: #141516ff;
  --color-ui-neutral-text-subtle: #a5a8abff;
  --color-ui-info-base-contrast-default: #000000ff;
  --color-ui-info-base-active: #81b7caff;
  --color-ui-info-base-hover: #5fa3bcff;
  --color-ui-info-border-strong: #8dadbbff;
  --color-ui-info-text-subtle: #8dadbbff;
  --color-ui-info-border-subtle: #2b5569ff;
  --color-ui-info-border-default: #5a879dff;
  --color-ui-info-surface-active: #244758ff;
  --color-ui-info-surface-hover: #1d3946ff;
  --color-ui-info-surface-tinted: #19313cff;
  --color-ui-info-surface-default: #152a34ff;
  --color-ui-info-base-default: #3b8fadff;
  --color-ui-info-text-default: #e7edf1ff;
  --color-ui-info-background-default: #0d191fff;
  --color-ui-info-base-contrast-subtle: #091519ff;
  --color-ui-info-background-tinted: #112229ff;
  --color-ui-success-base-active: #6fb479ff;
  --color-ui-success-base-hover: #4ba257ff;
  --color-ui-success-text-subtle: #8bb18cff;
  --color-ui-success-border-subtle: #2c5a2eff;
  --color-ui-success-surface-hover: #1e3c1fff;
  --color-ui-success-surface-tinted: #1a331aff;
  --color-ui-success-base-default: #248d33ff;
  --color-ui-success-surface-default: #162d17ff;
  --color-ui-success-background-tinted: #122312ff;
  --color-ui-success-surface-active: #254b26ff;
  --color-ui-success-border-strong: #8bb18cff;
  --color-ui-success-text-default: #e6eee6ff;
  --color-ui-success-base-contrast-subtle: #020602ff;
  --color-ui-success-background-default: #0d1b0eff;
  --color-ui-success-border-default: #568e57ff;
  --color-ui-success-base-contrast-default: #000000ff;
  --color-ui-warning-base-contrast-default: #ffffffff;
  --color-ui-warning-base-active: #613504ff;
  --color-ui-warning-base-default: #985407ff;
  --color-ui-warning-text-default: #f5ebe2ff;
  --color-ui-warning-border-strong: #ce9e78ff;
  --color-ui-warning-surface-active: #5c3c23ff;
  --color-ui-warning-surface-hover: #49301cff;
  --color-ui-warning-surface-tinted: #3f2918ff;
  --color-ui-warning-surface-default: #372415ff;
  --color-ui-warning-text-subtle: #ce9e78ff;
  --color-ui-warning-base-hover: #7c4405ff;
  --color-ui-warning-background-default: #21150cff;
  --color-ui-warning-border-subtle: #6d4729ff;
  --color-ui-warning-base-contrast-subtle: #f2e9dfff;
  --color-ui-warning-background-tinted: #2b1c10ff;
  --color-ui-warning-border-default: #b07343ff;
  --color-ui-danger-base-contrast-default: #000000ff;
  --color-ui-danger-base-contrast-subtle: #221313ff;
  --color-ui-danger-text-default: #f4eae9ff;
  --color-ui-danger-text-subtle: #cc9c99ff;
  --color-ui-danger-border-subtle: #803b37ff;
  --color-ui-danger-surface-active: #6b322eff;
  --color-ui-danger-surface-default: #401e1cff;
  --color-ui-danger-background-default: #271211ff;
  --color-ui-danger-surface-tinted: #4a2220ff;
  --color-ui-danger-background-tinted: #331816ff;
  --color-ui-danger-base-active: #dfa7a7ff;
  --color-ui-danger-base-default: #cc7171ff;
  --color-ui-danger-border-strong: #cc9c99ff;
  --color-ui-danger-base-hover: #d68d8dff;
  --color-ui-danger-border-default: #b46e6aff;
  --color-ui-danger-surface-hover: #562825ff;
  --color-ui-other-focus-highlight: var(--color-ui-info-base-default);
  --color-ui-other-overlay: #9ea3a780;
  --color-ui-other-shadow-xs-layer-1: #00000040;
  --color-ui-other-shadow-xs-layer-2: #00000026;
  --color-ui-other-shadow-sm-layer-1: #0000004d;
  --color-ui-other-shadow-sm-layer-2: #00000033;
  --color-ui-other-shadow-md-layer-1: #00000059;
  --color-ui-other-shadow-md-layer-2: #00000040;
  --color-ui-other-shadow-lg-layer-1: #00000066;
  --color-ui-other-shadow-lg-layer-2: #0000004d;
  --color-ui-other-shadow-xl-layer-1: #00000073;
  --color-ui-other-shadow-xl-layer-2: #00000059;
  --color-trafikkskilt-skilt-oransje: #ff8200ff;
  --color-trafikkskilt-skilt-blaa: #003da5ff;
  --color-trafikkskilt-skilt-gulgronn-fluorescerende: #ece81aff;
  --color-trafikkskilt-skilt-hvit: #ffffffff;
  --color-trafikkskilt-skilt-rod: #e03c31ff;
  --color-trafikkskilt-skilt-gul: #f2a900ff;
  --color-trafikkskilt-skilt-brun: #a45a2aff;
  --color-trafikkskilt-skilt-gronn: #008553ff;
  --color-trafikkskilt-skilt-graa: #9d968dff;
  --color-trafikkskilt-skilt-svart: #2d2926ff;
  --color-trafikkskilt-skilt-burgunder: #9d2235ff;
}
}

[data-size="xs"] {
  --responsive-border-width-1: 1px;
  --responsive-border-width-2: 1px;
  --responsive-border-width-3: 2px;
  --responsive-border-radius-1: 0.25rem /* 4px */;
  --responsive-border-radius-2: 0.5rem /* 8px */;
  --responsive-border-radius-3: 0.5rem /* 8px */;
  --typography-line-height-1: 0.75rem /* 12px */;
  --typography-line-height-2: 0.75rem /* 12px */;
  --typography-line-height-3: 1rem /* 16px */;
  --typography-line-height-4: 1.25rem /* 20px */;
  --typography-line-height-5: 1.5rem /* 24px */;
  --typography-line-height-6: 1.75rem /* 28px */;
  --typography-line-height-7: 2rem /* 32px */;
  --typography-line-height-8: 2.25rem /* 36px */;
  --typography-line-height-9: 2.5rem /* 40px */;
  --typography-line-height-10: 2.75rem /* 44px */;
  --typography-line-height-11: 3rem /* 48px */;
  --typography-line-height-12: 3.25rem /* 52px */;
  --typography-line-height-13: 3.5rem /* 56px */;
  --typography-font-size-1: 0.625rem /* 10px */;
  --typography-font-size-2: 0.625rem /* 10px */;
  --typography-font-size-3: 0.75rem /* 12px */;
  --typography-font-size-4: 0.875rem /* 14px */;
  --typography-font-size-5: 1rem /* 16px */;
  --typography-font-size-6: 1.125rem /* 18px */;
  --typography-font-size-7: 1.25rem /* 20px */;
  --typography-font-size-8: 1.5rem /* 24px */;
  --typography-font-size-9: 1.75rem /* 28px */;
  --typography-font-size-10: 2rem /* 32px */;
  --dimensions-0: 0rem /* 0px */;
  --dimensions-1: 0.125rem /* 2px */;
  --dimensions-2: 0.25rem /* 4px */;
  --dimensions-3: 0.375rem /* 6px */;
  --dimensions-4: 0.5rem /* 8px */;
  --dimensions-5: 0.75rem /* 12px */;
  --dimensions-6: 1rem /* 16px */;
  --dimensions-7: 1.25rem /* 20px */;
  --dimensions-8: 1.5rem /* 24px */;
  --dimensions-9: 2rem /* 32px */;
  --dimensions-10: 2.5rem /* 40px */;
  --dimensions-11: 3rem /* 48px */;
  --dimensions-12: 3.5rem /* 56px */;
  --dimensions-13: 4rem /* 64px */;
  --dimensions-14: 4.5rem /* 72px */;
  --dimensions-15: 5rem /* 80px */;
  --dimensions-16: 5.5rem /* 88px */;
  --dimensions-17: 6rem /* 96px */;
  --icon-1: 0.5rem /* 8px */;
  --icon-2: 0.75rem /* 12px */;
  --icon-3: 1rem /* 16px */;
  --icon-4: 1.25rem /* 20px */;
  --icon-5: 1.5rem /* 24px */;
  --component-iconbutton-width: 1.5rem /* 24px */;
  --component-iconbutton-height: 1.5rem /* 24px */;
  --component-feedback-message-content-padding-left: 1rem /* 16px */;
  --component-feedback-message-icon-padding-top: 0.1875rem /* 3px */;
  --component-alert-icon-padding-top: 0.125rem /* 2px */;
  --component-checkbox-and-radio-label: 0.125rem /* 2px */;
  --component-unordered-list-bullet-size: 0.25rem /* 4px */;
}

[data-size="sm"] {
  --responsive-border-width-1: 1px;
  --responsive-border-width-2: 1px;
  --responsive-border-width-3: 2px;
  --responsive-border-radius-1: 0.25rem /* 4px */;
  --responsive-border-radius-2: 0.5rem /* 8px */;
  --responsive-border-radius-3: 0.75rem /* 12px */;
  --typography-line-height-1: 0.75rem /* 12px */;
  --typography-line-height-2: 1rem /* 16px */;
  --typography-line-height-3: 1.25rem /* 20px */;
  --typography-line-height-4: 1.5rem /* 24px */;
  --typography-line-height-5: 1.75rem /* 28px */;
  --typography-line-height-6: 2rem /* 32px */;
  --typography-line-height-7: 2.25rem /* 36px */;
  --typography-line-height-8: 2.5rem /* 40px */;
  --typography-line-height-9: 2.75rem /* 44px */;
  --typography-line-height-10: 3rem /* 48px */;
  --typography-line-height-11: 3.25rem /* 52px */;
  --typography-line-height-12: 3.5rem /* 56px */;
  --typography-line-height-13: 3.75rem /* 60px */;
  --typography-font-size-1: 0.625rem /* 10px */;
  --typography-font-size-2: 0.75rem /* 12px */;
  --typography-font-size-3: 0.875rem /* 14px */;
  --typography-font-size-4: 1rem /* 16px */;
  --typography-font-size-5: 1.125rem /* 18px */;
  --typography-font-size-6: 1.25rem /* 20px */;
  --typography-font-size-7: 1.5rem /* 24px */;
  --typography-font-size-8: 1.75rem /* 28px */;
  --typography-font-size-9: 2rem /* 32px */;
  --typography-font-size-10: 2.5rem /* 40px */;
  --dimensions-0: 0rem /* 0px */;
  --dimensions-1: 0.25rem /* 4px */;
  --dimensions-2: 0.375rem /* 6px */;
  --dimensions-3: 0.5rem /* 8px */;
  --dimensions-4: 0.75rem /* 12px */;
  --dimensions-5: 1rem /* 16px */;
  --dimensions-6: 1.25rem /* 20px */;
  --dimensions-7: 1.5rem /* 24px */;
  --dimensions-8: 2rem /* 32px */;
  --dimensions-9: 2.5rem /* 40px */;
  --dimensions-10: 3rem /* 48px */;
  --dimensions-11: 3.5rem /* 56px */;
  --dimensions-12: 4rem /* 64px */;
  --dimensions-13: 4.5rem /* 72px */;
  --dimensions-14: 5rem /* 80px */;
  --dimensions-15: 5.5rem /* 88px */;
  --dimensions-16: 6rem /* 96px */;
  --dimensions-17: 6.5rem /* 104px */;
  --icon-1: 0.75rem /* 12px */;
  --icon-2: 0.75rem /* 12px */;
  --icon-3: 1rem /* 16px */;
  --icon-4: 1.25rem /* 20px */;
  --icon-5: 1.5rem /* 24px */;
  --component-iconbutton-width: 2.25rem /* 36px */;
  --component-iconbutton-height: 2.25rem /* 36px */;
  --component-feedback-message-content-padding-left: 1.5rem /* 24px */;
  --component-feedback-message-icon-padding-top: 0.25rem /* 4px */;
  --component-checkbox-and-radio-label: 0.125rem /* 2px */;
  --component-alert-icon-padding-top: 0.25rem /* 4px */;
  --component-unordered-list-bullet-size: 0.3125rem /* 5px */;
}

[data-size="md"] {
  --responsive-border-width-1: 1px;
  --responsive-border-width-2: 2px;
  --responsive-border-width-3: 3px;
  --responsive-border-radius-1: 0.5rem /* 8px */;
  --responsive-border-radius-2: 0.75rem /* 12px */;
  --responsive-border-radius-3: 1rem /* 16px */;
  --typography-line-height-1: 1rem /* 16px */;
  --typography-line-height-2: 1.25rem /* 20px */;
  --typography-line-height-3: 1.5rem /* 24px */;
  --typography-line-height-4: 1.75rem /* 28px */;
  --typography-line-height-5: 2rem /* 32px */;
  --typography-line-height-6: 2.25rem /* 36px */;
  --typography-line-height-7: 2.5rem /* 40px */;
  --typography-line-height-8: 2.75rem /* 44px */;
  --typography-line-height-9: 3rem /* 48px */;
  --typography-line-height-10: 3.25rem /* 52px */;
  --typography-line-height-11: 3.5rem /* 56px */;
  --typography-line-height-12: 3.75rem /* 60px */;
  --typography-line-height-13: 4rem /* 64px */;
  --typography-font-size-1: 0.75rem /* 12px */;
  --typography-font-size-2: 0.875rem /* 14px */;
  --typography-font-size-3: 1rem /* 16px */;
  --typography-font-size-4: 1.125rem /* 18px */;
  --typography-font-size-5: 1.25rem /* 20px */;
  --typography-font-size-6: 1.5rem /* 24px */;
  --typography-font-size-7: 1.75rem /* 28px */;
  --typography-font-size-8: 2rem /* 32px */;
  --typography-font-size-9: 2.5rem /* 40px */;
  --typography-font-size-10: 3rem /* 48px */;
  --dimensions-0: 0rem /* 0px */;
  --dimensions-1: 0.25rem /* 4px */;
  --dimensions-2: 0.5rem /* 8px */;
  --dimensions-3: 0.75rem /* 12px */;
  --dimensions-4: 1rem /* 16px */;
  --dimensions-5: 1.25rem /* 20px */;
  --dimensions-6: 1.5rem /* 24px */;
  --dimensions-7: 2rem /* 32px */;
  --dimensions-8: 2.5rem /* 40px */;
  --dimensions-9: 3rem /* 48px */;
  --dimensions-10: 3.5rem /* 56px */;
  --dimensions-11: 4rem /* 64px */;
  --dimensions-12: 4.5rem /* 72px */;
  --dimensions-13: 5rem /* 80px */;
  --dimensions-14: 5.5rem /* 88px */;
  --dimensions-15: 6rem /* 96px */;
  --dimensions-16: 6.5rem /* 104px */;
  --dimensions-17: 7.5rem /* 120px */;
  --icon-1: 0.75rem /* 12px */;
  --icon-2: 1rem /* 16px */;
  --icon-3: 1.25rem /* 20px */;
  --icon-4: 1.5rem /* 24px */;
  --icon-5: 2rem /* 32px */;
  --component-iconbutton-width: 3rem /* 48px */;
  --component-iconbutton-height: 3rem /* 48px */;
  --component-feedback-message-content-padding-left: 2rem /* 32px */;
  --component-feedback-message-icon-padding-top: 0.25rem /* 4px */;
  --component-checkbox-and-radio-label: 0.25rem /* 4px */;
  --component-alert-icon-padding-top: 0.25rem /* 4px */;
  --component-unordered-list-bullet-size: 0.375rem /* 6px */;
}

[data-size="lg"] {
  --responsive-border-width-1: 2px;
  --responsive-border-width-2: 3px;
  --responsive-border-width-3: 4px;
  --responsive-border-radius-1: 0.75rem /* 12px */;
  --responsive-border-radius-2: 1rem /* 16px */;
  --responsive-border-radius-3: 1.5rem /* 24px */;
  --typography-line-height-1: 1.25rem /* 20px */;
  --typography-line-height-2: 1.5rem /* 24px */;
  --typography-line-height-3: 1.75rem /* 28px */;
  --typography-line-height-4: 2rem /* 32px */;
  --typography-line-height-5: 2.25rem /* 36px */;
  --typography-line-height-6: 2.5rem /* 40px */;
  --typography-line-height-7: 2.75rem /* 44px */;
  --typography-line-height-8: 3rem /* 48px */;
  --typography-line-height-9: 3.25rem /* 52px */;
  --typography-line-height-10: 3.5rem /* 56px */;
  --typography-line-height-11: 3.75rem /* 60px */;
  --typography-line-height-12: 4rem /* 64px */;
  --typography-line-height-13: 4.25rem /* 68px */;
  --typography-font-size-1: 0.875rem /* 14px */;
  --typography-font-size-2: 1rem /* 16px */;
  --typography-font-size-3: 1.125rem /* 18px */;
  --typography-font-size-4: 1.25rem /* 20px */;
  --typography-font-size-5: 1.5rem /* 24px */;
  --typography-font-size-6: 1.75rem /* 28px */;
  --typography-font-size-7: 2rem /* 32px */;
  --typography-font-size-8: 2.5rem /* 40px */;
  --typography-font-size-9: 3rem /* 48px */;
  --typography-font-size-10: 3.75rem /* 60px */;
  --dimensions-0: 0rem /* 0px */;
  --dimensions-1: 0.5rem /* 8px */;
  --dimensions-2: 0.75rem /* 12px */;
  --dimensions-3: 1rem /* 16px */;
  --dimensions-4: 1.25rem /* 20px */;
  --dimensions-5: 1.5rem /* 24px */;
  --dimensions-6: 2rem /* 32px */;
  --dimensions-7: 2.5rem /* 40px */;
  --dimensions-8: 3rem /* 48px */;
  --dimensions-9: 3.5rem /* 56px */;
  --dimensions-10: 4rem /* 64px */;
  --dimensions-11: 4.5rem /* 72px */;
  --dimensions-12: 5rem /* 80px */;
  --dimensions-13: 5.5rem /* 88px */;
  --dimensions-14: 6rem /* 96px */;
  --dimensions-15: 6.5rem /* 104px */;
  --dimensions-16: 7.5rem /* 120px */;
  --dimensions-17: 8.5rem /* 136px */;
  --icon-1: 1rem /* 16px */;
  --icon-2: 1.25rem /* 20px */;
  --icon-3: 1.5rem /* 24px */;
  --icon-4: 2rem /* 32px */;
  --icon-5: 1.75rem /* 28px */;
  --component-iconbutton-width: 3.75rem /* 60px */;
  --component-iconbutton-height: 3.75rem /* 60px */;
  --component-feedback-message-content-padding-left: 2.5rem /* 40px */;
  --component-feedback-message-icon-padding-top: 0.25rem /* 4px */;
  --component-checkbox-and-radio-label: 0.375rem /* 6px */;
  --component-alert-icon-padding-top: 0.125rem /* 2px */;
  --component-unordered-list-bullet-size: 0.5rem /* 8px */;
}

/*Global variable*/
:root {
    --border-color-light: gray;
    --max-content-width: 133.5rem;
    --search-filter-width: 50rem;
}

html {
    font-size: 62.5%;
}

#root {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

body {
    width: 100%;
    color: rgba(0, 0, 0, 0.7);
    font-family: 'Lato', sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

a {
    color: #008ec2;
    text-decoration: none;
}

a:hover {
}

h1 {
    color: #444f55;
    font-size: 4rem;
    font-weight: 700;
    margin: 0 0 3.2rem 0;
}

@media (min-width: 48rem) {
    h1 {
        margin-bottom: 4.8rem;
    }
}

h2 {
    color: #444f55;
    font-size: 3.2rem;
    font-weight: 700;
    margin: 0 0 1.6rem 0;
}

h3 {
    color: #444f55;
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0 0 2.4rem 0;
}

h4 {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 0 1.2rem 0;
}

h5 {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 0 1.2rem 0;
}

p {
    line-height: 1.5;
    margin: 0 0 1.6rem 0;
    max-width: 38em;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

li {
    margin: 0;
    padding: 0;
}

dl {
    margin: 0;
    padding: 0;
}

dt {
    font-weight: 700;
    margin: 0;
    padding: 0;
}

dd {
    margin: 0;
    padding: 0;
}

strong {
    font-weight: 700;
}

/* Screen-reader only utility class */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Search highlight mark styling */
mark {
    background-color: transparent;
    color: inherit;
    font-weight: 700;
}

/* Fieldset reset for search filter */
fieldset#search__filter {
    border: none;
    margin: 0;
    padding: 0;
}
.et-section__action-menue {
    display: flex;
    flex-direction: column;
    min-width: fit-content;
    border-top: solid 1px grey;
    border-bottom: solid 1px grey;
    max-width: 100%;
    box-sizing: border-box;
}

.et-section__list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.et-section__listitem-description {
    padding: 1rem 0 0 2.5rem;
}

.et-section__listitem-actions {
    display: flex;
    gap: 0.5rem;
}

.et-section__name {
    white-space: nowrap;
}
.et-section__id {
    font-size: 1.4rem;
}

.et-section__name-italic {
    font-style: italic;
}

.et-section__datatype {
    line-height: 1;
    margin: 0 0 0 0;
}

.et-section__expandable-heading-content {
    display: flex;
    font-size: 1.5rem;
    font-weight: bold;
    align-items: center;
    gap: 1rem;
}

.et-section__listitem-actions__tv-controls {
    display: flex;
    margin-left: 0.75rem;
}

.et-section__viktighet-indicator {
    width: 1.5rem;
    height: 1.5rem;
    border: 0.1rem solid black;
}

.et-section__content {
    margin: 2rem 0 0 3rem;
}
.et-section__toggle {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-left: 1rem;
    padding: 1rem 1rem 1rem 0;
    width: calc(100% - 2rem);
    box-sizing: border-box;
}

@media (max-width: 40rem) {
    .et-section__toggle {
        margin-left: 0.5rem;
        width: calc(100% - 1rem);
        padding: 1rem 0.5rem 1rem 0;
    }
}
.et-section__toggle__tv {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.et-section__sort {
    position: relative;
    height: fit-content;
    align-content: center;
    align-items: center;
    padding: 0 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    box-sizing: border-box;
    max-width: 100%;
}

.et-section__sort-dropdown {
    width: 13rem;
}

.et-section__sort-dropdown .svv-dropdown__button {
    width: 100%;
    justify-content: space-between;
}

.et-list {
    margin: 1rem 0 0 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.et-details {
    animation-duration: 1s;
    animation-name: expand;
    border-left: 0.2rem solid #ececec;
    font-size: 1.4rem;
    margin: 0 0 1.6rem 1rem;
    padding: 0.4rem 0 0.4rem 1rem;
    width: fit-content;
}

.et-details > :last-child {
    margin-bottom: 0;
}

.et-details__description {
    font-weight: 700;
    margin-bottom: 1.2rem;
}

.et-details__guidance {
    margin-bottom: 1.2rem;
    font-style: italic;
}

.et-details__dl {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.8rem;
    margin-right: 2rem;
}

.et-details__dt {
    margin: 0 0.8rem 0.4rem 0;
}

.et-details__dd {
    margin: 0 0 0.4rem 0;
}

.et-details__note {
    font-size: 1.4rem;
    border-top: 0.2rem solid #ececec;
    padding-top: 0.5rem;
    margin-top: 1rem;
    width: 100%;
    font-style: italic;
}

.et-details__note > p {
    margin: 0;
}

.footer {
    padding: 3rem 1.6rem;
    display: flex;
    justify-content: center;
    width: 100%;
    height: fit-content;
}

.footer__gfx {
    display: block;
    width: 100%;
    max-width: 7.5rem;
    height: auto;
    margin: 0 0 2.4rem 0;
}

.footer__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: var(--max-content-width);
}

.footer__info {
    font-weight: 700;
}

.footer__list {
    margin: 0;
}

.footer__listitem {
    margin: 0 0 1.2rem 0;
    line-height: 1.5;
}

.footer__link {
    border-bottom: 0.1rem dotted #008ec2;
    display: inline-block;
    padding: 0.4rem 0;
}

.footer__link:hover {
    border-bottom: 0.1rem solid #008ec2;
}

@media (min-width: 60rem) {
    .footer {
        align-items: flex-end;
        display: flex;
    }

    .footer__content {
        flex-direction: row;
    }

    .footer__gfx {
        margin: 0 3.2rem 0 0;
        flex-shrink: 0;
    }

    .footer__info {
        margin-bottom: 1.2rem;
    }

    .footer__list {
        display: flex;
    }

    .footer__listitem {
        margin: 0 1.6rem 0 0;
    }
}

.header {
    width: calc(100% - 4rem);
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 2rem 0 2rem;
    justify-content: center;
}

.header-searchbar {
    width: 100%;
    max-width: calc(var(--max-content-width) + 4rem);
    margin: 0 auto;
    box-sizing: border-box;
}

.header-content {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    align-items: center;
    justify-content: start;
    width: 100%;
    max-width: var(--max-content-width);
    margin: 0 auto;
}

.header-content--splitscreen {
    margin-left: 0;
}

.header-content .search {
    flex-shrink: 0;
}
.header-title-container {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-right: 2rem;
}

.header__title {
    display: flex;
    align-items: center;
    font-size: 2.2rem;
    font-weight: 400;
    color: #444f55;
    cursor: pointer;

}

.header__title img {
    margin: 12px 20px 12px 20px;
}

.header__subtitle {
    display: block;
    color: #444f55;
    cursor: pointer;
}

.header__divider {
    border-left: 2px solid var(--border-color-light);
    height: 40px;
    margin-right: 20px;
}

.header__versionInfo {
    font-weight: 400;
    font-size: 1.5rem;
}

.header__api-select {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #444f55;
    font: inherit;
}

.header__api-select select {
    border: 1px solid #444f55;
    border-radius: 4px;
    background: #ffffff;
    color: #444f55;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    font: inherit;
}

.header__api-select select:hover {
    background: #f1f3f4;
}

.header__api-select select:focus-visible {
    outline: 3px solid #0067b1;
    outline-offset: 2px;
}

.header-searchbar {
    padding-top: 3rem;
    padding-bottom: 2rem;
}

/* Mobil */
@media (max-width: 770px) {
    .header-content {
        gap: 0.75rem;
        padding: 0 0.75rem;
        align-items: flex-start;
    }

    .header__title {
        font-size: 1.8rem;
        margin-bottom: 0;
        width: 100%;
    }

    .header__divider {
        height: 28px;
        margin-right: 12px;
    }

    .header__versionInfo {
        margin-bottom: 1rem;
        margin-left: 20px;
    }

    .header-searchbar {
        padding: 1rem 0.75rem;
        margin-bottom: 0;
    }
}
.rt-details {
    animation-duration: 1s;
    animation-name: expand;
    border-left: 0.2rem solid #ececec;
    font-size: 1.4rem;
    margin-bottom: 1.6rem;
    margin-top: 0.8rem;
    overflow: hidden;
    padding: 0.4rem 0 0.4rem 1.2rem;
}

.rt-details > :last-child {
    margin-bottom: 0;
}

.rt-details__description {
    margin-bottom: 1.2rem;
}

.rt-details__dl {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.8rem;
}

.rt-details__dt {
    margin: 0 0.8rem 0.4rem 0;
}

.rt-details__dd {
    margin: 0 0 0.4rem 0;
    font-weight: normal;
}

.rt-section__content {
    display: flex;
    padding-left: 2rem;
    margin: 2rem 0 0 0;
    gap: 3rem;
    flex-direction: column;
}

.rt-section__header {
    display: flex;
    gap: 0.2rem;
}

.rt-section__name {
    margin-right: 0.4rem;
}

.rt-section__id {
    opacity: 0.5;
}

.rt-section__arrow-icon {
    height: 2.5rem;
    position: relative;
    top: -0rem;
}

.search {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    flex-wrap: wrap;
    max-width: 100%;
    height: fit-content;
    padding: 0.5rem;
    border: solid var(--border-color-light) 1px;
}

.search__field {
    min-width:var(--search-filter-width);
}

.searchbar {
    max-width: 100%;
    align-self: start;
}

.search__input {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg%20fill='%23444F55'%20height='18'%20viewBox='0%200%2024%2024'%20width='18'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z'/%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3c/svg%3e");
    background-position: right 0.8rem center;
    background-repeat: no-repeat;
    background-size: 1.8rem;
    border: 0.1rem dotted rgba(68, 79, 85, 0.5);
    font-family: 'Lato', sans-serif;
    font-size: 1.6rem;
    padding: 0.8rem;
    width: calc(100% - 1.6rem);
}

.search__input:focus {
    border: 0.1rem solid rgba(68, 79, 85, 1);
    outline: none;
}
.search-controls {
    padding: 0;
    gap: 0;
}

.search-controls .svv-checkbox {
    align-items: center;
}

.search-controls .svv-checkbox__label {
    margin-top: 0;
}

#search__filter {
    max-width: fit-content;
    min-height: 100%;
}

.search__list {
    background-color: #fff;
    box-shadow: 0 0.4rem 3.2rem 0 rgba(0, 0, 0, 0.15);
    max-height: calc(-20.3rem + 100vh);
    overflow: auto;
    position: absolute;
    z-index: 10;
    padding-right: 3.5rem;
    overflow-x: hidden;
}

.search__listitem {
    cursor: pointer;
    line-height: 1.3;
    width: calc(100% + 4rem);
    padding: 0.2rem 0 0.2rem;
}

.search__listitem--active {
    background-color: #ececec;
}

.search__name:hover {
    background-color: rgba(237, 147, 0, 0.15);
}

.search__name {
    min-height: 1rem;
    display: block;
    cursor: pointer;
}

.search__id {
    margin-left: 1rem;
}

.search__id :not(strong) {
    opacity: 0.5;
}

.search__egenskapstype {
    padding: 0.2rem 3rem 0.2rem;
    display: block;
    cursor: pointer;
}

.search__egenskapstype:hover {
    background-color: rgba(237, 147, 0, 0.15);
}

.search__tillatverdi {
    display: block;
    cursor: pointer;
    padding: 0.2rem 5rem 0.2rem;
}
.search__tillatverdi:hover {
    background-color: rgba(237, 147, 0, 0.15);
}

.search__egenskapstype:hover {
    background-color: rgba(237, 147, 0, 0.15);
}

.search__error {
    margin-left: 0.5rem;
    color: red;
}

@media (min-width: 105rem) {
    .search__list {
        max-height: calc(-30rem + 100vh);
    }
}

@media (min-width: 35rem) {
    .searchbar,
    .search__list {
        width: 50rem;
        box-sizing: border-box;
    }
}

.tv-details {
    animation-duration: 1s;
    animation-name: expand;
    border-left: 0.2rem solid lightgray;
    font-size: 1.4rem;
    overflow: hidden;
    padding: 0.4rem 0 0.4rem 1rem;
    margin-left: 3rem;
}

.tv-details > :last-child {
    margin-bottom: 0;
}

.tv-details__description {
    margin-bottom: 1.2rem;
}

.tv-details__dl {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.8rem;
}

.tv-details__dt {
    margin: 0 0.8rem 0.4rem 0;
}

.tv-details__dd {
    margin: 0 0 0.4rem 0;
}

.tv-list__listitem-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

.tv-list {
    margin: 1rem 0 0.5rem 3rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tv-list__name {
    margin-right: 0.4rem;
}

.tv-list__id {
    opacity: 0.5;
}

.vot-actions {
    max-width: var(--max-content-width);
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    cursor: pointer;
}

.vot-actions__detaljvisning {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 600;
    font-size: 1.5rem;
    width: fit-content;
}

.vot-actions__detaljvisning-label {
    margin-right: 0.5rem;
}

.vot-actions__pdf-link {
    border-bottom: 0.1rem dotted rgba(0, 0, 0, 0.7);
    color: rgba(0, 0, 0, 0.7);
    text-decoration: none;
    width: fit-content;
}

.vot-actions__pdf-link:hover {
    border-bottom: 0.1rem solid rgba(0, 0, 0, 1);
    color: rgba(0, 0, 0, 1);
}

.vot-actions__number-button {
    background: none;
    border: none;
    font-size: 1.5rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    color: rgba(0, 0, 0, 0.7);
    transition: color 0.2s ease;
}

.vot-actions__number-button:hover {
    color: #1d7721;
}

.vot-actions__number-button--selected {
    color: #1d7721;
    text-decoration: underline;
    text-decoration-thickness: 0.15rem;
    text-underline-offset: 0.2rem;
}

body .vot-header {
    background-color: #ececec;
}
.vot-header {
    padding: 2rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: solid grey 1px;
    width: calc(100%);
}

.vot-header__title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: fit-content;
}

.vot-header__content {
    max-width: var(--max-content-width);
    width: 100%;
}
.vot-header__content-body {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}
.vot-header__image-container {
    justify-items: start;
    flex: 0 0 auto;
    align-self: flex-start;
}

.vot-header__content-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: fit-content;
    flex: 2 1 30rem;
    padding-top: 4rem;
    min-width: 0;
}

@media (min-width: 33rem) {
    .vot-header__image-container {
        min-height: 100%;
    }

}

.vot-header__image-frame {
    border: solid;
    position: relative;
    height: fit-content;
    width: fit-content;
    max-width: 100%;
    cursor: zoom-in;
}

.vot-header__image {
    max-height: 28rem;
    max-width: 34rem;
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: top center;
}

.vot-header__image-zoom-icon {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    width: 2.4rem;
    height: 2.4rem;
    pointer-events: none;
    opacity: 0.7;
}

.vot-header__image-dialog {
    position: fixed;
    width: fit-content;
    height: fit-content;
    padding: 4rem;
    border-radius: 1rem;
    cursor: zoom-out;
}

.vot-header__image-dialog-image {
    max-width: 90vw;
}

.vot-header__image-dialog__close-button {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: none;
    border: none;
    cursor: pointer;
}

.vot-header :last-child {
    margin-bottom: 0;
}

.vot-header__name {
    font-size: 2rem;
    margin-bottom: 3.4rem;
}

.vot-header__id {
    margin-left: 0.8rem;
    opacity: 0.75;
}
.vot-header__description {
    max-width: 100%;
    font-weight: 700;
}

.vot-header__guidance {
}

.vot-header__statistics-dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 2rem;
    font-size: 1.8rem;
    margin-top: 0.4rem;
}

.vot-header__statistics-dt {
    margin: 0 1.2rem 0 0;
}

.vot-header__statistics-container {
    padding-bottom: 4rem;
}

.vot-header__statistics-link:hover {
    text-decoration: underline;
}

.vot-header__statistics-link {
    padding-right: 2.4rem;
    background-image: url("data:image/svg+xml,%3csvg%20fill='%230065d1'%20height='18'%20viewBox='0%200%2024%2024'%20width='18'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm-1%2017.93c-3.95-.49-7-3.85-7-7.93%200-.62.08-1.21.21-1.79L9%2015v1c0%201.1.9%202%202%202v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55%200%201-.45%201-1V7h2c1.1%200%202-.9%202-2v-.41c2.93%201.19%205%204.06%205%207.41%200%202.08-.8%203.97-2.1%205.39z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 1.8rem;
    color: #0065d1;
}

@media (min-width: 45rem) {
    .vot-header__name {
        font-size: 3.2rem;
    }

    .vot-header__description {
        font-size: 1.8rem;
    }

    .vot-header__guidance {
        font-size: 1.8rem;
    }
    .vot-header__statistics-pair {
        display: flex;
        color: rgb(68, 79, 85);
    }
}

@media (min-width: 60rem) {
    .vot-header__statistics-pair {
        gap: 1rem;
    }
    .vot-header__statistics-dl {
        gap: 10rem;
    }
}

.vot-section-content {
    display: flex;
    padding-left: 2rem;
    margin: 2rem 0 0 0;
    gap: 3rem;
    flex-direction: column;
}

.vot-section__content-list {
    max-width: 100%;
    padding: 1rem 0 0 2rem;
    box-sizing: border-box;
    overflow-wrap: break-word;
}

.vot-section__content-list-item {
    max-width: 100%;
    overflow-wrap: break-word;
    box-sizing: border-box;
    padding: 0 0 1rem 1rem;
}

.vot-section-image {
    width: 75%;
}

.vot-info__dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0.8rem 1rem;
}

.vot-info__dt {
    margin: 0 0.8rem 0.4rem 0;
}

.vot-info__dd {
    margin: 0 0 0.4rem 0;
}

.vot__registration-example__image {
    display: block;
    max-width: 100%;
    height: auto;
    padding:2.5% 15% 1% 2.5%;
    box-sizing: border-box;
}

.vot-list__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 2rem 0 2rem;
    flex: 1;
    min-height: 0;
}

.vot-list__container > .header {
    width: calc(100% + 4rem);
}

.vot-content__vot-list-container {
    flex: 2;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    min-height: 0;
    position: relative;
}

.vot-list__actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3.2rem;
    width: 100%;
    max-width: var(--max-content-width);
    margin-top: 0.5rem;
    padding: 2rem 0;
}

.vot-list {
    column-width: 20rem;
    column-gap: 6.4rem;
    margin: 2rem 0 6.4rem 0;
    width: 100%;
    max-width: var(--max-content-width);
}

.vot-list__group {
    margin: 0 0 3.2rem 0;
}

.vot-list__group--avoid-break {
    break-inside: avoid;
}

.vot-list__group-title {
    margin: 0 0 1.6rem 0;
}

.vot-list__group-listitem {
    line-height: 1.3;
    margin: 0 0 0.6rem 0;
}

.vot-list__link {
    color: rgba(0, 0, 0, 0.7);
    display: block;
}
.vot-list__link__selected {
    color: #ff9600;
    display: block;
}

.vot-list--bynumber .vot-list__link {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.vot-list__link:hover {
    color: rgba(0, 0, 0, 1);
}

.vot-list__name {
    margin-right: 0.4rem;
}

.vot-list__id {
    opacity: 0.5;
}

.vot-list--bynumber .vot-list__id {
    margin-right: 0.8rem;
}

.vot-list--noresults {
    padding: 5rem 0 7.5rem 0;
    text-align: center;
    margin: auto;
}

@media (min-width: 40.0625rem) {
    .vot-list__container .header {
        display: flex;
    }
    .vot-list__actions {
        padding: 2rem 1rem;
        border: 1px solid var(--border-color-light);
    }
}

@media (max-width: 40rem) {
    .vot-container .vot-list-wrapper {
        display: flex;
    }

    .vot-list__actions {
        padding-top: 0;
        flex-direction: column;
    }
}

@media (max-width: 770px) {
    .vot-list__actions {
        flex-direction: column;

    }
}

.vot-sort {
    max-width: fit-content;
}

.vot-sort__label {
    line-height: 1.5;
    margin: 0 0 0.8rem 0;
}

.vot-sort__list {
    line-height: 1.5;
    border: none;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.vot-filter {
    min-width:var(--search-filter-width);
    max-width: 100%;
}

#vot-filter__dropdowns {
    display: flex;
    gap: 1rem;
    width: 100%;
    flex-wrap: wrap;
    border: none;
    padding: 0;
}

#vot-filter__dropdowns > * {
    flex: 1 1 0;
    min-width: var(--dimension-width-360px);
}

.vot-list__filter-sort {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 0.5rem;
    border: solid var(--border-color-light) 1px;
}

.vot-container {
    width: 100%;
    display: flex;
    flex: 1;
    min-height: 0;
}

.vot-content {
    display: flex;
    flex-direction: column;
    justify-content: start;
    overflow-x: hidden;
    overflow-y: auto;
    flex: 3 1 0;
    align-items: center;
    padding: 0 2rem 0 2rem;
    min-width: 0;
    min-height: 0;
    border-left: solid gray 1px;
    border-bottom: solid gray 1px;
}

.vot-content__searchbar {
    max-width: var(--max-content-width);
    width: 100%;
    padding: 2rem 0;
}

.vot-sections {
    max-width: var(--max-content-width);
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 2rem 0;
}

.vot-content__button-group {
    position: fixed;
    right: 1rem;
    bottom: 10rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

@media (min-width: 65rem) {
    .vot-content__only-if-small-screen {
        display: none;
    }
}

@media (max-width: 65rem) {
    /* Handle navbar on small screens when vot shows */
    .vot-content__only-if-small-screen {
        width: calc(100% + 4rem);
        margin: -5rem -2rem 0 -2rem;
        align-self: stretch;

        .header-searchbar {
            padding-left: 3rem;
        }
    }
}

.status__container {
    width: 100%;
    background-color: #fff5e6;
    padding: 1rem 0 1rem 0;
    text-align: center;
    border-bottom: 0.025rem solid #e27500;
}

.status__link {
    border-bottom: 0.1rem dotted #008ec2;
}

.status__link:hover {
    border-bottom: 0.1rem solid #008ec2;
}

.dropdown {
    width: fit-content;
    height: fit-content;
    max-width: 22rem;
    padding: 1rem 3rem 1rem 1rem;
    border: 0.1rem dotted rgba(68, 79, 85, 0.5);
    background-color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg%20fill='%23ff9600'%20height='18'%20viewBox='0%200%2024%2024'%20width='18'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.41%207.84L12%2012.42l4.59-4.58L18%209.25l-6%206-6-6z'/%3e%3cpath%20d='M0-.75h24v24H0z'%20fill='none'/%3e%3c/svg%3e");
    background-position: right 0.7em top 55%;
    background-repeat: no-repeat;
    background-size: 2rem;
    white-space: normal;
    overflow-wrap: break-word;
}

.borderless {
    border: none;
}

.dropdown:focus {
    border: none;
}

.tooltip-container {
    position: relative;
}

.tooltip-button {
    cursor: pointer;
    background: none;
    border: none;
    color: inherit;
    font: inherit;
    padding: 0;
}

.tooltip-box {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.75rem 1.5rem;
    color: white;
    border-radius: 2rem;
    white-space: nowrap;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s;
    background-color: #999999;
}

.tooltip-box.visible {
    visibility: visible;
    opacity: 2;
}

.expandableSection__header {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    gap: 1rem;
    min-width: fit-content;
}

@media (max-width: 40rem) {
    .expandableSection__header {
        max-width: 100%;
        box-sizing: border-box;
        flex-wrap: wrap; /* Allow wrapping on small screens */
    }
}

.expandableSection__title {
    width: fit-content;
    margin: 0;
}

.expandableSection__title-h3 {
    font-size: 2.5rem;
}

.expandableSection__title-h4 {
    font-size: 2rem;
    color: dodgerblue;
}

.expandableSection__title_h5 {
    font-size: 1.6rem;
    font-weight: 400;
}

.expandableSection__title_h6 {
    font-size: 1rem;
}

.expandableSection__controls {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (max-width: 40rem) {
    .expandableSection__controls {
        max-width: 100%;
    }
}

.expandableSection__info {
    font-weight: bold;
    border-bottom: solid 1px grey;
    margin-left: 1rem;
    padding: 1rem 0 1rem 1rem;
}

.expandable-section__header--sub {
    font-weight: 400;
}

.expandable-section__label {
    height: fit-content;
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 1.8rem;
    padding-left: 2rem;
    transition: color 0.2s;
}

.expandable-section__label:hover {
    color: #58b02c;
}

.expandable-section__label--expanded {
    background-image: url("data:image/svg+xml,%3csvg%20fill='%23ff9600'%20height='18'%20viewBox='0%200%2024%2024'%20width='18'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.41%2015.41L12%2010.83l4.59%204.58L18%2014l-6-6-6%206z'/%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3c/svg%3e");
}

.expandable-section__label--collapsed {
    background-image: url("data:image/svg+xml,%3csvg%20fill='%23ff9600'%20height='18'%20viewBox='0%200%2024%2024'%20width='18'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.41%207.84L12%2012.42l4.59-4.58L18%209.25l-6%206-6-6z'/%3e%3cpath%20d='M0-.75h24v24H0z'%20fill='none'/%3e%3c/svg%3e");
}

.expandable-section__label--expanded:hover {
    color: #ed666c;
}

.expandable-section__toggle {
    display: none;
}

.et-section__container {
    display: flex;
    flex-wrap: wrap;
}

.expandable-section__headings {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-self: center;
    gap: 0.2rem;
}

.expandable-section {
    height: fit-content;
    margin-bottom: 1.6rem;
    position: relative;
}

.expandable-subheader__label {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 1.8rem;
    padding-left: 2rem;
    margin-left: -2rem;
    transition: color 0.2s;
}
.expandable-subheader__label:hover {
    color: #58b02c;
}

.expandable-subheader__label--collapsed:hover {
    background-image: url("data:image/svg+xml,%3csvg%20fill='%23ff9600'%20height='18'%20viewBox='0%200%2024%2024'%20width='18'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.41%207.84L12%2012.42l4.59-4.58L18%209.25l-6%206-6-6z'/%3e%3cpath%20d='M0-.75h24v24H0z'%20fill='none'/%3e%3c/svg%3e");
}

.expandable-subheader__label--expanded:hover {
    background-image: url("data:image/svg+xml,%3csvg%20fill='%23ff9600'%20height='18'%20viewBox='0%200%2024%2024'%20width='18'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.41%2015.41L12%2010.83l4.59%204.58L18%2014l-6-6-6%206z'/%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3c/svg%3e");
}

.statistics {
    width: fit-content;
    display: flex;
    gap: 1rem;
    font-size: 1.4rem;
    color: gray;
}

.statistics-options {
    margin-left: 0.75rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
    color: gray;
}

.statistics--sub {
    font-weight: 400;
}

.statistics--main {
    display: flex;
    align-content: center;
    justify-content: center;
}

.statistics-count {
    display: flex;
}

.statistics-container {
}

.statistics-container :hover {
    text-decoration: underline;
    color: black;
}
.statistics-button:hover {
    text-decoration: underline;
    color: black;
}

.statistics-button {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: gray;
    font-size: 1.4rem;
}

.statistics-button-disabled {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: gray;
    font-size: 1.4rem;
    cursor: cell;
}

.vegkart-button {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 0.2rem;
    color: gray;
    font-size: 1.4rem;
}
.vegkart-button:hover {
    text-decoration: underline;
    color: black;
}

.statistics-vegkart-link {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.statistics-icon {
    height: 2rem;
    margin: 0;
    padding: 0;
}

.statistics-link {
    color: #0065d1;
    margin: 0;
}

.statistics-link:hover {
    text-decoration: underline;
}

.vegkart-link {
}

@keyframes expand {
    from {
        max-height: 0;
    }

    to {
        max-height: 100rem;
    }
}

.checkbox {
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 1.9rem;
    padding-left: 2.4rem;
    transition: color 0.2s;
    cursor: pointer;
    display: flex;
    border: none;
    background-color: transparent;
    font-weight: 700;
    min-width: fit-content;
    //margin-bottom: auto;
    align-content: start;
    align-items: center;
}

.checkbox__checked {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20stroke='%23999999'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M7%2013L10%2016L17%209'%20stroke='%23ff9600'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    font-weight: 700;
}

.checkbox__unchecked {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20stroke='%23999999'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    font-weight: 700;
    color: rgba(0, 0, 0, 0.55);
}

.checkbox__unchecked:hover {
    font-weight: bold;
    color: rgba(0, 0, 0, 0.87);
}

.checkbox:focus-within {
    outline: 2px solid #005b99;
    outline-offset: 2px;
    border-radius: 2px;
}

.checkbox__input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

@media (forced-colors: active) {
    .checkbox__input {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal;
    }

    .checkbox {
        background-image: none !important;
        padding-left: 0;
    }
}

.checkbox__label {
    cursor: pointer;
    min-width: fit-content;
    max-height: fit-content;
    white-space: nowrap;
    font-weight: 700;
    font-size: 1.5rem;
}

@media (max-width: 30rem) {
    .checkbox__label {
        white-space: normal;
        word-break: break-word;
    }

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

.checkbox__icon {
    height: 100%;
    margin-left: 0.5rem;
}

.radiobutton {
    background-image: url("data:image/svg+xml,%3csvg%20fill='%23999999'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z'/%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 1.6rem;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 700;
    padding-left: 2.4rem;
    transition: color 0.2s;
    border: none;
    background-color: white;
    border-radius: 5px;
}

.radiobutton:focus {
    border: solid blue 1px;
}

.radiobutton:hover {
    background-image: url("data:image/svg+xml,%3csvg%20fill='%23ff9600'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%207c-2.76%200-5%202.24-5%205s2.24%205%205%205%205-2.24%205-5-2.24-5-5-5zm0-5C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z'/%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3c/svg%3e");
    color: rgba(0, 0, 0, 0.7);
}

.radiobutton_active {
    background-image: url("data:image/svg+xml,%3csvg%20fill='%23ff9600'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%207c-2.76%200-5%202.24-5%205s2.24%205%205%205%205-2.24%205-5-2.24-5-5-5zm0-5C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z'/%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3c/svg%3e");
    color: rgba(0, 0, 0, 0.7);
    cursor: default;
    width: fit-content;
    height: fit-content;
}

.changelog {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    align-content: center;
    justify-content: center;
}

.changelog-header {
    width: var(--max-content-width);
    max-width: calc(100% - 4rem);
    padding: 2rem 2rem 0 2rem;
    margin: 0 auto;
}

.changelog-content {
    width: var(--max-content-width);
    max-width: calc(100% - 4rem);
    padding: 0 2rem 2rem 2rem;
    margin: 0 auto;
}

.changelog-entry + .changelog-entry {
    margin-top: 2rem;
}

.changelog-entry {
    padding-left: 1.5rem;
}

.changelog-entry h3 {
    margin-bottom: 0.25rem;
}

.changelog-entry div + div {
    margin-top: 1.5rem;
}

.changelog-entry ul {
    list-style-type: disc;
    padding-left: 3rem;
}

.SVV-input-label {
    font-size: 16px;
}
.SVV-button-label {
    font-size: 14px;
}
.vot-sort {
    max-width: fit-content;
}

.vot-sort__label {
    line-height: 1.5;
    margin: 0 0 0.8rem 0;
}

.vot-sort__list {
    line-height: 1.5;
    border: none;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.vot-filter {
    min-width:var(--search-filter-width);
    max-width: 100%;
}

#vot-filter__dropdowns {
    display: flex;
    gap: 1rem;
    width: 100%;
    flex-wrap: wrap;
    border: none;
    padding: 0;
}

#vot-filter__dropdowns > * {
    flex: 1 1 0;
    min-width: var(--dimension-width-360px);
}

.vot-list__filter-sort {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 0.5rem;
    border: solid var(--border-color-light) 1px;
}

:root {
  --component-input-border-radius: var(--border-radius-md);
  --component-input-border-width: var(--border-width-md);
  --component-input-border-color: var(--colors-borders-quaternary);
  --colors-brand-orange: var(--colors-interaction-tertiary);
  --colors-brand-white: var(--colors-backgrounds-primary);
  --colors-brand-grey-dark: var(--colors-information-neutral-primary);
  --colors-brand-grey-light: var(--colors-backgrounds-secondary);
  --colors-brand-grey-medium: #dadada;
  --colors-support-gray-regular-dark: var(--colors-borders-secondary);
  --spacing-xxxxs: .06rem;
  --spacing-xxxs: .125rem;
  --spacing-3px: .1875rem;
  --spacing-5px: .313rem;
  --spacing-6px: .375rem;
  --spacing-7px: .4375rem;
  --spacing-10px: .625rem;
  --spacing-11px: .688rem;
  --spacing-17px: 1.063rem;
  --spacing-19px: 1.188rem;
  --spacing-20px: 1.125rem;
  --spacing-25px: 1.563rem;
  --spacing-28px: 1.75rem;
  --spacing-29px: 1.183rem;
  --spacing-30px: 1.875rem;
  --spacing-36px: 2.25rem;
  --spacing-38px: 2.375rem;
  --spacing-44px: 2.75rem;
  --spacing-80px: 5rem;
  --spacing-12xl: 9.25rem;
  --min-width-44px: 2.75rem;
  --min-width-134px: 8.375rem;
  --min-width-265px: ;
  --max-width-160px: 10rem;
  --max-width-220px: 13.75rem;
  --max-width-245px: 15.313rem;
  --max-width-280px: 17.5rem;
  --max-width-342px: 21.375rem;
  --max-width-360px: 22.5rem;
  --max-width-416px: 26rem;
  --max-width-456px: 28.5rem;
  --max-width-648px: 40.5rem;
  --max-width-720px: 45rem;
  --min-height-44px: 2.75rem;
  --min-height-80px: 5rem;
  --min-height-94px: 5.875rem;
  --min-height-114px: 7.125rem;
  --min-height-176px: 11rem;
  --min-height-248: 15.5rem;
  --min-height-260px: 16.25rem;
  --min-height-280px: 17.5rem;
  --dimension-width-20px: 1.3rem;
  --dimension-width-22px: 1.375rem;
  --dimension-width-44px: 2.75rem;
  --dimension-width-360px: 22.5rem;
  --dimension-width-400px: 25rem;
  --dimension-height-20px: 1.3rem;
  --dimension-height-22px: 1.375rem;
  --dimension-height-44px: 2.75rem;
  --dimension-height-80px: 5rem;
  --dimension-height-100px: 6.25rem;
  --size-medium-width: 58.5rem;
  --size-max-width: 70.5rem;
  --size-article-body-max-width: 40.5rem;
  --box-shadow-spread-minus: -.188rem;
  --border-width-xl: .313rem;
  --typography-line-height-18: 1.125rem;
  --typography-line-height-18px: 1.125rem;
  --typography-line-height-21px: 1.313rem;
}

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

.svv-spinner {
  --spinner-size: var(--dimensions-8);
  --spinner-thickness: var(--responsive-border-width-3);
  --spinner-color: var(--color-ui-neutral-text-default);
  line-height: var(--typography-line-height-3);
  font-size: var(--typography-font-size-3);
  font-weight: var(--typography-font-weight-regular);
  gap: var(--dimensions-4);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: fit-content;
  display: flex;
}

.svv-spinner__text {
  color: var(--color-ui-neutral-text-default);
}

.svv-spinner--right {
  flex-direction: row;
}

.svv-spinner--inline {
  --spinner-color: inherit;
  color: inherit;
  --spinner-size: 1em;
  --spinner-thickness: var(--responsive-border-width-2);
  width: auto;
  height: auto;
  display: inline-flex;
}

.svv-spinner__circle {
  --antialiasing: .5px;
  --mask-inner: calc(100% - var(--spinner-thickness)  - var(--antialiasing));
  --mask-outer: calc(100% - var(--spinner-thickness));
  width: var(--spinner-size);
  height: var(--spinner-size);
  color: var(--spinner-color);
  mask-image: radial-gradient(farthest-side, transparent var(--mask-inner), black var(--mask-outer));
  background: conic-gradient(#0000, currentColor);
  border-radius: 50%;
  animation: 1.2s linear infinite container-rotate;
}

@media (prefers-reduced-motion: reduce) {
  .svv-spinner__circle {
    animation: none !important;
  }
}

.svv-button {
  font: inherit;
  appearance: none;
  align-items: center;
  gap: var(--dimensions-2);
  cursor: pointer;
  font-weight: var(--typography-font-weight-semibold);
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  padding: var(--dimensions-3) var(--dimensions-6);
  min-height: var(--dimensions-9);
  border-radius: 0;
  border-radius: var(--responsive-border-radius-1);
  background: none;
  border: none;
  outline: none;
  justify-content: center;
  text-decoration: none;
  transition: all .1s ease-in-out;
  display: inline-flex;
}

.svv-button svg {
  width: var(--icon-3);
  height: var(--icon-3);
}

.svv-button--left-aligned-text .svv-button__text {
  text-align: left;
  flex-grow: 1;
}

.svv-button .svv-spinner {
  --spinner-size: var(--icon-3);
}

.svv-button--loading {
  cursor: progress;
}

.svv-button--primary {
  background-color: var(--color-ui-neutral-base-default);
  color: var(--color-ui-neutral-base-contrast-default);
}

.svv-button--primary:hover:not(:disabled) {
  background-color: var(--color-ui-neutral-base-hover);
}

.svv-button--primary:active:not(:disabled) {
  background-color: var(--color-ui-neutral-base-active);
}

.svv-button--primary:focus-visible:not(:disabled) {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-button--secondary {
  background-color: var(--color-ui-neutral-surface-default);
  color: var(--color-ui-neutral-text-default);
  border: var(--responsive-border-width-2) solid var(--color-ui-neutral-border-default);
  padding: calc(var(--dimensions-3)  - var(--responsive-border-width-2)) var(--dimensions-6);
}

.svv-button--secondary:hover:not(:disabled) {
  background-color: var(--color-ui-neutral-surface-hover);
  border-color: var(--color-ui-neutral-border-strong);
}

.svv-button--secondary:active:not(:disabled) {
  background-color: var(--color-ui-neutral-surface-active);
  border-color: var(--color-ui-neutral-border-strong);
}

.svv-button--secondary:focus-visible:not(:disabled) {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-button--tertiary {
  color: var(--color-ui-neutral-text-default);
  background-color: #0000;
}

.svv-button--tertiary:hover:not(:disabled) {
  background-color: var(--color-ui-neutral-surface-hover);
}

.svv-button--tertiary:active:not(:disabled) {
  background-color: var(--color-ui-neutral-surface-active);
}

.svv-button--tertiary:focus-visible:not(:disabled) {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-button:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.svv-button--full-width {
  width: 100%;
}

.svv-button--icon-only {
  width: var(--dimensions-9);
  height: var(--dimensions-9);
  border-radius: var(--responsive-border-radius-1);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.svv-button--icon-only svg {
  width: var(--icon-3);
  height: var(--icon-3);
}

.svv-button--icon-only--circle {
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-md);
}

.svv-button--icon-only .svv-spinner {
  --spinner-size: var(--icon-3);
}

.svv-button--icon-only:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.svv-search-field {
  gap: var(--dimensions-1);
  width: 100%;
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  color: var(--color-ui-neutral-text-default);
  font-weight: var(--typography-font-weight-regular);
  flex-direction: column;
  display: flex;
  position: relative;
}

.svv-search-field > div:empty {
  display: contents;
}

.svv-search-field__container {
  align-items: flex-start;
  gap: var(--dimensions-2);
  display: flex;
}

.svv-search-field__text {
  width: 100%;
  min-height: var(--dimensions-9);
  max-height: var(--dimensions-9);
  padding: 0 var(--dimensions-2) 0 var(--dimensions-4);
  align-items: center;
  gap: var(--dimensions-2);
  border-radius: var(--responsive-border-radius-1);
  border: var(--responsive-border-width-2) solid var(--color-ui-neutral-border-default);
  background: var(--color-ui-neutral-surface-default);
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
  align-self: stretch;
  display: flex;
  overflow: hidden;
}

.svv-search-field__text--error {
  border-color: var(--color-ui-danger-border-default);
}

.svv-search-field__text:hover:not(:disabled) {
  border-color: var(--color-ui-neutral-border-strong);
}

.svv-search-field__text:focus-visible {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-search-field__text:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.svv-label {
  color: var(--color-ui-neutral-text-default);
  font-weight: var(--typography-font-weight-semibold);
  grid-area: label;
}

.svv-label__description {
  font-weight: var(--typography-font-weight-regular);
  color: var(--color-ui-neutral-text-subtle);
  grid-area: description;
  width: 100%;
}

.svv-label__description :where(p) {
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
}

.svv-label__description--hidden {
  display: none;
}

.svv-label__description-toggle {
  width: var(--dimensions-5);
  height: var(--dimensions-5);
  color: var(--color-ui-info-base-default);
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  appearance: none;
  margin-left: var(--dimensions-1);
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  grid-area: button;
}

.svv-label__description-toggle__icon {
  background-color: var(--color-ui-info-base-default);
  width: 100%;
  height: 100%;
  display: inline-block;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjNDQ0RjU1Ij4KPHBhdGggZD0iTTE0LjUgOEMxNC41IDYuMjc2MDkgMTMuODE1MiA0LjYyMjc5IDEyLjU5NjIgMy40MDM4MUMxMS4zNzcyIDIuMTg0ODIgOS43MjM5MSAxLjUgOCAxLjVDNi4yNzYwOSAxLjUgNC42MjI3OSAyLjE4NDgyIDMuNDAzODEgMy40MDM4MUMyLjE4NDgyIDQuNjIyNzkgMS41IDYuMjc2MDkgMS41IDhDMS41IDkuNzIzOTEgMi4xODQ4MiAxMS4zNzcyIDMuNDAzODEgMTIuNTk2MkM0LjYyMjc5IDEzLjgxNTIgNi4yNzYwOSAxNC41IDggMTQuNUM5LjcyMzkxIDE0LjUgMTEuMzc3MiAxMy44MTUyIDEyLjU5NjIgMTIuNTk2MkMxMy44MTUyIDExLjM3NzIgMTQuNSA5LjcyMzkxIDE0LjUgOFpNMCA4QzAgNS44NzgyNyAwLjg0Mjg1NSAzLjg0MzQ0IDIuMzQzMTUgMi4zNDMxNUMzLjg0MzQ0IDAuODQyODU1IDUuODc4MjcgMCA4IDBDMTAuMTIxNyAwIDEyLjE1NjYgMC44NDI4NTUgMTMuNjU2OSAyLjM0MzE1QzE1LjE1NzEgMy44NDM0NCAxNiA1Ljg3ODI3IDE2IDhDMTYgMTAuMTIxNyAxNS4xNTcxIDEyLjE1NjYgMTMuNjU2OSAxMy42NTY5QzEyLjE1NjYgMTUuMTU3MSAxMC4xMjE3IDE2IDggMTZDNS44NzgyNyAxNiAzLjg0MzQ0IDE1LjE1NzEgMi4zNDMxNSAxMy42NTY5QzAuODQyODU1IDEyLjE1NjYgMCAxMC4xMjE3IDAgOFpNNS4zMDYyNSA1LjE2NTYzQzUuNTUzMTIgNC40Njg3NSA2LjIxNTYzIDQgNi45NTYyNSA0SDguNzc4MTJDOS44Njg3NSA0IDEwLjc1IDQuODg0MzggMTAuNzUgNS45NzE4OEMxMC43NSA2LjY3ODEzIDEwLjM3MTkgNy4zMzEyNSA5Ljc1OTM3IDcuNjg0MzdMOC43NSA4LjI2MjVDOC43NDM3NSA4LjY2ODc1IDguNDA5MzggOSA4IDlDNy41ODQzNyA5IDcuMjUgOC42NjU2MiA3LjI1IDguMjVWNy44MjgxMkM3LjI1IDcuNTU5MzcgNy4zOTM3NSA3LjMxMjUgNy42MjgxMyA3LjE3ODEyTDkuMDEyNSA2LjM4NDM4QzkuMTU5MzggNi4zIDkuMjUgNi4xNDM3NSA5LjI1IDUuOTc1QzkuMjUgNS43MTI1IDkuMDM3NSA1LjUwMzEzIDguNzc4MTIgNS41MDMxM0g2Ljk1NjI1QzYuODUgNS41MDMxMyA2Ljc1NjI1IDUuNTY4NzUgNi43MjE4OCA1LjY2ODc1TDYuNzA5MzcgNS43MDYyNUM2LjU3MTg4IDYuMDk2ODggNi4xNDA2MiA2LjMgNS43NTMxMyA2LjE2MjVDNS4zNjU2MyA2LjAyNSA1LjE1OTM4IDUuNTkzNzUgNS4yOTY4OCA1LjIwNjI1TDUuMzA5MzcgNS4xNjg3NUw1LjMwNjI1IDUuMTY1NjNaTTcgMTFDNyAxMC43MzQ4IDcuMTA1MzYgMTAuNDgwNCA3LjI5Mjg5IDEwLjI5MjlDNy40ODA0MyAxMC4xMDU0IDcuNzM0NzggMTAgOCAxMEM4LjI2NTIyIDEwIDguNTE5NTcgMTAuMTA1NCA4LjcwNzExIDEwLjI5MjlDOC44OTQ2NCAxMC40ODA0IDkgMTAuNzM0OCA5IDExQzkgMTEuMjY1MiA4Ljg5NDY0IDExLjUxOTYgOC43MDcxMSAxMS43MDcxQzguNTE5NTcgMTEuODk0NiA4LjI2NTIyIDEyIDggMTJDNy43MzQ3OCAxMiA3LjQ4MDQzIDExLjg5NDYgNy4yOTI4OSAxMS43MDcxQzcuMTA1MzYgMTEuNTE5NiA3IDExLjI2NTIgNyAxMVoiIGZpbGw9IiM0NDRGNTUiLz4KPC9zdmc+");
  mask-size: contain;
}

.svv-label__description-toggle:hover .svv-label__description-toggle__icon {
  background-color: var(--color-ui-info-base-hover);
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjNDQ0RjU1Ij4KPHBhdGggZD0iTTggMTZDMTAuMTIxNyAxNiAxMi4xNTY2IDE1LjE1NzEgMTMuNjU2OSAxMy42NTY5QzE1LjE1NzEgMTIuMTU2NiAxNiAxMC4xMjE3IDE2IDhDMTYgNS44NzgyNyAxNS4xNTcxIDMuODQzNDQgMTMuNjU2OSAyLjM0MzE1QzEyLjE1NjYgMC44NDI4NTUgMTAuMTIxNyAwIDggMEM1Ljg3ODI3IDAgMy44NDM0NCAwLjg0Mjg1NSAyLjM0MzE1IDIuMzQzMTVDMC44NDI4NTUgMy44NDM0NCAwIDUuODc4MjcgMCA4QzAgMTAuMTIxNyAwLjg0Mjg1NSAxMi4xNTY2IDIuMzQzMTUgMTMuNjU2OUMzLjg0MzQ0IDE1LjE1NzEgNS44NzgyNyAxNiA4IDE2Wk01LjMwNjI1IDUuMTY1NjNDNS41NTMxMiA0LjQ2ODc1IDYuMjE1NjMgNCA2Ljk1NjI1IDRIOC43NzgxMkM5Ljg2ODc1IDQgMTAuNzUgNC44ODQzOCAxMC43NSA1Ljk3MTg4QzEwLjc1IDYuNjc4MTMgMTAuMzcxOSA3LjMzMTI1IDkuNzU5MzcgNy42ODQzN0w4Ljc1IDguMjYyNUM4Ljc0Mzc1IDguNjY4NzUgOC40MDkzOCA5IDggOUM3LjU4NDM3IDkgNy4yNSA4LjY2NTYyIDcuMjUgOC4yNVY3LjgyODEyQzcuMjUgNy41NTkzNyA3LjM5Mzc1IDcuMzEyNSA3LjYyODEzIDcuMTc4MTJMOS4wMTI1IDYuMzg0MzhDOS4xNTkzOCA2LjMgOS4yNSA2LjE0Mzc1IDkuMjUgNS45NzVDOS4yNSA1LjcxMjUgOS4wMzc1IDUuNTAzMTMgOC43NzgxMiA1LjUwMzEzSDYuOTU2MjVDNi44NSA1LjUwMzEzIDYuNzU2MjUgNS41Njg3NSA2LjcyMTg4IDUuNjY4NzVMNi43MDkzNyA1LjcwNjI1QzYuNTcxODggNi4wOTY4OCA2LjE0MDYyIDYuMyA1Ljc1MzEzIDYuMTYyNUM1LjM2NTYzIDYuMDI1IDUuMTU5MzggNS41OTM3NSA1LjI5Njg4IDUuMjA2MjVMNS4zMDkzNyA1LjE2ODc1TDUuMzA2MjUgNS4xNjU2M1pNNyAxMUM3IDEwLjczNDggNy4xMDUzNiAxMC40ODA0IDcuMjkyODkgMTAuMjkyOUM3LjQ4MDQzIDEwLjEwNTQgNy43MzQ3OCAxMCA4IDEwQzguMjY1MjIgMTAgOC41MTk1NyAxMC4xMDU0IDguNzA3MTEgMTAuMjkyOUM4Ljg5NDY0IDEwLjQ4MDQgOSAxMC43MzQ4IDkgMTFDOSAxMS4yNjUyIDguODk0NjQgMTEuNTE5NiA4LjcwNzExIDExLjcwNzFDOC41MTk1NyAxMS44OTQ2IDguMjY1MjIgMTIgOCAxMkM3LjczNDc4IDEyIDcuNDgwNDMgMTEuODk0NiA3LjI5Mjg5IDExLjcwNzFDNy4xMDUzNiAxMS41MTk2IDcgMTEuMjY1MiA3IDExWiIgZmlsbD0iIzQ0NEY1NSIvPgo8L3N2Zz4=");
}

.svv-label__description-toggle:active .svv-label__description-toggle__icon {
  background-color: var(--color-ui-info-base-active);
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjNDQ0RjU1Ij4KPHBhdGggZD0iTTggMTZDMTAuMTIxNyAxNiAxMi4xNTY2IDE1LjE1NzEgMTMuNjU2OSAxMy42NTY5QzE1LjE1NzEgMTIuMTU2NiAxNiAxMC4xMjE3IDE2IDhDMTYgNS44NzgyNyAxNS4xNTcxIDMuODQzNDQgMTMuNjU2OSAyLjM0MzE1QzEyLjE1NjYgMC44NDI4NTUgMTAuMTIxNyAwIDggMEM1Ljg3ODI3IDAgMy44NDM0NCAwLjg0Mjg1NSAyLjM0MzE1IDIuMzQzMTVDMC44NDI4NTUgMy44NDM0NCAwIDUuODc4MjcgMCA4QzAgMTAuMTIxNyAwLjg0Mjg1NSAxMi4xNTY2IDIuMzQzMTUgMTMuNjU2OUMzLjg0MzQ0IDE1LjE1NzEgNS44NzgyNyAxNiA4IDE2Wk01LjMwNjI1IDUuMTY1NjNDNS41NTMxMiA0LjQ2ODc1IDYuMjE1NjMgNCA2Ljk1NjI1IDRIOC43NzgxMkM5Ljg2ODc1IDQgMTAuNzUgNC44ODQzOCAxMC43NSA1Ljk3MTg4QzEwLjc1IDYuNjc4MTMgMTAuMzcxOSA3LjMzMTI1IDkuNzU5MzcgNy42ODQzN0w4Ljc1IDguMjYyNUM4Ljc0Mzc1IDguNjY4NzUgOC40MDkzOCA5IDggOUM3LjU4NDM3IDkgNy4yNSA4LjY2NTYyIDcuMjUgOC4yNVY3LjgyODEyQzcuMjUgNy41NTkzNyA3LjM5Mzc1IDcuMzEyNSA3LjYyODEzIDcuMTc4MTJMOS4wMTI1IDYuMzg0MzhDOS4xNTkzOCA2LjMgOS4yNSA2LjE0Mzc1IDkuMjUgNS45NzVDOS4yNSA1LjcxMjUgOS4wMzc1IDUuNTAzMTMgOC43NzgxMiA1LjUwMzEzSDYuOTU2MjVDNi44NSA1LjUwMzEzIDYuNzU2MjUgNS41Njg3NSA2LjcyMTg4IDUuNjY4NzVMNi43MDkzNyA1LjcwNjI1QzYuNTcxODggNi4wOTY4OCA2LjE0MDYyIDYuMyA1Ljc1MzEzIDYuMTYyNUM1LjM2NTYzIDYuMDI1IDUuMTU5MzggNS41OTM3NSA1LjI5Njg4IDUuMjA2MjVMNS4zMDkzNyA1LjE2ODc1TDUuMzA2MjUgNS4xNjU2M1pNNyAxMUM3IDEwLjczNDggNy4xMDUzNiAxMC40ODA0IDcuMjkyODkgMTAuMjkyOUM3LjQ4MDQzIDEwLjEwNTQgNy43MzQ3OCAxMCA4IDEwQzguMjY1MjIgMTAgOC41MTk1NyAxMC4xMDU0IDguNzA3MTEgMTAuMjkyOUM4Ljg5NDY0IDEwLjQ4MDQgOSAxMC43MzQ4IDkgMTFDOSAxMS4yNjUyIDguODk0NjQgMTEuNTE5NiA4LjcwNzExIDExLjcwNzFDOC41MTk1NyAxMS44OTQ2IDguMjY1MjIgMTIgOCAxMkM3LjczNDc4IDEyIDcuNDgwNDMgMTEuODk0NiA3LjI5Mjg5IDExLjcwNzFDNy4xMDUzNiAxMS41MTk2IDcgMTEuMjY1MiA3IDExWiIgZmlsbD0iIzQ0NEY1NSIvPgo8L3N2Zz4=");
}

.svv-label__description-toggle:focus-visible {
  border-radius: var(--border-radius-full);
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-label__description-toggle--open .svv-label__description-toggle__icon {
  background-color: var(--color-ui-info-base-active);
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjNDQ0RjU1Ij4KPHBhdGggZD0iTTggMTZDMTAuMTIxNyAxNiAxMi4xNTY2IDE1LjE1NzEgMTMuNjU2OSAxMy42NTY5QzE1LjE1NzEgMTIuMTU2NiAxNiAxMC4xMjE3IDE2IDhDMTYgNS44NzgyNyAxNS4xNTcxIDMuODQzNDQgMTMuNjU2OSAyLjM0MzE1QzEyLjE1NjYgMC44NDI4NTUgMTAuMTIxNyAwIDggMEM1Ljg3ODI3IDAgMy44NDM0NCAwLjg0Mjg1NSAyLjM0MzE1IDIuMzQzMTVDMC44NDI4NTUgMy44NDM0NCAwIDUuODc4MjcgMCA4QzAgMTAuMTIxNyAwLjg0Mjg1NSAxMi4xNTY2IDIuMzQzMTUgMTMuNjU2OUMzLjg0MzQ0IDE1LjE1NzEgNS44NzgyNyAxNiA4IDE2Wk01LjMwNjI1IDUuMTY1NjNDNS41NTMxMiA0LjQ2ODc1IDYuMjE1NjMgNCA2Ljk1NjI1IDRIOC43NzgxMkM5Ljg2ODc1IDQgMTAuNzUgNC44ODQzOCAxMC43NSA1Ljk3MTg4QzEwLjc1IDYuNjc4MTMgMTAuMzcxOSA3LjMzMTI1IDkuNzU5MzcgNy42ODQzN0w4Ljc1IDguMjYyNUM4Ljc0Mzc1IDguNjY4NzUgOC40MDkzOCA5IDggOUM3LjU4NDM3IDkgNy4yNSA4LjY2NTYyIDcuMjUgOC4yNVY3LjgyODEyQzcuMjUgNy41NTkzNyA3LjM5Mzc1IDcuMzEyNSA3LjYyODEzIDcuMTc4MTJMOS4wMTI1IDYuMzg0MzhDOS4xNTkzOCA2LjMgOS4yNSA2LjE0Mzc1IDkuMjUgNS45NzVDOS4yNSA1LjcxMjUgOS4wMzc1IDUuNTAzMTMgOC43NzgxMiA1LjUwMzEzSDYuOTU2MjVDNi44NSA1LjUwMzEzIDYuNzU2MjUgNS41Njg3NSA2LjcyMTg4IDUuNjY4NzVMNi43MDkzNyA1LjcwNjI1QzYuNTcxODggNi4wOTY4OCA2LjE0MDYyIDYuMyA1Ljc1MzEzIDYuMTYyNUM1LjM2NTYzIDYuMDI1IDUuMTU5MzggNS41OTM3NSA1LjI5Njg4IDUuMjA2MjVMNS4zMDkzNyA1LjE2ODc1TDUuMzA2MjUgNS4xNjU2M1pNNyAxMUM3IDEwLjczNDggNy4xMDUzNiAxMC40ODA0IDcuMjkyODkgMTAuMjkyOUM3LjQ4MDQzIDEwLjEwNTQgNy43MzQ3OCAxMCA4IDEwQzguMjY1MjIgMTAgOC41MTk1NyAxMC4xMDU0IDguNzA3MTEgMTAuMjkyOUM4Ljg5NDY0IDEwLjQ4MDQgOSAxMC43MzQ4IDkgMTFDOSAxMS4yNjUyIDguODk0NjQgMTEuNTE5NiA4LjcwNzExIDExLjcwNzFDOC41MTk1NyAxMS44OTQ2IDguMjY1MjIgMTIgOCAxMkM3LjczNDc4IDEyIDcuNDgwNDMgMTEuODk0NiA3LjI5Mjg5IDExLjcwNzFDNy4xMDUzNiAxMS41MTk2IDcgMTEuMjY1MiA3IDExWiIgZmlsbD0iIzQ0NEY1NSIvPgo8L3N2Zz4=");
}

.svv-label--hide-label {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.svv-label-wrapper {
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  grid-template-columns: auto auto 1fr;
  grid-template-areas: "label button ."
                       "description description description";
  align-items: center;
  font-style: normal;
  display: grid;
}

.svv-validation-message {
  padding: var(--dimensions-2) var(--dimensions-4);
  font-size: var(--typography-font-size-3);
  font-style: normal;
  font-weight: var(--typography-font-weight-regular);
  line-height: var(--typography-line-height-3);
  border-radius: var(--border-radius-md);
}

.svv-validation-message :where(p) {
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
}

.svv-validation-message--error {
  color: var(--color-ui-danger-text-default);
  background-color: var(--color-ui-danger-surface-tinted);
}

.svv-validation-message--success {
  color: var(--color-ui-success-text-default);
  background-color: var(--color-ui-success-surface-tinted);
}

.svv-text-input {
  --test: var(--dimensions-9);
  width: 100%;
  min-height: var(--dimensions-9);
  max-height: var(--dimensions-9);
  padding: 0 var(--dimensions-2) 0 var(--dimensions-4);
  align-items: center;
  gap: var(--dimensions-2);
  border-radius: var(--responsive-border-radius-1);
  border: var(--responsive-border-width-2) solid var(--color-ui-neutral-border-default);
  background: var(--color-ui-neutral-surface-default);
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
  align-self: stretch;
  display: flex;
}

.svv-text-input:hover:not(:disabled) {
  border-color: var(--color-ui-neutral-border-strong);
}

.svv-text-input:focus-visible {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-text-input:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.svv-text-input[readonly] {
  background: var(--color-ui-neutral-surface-active);
  border: none;
}

.svv-text-input--error {
  border-color: var(--color-ui-danger-border-default);
}

.svv-text-input--error:hover:not(:disabled) {
  border-color: var(--color-ui-danger-border-strong);
}

.svv-text-input--success {
  border-color: var(--color-ui-success-border-default);
}

.svv-text-input--success:hover:not(:disabled) {
  border-color: var(--color-ui-success-border-strong);
}

.svv-text-input--with-clear-button {
  padding-right: calc(var(--dimensions-9)  + var(--dimensions-2)  - 2 * var(--responsive-border-width-2));
}

.svv-text-input__characterCounter {
  color: var(--color-ui-neutral-text-subtle);
}

.svv-text-input-wrapper {
  gap: var(--dimensions-1);
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  color: var(--color-ui-neutral-text-default);
  font-weight: var(--typography-font-weight-regular);
  flex-direction: column;
  font-style: normal;
  display: flex;
}

.svv-text-input-wrapper > div:empty {
  display: contents;
}

.svv-text-input-input-container {
  align-items: center;
  display: flex;
  position: relative;
}

.svv-text-input-input-container .svv-text-input__clear-trigger {
  right: var(--responsive-border-width-2);
  width: calc(var(--dimensions-9)  - 2 * var(--responsive-border-width-2));
  height: calc(var(--dimensions-9)  - 2 * var(--responsive-border-width-2));
  border-radius: var(--responsive-border-radius-1);
  cursor: pointer;
  color: var(--color-ui-neutral-text-subtle);
  position: absolute;
}

.svv-text-area {
  min-height: var(--dimensions-17);
  padding: var(--dimensions-3) var(--dimensions-4) var(--dimensions-3) var(--dimensions-4);
  align-items: center;
  gap: var(--dimensions-2);
  border-radius: var(--responsive-border-radius-1);
  border: var(--responsive-border-width-2) solid var(--color-ui-neutral-border-default);
  background: var(--color-ui-neutral-surface-default);
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-weight: inherit;
  align-self: stretch;
  display: flex;
}

.svv-text-area:hover:not(:disabled) {
  border-color: var(--color-ui-neutral-border-strong);
}

.svv-text-area:focus-visible {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-text-area:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.svv-text-area--error {
  border-color: var(--color-ui-danger-border-default);
}

.svv-text-area--error:hover:not(:disabled) {
  border-color: var(--color-ui-danger-border-strong);
}

.svv-text-area[readonly] {
  background: var(--color-ui-neutral-surface-active);
  border: none;
}

.svv-text-area__characterCounter {
  color: var(--color-ui-neutral-text-subtle);
}

.svv-text-area-wrapper {
  gap: var(--dimensions-1);
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  color: var(--color-ui-neutral-text-default);
  font-weight: var(--typography-font-weight-regular);
  flex-direction: column;
  font-style: normal;
  display: flex;
}

.svv-text-area-wrapper > div:empty {
  display: contents;
}

.svv-select {
  appearance: none;
  width: 100%;
  min-height: var(--dimensions-9);
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: var(--responsive-border-radius-1);
  border: var(--responsive-border-width-2) solid var(--color-ui-neutral-border-default);
  background-color: var(--color-ui-neutral-surface-default);
  padding: var(--dimensions-0) var(--dimensions-4);
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.svv-select:hover:not(:disabled):not([aria-readonly="true"]) {
  border-color: var(--color-ui-neutral-border-strong);
  cursor: pointer;
}

.svv-select:focus-visible {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-select:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.svv-select:disabled + .svv-select__chevron-icon {
  opacity: .3;
}

.svv-select--error {
  border-color: var(--color-ui-danger-border-default);
}

.svv-select--error:hover:not(:disabled):not([aria-readonly="true"]) {
  border-color: var(--color-ui-danger-border-strong);
}

.svv-select[aria-readonly="true"] {
  background: var(--color-ui-neutral-surface-active);
  cursor: default;
  border: none;
}

.svv-select__chevron-icon {
  right: var(--dimensions-4);
  width: var(--icon-2);
  height: var(--icon-2);
  color: inherit;
  pointer-events: none;
  transition: transform .1s ease-in-out;
  position: absolute;
}

.svv-select:open + .svv-select__chevron-icon {
  transform: rotate(180deg);
}

.svv-select__container {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.svv-select-wrapper {
  gap: var(--dimensions-1);
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  color: var(--color-ui-neutral-text-default);
  font-weight: var(--typography-font-weight-regular);
  flex-direction: column;
  font-style: normal;
  display: flex;
}

.svv-select-wrapper > div:empty {
  display: contents;
}

.svv-radio-group {
  gap: var(--dimensions-1);
  border: 0;
  flex-direction: column;
  display: flex;
}

.svv-radio-group--horizontal .svv-radio-group__radio-wrapper {
  gap: var(--dimensions-2) var(--dimensions-6);
  flex-flow: wrap;
}

.svv-radio-group__radio-wrapper {
  gap: var(--dimensions-2);
  flex-direction: column;
  display: flex;
}

.svv-radio-group > div:empty {
  display: contents;
}

.svv-radio {
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  font-weight: var(--typography-font-weight-regular);
  color: var(--color-ui-neutral-text-default);
  align-items: start;
  gap: 0 var(--dimensions-2);
  width: fit-content;
  font-style: normal;
  display: flex;
}

.svv-radio__input {
  width: var(--dimensions-7);
  height: var(--dimensions-7);
  border-radius: var(--border-radius-full);
  border: var(--responsive-border-width-2) solid var(--color-ui-neutral-border-default);
  background-color: var(--color-ui-neutral-surface-default);
  cursor: pointer;
  appearance: none;
  flex-shrink: 0;
}

.svv-radio__input:is(input[type="radio"]) {
  position: static;
}

.svv-radio__input:is(input[type="radio"]:not(:disabled)) {
  opacity: 1;
}

.svv-radio__input:hover:not(:disabled) {
  border-color: var(--color-ui-neutral-border-strong);
}

.svv-radio__input:checked:hover:not(:disabled) {
  background-color: var(--color-ui-neutral-base-hover);
}

.svv-radio__input:checked {
  background-color: var(--color-ui-neutral-base-default);
  box-shadow: inset 0 0 0 var(--dimensions-1) var(--color-ui-neutral-surface-default);
}

.svv-radio__input:focus-visible {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-radio__input:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.svv-radio--error .svv-radio__input {
  border-color: var(--color-ui-danger-border-default);
}

.svv-radio--error .svv-radio__input:hover:not(:disabled) {
  border-color: var(--color-ui-danger-border-strong);
}

.svv-radio--error .svv-radio__input:checked:hover:not(:disabled) {
  background-color: var(--color-ui-danger-base-hover);
}

.svv-radio--error .svv-radio__input:checked {
  background-color: var(--color-ui-danger-base-active);
}

.svv-radio__label {
  margin-top: var(--component-checkbox-and-radio-label);
}

.svv-radio__label .svv-label {
  font-weight: var(--typography-font-weight-regular);
}

.svv-checkbox-group {
  gap: var(--dimensions-1);
  border: 0;
  flex-direction: column;
  display: flex;
}

.svv-checkbox-group--horizontal .svv-checkbox-group__checkbox-wrapper {
  gap: var(--dimensions-2) var(--dimensions-6);
  flex-flow: wrap;
}

.svv-checkbox-group__checkbox-wrapper {
  gap: var(--dimensions-2);
  flex-direction: column;
  display: flex;
}

.svv-checkbox-group > div:empty {
  display: contents;
}

.svv-checkbox {
  align-items: start;
  gap: 0 var(--dimensions-2);
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  font-weight: var(--typography-font-weight-regular);
  color: var(--color-ui-neutral-text-default);
  grid-template-columns: auto auto 1fr;
  grid-template-areas: "input checkboxLabel ."
                       "validation validation validation";
  font-style: normal;
  display: grid;
}

.svv-checkbox__input {
  width: var(--dimensions-7);
  height: var(--dimensions-7);
  border-radius: var(--border-radius-sm);
  border: var(--responsive-border-width-2) solid var(--color-ui-neutral-border-default);
  background-color: var(--color-ui-neutral-surface-default);
  cursor: pointer;
  appearance: none;
  grid-area: input;
  justify-content: center;
  align-items: center;
  display: flex;
}

.svv-checkbox__input:is(input[type="checkbox"]) {
  position: static;
}

.svv-checkbox__input:is(input[type="checkbox"]:not(:disabled)) {
  opacity: 1;
}

.svv-checkbox__input:hover:not(:disabled) {
  border-color: var(--color-ui-neutral-border-strong);
}

.svv-checkbox__input:focus-visible {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-checkbox__input:checked {
  background-color: var(--color-ui-neutral-base-default);
  border: none;
}

.svv-checkbox__input:checked:hover:not(:disabled) {
  background-color: var(--color-ui-neutral-base-hover);
}

.svv-checkbox__input:checked:after {
  content: "";
  background-color: var(--color-ui-neutral-base-contrast-default);
  width: var(--dimensions-4);
  height: var(--dimensions-4);
  transition: transform .2s ease-in-out;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjNDQ0RjU1Ij4KPHBhdGggZD0iTTE1Ljc0ODMgMi42Nzk3N0MxNi4wODM5IDMuMDE1NDEgMTYuMDgzOSAzLjU1ODE0IDE1Ljc0ODMgMy44OTAyMUw2LjMyMTggMTMuMzIwM0M1Ljk4NjE2IDEzLjY1NTkgNS40NDM0MyAxMy42NTU5IDUuMTExMzYgMTMuMzIwM0wwLjI1MTczIDguNDY0MTlDLTAuMDgzOTA5OCA4LjEyODU1IC0wLjA4MzkwOTggNy41ODU4MiAwLjI1MTczIDcuMjUzNzVDMC41ODczNjkgNi45MjE2OCAxLjEzMDEgNi45MTgxMSAxLjQ2MjE3IDcuMjUzNzVMNS43MTEyMyAxMS41MDI4TDE0LjUzNDMgMi42Nzk3N0MxNC44Njk5IDIuMzQ0MTMgMTUuNDEyNiAyLjM0NDEzIDE1Ljc0NDcgMi42Nzk3N0gxNS43NDgzWiIgZmlsbD0iIzQ0NEY1NSIvPgo8L3N2Zz4=");
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}

.svv-checkbox__input[data-indeterminate="true"]:not(:checked) {
  background-color: var(--color-ui-neutral-base-default);
  border: none;
}

.svv-checkbox__input[data-indeterminate="true"]:not(:checked):after {
  content: "";
  background-color: var(--color-ui-neutral-base-contrast-default);
  width: var(--dimensions-4);
  height: var(--dimensions-4);
  transition: transform .2s ease-in-out;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjNDQ0RjU1Ij4KICA8cGF0aCBkPSJNMCA3Ljk5OTk5QzAgNy4zMzQ5OSAwLjUzNSA2Ljc5OTk5IDEuMiA2Ljc5OTk5SDE0LjhDMTUuNDY1IDYuNzk5OTkgMTYgNy4zMzQ5OSAxNiA3Ljk5OTk5QzE2IDguNjY0OTkgMTUuNDY1IDkuMTk5OTkgMTQuOCA5LjE5OTk5SDEuMkMwLjUzNSA5LjE5OTk5IDAgOC42NjQ5OSAwIDcuOTk5OTlaIiBmaWxsPSIjNDQ0RjU1Ii8+Cjwvc3ZnPg==");
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}

.svv-checkbox__input:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.svv-checkbox--error .svv-checkbox__input {
  border-color: var(--color-ui-danger-border-default);
}

.svv-checkbox--error .svv-checkbox__input:hover:not(:disabled) {
  border-color: var(--color-ui-danger-border-strong);
}

.svv-checkbox--error .svv-checkbox__input:checked {
  background-color: var(--color-ui-danger-base-active);
}

.svv-checkbox--error .svv-checkbox__input:checked:hover:not(:disabled) {
  background-color: var(--color-ui-danger-base-hover);
}

.svv-checkbox__label {
  margin-top: var(--component-checkbox-and-radio-label);
  grid-area: checkboxLabel;
}

.svv-checkbox__label .svv-label {
  font-weight: var(--typography-font-weight-regular);
}

.svv-checkbox__validation-message {
  margin-top: var(--dimensions-1);
  grid-area: validation;
}

.svv-checkbox--hide-label {
  display: flex;
}

.svv-alert {
  border-width: var(--responsive-border-width-2);
  border-radius: var(--responsive-border-radius-2);
  gap: var(--dimensions-4);
  padding: var(--dimensions-6);
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  font-weight: var(--typography-font-weight-regular);
  border-style: solid;
  display: flex;
}

.svv-alert--neutral {
  color: var(--color-ui-neutral-text-default);
  border-color: var(--color-ui-neutral-border-default);
}

.svv-alert--neutralSubtle {
  background-color: var(--color-ui-neutral-background-default);
}

.svv-alert--neutralStrong {
  background-color: var(--color-ui-neutral-surface-tinted);
}

.svv-alert--neutral .svv-alert__icon {
  color: var(--color-ui-neutral-base-default);
}

.svv-alert--success {
  color: var(--color-ui-success-text-default);
  border-color: var(--color-ui-success-border-default);
}

.svv-alert--successSubtle {
  background-color: var(--color-ui-success-background-default);
}

.svv-alert--successStrong {
  background-color: var(--color-ui-success-surface-tinted);
}

.svv-alert--success .svv-alert__icon {
  color: var(--color-ui-success-base-default);
}

.svv-alert--info {
  color: var(--color-ui-info-text-default);
  border-color: var(--color-ui-info-border-default);
}

.svv-alert--infoSubtle {
  background-color: var(--color-ui-info-background-default);
}

.svv-alert--infoStrong {
  background-color: var(--color-ui-info-surface-tinted);
}

.svv-alert--info .svv-alert__icon {
  color: var(--color-ui-info-base-default);
}

.svv-alert--warning {
  color: var(--color-ui-warning-text-default);
  border-color: var(--color-ui-warning-border-default);
}

.svv-alert--warningSubtle {
  background-color: var(--color-ui-warning-background-default);
}

.svv-alert--warningStrong {
  background-color: var(--color-ui-warning-surface-tinted);
}

.svv-alert--warning .svv-alert__icon {
  color: var(--color-ui-warning-base-default);
}

.svv-alert--danger {
  color: var(--color-ui-danger-text-default);
  border-color: var(--color-ui-danger-border-default);
}

.svv-alert--dangerSubtle {
  background-color: var(--color-ui-danger-background-default);
}

.svv-alert--dangerStrong {
  background-color: var(--color-ui-danger-surface-tinted);
}

.svv-alert--danger .svv-alert__icon {
  color: var(--color-ui-danger-base-default);
}

.svv-alert__icon {
  width: var(--icon-4);
  height: var(--icon-4);
  margin: var(--component-alert-icon-padding-top) 0;
  flex-shrink: 0;
}

.svv-alert__content {
  gap: var(--dimensions-1);
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.svv-alert__content :where(p) {
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
}

.svv-alert__content > :first-child:not(.svv-alert__heading) {
  min-height: var(--typography-line-height-5);
  flex-direction: column;
  justify-content: center;
  display: inline-flex;
}

.svv-alert__heading {
  font-size: var(--typography-font-size-5);
  line-height: var(--typography-line-height-5);
  font-weight: var(--typography-font-weight-regular);
  margin-bottom: 0;
}

.svv-alert__close-button {
  flex-shrink: 0;
}

.svv-link {
  cursor: pointer;
  color: inherit;
  align-items: center;
  gap: var(--dimensions-1);
  font-weight: inherit;
  text-decoration: underline;
  text-decoration-color: inherit;
  text-decoration-thickness: var(--border-width-sm);
  text-underline-offset: 4px;
  font-size: inherit;
  line-height: inherit;
  display: inline-flex;
}

.svv-link svg {
  height: var(--icon-2);
  width: auto;
}

.svv-link:hover {
  text-decoration-thickness: var(--border-width-md);
}

.svv-link:active {
  text-decoration-thickness: var(--border-width-lg);
}

.svv-link:focus-visible {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
  border-radius: var(--border-radius-sm);
}

.svv-error-summary__list {
  gap: var(--dimensions-1);
  flex-direction: column;
  list-style: outside;
  display: flex;
}

.svv-popover__content {
  max-width: min(var(--container-width-xs, 320px), 100vw - 24px);
  padding: var(--dimensions-4);
  align-items: center;
  gap: var(--dimensions-0);
  border-radius: var(--responsive-border-radius-1);
  border: var(--border-width-sm) solid var(--color-ui-neutral-border-default);
  color: var(--color-ui-neutral-text-default);
  background: var(--color-ui-neutral-surface-default);
  box-shadow: var(--shadow-sm);
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  font-weight: var(--typography-font-weight-regular);
  z-index: 1000;
  flex-direction: column;
  align-self: stretch;
  display: flex;
  position: absolute;
}

.svv-popover__content--info {
  background: var(--color-ui-info-surface-tinted);
  border-color: var(--color-ui-info-border-default);
  color: var(--color-ui-info-text-default);
}

.svv-popover__content:focus {
  outline: none;
}

.svv-popover__content--hidden {
  display: none;
}

.svv-search {
  align-items: end;
  gap: var(--dimensions-2);
  color: var(--color-ui-neutral-text-default);
  display: flex;
  position: relative;
}

.svv-search--with-input-icon .svv-search__input input {
  padding-left: calc(var(--dimensions-4)  + var(--icon-3)  + var(--dimensions-2));
}

.svv-search__input {
  flex-grow: 1;
}

.svv-search__dropdown {
  align-items: start;
  width: 100%;
  max-width: 100%;
}

.svv-search__icon {
  width: var(--icon-3);
  height: var(--icon-3);
  z-index: 100;
  bottom: calc((var(--dimensions-9)  - var(--icon-3)) / 2);
  left: var(--dimensions-4);
  pointer-events: none;
  user-select: none;
  position: absolute;
}

.svv-search__options-list {
  gap: var(--dimensions-2);
  width: 100%;
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size-3);
  font-style: normal;
  font-weight: var(--typography-font-weight-regular);
  line-height: var(--typography-line-height-3);
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}

.svv-search__options-list__option {
  border-radius: var(--border-radius-sm);
  width: 100%;
  padding: var(--dimensions-1) var(--dimensions-2);
  text-align: start;
}

.svv-search__options-list__option:hover:not(.svv-search__options-list__option--disabled) {
  background-color: var(--color-ui-neutral-surface-hover);
  cursor: pointer;
}

.svv-search__options-list__option:active:not(.svv-search__options-list__option--disabled) {
  background-color: var(--color-ui-neutral-surface-active);
}

.svv-search__options-list__option--focus:not(.svv-search__options-list__option--disabled) {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-search__options-list__option--disabled {
  opacity: .3;
  cursor: not-allowed;
}

.svv-search__no-hits {
  gap: var(--dimensions-4);
  padding: var(--dimensions-2);
  flex-direction: row;
  display: flex;
}

.svv-search__no-hits__icon {
  width: var(--icon-4);
  height: var(--icon-4);
  color: var(--color-ui-info-base-default);
}

/*# sourceMappingURL=main.css.map */:root {
  --component-input-border-radius: var(--border-radius-md);
  --component-input-border-width: var(--border-width-md);
  --component-input-border-color: var(--colors-borders-quaternary);
  --colors-brand-orange: var(--colors-interaction-tertiary);
  --colors-brand-white: var(--colors-backgrounds-primary);
  --colors-brand-grey-dark: var(--colors-information-neutral-primary);
  --colors-brand-grey-light: var(--colors-backgrounds-secondary);
  --colors-brand-grey-medium: #dadada;
  --colors-support-gray-regular-dark: var(--colors-borders-secondary);
  --spacing-xxxxs: .06rem;
  --spacing-xxxs: .125rem;
  --spacing-3px: .1875rem;
  --spacing-5px: .313rem;
  --spacing-6px: .375rem;
  --spacing-7px: .4375rem;
  --spacing-10px: .625rem;
  --spacing-11px: .688rem;
  --spacing-17px: 1.063rem;
  --spacing-19px: 1.188rem;
  --spacing-20px: 1.125rem;
  --spacing-25px: 1.563rem;
  --spacing-28px: 1.75rem;
  --spacing-29px: 1.183rem;
  --spacing-30px: 1.875rem;
  --spacing-36px: 2.25rem;
  --spacing-38px: 2.375rem;
  --spacing-44px: 2.75rem;
  --spacing-80px: 5rem;
  --spacing-12xl: 9.25rem;
  --min-width-44px: 2.75rem;
  --min-width-134px: 8.375rem;
  --min-width-265px: ;
  --max-width-160px: 10rem;
  --max-width-220px: 13.75rem;
  --max-width-245px: 15.313rem;
  --max-width-280px: 17.5rem;
  --max-width-342px: 21.375rem;
  --max-width-360px: 22.5rem;
  --max-width-416px: 26rem;
  --max-width-456px: 28.5rem;
  --max-width-648px: 40.5rem;
  --max-width-720px: 45rem;
  --min-height-44px: 2.75rem;
  --min-height-80px: 5rem;
  --min-height-94px: 5.875rem;
  --min-height-114px: 7.125rem;
  --min-height-176px: 11rem;
  --min-height-248: 15.5rem;
  --min-height-260px: 16.25rem;
  --min-height-280px: 17.5rem;
  --dimension-width-20px: 1.3rem;
  --dimension-width-22px: 1.375rem;
  --dimension-width-44px: 2.75rem;
  --dimension-width-360px: 22.5rem;
  --dimension-width-400px: 25rem;
  --dimension-height-20px: 1.3rem;
  --dimension-height-22px: 1.375rem;
  --dimension-height-44px: 2.75rem;
  --dimension-height-80px: 5rem;
  --dimension-height-100px: 6.25rem;
  --size-medium-width: 58.5rem;
  --size-max-width: 70.5rem;
  --size-article-body-max-width: 40.5rem;
  --box-shadow-spread-minus: -.188rem;
  --border-width-xl: .313rem;
  --typography-line-height-18: 1.125rem;
  --typography-line-height-18px: 1.125rem;
  --typography-line-height-21px: 1.313rem;
}

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

.svv-spinner {
  --spinner-size: var(--dimensions-8);
  --spinner-thickness: var(--responsive-border-width-3);
  --spinner-color: var(--color-ui-neutral-text-default);
  line-height: var(--typography-line-height-3);
  font-size: var(--typography-font-size-3);
  font-weight: var(--typography-font-weight-regular);
  gap: var(--dimensions-4);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: fit-content;
  display: flex;
}

.svv-spinner__text {
  color: var(--color-ui-neutral-text-default);
}

.svv-spinner--right {
  flex-direction: row;
}

.svv-spinner--inline {
  --spinner-color: inherit;
  color: inherit;
  --spinner-size: 1em;
  --spinner-thickness: var(--responsive-border-width-2);
  width: auto;
  height: auto;
  display: inline-flex;
}

.svv-spinner__circle {
  --antialiasing: .5px;
  --mask-inner: calc(100% - var(--spinner-thickness)  - var(--antialiasing));
  --mask-outer: calc(100% - var(--spinner-thickness));
  width: var(--spinner-size);
  height: var(--spinner-size);
  color: var(--spinner-color);
  mask-image: radial-gradient(farthest-side, transparent var(--mask-inner), black var(--mask-outer));
  background: conic-gradient(#0000, currentColor);
  border-radius: 50%;
  animation: 1.2s linear infinite container-rotate;
}

@media (prefers-reduced-motion: reduce) {
  .svv-spinner__circle {
    animation: none !important;
  }
}

.svv-button {
  font: inherit;
  appearance: none;
  align-items: center;
  gap: var(--dimensions-2);
  cursor: pointer;
  font-weight: var(--typography-font-weight-semibold);
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  padding: var(--dimensions-3) var(--dimensions-6);
  min-height: var(--dimensions-9);
  border-radius: 0;
  border-radius: var(--responsive-border-radius-1);
  background: none;
  border: none;
  outline: none;
  justify-content: center;
  text-decoration: none;
  transition: all .1s ease-in-out;
  display: inline-flex;
}

.svv-button svg {
  width: var(--icon-3);
  height: var(--icon-3);
}

.svv-button--left-aligned-text .svv-button__text {
  text-align: left;
  flex-grow: 1;
}

.svv-button .svv-spinner {
  --spinner-size: var(--icon-3);
}

.svv-button--loading {
  cursor: progress;
}

.svv-button--primary {
  background-color: var(--color-ui-neutral-base-default);
  color: var(--color-ui-neutral-base-contrast-default);
}

.svv-button--primary:hover:not(:disabled) {
  background-color: var(--color-ui-neutral-base-hover);
}

.svv-button--primary:active:not(:disabled) {
  background-color: var(--color-ui-neutral-base-active);
}

.svv-button--primary:focus-visible:not(:disabled) {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-button--secondary {
  background-color: var(--color-ui-neutral-surface-default);
  color: var(--color-ui-neutral-text-default);
  border: var(--responsive-border-width-2) solid var(--color-ui-neutral-border-default);
  padding: calc(var(--dimensions-3)  - var(--responsive-border-width-2)) var(--dimensions-6);
}

.svv-button--secondary:hover:not(:disabled) {
  background-color: var(--color-ui-neutral-surface-hover);
  border-color: var(--color-ui-neutral-border-strong);
}

.svv-button--secondary:active:not(:disabled) {
  background-color: var(--color-ui-neutral-surface-active);
  border-color: var(--color-ui-neutral-border-strong);
}

.svv-button--secondary:focus-visible:not(:disabled) {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-button--tertiary {
  color: var(--color-ui-neutral-text-default);
  background-color: #0000;
}

.svv-button--tertiary:hover:not(:disabled) {
  background-color: var(--color-ui-neutral-surface-hover);
}

.svv-button--tertiary:active:not(:disabled) {
  background-color: var(--color-ui-neutral-surface-active);
}

.svv-button--tertiary:focus-visible:not(:disabled) {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-button:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.svv-button--full-width {
  width: 100%;
}

.svv-button--icon-only {
  width: var(--dimensions-9);
  height: var(--dimensions-9);
  border-radius: var(--responsive-border-radius-1);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.svv-button--icon-only svg {
  width: var(--icon-3);
  height: var(--icon-3);
}

.svv-button--icon-only--circle {
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-md);
}

.svv-button--icon-only .svv-spinner {
  --spinner-size: var(--icon-3);
}

.svv-button--icon-only:disabled {
  opacity: .3;
  cursor: not-allowed;
}
/*# sourceMappingURL=main.css.map */
:root {
  --component-input-border-radius: var(--border-radius-md);
  --component-input-border-width: var(--border-width-md);
  --component-input-border-color: var(--colors-borders-quaternary);
  --colors-brand-orange: var(--colors-interaction-tertiary);
  --colors-brand-white: var(--colors-backgrounds-primary);
  --colors-brand-grey-dark: var(--colors-information-neutral-primary);
  --colors-brand-grey-light: var(--colors-backgrounds-secondary);
  --colors-brand-grey-medium: #dadada;
  --colors-support-gray-regular-dark: var(--colors-borders-secondary);
  --spacing-xxxxs: .06rem;
  --spacing-xxxs: .125rem;
  --spacing-3px: .1875rem;
  --spacing-5px: .313rem;
  --spacing-6px: .375rem;
  --spacing-7px: .4375rem;
  --spacing-10px: .625rem;
  --spacing-11px: .688rem;
  --spacing-17px: 1.063rem;
  --spacing-19px: 1.188rem;
  --spacing-20px: 1.125rem;
  --spacing-25px: 1.563rem;
  --spacing-28px: 1.75rem;
  --spacing-29px: 1.183rem;
  --spacing-30px: 1.875rem;
  --spacing-36px: 2.25rem;
  --spacing-38px: 2.375rem;
  --spacing-44px: 2.75rem;
  --spacing-80px: 5rem;
  --spacing-12xl: 9.25rem;
  --min-width-44px: 2.75rem;
  --min-width-134px: 8.375rem;
  --min-width-265px: ;
  --max-width-160px: 10rem;
  --max-width-220px: 13.75rem;
  --max-width-245px: 15.313rem;
  --max-width-280px: 17.5rem;
  --max-width-342px: 21.375rem;
  --max-width-360px: 22.5rem;
  --max-width-416px: 26rem;
  --max-width-456px: 28.5rem;
  --max-width-648px: 40.5rem;
  --max-width-720px: 45rem;
  --min-height-44px: 2.75rem;
  --min-height-80px: 5rem;
  --min-height-94px: 5.875rem;
  --min-height-114px: 7.125rem;
  --min-height-176px: 11rem;
  --min-height-248: 15.5rem;
  --min-height-260px: 16.25rem;
  --min-height-280px: 17.5rem;
  --dimension-width-20px: 1.3rem;
  --dimension-width-22px: 1.375rem;
  --dimension-width-44px: 2.75rem;
  --dimension-width-360px: 22.5rem;
  --dimension-width-400px: 25rem;
  --dimension-height-20px: 1.3rem;
  --dimension-height-22px: 1.375rem;
  --dimension-height-44px: 2.75rem;
  --dimension-height-80px: 5rem;
  --dimension-height-100px: 6.25rem;
  --size-medium-width: 58.5rem;
  --size-max-width: 70.5rem;
  --size-article-body-max-width: 40.5rem;
  --box-shadow-spread-minus: -.188rem;
  --border-width-xl: .313rem;
  --typography-line-height-18: 1.125rem;
  --typography-line-height-18px: 1.125rem;
  --typography-line-height-21px: 1.313rem;
}

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

.svv-spinner {
  --spinner-size: var(--dimensions-8);
  --spinner-thickness: var(--responsive-border-width-3);
  --spinner-color: var(--color-ui-neutral-text-default);
  line-height: var(--typography-line-height-3);
  font-size: var(--typography-font-size-3);
  font-weight: var(--typography-font-weight-regular);
  gap: var(--dimensions-4);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: fit-content;
  display: flex;
}

.svv-spinner__text {
  color: var(--color-ui-neutral-text-default);
}

.svv-spinner--right {
  flex-direction: row;
}

.svv-spinner--inline {
  --spinner-color: inherit;
  color: inherit;
  --spinner-size: 1em;
  --spinner-thickness: var(--responsive-border-width-2);
  width: auto;
  height: auto;
  display: inline-flex;
}

.svv-spinner__circle {
  --antialiasing: .5px;
  --mask-inner: calc(100% - var(--spinner-thickness)  - var(--antialiasing));
  --mask-outer: calc(100% - var(--spinner-thickness));
  width: var(--spinner-size);
  height: var(--spinner-size);
  color: var(--spinner-color);
  mask-image: radial-gradient(farthest-side, transparent var(--mask-inner), black var(--mask-outer));
  background: conic-gradient(#0000, currentColor);
  border-radius: 50%;
  animation: 1.2s linear infinite container-rotate;
}

@media (prefers-reduced-motion: reduce) {
  .svv-spinner__circle {
    animation: none !important;
  }
}

.svv-button {
  font: inherit;
  appearance: none;
  align-items: center;
  gap: var(--dimensions-2);
  cursor: pointer;
  font-weight: var(--typography-font-weight-semibold);
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  padding: var(--dimensions-3) var(--dimensions-6);
  min-height: var(--dimensions-9);
  border-radius: 0;
  border-radius: var(--responsive-border-radius-1);
  background: none;
  border: none;
  outline: none;
  justify-content: center;
  text-decoration: none;
  transition: all .1s ease-in-out;
  display: inline-flex;
}

.svv-button svg {
  width: var(--icon-3);
  height: var(--icon-3);
}

.svv-button--left-aligned-text .svv-button__text {
  text-align: left;
  flex-grow: 1;
}

.svv-button .svv-spinner {
  --spinner-size: var(--icon-3);
}

.svv-button--loading {
  cursor: progress;
}

.svv-button--primary {
  background-color: var(--color-ui-neutral-base-default);
  color: var(--color-ui-neutral-base-contrast-default);
}

.svv-button--primary:hover:not(:disabled) {
  background-color: var(--color-ui-neutral-base-hover);
}

.svv-button--primary:active:not(:disabled) {
  background-color: var(--color-ui-neutral-base-active);
}

.svv-button--primary:focus-visible:not(:disabled) {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-button--secondary {
  background-color: var(--color-ui-neutral-surface-default);
  color: var(--color-ui-neutral-text-default);
  border: var(--responsive-border-width-2) solid var(--color-ui-neutral-border-default);
  padding: calc(var(--dimensions-3)  - var(--responsive-border-width-2)) var(--dimensions-6);
}

.svv-button--secondary:hover:not(:disabled) {
  background-color: var(--color-ui-neutral-surface-hover);
  border-color: var(--color-ui-neutral-border-strong);
}

.svv-button--secondary:active:not(:disabled) {
  background-color: var(--color-ui-neutral-surface-active);
  border-color: var(--color-ui-neutral-border-strong);
}

.svv-button--secondary:focus-visible:not(:disabled) {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-button--tertiary {
  color: var(--color-ui-neutral-text-default);
  background-color: #0000;
}

.svv-button--tertiary:hover:not(:disabled) {
  background-color: var(--color-ui-neutral-surface-hover);
}

.svv-button--tertiary:active:not(:disabled) {
  background-color: var(--color-ui-neutral-surface-active);
}

.svv-button--tertiary:focus-visible:not(:disabled) {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-button:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.svv-button--full-width {
  width: 100%;
}

.svv-button--icon-only {
  width: var(--dimensions-9);
  height: var(--dimensions-9);
  border-radius: var(--responsive-border-radius-1);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.svv-button--icon-only svg {
  width: var(--icon-3);
  height: var(--icon-3);
}

.svv-button--icon-only--circle {
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-md);
}

.svv-button--icon-only .svv-spinner {
  --spinner-size: var(--icon-3);
}

.svv-button--icon-only:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.svv-search-field {
  gap: var(--dimensions-1);
  width: 100%;
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  color: var(--color-ui-neutral-text-default);
  font-weight: var(--typography-font-weight-regular);
  flex-direction: column;
  display: flex;
  position: relative;
}

.svv-search-field > div:empty {
  display: contents;
}

.svv-search-field__container {
  align-items: flex-start;
  gap: var(--dimensions-2);
  display: flex;
}

.svv-search-field__text {
  width: 100%;
  min-height: var(--dimensions-9);
  max-height: var(--dimensions-9);
  padding: 0 var(--dimensions-2) 0 var(--dimensions-4);
  align-items: center;
  gap: var(--dimensions-2);
  border-radius: var(--responsive-border-radius-1);
  border: var(--responsive-border-width-2) solid var(--color-ui-neutral-border-default);
  background: var(--color-ui-neutral-surface-default);
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
  align-self: stretch;
  display: flex;
  overflow: hidden;
}

.svv-search-field__text--error {
  border-color: var(--color-ui-danger-border-default);
}

.svv-search-field__text:hover:not(:disabled) {
  border-color: var(--color-ui-neutral-border-strong);
}

.svv-search-field__text:focus-visible {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-search-field__text:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.svv-label {
  color: var(--color-ui-neutral-text-default);
  font-weight: var(--typography-font-weight-semibold);
  grid-area: label;
}

.svv-label__description {
  font-weight: var(--typography-font-weight-regular);
  color: var(--color-ui-neutral-text-subtle);
  grid-area: description;
  width: 100%;
}

.svv-label__description :where(p) {
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
}

.svv-label__description--hidden {
  display: none;
}

.svv-label__description-toggle {
  width: var(--dimensions-5);
  height: var(--dimensions-5);
  color: var(--color-ui-info-base-default);
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  appearance: none;
  margin-left: var(--dimensions-1);
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  grid-area: button;
}

.svv-label__description-toggle__icon {
  background-color: var(--color-ui-info-base-default);
  width: 100%;
  height: 100%;
  display: inline-block;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjNDQ0RjU1Ij4KPHBhdGggZD0iTTE0LjUgOEMxNC41IDYuMjc2MDkgMTMuODE1MiA0LjYyMjc5IDEyLjU5NjIgMy40MDM4MUMxMS4zNzcyIDIuMTg0ODIgOS43MjM5MSAxLjUgOCAxLjVDNi4yNzYwOSAxLjUgNC42MjI3OSAyLjE4NDgyIDMuNDAzODEgMy40MDM4MUMyLjE4NDgyIDQuNjIyNzkgMS41IDYuMjc2MDkgMS41IDhDMS41IDkuNzIzOTEgMi4xODQ4MiAxMS4zNzcyIDMuNDAzODEgMTIuNTk2MkM0LjYyMjc5IDEzLjgxNTIgNi4yNzYwOSAxNC41IDggMTQuNUM5LjcyMzkxIDE0LjUgMTEuMzc3MiAxMy44MTUyIDEyLjU5NjIgMTIuNTk2MkMxMy44MTUyIDExLjM3NzIgMTQuNSA5LjcyMzkxIDE0LjUgOFpNMCA4QzAgNS44NzgyNyAwLjg0Mjg1NSAzLjg0MzQ0IDIuMzQzMTUgMi4zNDMxNUMzLjg0MzQ0IDAuODQyODU1IDUuODc4MjcgMCA4IDBDMTAuMTIxNyAwIDEyLjE1NjYgMC44NDI4NTUgMTMuNjU2OSAyLjM0MzE1QzE1LjE1NzEgMy44NDM0NCAxNiA1Ljg3ODI3IDE2IDhDMTYgMTAuMTIxNyAxNS4xNTcxIDEyLjE1NjYgMTMuNjU2OSAxMy42NTY5QzEyLjE1NjYgMTUuMTU3MSAxMC4xMjE3IDE2IDggMTZDNS44NzgyNyAxNiAzLjg0MzQ0IDE1LjE1NzEgMi4zNDMxNSAxMy42NTY5QzAuODQyODU1IDEyLjE1NjYgMCAxMC4xMjE3IDAgOFpNNS4zMDYyNSA1LjE2NTYzQzUuNTUzMTIgNC40Njg3NSA2LjIxNTYzIDQgNi45NTYyNSA0SDguNzc4MTJDOS44Njg3NSA0IDEwLjc1IDQuODg0MzggMTAuNzUgNS45NzE4OEMxMC43NSA2LjY3ODEzIDEwLjM3MTkgNy4zMzEyNSA5Ljc1OTM3IDcuNjg0MzdMOC43NSA4LjI2MjVDOC43NDM3NSA4LjY2ODc1IDguNDA5MzggOSA4IDlDNy41ODQzNyA5IDcuMjUgOC42NjU2MiA3LjI1IDguMjVWNy44MjgxMkM3LjI1IDcuNTU5MzcgNy4zOTM3NSA3LjMxMjUgNy42MjgxMyA3LjE3ODEyTDkuMDEyNSA2LjM4NDM4QzkuMTU5MzggNi4zIDkuMjUgNi4xNDM3NSA5LjI1IDUuOTc1QzkuMjUgNS43MTI1IDkuMDM3NSA1LjUwMzEzIDguNzc4MTIgNS41MDMxM0g2Ljk1NjI1QzYuODUgNS41MDMxMyA2Ljc1NjI1IDUuNTY4NzUgNi43MjE4OCA1LjY2ODc1TDYuNzA5MzcgNS43MDYyNUM2LjU3MTg4IDYuMDk2ODggNi4xNDA2MiA2LjMgNS43NTMxMyA2LjE2MjVDNS4zNjU2MyA2LjAyNSA1LjE1OTM4IDUuNTkzNzUgNS4yOTY4OCA1LjIwNjI1TDUuMzA5MzcgNS4xNjg3NUw1LjMwNjI1IDUuMTY1NjNaTTcgMTFDNyAxMC43MzQ4IDcuMTA1MzYgMTAuNDgwNCA3LjI5Mjg5IDEwLjI5MjlDNy40ODA0MyAxMC4xMDU0IDcuNzM0NzggMTAgOCAxMEM4LjI2NTIyIDEwIDguNTE5NTcgMTAuMTA1NCA4LjcwNzExIDEwLjI5MjlDOC44OTQ2NCAxMC40ODA0IDkgMTAuNzM0OCA5IDExQzkgMTEuMjY1MiA4Ljg5NDY0IDExLjUxOTYgOC43MDcxMSAxMS43MDcxQzguNTE5NTcgMTEuODk0NiA4LjI2NTIyIDEyIDggMTJDNy43MzQ3OCAxMiA3LjQ4MDQzIDExLjg5NDYgNy4yOTI4OSAxMS43MDcxQzcuMTA1MzYgMTEuNTE5NiA3IDExLjI2NTIgNyAxMVoiIGZpbGw9IiM0NDRGNTUiLz4KPC9zdmc+");
  mask-size: contain;
}

.svv-label__description-toggle:hover .svv-label__description-toggle__icon {
  background-color: var(--color-ui-info-base-hover);
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjNDQ0RjU1Ij4KPHBhdGggZD0iTTggMTZDMTAuMTIxNyAxNiAxMi4xNTY2IDE1LjE1NzEgMTMuNjU2OSAxMy42NTY5QzE1LjE1NzEgMTIuMTU2NiAxNiAxMC4xMjE3IDE2IDhDMTYgNS44NzgyNyAxNS4xNTcxIDMuODQzNDQgMTMuNjU2OSAyLjM0MzE1QzEyLjE1NjYgMC44NDI4NTUgMTAuMTIxNyAwIDggMEM1Ljg3ODI3IDAgMy44NDM0NCAwLjg0Mjg1NSAyLjM0MzE1IDIuMzQzMTVDMC44NDI4NTUgMy44NDM0NCAwIDUuODc4MjcgMCA4QzAgMTAuMTIxNyAwLjg0Mjg1NSAxMi4xNTY2IDIuMzQzMTUgMTMuNjU2OUMzLjg0MzQ0IDE1LjE1NzEgNS44NzgyNyAxNiA4IDE2Wk01LjMwNjI1IDUuMTY1NjNDNS41NTMxMiA0LjQ2ODc1IDYuMjE1NjMgNCA2Ljk1NjI1IDRIOC43NzgxMkM5Ljg2ODc1IDQgMTAuNzUgNC44ODQzOCAxMC43NSA1Ljk3MTg4QzEwLjc1IDYuNjc4MTMgMTAuMzcxOSA3LjMzMTI1IDkuNzU5MzcgNy42ODQzN0w4Ljc1IDguMjYyNUM4Ljc0Mzc1IDguNjY4NzUgOC40MDkzOCA5IDggOUM3LjU4NDM3IDkgNy4yNSA4LjY2NTYyIDcuMjUgOC4yNVY3LjgyODEyQzcuMjUgNy41NTkzNyA3LjM5Mzc1IDcuMzEyNSA3LjYyODEzIDcuMTc4MTJMOS4wMTI1IDYuMzg0MzhDOS4xNTkzOCA2LjMgOS4yNSA2LjE0Mzc1IDkuMjUgNS45NzVDOS4yNSA1LjcxMjUgOS4wMzc1IDUuNTAzMTMgOC43NzgxMiA1LjUwMzEzSDYuOTU2MjVDNi44NSA1LjUwMzEzIDYuNzU2MjUgNS41Njg3NSA2LjcyMTg4IDUuNjY4NzVMNi43MDkzNyA1LjcwNjI1QzYuNTcxODggNi4wOTY4OCA2LjE0MDYyIDYuMyA1Ljc1MzEzIDYuMTYyNUM1LjM2NTYzIDYuMDI1IDUuMTU5MzggNS41OTM3NSA1LjI5Njg4IDUuMjA2MjVMNS4zMDkzNyA1LjE2ODc1TDUuMzA2MjUgNS4xNjU2M1pNNyAxMUM3IDEwLjczNDggNy4xMDUzNiAxMC40ODA0IDcuMjkyODkgMTAuMjkyOUM3LjQ4MDQzIDEwLjEwNTQgNy43MzQ3OCAxMCA4IDEwQzguMjY1MjIgMTAgOC41MTk1NyAxMC4xMDU0IDguNzA3MTEgMTAuMjkyOUM4Ljg5NDY0IDEwLjQ4MDQgOSAxMC43MzQ4IDkgMTFDOSAxMS4yNjUyIDguODk0NjQgMTEuNTE5NiA4LjcwNzExIDExLjcwNzFDOC41MTk1NyAxMS44OTQ2IDguMjY1MjIgMTIgOCAxMkM3LjczNDc4IDEyIDcuNDgwNDMgMTEuODk0NiA3LjI5Mjg5IDExLjcwNzFDNy4xMDUzNiAxMS41MTk2IDcgMTEuMjY1MiA3IDExWiIgZmlsbD0iIzQ0NEY1NSIvPgo8L3N2Zz4=");
}

.svv-label__description-toggle:active .svv-label__description-toggle__icon {
  background-color: var(--color-ui-info-base-active);
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjNDQ0RjU1Ij4KPHBhdGggZD0iTTggMTZDMTAuMTIxNyAxNiAxMi4xNTY2IDE1LjE1NzEgMTMuNjU2OSAxMy42NTY5QzE1LjE1NzEgMTIuMTU2NiAxNiAxMC4xMjE3IDE2IDhDMTYgNS44NzgyNyAxNS4xNTcxIDMuODQzNDQgMTMuNjU2OSAyLjM0MzE1QzEyLjE1NjYgMC44NDI4NTUgMTAuMTIxNyAwIDggMEM1Ljg3ODI3IDAgMy44NDM0NCAwLjg0Mjg1NSAyLjM0MzE1IDIuMzQzMTVDMC44NDI4NTUgMy44NDM0NCAwIDUuODc4MjcgMCA4QzAgMTAuMTIxNyAwLjg0Mjg1NSAxMi4xNTY2IDIuMzQzMTUgMTMuNjU2OUMzLjg0MzQ0IDE1LjE1NzEgNS44NzgyNyAxNiA4IDE2Wk01LjMwNjI1IDUuMTY1NjNDNS41NTMxMiA0LjQ2ODc1IDYuMjE1NjMgNCA2Ljk1NjI1IDRIOC43NzgxMkM5Ljg2ODc1IDQgMTAuNzUgNC44ODQzOCAxMC43NSA1Ljk3MTg4QzEwLjc1IDYuNjc4MTMgMTAuMzcxOSA3LjMzMTI1IDkuNzU5MzcgNy42ODQzN0w4Ljc1IDguMjYyNUM4Ljc0Mzc1IDguNjY4NzUgOC40MDkzOCA5IDggOUM3LjU4NDM3IDkgNy4yNSA4LjY2NTYyIDcuMjUgOC4yNVY3LjgyODEyQzcuMjUgNy41NTkzNyA3LjM5Mzc1IDcuMzEyNSA3LjYyODEzIDcuMTc4MTJMOS4wMTI1IDYuMzg0MzhDOS4xNTkzOCA2LjMgOS4yNSA2LjE0Mzc1IDkuMjUgNS45NzVDOS4yNSA1LjcxMjUgOS4wMzc1IDUuNTAzMTMgOC43NzgxMiA1LjUwMzEzSDYuOTU2MjVDNi44NSA1LjUwMzEzIDYuNzU2MjUgNS41Njg3NSA2LjcyMTg4IDUuNjY4NzVMNi43MDkzNyA1LjcwNjI1QzYuNTcxODggNi4wOTY4OCA2LjE0MDYyIDYuMyA1Ljc1MzEzIDYuMTYyNUM1LjM2NTYzIDYuMDI1IDUuMTU5MzggNS41OTM3NSA1LjI5Njg4IDUuMjA2MjVMNS4zMDkzNyA1LjE2ODc1TDUuMzA2MjUgNS4xNjU2M1pNNyAxMUM3IDEwLjczNDggNy4xMDUzNiAxMC40ODA0IDcuMjkyODkgMTAuMjkyOUM3LjQ4MDQzIDEwLjEwNTQgNy43MzQ3OCAxMCA4IDEwQzguMjY1MjIgMTAgOC41MTk1NyAxMC4xMDU0IDguNzA3MTEgMTAuMjkyOUM4Ljg5NDY0IDEwLjQ4MDQgOSAxMC43MzQ4IDkgMTFDOSAxMS4yNjUyIDguODk0NjQgMTEuNTE5NiA4LjcwNzExIDExLjcwNzFDOC41MTk1NyAxMS44OTQ2IDguMjY1MjIgMTIgOCAxMkM3LjczNDc4IDEyIDcuNDgwNDMgMTEuODk0NiA3LjI5Mjg5IDExLjcwNzFDNy4xMDUzNiAxMS41MTk2IDcgMTEuMjY1MiA3IDExWiIgZmlsbD0iIzQ0NEY1NSIvPgo8L3N2Zz4=");
}

.svv-label__description-toggle:focus-visible {
  border-radius: var(--border-radius-full);
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-label__description-toggle--open .svv-label__description-toggle__icon {
  background-color: var(--color-ui-info-base-active);
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjNDQ0RjU1Ij4KPHBhdGggZD0iTTggMTZDMTAuMTIxNyAxNiAxMi4xNTY2IDE1LjE1NzEgMTMuNjU2OSAxMy42NTY5QzE1LjE1NzEgMTIuMTU2NiAxNiAxMC4xMjE3IDE2IDhDMTYgNS44NzgyNyAxNS4xNTcxIDMuODQzNDQgMTMuNjU2OSAyLjM0MzE1QzEyLjE1NjYgMC44NDI4NTUgMTAuMTIxNyAwIDggMEM1Ljg3ODI3IDAgMy44NDM0NCAwLjg0Mjg1NSAyLjM0MzE1IDIuMzQzMTVDMC44NDI4NTUgMy44NDM0NCAwIDUuODc4MjcgMCA4QzAgMTAuMTIxNyAwLjg0Mjg1NSAxMi4xNTY2IDIuMzQzMTUgMTMuNjU2OUMzLjg0MzQ0IDE1LjE1NzEgNS44NzgyNyAxNiA4IDE2Wk01LjMwNjI1IDUuMTY1NjNDNS41NTMxMiA0LjQ2ODc1IDYuMjE1NjMgNCA2Ljk1NjI1IDRIOC43NzgxMkM5Ljg2ODc1IDQgMTAuNzUgNC44ODQzOCAxMC43NSA1Ljk3MTg4QzEwLjc1IDYuNjc4MTMgMTAuMzcxOSA3LjMzMTI1IDkuNzU5MzcgNy42ODQzN0w4Ljc1IDguMjYyNUM4Ljc0Mzc1IDguNjY4NzUgOC40MDkzOCA5IDggOUM3LjU4NDM3IDkgNy4yNSA4LjY2NTYyIDcuMjUgOC4yNVY3LjgyODEyQzcuMjUgNy41NTkzNyA3LjM5Mzc1IDcuMzEyNSA3LjYyODEzIDcuMTc4MTJMOS4wMTI1IDYuMzg0MzhDOS4xNTkzOCA2LjMgOS4yNSA2LjE0Mzc1IDkuMjUgNS45NzVDOS4yNSA1LjcxMjUgOS4wMzc1IDUuNTAzMTMgOC43NzgxMiA1LjUwMzEzSDYuOTU2MjVDNi44NSA1LjUwMzEzIDYuNzU2MjUgNS41Njg3NSA2LjcyMTg4IDUuNjY4NzVMNi43MDkzNyA1LjcwNjI1QzYuNTcxODggNi4wOTY4OCA2LjE0MDYyIDYuMyA1Ljc1MzEzIDYuMTYyNUM1LjM2NTYzIDYuMDI1IDUuMTU5MzggNS41OTM3NSA1LjI5Njg4IDUuMjA2MjVMNS4zMDkzNyA1LjE2ODc1TDUuMzA2MjUgNS4xNjU2M1pNNyAxMUM3IDEwLjczNDggNy4xMDUzNiAxMC40ODA0IDcuMjkyODkgMTAuMjkyOUM3LjQ4MDQzIDEwLjEwNTQgNy43MzQ3OCAxMCA4IDEwQzguMjY1MjIgMTAgOC41MTk1NyAxMC4xMDU0IDguNzA3MTEgMTAuMjkyOUM4Ljg5NDY0IDEwLjQ4MDQgOSAxMC43MzQ4IDkgMTFDOSAxMS4yNjUyIDguODk0NjQgMTEuNTE5NiA4LjcwNzExIDExLjcwNzFDOC41MTk1NyAxMS44OTQ2IDguMjY1MjIgMTIgOCAxMkM3LjczNDc4IDEyIDcuNDgwNDMgMTEuODk0NiA3LjI5Mjg5IDExLjcwNzFDNy4xMDUzNiAxMS41MTk2IDcgMTEuMjY1MiA3IDExWiIgZmlsbD0iIzQ0NEY1NSIvPgo8L3N2Zz4=");
}

.svv-label--hide-label {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.svv-label-wrapper {
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  grid-template-columns: auto auto 1fr;
  grid-template-areas: "label button ."
                       "description description description";
  align-items: center;
  font-style: normal;
  display: grid;
}

.svv-validation-message {
  padding: var(--dimensions-2) var(--dimensions-4);
  font-size: var(--typography-font-size-3);
  font-style: normal;
  font-weight: var(--typography-font-weight-regular);
  line-height: var(--typography-line-height-3);
  border-radius: var(--border-radius-md);
}

.svv-validation-message :where(p) {
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
}

.svv-validation-message--error {
  color: var(--color-ui-danger-text-default);
  background-color: var(--color-ui-danger-surface-tinted);
}

.svv-validation-message--success {
  color: var(--color-ui-success-text-default);
  background-color: var(--color-ui-success-surface-tinted);
}

.svv-text-input {
  --test: var(--dimensions-9);
  width: 100%;
  min-height: var(--dimensions-9);
  padding: calc(var(--dimensions-3)  - var(--responsive-border-width-2)) var(--dimensions-2) calc(var(--dimensions-3)  - var(--responsive-border-width-2)) var(--dimensions-4);
  align-items: center;
  gap: var(--dimensions-2);
  border-radius: var(--responsive-border-radius-1);
  border: var(--responsive-border-width-2) solid var(--color-ui-neutral-border-default);
  background: var(--color-ui-neutral-surface-default);
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
  align-self: stretch;
  display: flex;
}

.svv-text-input:hover:not(:disabled) {
  border-color: var(--color-ui-neutral-border-strong);
}

.svv-text-input:focus-visible {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-text-input:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.svv-text-input[readonly] {
  background: var(--color-ui-neutral-surface-active);
  border: none;
}

.svv-text-input--error {
  border-color: var(--color-ui-danger-border-default);
}

.svv-text-input--error:hover:not(:disabled) {
  border-color: var(--color-ui-danger-border-strong);
}

.svv-text-input--success {
  border-color: var(--color-ui-success-border-default);
}

.svv-text-input--success:hover:not(:disabled) {
  border-color: var(--color-ui-success-border-strong);
}

.svv-text-input--with-clear-button {
  padding-right: calc(var(--dimensions-9)  + var(--dimensions-2)  - 2 * var(--responsive-border-width-2));
}

.svv-text-input__characterCounter {
  color: var(--color-ui-neutral-text-subtle);
}

.svv-text-input-wrapper {
  gap: var(--dimensions-1);
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  color: var(--color-ui-neutral-text-default);
  font-weight: var(--typography-font-weight-regular);
  flex-direction: column;
  font-style: normal;
  display: flex;
}

.svv-text-input-wrapper > div:empty {
  display: contents;
}

.svv-text-input-input-container {
  align-items: center;
  display: flex;
  position: relative;
}

.svv-text-input-input-container .svv-text-input__clear-trigger {
  right: var(--responsive-border-width-2);
  width: calc(var(--dimensions-9)  - 2 * var(--responsive-border-width-2));
  height: calc(var(--dimensions-9)  - 2 * var(--responsive-border-width-2));
  border-radius: var(--responsive-border-radius-1);
  cursor: pointer;
  color: var(--color-ui-neutral-text-subtle);
  position: absolute;
}

.svv-text-area {
  min-height: var(--dimensions-17);
  padding: var(--dimensions-3) var(--dimensions-4) var(--dimensions-3) var(--dimensions-4);
  align-items: center;
  gap: var(--dimensions-2);
  border-radius: var(--responsive-border-radius-1);
  border: var(--responsive-border-width-2) solid var(--color-ui-neutral-border-default);
  background: var(--color-ui-neutral-surface-default);
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-weight: inherit;
  align-self: stretch;
  display: flex;
}

.svv-text-area:hover:not(:disabled) {
  border-color: var(--color-ui-neutral-border-strong);
}

.svv-text-area:focus-visible {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-text-area:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.svv-text-area--error {
  border-color: var(--color-ui-danger-border-default);
}

.svv-text-area--error:hover:not(:disabled) {
  border-color: var(--color-ui-danger-border-strong);
}

.svv-text-area[readonly] {
  background: var(--color-ui-neutral-surface-active);
  border: none;
}

.svv-text-area__characterCounter {
  color: var(--color-ui-neutral-text-subtle);
}

.svv-text-area-wrapper {
  gap: var(--dimensions-1);
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  color: var(--color-ui-neutral-text-default);
  font-weight: var(--typography-font-weight-regular);
  flex-direction: column;
  font-style: normal;
  display: flex;
}

.svv-text-area-wrapper > div:empty {
  display: contents;
}

.svv-select {
  appearance: none;
  width: 100%;
  min-height: var(--dimensions-9);
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: var(--responsive-border-radius-1);
  border: var(--responsive-border-width-2) solid var(--color-ui-neutral-border-default);
  background-color: var(--color-ui-neutral-surface-default);
  padding: calc(var(--dimensions-3)  - var(--responsive-border-width-2)) var(--dimensions-4);
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.svv-select:hover:not(:disabled):not([aria-readonly="true"]) {
  border-color: var(--color-ui-neutral-border-strong);
  cursor: pointer;
}

.svv-select:focus-visible {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-select:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.svv-select:disabled + .svv-select__chevron-icon {
  opacity: .3;
}

.svv-select--error {
  border-color: var(--color-ui-danger-border-default);
}

.svv-select--error:hover:not(:disabled):not([aria-readonly="true"]) {
  border-color: var(--color-ui-danger-border-strong);
}

.svv-select[aria-readonly="true"] {
  background: var(--color-ui-neutral-surface-active);
  cursor: default;
  border: none;
}

.svv-select__chevron-icon {
  right: var(--dimensions-4);
  width: var(--icon-2);
  height: var(--icon-2);
  color: inherit;
  pointer-events: none;
  transition: transform .1s ease-in-out;
  position: absolute;
}

.svv-select:open + .svv-select__chevron-icon {
  transform: rotate(180deg);
}

.svv-select__container {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.svv-select-wrapper {
  gap: var(--dimensions-1);
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  color: var(--color-ui-neutral-text-default);
  font-weight: var(--typography-font-weight-regular);
  flex-direction: column;
  font-style: normal;
  display: flex;
}

.svv-select-wrapper > div:empty {
  display: contents;
}

.svv-radio-group {
  gap: var(--dimensions-1);
  border: 0;
  flex-direction: column;
  display: flex;
}

.svv-radio-group--horizontal .svv-radio-group__radio-wrapper {
  gap: var(--dimensions-2) var(--dimensions-6);
  flex-flow: wrap;
}

.svv-radio-group__radio-wrapper {
  gap: var(--dimensions-2);
  flex-direction: column;
  display: flex;
}

.svv-radio-group > div:empty {
  display: contents;
}

.svv-radio {
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  font-weight: var(--typography-font-weight-regular);
  color: var(--color-ui-neutral-text-default);
  align-items: start;
  gap: 0 var(--dimensions-2);
  width: fit-content;
  font-style: normal;
  display: flex;
}

.svv-radio__input {
  width: var(--dimensions-7);
  height: var(--dimensions-7);
  border-radius: var(--border-radius-full);
  border: var(--responsive-border-width-2) solid var(--color-ui-neutral-border-default);
  background-color: var(--color-ui-neutral-surface-default);
  cursor: pointer;
  appearance: none;
  flex-shrink: 0;
}

.svv-radio__input:is(input[type="radio"]) {
  position: static;
}

.svv-radio__input:is(input[type="radio"]:not(:disabled)) {
  opacity: 1;
}

.svv-radio__input:hover:not(:disabled) {
  border-color: var(--color-ui-neutral-border-strong);
}

.svv-radio__input:checked:hover:not(:disabled) {
  background-color: var(--color-ui-neutral-base-hover);
}

.svv-radio__input:checked {
  background-color: var(--color-ui-neutral-base-default);
  box-shadow: inset 0 0 0 var(--dimensions-1) var(--color-ui-neutral-surface-default);
}

.svv-radio__input:focus-visible {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-radio__input:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.svv-radio--error .svv-radio__input {
  border-color: var(--color-ui-danger-border-default);
}

.svv-radio--error .svv-radio__input:hover:not(:disabled) {
  border-color: var(--color-ui-danger-border-strong);
}

.svv-radio--error .svv-radio__input:checked:hover:not(:disabled) {
  background-color: var(--color-ui-danger-base-hover);
}

.svv-radio--error .svv-radio__input:checked {
  background-color: var(--color-ui-danger-base-active);
}

.svv-radio__label {
  margin-top: var(--component-checkbox-and-radio-label);
}

.svv-radio__label .svv-label {
  font-weight: var(--typography-font-weight-regular);
}

.svv-checkbox-group {
  gap: var(--dimensions-1);
  border: 0;
  flex-direction: column;
  display: flex;
}

.svv-checkbox-group--horizontal .svv-checkbox-group__checkbox-wrapper {
  gap: var(--dimensions-2) var(--dimensions-6);
  flex-flow: wrap;
}

.svv-checkbox-group__checkbox-wrapper {
  gap: var(--dimensions-2);
  flex-direction: column;
  display: flex;
}

.svv-checkbox-group > div:empty {
  display: contents;
}

.svv-checkbox {
  align-items: start;
  gap: 0 var(--dimensions-2);
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  font-weight: var(--typography-font-weight-regular);
  color: var(--color-ui-neutral-text-default);
  grid-template-columns: auto auto 1fr;
  grid-template-areas: "input checkboxLabel ."
                       "validation validation validation";
  font-style: normal;
  display: grid;
}

.svv-checkbox__input {
  width: var(--dimensions-7);
  height: var(--dimensions-7);
  border-radius: var(--border-radius-sm);
  border: var(--responsive-border-width-2) solid var(--color-ui-neutral-border-default);
  background-color: var(--color-ui-neutral-surface-default);
  cursor: pointer;
  appearance: none;
  grid-area: input;
  justify-content: center;
  align-items: center;
  display: flex;
}

.svv-checkbox__input:is(input[type="checkbox"]) {
  position: static;
}

.svv-checkbox__input:is(input[type="checkbox"]:not(:disabled)) {
  opacity: 1;
}

.svv-checkbox__input:hover:not(:disabled) {
  border-color: var(--color-ui-neutral-border-strong);
}

.svv-checkbox__input:focus-visible {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-checkbox__input:checked {
  background-color: var(--color-ui-neutral-base-default);
  border: none;
}

.svv-checkbox__input:checked:hover:not(:disabled) {
  background-color: var(--color-ui-neutral-base-hover);
}

.svv-checkbox__input:checked:after {
  content: "";
  background-color: var(--color-ui-neutral-base-contrast-default);
  width: var(--dimensions-4);
  height: var(--dimensions-4);
  transition: transform .2s ease-in-out;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjNDQ0RjU1Ij4KPHBhdGggZD0iTTE1Ljc0ODMgMi42Nzk3N0MxNi4wODM5IDMuMDE1NDEgMTYuMDgzOSAzLjU1ODE0IDE1Ljc0ODMgMy44OTAyMUw2LjMyMTggMTMuMzIwM0M1Ljk4NjE2IDEzLjY1NTkgNS40NDM0MyAxMy42NTU5IDUuMTExMzYgMTMuMzIwM0wwLjI1MTczIDguNDY0MTlDLTAuMDgzOTA5OCA4LjEyODU1IC0wLjA4MzkwOTggNy41ODU4MiAwLjI1MTczIDcuMjUzNzVDMC41ODczNjkgNi45MjE2OCAxLjEzMDEgNi45MTgxMSAxLjQ2MjE3IDcuMjUzNzVMNS43MTEyMyAxMS41MDI4TDE0LjUzNDMgMi42Nzk3N0MxNC44Njk5IDIuMzQ0MTMgMTUuNDEyNiAyLjM0NDEzIDE1Ljc0NDcgMi42Nzk3N0gxNS43NDgzWiIgZmlsbD0iIzQ0NEY1NSIvPgo8L3N2Zz4=");
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}

.svv-checkbox__input[data-indeterminate="true"]:not(:checked) {
  background-color: var(--color-ui-neutral-base-default);
  border: none;
}

.svv-checkbox__input[data-indeterminate="true"]:not(:checked):after {
  content: "";
  background-color: var(--color-ui-neutral-base-contrast-default);
  width: var(--dimensions-4);
  height: var(--dimensions-4);
  transition: transform .2s ease-in-out;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSIjNDQ0RjU1Ij4KICA8cGF0aCBkPSJNMCA3Ljk5OTk5QzAgNy4zMzQ5OSAwLjUzNSA2Ljc5OTk5IDEuMiA2Ljc5OTk5SDE0LjhDMTUuNDY1IDYuNzk5OTkgMTYgNy4zMzQ5OSAxNiA3Ljk5OTk5QzE2IDguNjY0OTkgMTUuNDY1IDkuMTk5OTkgMTQuOCA5LjE5OTk5SDEuMkMwLjUzNSA5LjE5OTk5IDAgOC42NjQ5OSAwIDcuOTk5OTlaIiBmaWxsPSIjNDQ0RjU1Ii8+Cjwvc3ZnPg==");
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}

.svv-checkbox__input:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.svv-checkbox--error .svv-checkbox__input {
  border-color: var(--color-ui-danger-border-default);
}

.svv-checkbox--error .svv-checkbox__input:hover:not(:disabled) {
  border-color: var(--color-ui-danger-border-strong);
}

.svv-checkbox--error .svv-checkbox__input:checked {
  background-color: var(--color-ui-danger-base-active);
}

.svv-checkbox--error .svv-checkbox__input:checked:hover:not(:disabled) {
  background-color: var(--color-ui-danger-base-hover);
}

.svv-checkbox__label {
  margin-top: var(--component-checkbox-and-radio-label);
  grid-area: checkboxLabel;
}

.svv-checkbox__label .svv-label {
  font-weight: var(--typography-font-weight-regular);
}

.svv-checkbox__validation-message {
  margin-top: var(--dimensions-1);
  grid-area: validation;
}

.svv-checkbox--hide-label {
  display: flex;
}

.svv-alert {
  border-width: var(--responsive-border-width-2);
  border-radius: var(--responsive-border-radius-2);
  gap: var(--dimensions-4);
  padding: var(--dimensions-6);
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
  font-weight: var(--typography-font-weight-regular);
  border-style: solid;
  display: flex;
}

.svv-alert--neutral {
  color: var(--color-ui-neutral-text-default);
  border-color: var(--color-ui-neutral-border-default);
}

.svv-alert--neutralSubtle {
  background-color: var(--color-ui-neutral-background-default);
}

.svv-alert--neutralStrong {
  background-color: var(--color-ui-neutral-surface-tinted);
}

.svv-alert--neutral .svv-alert__icon {
  color: var(--color-ui-neutral-base-default);
}

.svv-alert--success {
  color: var(--color-ui-success-text-default);
  border-color: var(--color-ui-success-border-default);
}

.svv-alert--successSubtle {
  background-color: var(--color-ui-success-background-default);
}

.svv-alert--successStrong {
  background-color: var(--color-ui-success-surface-tinted);
}

.svv-alert--success .svv-alert__icon {
  color: var(--color-ui-success-base-default);
}

.svv-alert--info {
  color: var(--color-ui-info-text-default);
  border-color: var(--color-ui-info-border-default);
}

.svv-alert--infoSubtle {
  background-color: var(--color-ui-info-background-default);
}

.svv-alert--infoStrong {
  background-color: var(--color-ui-info-surface-tinted);
}

.svv-alert--info .svv-alert__icon {
  color: var(--color-ui-info-base-default);
}

.svv-alert--warning {
  color: var(--color-ui-warning-text-default);
  border-color: var(--color-ui-warning-border-default);
}

.svv-alert--warningSubtle {
  background-color: var(--color-ui-warning-background-default);
}

.svv-alert--warningStrong {
  background-color: var(--color-ui-warning-surface-tinted);
}

.svv-alert--warning .svv-alert__icon {
  color: var(--color-ui-warning-base-default);
}

.svv-alert--danger {
  color: var(--color-ui-danger-text-default);
  border-color: var(--color-ui-danger-border-default);
}

.svv-alert--dangerSubtle {
  background-color: var(--color-ui-danger-background-default);
}

.svv-alert--dangerStrong {
  background-color: var(--color-ui-danger-surface-tinted);
}

.svv-alert--danger .svv-alert__icon {
  color: var(--color-ui-danger-base-default);
}

.svv-alert__icon {
  width: var(--icon-4);
  height: var(--icon-4);
  margin: var(--component-alert-icon-padding-top) 0;
  flex-shrink: 0;
}

.svv-alert__content {
  gap: var(--dimensions-1);
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.svv-alert__content :where(p) {
  font-size: var(--typography-font-size-3);
  line-height: var(--typography-line-height-3);
}

.svv-alert__content > :first-child:not(.svv-alert__heading) {
  min-height: var(--typography-line-height-5);
  flex-direction: column;
  justify-content: center;
  display: inline-flex;
}

.svv-alert__heading {
  font-size: var(--typography-font-size-5);
  line-height: var(--typography-line-height-5);
  font-weight: var(--typography-font-weight-regular);
  margin-bottom: 0;
}

.svv-alert__close-button {
  flex-shrink: 0;
}

.svv-link {
  cursor: pointer;
  color: inherit;
  align-items: center;
  gap: var(--dimensions-1);
  font-weight: inherit;
  text-decoration: underline;
  text-decoration-color: inherit;
  text-decoration-thickness: var(--border-width-sm);
  text-underline-offset: 4px;
  font-size: inherit;
  line-height: inherit;
  display: inline-flex;
}

.svv-link svg {
  height: var(--icon-2);
  width: auto;
}

.svv-link:hover {
  text-decoration-thickness: var(--border-width-md);
}

.svv-link:active {
  text-decoration-thickness: var(--border-width-lg);
}

.svv-link:focus-visible {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
  border-radius: var(--border-radius-sm);
}

.svv-error-summary__list {
  gap: var(--dimensions-1);
  flex-direction: column;
  list-style: outside;
  display: flex;
}

/*# sourceMappingURL=main.css.map */:root,
[data-theme="light"] {
  --border-radius-md: 0.5rem /* 8px */;
  --border-radius-full: 624.9375rem /* 9999px */;
  --border-radius-xs: 0.125rem /* 2px */;
  --border-radius-sm: 0.25rem /* 4px */;
  --border-radius-lg: 0.75rem /* 12px */;
  --border-radius-xl: 1rem /* 16px */;
  --border-radius-none: 0rem /* 0px */;
  --border-radius-xxl: 1.25rem /* 20px */;
  --border-radius-3xl: 1.5rem /* 24px */;
  --border-width-sm: 1px;
  --border-width-md: 2px;
  --border-width-lg: 3px;
  --layout-breakpoint-xs: 0px;
  --layout-breakpoint-sm: 576px;
  --layout-breakpoint-md: 768px;
  --layout-breakpoint-lg: 992px;
  --layout-breakpoint-xl: 1200px;
  --layout-breakpoint-xxl: 1440px;
  --typography-font-weight-semibold: 600;
  --typography-font-weight-regular: 400;
  --typography-font-weight-bold: 700;
  --typography-font-weight-light: 300;
  --typography-font-family: LFT Etica, Arial, sans-serif;
  --z-index-1: 1000;
  --z-index-2: 1100;
  --z-index-3: 1200;
  --z-index-4: 1300;
  --z-index-5: 1400;
  --z-index-6: 1500;
  --color-brand-vegvesen-graa: #444f55ff;
  --color-brand-vegvesen-orange: #ff9600ff;
  --color-brand-vegvesen-white: #ffffffff;
  --color-brand-vegvesen-black: #000000ff;
  --color-brand-tillegg-black: #000000ff;
  --color-brand-tillegg-blue-regular: #077197ff;
  --color-brand-tillegg-green-regular: #158925ff;
  --color-brand-tillegg-orange-dark: #E27500ff;
  --color-brand-tillegg-red-dark: #B63434ff;
  --color-ui-neutral-border-subtle: #b8bcbfff;
  --color-ui-neutral-background-tinted: #f3f4f4ff;
  --color-ui-neutral-surface-hover: #d8dadbff;
  --color-ui-neutral-background-default: #ffffffff;
  --color-ui-neutral-surface-active: #c7caccff;
  --color-ui-neutral-border-default: #727a7fff;
  --color-ui-neutral-base-active: #252b2eff;
  --color-ui-neutral-border-strong: #555f64ff;
  --color-ui-neutral-base-contrast-default: #ffffffff;
  --color-ui-neutral-surface-default: #ffffffff;
  --color-ui-neutral-base-hover: #343c41ff;
  --color-ui-neutral-text-default: #262c30ff;
  --color-ui-neutral-base-default: #444f55ff;
  --color-ui-neutral-surface-tinted: #e7e9e9ff;
  --color-ui-neutral-base-contrast-subtle: #e9eaebff;
  --color-ui-neutral-text-subtle: #555f64ff;
  --color-ui-info-base-contrast-default: #ffffffff;
  --color-ui-info-base-active: #054961ff;
  --color-ui-info-base-hover: #065d7cff;
  --color-ui-info-border-strong: #066586ff;
  --color-ui-info-text-subtle: #066586ff;
  --color-ui-info-border-subtle: #96c3d3ff;
  --color-ui-info-border-default: #2582a3ff;
  --color-ui-info-surface-active: #acd0dcff;
  --color-ui-info-surface-hover: #c6dee7ff;
  --color-ui-info-surface-tinted: #dcebf0ff;
  --color-ui-info-surface-default: #ffffffff;
  --color-ui-info-base-default: #077197ff;
  --color-ui-info-text-default: #032f3fff;
  --color-ui-info-background-default: #ffffffff;
  --color-ui-info-base-contrast-subtle: #e6f1f5ff;
  --color-ui-info-background-tinted: #edf5f8ff;
  --color-ui-success-base-active: #0d5918ff;
  --color-ui-success-base-hover: #116e1eff;
  --color-ui-success-text-subtle: #106c1dff;
  --color-ui-success-border-subtle: #95c89cff;
  --color-ui-success-surface-hover: #c5e1c9ff;
  --color-ui-success-surface-tinted: #dceddeff;
  --color-ui-success-base-default: #148524ff;
  --color-ui-success-surface-default: #ffffffff;
  --color-ui-success-background-tinted: #edf6eeff;
  --color-ui-success-surface-active: #acd4b2ff;
  --color-ui-success-border-strong: #106c1dff;
  --color-ui-success-text-default: #08330eff;
  --color-ui-success-base-contrast-subtle: #f7fbf8ff;
  --color-ui-success-background-default: #ffffffff;
  --color-ui-success-border-default: #208b2fff;
  --color-ui-success-base-contrast-default: #ffffffff;
  --color-ui-warning-base-contrast-default: #000000ff;
  --color-ui-warning-base-active: #efb16fff;
  --color-ui-warning-base-default: #e27500ff;
  --color-ui-warning-text-default: #442300ff;
  --color-ui-warning-border-strong: #914b00ff;
  --color-ui-warning-surface-active: #f2c18dff;
  --color-ui-warning-surface-hover: #f6d4b0ff;
  --color-ui-warning-surface-tinted: #fae5d0ff;
  --color-ui-warning-surface-default: #ffffffff;
  --color-ui-warning-text-subtle: #914b00ff;
  --color-ui-warning-base-hover: #e9953bff;
  --color-ui-warning-background-default: #ffffffff;
  --color-ui-warning-border-subtle: #eeaf6bff;
  --color-ui-warning-base-contrast-subtle: #221301ff;
  --color-ui-warning-background-tinted: #fff5e6ff;
  --color-ui-warning-border-default: #bb6100ff;
  --color-ui-danger-base-contrast-default: #ffffffff;
  --color-ui-danger-base-contrast-subtle: #f6e5e5ff;
  --color-ui-danger-text-default: #511717ff;
  --color-ui-danger-text-subtle: #ab3131ff;
  --color-ui-danger-border-subtle: #e2afafff;
  --color-ui-danger-surface-active: #e9c1c1ff;
  --color-ui-danger-surface-default: #ffffffff;
  --color-ui-danger-background-default: #ffffffff;
  --color-ui-danger-surface-tinted: #f6e5e5ff;
  --color-ui-danger-background-tinted: #faf2f2ff;
  --color-ui-danger-base-active: #732121ff;
  --color-ui-danger-base-default: #b63434ff;
  --color-ui-danger-border-strong: #ab3131ff;
  --color-ui-danger-base-hover: #932a2aff;
  --color-ui-danger-border-default: #c35757ff;
  --color-ui-danger-surface-hover: #efd4d4ff;
  --color-ui-other-focus-highlight: var(--color-ui-info-base-default);
  --color-ui-other-overlay: #444F5580;
  --color-ui-other-shadow-xs-layer-1: #00000040;
  --color-ui-other-shadow-xs-layer-2: #0000001f;
  --color-ui-other-shadow-sm-layer-1: #0000003b;
  --color-ui-other-shadow-sm-layer-2: #00000029;
  --color-ui-other-shadow-md-layer-1: #0000003b;
  --color-ui-other-shadow-md-layer-2: #00000030;
  --color-ui-other-shadow-lg-layer-1: #00000040;
  --color-ui-other-shadow-lg-layer-2: #00000038;
  --color-ui-other-shadow-xl-layer-1: #0000004d;
  --color-ui-other-shadow-xl-layer-2: #00000038;
  --color-trafikkskilt-skilt-oransje: #ff8200ff;
  --color-trafikkskilt-skilt-blaa: #003da5ff;
  --color-trafikkskilt-skilt-gulgronn-fluorescerende: #ece81aff;
  --color-trafikkskilt-skilt-hvit: #ffffffff;
  --color-trafikkskilt-skilt-rod: #e03c31ff;
  --color-trafikkskilt-skilt-gul: #f2a900ff;
  --color-trafikkskilt-skilt-brun: #a45a2aff;
  --color-trafikkskilt-skilt-gronn: #008553ff;
  --color-trafikkskilt-skilt-graa: #9d968dff;
  --color-trafikkskilt-skilt-svart: #2d2926ff;
  --color-trafikkskilt-skilt-burgunder: #9d2235ff;
  --shadow-xs: 0px 1px 2px 0px var(--color-ui-other-shadow-xs-layer-1), 0px 1px 3px 0px var(--color-ui-other-shadow-xs-layer-2);
  --shadow-sm: 0px 3px 6px 0px var(--color-ui-other-shadow-sm-layer-1), 0px 3px 6px 0px var(--color-ui-other-shadow-sm-layer-2);
  --shadow-md: 0px 6px 6px 0px var(--color-ui-other-shadow-md-layer-1), 0px 10px 20px 0px var(--color-ui-other-shadow-md-layer-2);
  --shadow-lg: 0px 10px 10px 0px var(--color-ui-other-shadow-lg-layer-1), 0px 14px 28px 0px var(--color-ui-other-shadow-lg-layer-2);
  --shadow-xl: 0px 15px 12px 0px var(--color-ui-other-shadow-xl-layer-1), 0px 19px 38px 0px var(--color-ui-other-shadow-xl-layer-2);
  --responsive-border-width-1: 1px;
  --responsive-border-width-2: 2px;
  --responsive-border-width-3: 3px;
  --responsive-border-radius-1: 0.5rem /* 8px */;
  --responsive-border-radius-2: 0.75rem /* 12px */;
  --responsive-border-radius-3: 1rem /* 16px */;
  --typography-line-height-1: 1rem /* 16px */;
  --typography-line-height-2: 1.25rem /* 20px */;
  --typography-line-height-3: 1.5rem /* 24px */;
  --typography-line-height-4: 1.75rem /* 28px */;
  --typography-line-height-5: 2rem /* 32px */;
  --typography-line-height-6: 2.25rem /* 36px */;
  --typography-line-height-7: 2.5rem /* 40px */;
  --typography-line-height-8: 2.75rem /* 44px */;
  --typography-line-height-9: 3rem /* 48px */;
  --typography-line-height-10: 3.25rem /* 52px */;
  --typography-line-height-11: 3.5rem /* 56px */;
  --typography-line-height-12: 3.75rem /* 60px */;
  --typography-line-height-13: 4rem /* 64px */;
  --typography-font-size-1: 0.75rem /* 12px */;
  --typography-font-size-2: 0.875rem /* 14px */;
  --typography-font-size-3: 1rem /* 16px */;
  --typography-font-size-4: 1.125rem /* 18px */;
  --typography-font-size-5: 1.25rem /* 20px */;
  --typography-font-size-6: 1.5rem /* 24px */;
  --typography-font-size-7: 1.75rem /* 28px */;
  --typography-font-size-8: 2rem /* 32px */;
  --typography-font-size-9: 2.5rem /* 40px */;
  --typography-font-size-10: 3rem /* 48px */;
  --dimensions-0: 0rem /* 0px */;
  --dimensions-1: 0.25rem /* 4px */;
  --dimensions-2: 0.5rem /* 8px */;
  --dimensions-3: 0.75rem /* 12px */;
  --dimensions-4: 1rem /* 16px */;
  --dimensions-5: 1.25rem /* 20px */;
  --dimensions-6: 1.5rem /* 24px */;
  --dimensions-7: 2rem /* 32px */;
  --dimensions-8: 2.5rem /* 40px */;
  --dimensions-9: 3rem /* 48px */;
  --dimensions-10: 3.5rem /* 56px */;
  --dimensions-11: 4rem /* 64px */;
  --dimensions-12: 4.5rem /* 72px */;
  --dimensions-13: 5rem /* 80px */;
  --dimensions-14: 5.5rem /* 88px */;
  --dimensions-15: 6rem /* 96px */;
  --dimensions-16: 6.5rem /* 104px */;
  --dimensions-17: 7.5rem /* 120px */;
  --icon-1: 0.75rem /* 12px */;
  --icon-2: 1rem /* 16px */;
  --icon-3: 1.25rem /* 20px */;
  --icon-4: 1.5rem /* 24px */;
  --icon-5: 2rem /* 32px */;
  --component-iconbutton-width: 3rem /* 48px */;
  --component-iconbutton-height: 3rem /* 48px */;
  --component-feedback-message-content-padding-left: 2rem /* 32px */;
  --component-feedback-message-icon-padding-top: 0.25rem /* 4px */;
  --component-checkbox-and-radio-label: 0.25rem /* 4px */;
  --component-alert-icon-padding-top: 0.25rem /* 4px */;
  --component-unordered-list-bullet-size: 0.375rem /* 6px */;
}

[data-theme="dark"] {
  --color-brand-vegvesen-graa: #444f55ff;
  --color-brand-vegvesen-orange: #ff9600ff;
  --color-brand-vegvesen-white: #ffffffff;
  --color-brand-vegvesen-black: #000000ff;
  --color-brand-tillegg-black: #000000ff;
  --color-brand-tillegg-blue-regular: #077197ff;
  --color-brand-tillegg-green-regular: #158925ff;
  --color-brand-tillegg-orange-dark: #E27500ff;
  --color-brand-tillegg-red-dark: #B63434ff;
  --color-ui-neutral-border-subtle: #4a5156ff;
  --color-ui-neutral-background-tinted: #1d2022ff;
  --color-ui-neutral-surface-hover: #31363aff;
  --color-ui-neutral-background-default: #16181aff;
  --color-ui-neutral-surface-active: #3e4448ff;
  --color-ui-neutral-border-default: #7d8285ff;
  --color-ui-neutral-base-active: #737b80ff;
  --color-ui-neutral-border-strong: #a5a8abff;
  --color-ui-neutral-base-contrast-default: #000000ff;
  --color-ui-neutral-surface-default: #25282bff;
  --color-ui-neutral-base-hover: #888f93ff;
  --color-ui-neutral-text-default: #ececedff;
  --color-ui-neutral-base-default: #9ea4a7ff;
  --color-ui-neutral-surface-tinted: #2a2e31ff;
  --color-ui-neutral-base-contrast-subtle: #141516ff;
  --color-ui-neutral-text-subtle: #a5a8abff;
  --color-ui-info-base-contrast-default: #000000ff;
  --color-ui-info-base-active: #81b7caff;
  --color-ui-info-base-hover: #5fa3bcff;
  --color-ui-info-border-strong: #8dadbbff;
  --color-ui-info-text-subtle: #8dadbbff;
  --color-ui-info-border-subtle: #2b5569ff;
  --color-ui-info-border-default: #5a879dff;
  --color-ui-info-surface-active: #244758ff;
  --color-ui-info-surface-hover: #1d3946ff;
  --color-ui-info-surface-tinted: #19313cff;
  --color-ui-info-surface-default: #152a34ff;
  --color-ui-info-base-default: #3b8fadff;
  --color-ui-info-text-default: #e7edf1ff;
  --color-ui-info-background-default: #0d191fff;
  --color-ui-info-base-contrast-subtle: #091519ff;
  --color-ui-info-background-tinted: #112229ff;
  --color-ui-success-base-active: #6fb479ff;
  --color-ui-success-base-hover: #4ba257ff;
  --color-ui-success-text-subtle: #8bb18cff;
  --color-ui-success-border-subtle: #2c5a2eff;
  --color-ui-success-surface-hover: #1e3c1fff;
  --color-ui-success-surface-tinted: #1a331aff;
  --color-ui-success-base-default: #248d33ff;
  --color-ui-success-surface-default: #162d17ff;
  --color-ui-success-background-tinted: #122312ff;
  --color-ui-success-surface-active: #254b26ff;
  --color-ui-success-border-strong: #8bb18cff;
  --color-ui-success-text-default: #e6eee6ff;
  --color-ui-success-base-contrast-subtle: #020602ff;
  --color-ui-success-background-default: #0d1b0eff;
  --color-ui-success-border-default: #568e57ff;
  --color-ui-success-base-contrast-default: #000000ff;
  --color-ui-warning-base-contrast-default: #ffffffff;
  --color-ui-warning-base-active: #613504ff;
  --color-ui-warning-base-default: #985407ff;
  --color-ui-warning-text-default: #f5ebe2ff;
  --color-ui-warning-border-strong: #ce9e78ff;
  --color-ui-warning-surface-active: #5c3c23ff;
  --color-ui-warning-surface-hover: #49301cff;
  --color-ui-warning-surface-tinted: #3f2918ff;
  --color-ui-warning-surface-default: #372415ff;
  --color-ui-warning-text-subtle: #ce9e78ff;
  --color-ui-warning-base-hover: #7c4405ff;
  --color-ui-warning-background-default: #21150cff;
  --color-ui-warning-border-subtle: #6d4729ff;
  --color-ui-warning-base-contrast-subtle: #f2e9dfff;
  --color-ui-warning-background-tinted: #2b1c10ff;
  --color-ui-warning-border-default: #b07343ff;
  --color-ui-danger-base-contrast-default: #000000ff;
  --color-ui-danger-base-contrast-subtle: #221313ff;
  --color-ui-danger-text-default: #f4eae9ff;
  --color-ui-danger-text-subtle: #cc9c99ff;
  --color-ui-danger-border-subtle: #803b37ff;
  --color-ui-danger-surface-active: #6b322eff;
  --color-ui-danger-surface-default: #401e1cff;
  --color-ui-danger-background-default: #271211ff;
  --color-ui-danger-surface-tinted: #4a2220ff;
  --color-ui-danger-background-tinted: #331816ff;
  --color-ui-danger-base-active: #dfa7a7ff;
  --color-ui-danger-base-default: #cc7171ff;
  --color-ui-danger-border-strong: #cc9c99ff;
  --color-ui-danger-base-hover: #d68d8dff;
  --color-ui-danger-border-default: #b46e6aff;
  --color-ui-danger-surface-hover: #562825ff;
  --color-ui-other-focus-highlight: var(--color-ui-info-base-default);
  --color-ui-other-overlay: #9ea3a780;
  --color-ui-other-shadow-xs-layer-1: #00000040;
  --color-ui-other-shadow-xs-layer-2: #00000026;
  --color-ui-other-shadow-sm-layer-1: #0000004d;
  --color-ui-other-shadow-sm-layer-2: #00000033;
  --color-ui-other-shadow-md-layer-1: #00000059;
  --color-ui-other-shadow-md-layer-2: #00000040;
  --color-ui-other-shadow-lg-layer-1: #00000066;
  --color-ui-other-shadow-lg-layer-2: #0000004d;
  --color-ui-other-shadow-xl-layer-1: #00000073;
  --color-ui-other-shadow-xl-layer-2: #00000059;
  --color-trafikkskilt-skilt-oransje: #ff8200ff;
  --color-trafikkskilt-skilt-blaa: #003da5ff;
  --color-trafikkskilt-skilt-gulgronn-fluorescerende: #ece81aff;
  --color-trafikkskilt-skilt-hvit: #ffffffff;
  --color-trafikkskilt-skilt-rod: #e03c31ff;
  --color-trafikkskilt-skilt-gul: #f2a900ff;
  --color-trafikkskilt-skilt-brun: #a45a2aff;
  --color-trafikkskilt-skilt-gronn: #008553ff;
  --color-trafikkskilt-skilt-graa: #9d968dff;
  --color-trafikkskilt-skilt-svart: #2d2926ff;
  --color-trafikkskilt-skilt-burgunder: #9d2235ff;
}

@media (prefers-color-scheme: light) {
[data-theme="auto"] {
  --color-brand-vegvesen-graa: #444f55ff;
  --color-brand-vegvesen-orange: #ff9600ff;
  --color-brand-vegvesen-white: #ffffffff;
  --color-brand-vegvesen-black: #000000ff;
  --color-brand-tillegg-black: #000000ff;
  --color-brand-tillegg-blue-regular: #077197ff;
  --color-brand-tillegg-green-regular: #158925ff;
  --color-brand-tillegg-orange-dark: #E27500ff;
  --color-brand-tillegg-red-dark: #B63434ff;
  --color-ui-neutral-border-subtle: #b8bcbfff;
  --color-ui-neutral-background-tinted: #f3f4f4ff;
  --color-ui-neutral-surface-hover: #d8dadbff;
  --color-ui-neutral-background-default: #ffffffff;
  --color-ui-neutral-surface-active: #c7caccff;
  --color-ui-neutral-border-default: #727a7fff;
  --color-ui-neutral-base-active: #252b2eff;
  --color-ui-neutral-border-strong: #555f64ff;
  --color-ui-neutral-base-contrast-default: #ffffffff;
  --color-ui-neutral-surface-default: #ffffffff;
  --color-ui-neutral-base-hover: #343c41ff;
  --color-ui-neutral-text-default: #262c30ff;
  --color-ui-neutral-base-default: #444f55ff;
  --color-ui-neutral-surface-tinted: #e7e9e9ff;
  --color-ui-neutral-base-contrast-subtle: #e9eaebff;
  --color-ui-neutral-text-subtle: #555f64ff;
  --color-ui-info-base-contrast-default: #ffffffff;
  --color-ui-info-base-active: #054961ff;
  --color-ui-info-base-hover: #065d7cff;
  --color-ui-info-border-strong: #066586ff;
  --color-ui-info-text-subtle: #066586ff;
  --color-ui-info-border-subtle: #96c3d3ff;
  --color-ui-info-border-default: #2582a3ff;
  --color-ui-info-surface-active: #acd0dcff;
  --color-ui-info-surface-hover: #c6dee7ff;
  --color-ui-info-surface-tinted: #dcebf0ff;
  --color-ui-info-surface-default: #ffffffff;
  --color-ui-info-base-default: #077197ff;
  --color-ui-info-text-default: #032f3fff;
  --color-ui-info-background-default: #ffffffff;
  --color-ui-info-base-contrast-subtle: #e6f1f5ff;
  --color-ui-info-background-tinted: #edf5f8ff;
  --color-ui-success-base-active: #0d5918ff;
  --color-ui-success-base-hover: #116e1eff;
  --color-ui-success-text-subtle: #106c1dff;
  --color-ui-success-border-subtle: #95c89cff;
  --color-ui-success-surface-hover: #c5e1c9ff;
  --color-ui-success-surface-tinted: #dceddeff;
  --color-ui-success-base-default: #148524ff;
  --color-ui-success-surface-default: #ffffffff;
  --color-ui-success-background-tinted: #edf6eeff;
  --color-ui-success-surface-active: #acd4b2ff;
  --color-ui-success-border-strong: #106c1dff;
  --color-ui-success-text-default: #08330eff;
  --color-ui-success-base-contrast-subtle: #f7fbf8ff;
  --color-ui-success-background-default: #ffffffff;
  --color-ui-success-border-default: #208b2fff;
  --color-ui-success-base-contrast-default: #ffffffff;
  --color-ui-warning-base-contrast-default: #000000ff;
  --color-ui-warning-base-active: #efb16fff;
  --color-ui-warning-base-default: #e27500ff;
  --color-ui-warning-text-default: #442300ff;
  --color-ui-warning-border-strong: #914b00ff;
  --color-ui-warning-surface-active: #f2c18dff;
  --color-ui-warning-surface-hover: #f6d4b0ff;
  --color-ui-warning-surface-tinted: #fae5d0ff;
  --color-ui-warning-surface-default: #ffffffff;
  --color-ui-warning-text-subtle: #914b00ff;
  --color-ui-warning-base-hover: #e9953bff;
  --color-ui-warning-background-default: #ffffffff;
  --color-ui-warning-border-subtle: #eeaf6bff;
  --color-ui-warning-base-contrast-subtle: #221301ff;
  --color-ui-warning-background-tinted: #fff5e6ff;
  --color-ui-warning-border-default: #bb6100ff;
  --color-ui-danger-base-contrast-default: #ffffffff;
  --color-ui-danger-base-contrast-subtle: #f6e5e5ff;
  --color-ui-danger-text-default: #511717ff;
  --color-ui-danger-text-subtle: #ab3131ff;
  --color-ui-danger-border-subtle: #e2afafff;
  --color-ui-danger-surface-active: #e9c1c1ff;
  --color-ui-danger-surface-default: #ffffffff;
  --color-ui-danger-background-default: #ffffffff;
  --color-ui-danger-surface-tinted: #f6e5e5ff;
  --color-ui-danger-background-tinted: #faf2f2ff;
  --color-ui-danger-base-active: #732121ff;
  --color-ui-danger-base-default: #b63434ff;
  --color-ui-danger-border-strong: #ab3131ff;
  --color-ui-danger-base-hover: #932a2aff;
  --color-ui-danger-border-default: #c35757ff;
  --color-ui-danger-surface-hover: #efd4d4ff;
  --color-ui-other-focus-highlight: var(--color-ui-info-base-default);
  --color-ui-other-overlay: #444F5580;
  --color-ui-other-shadow-xs-layer-1: #00000040;
  --color-ui-other-shadow-xs-layer-2: #0000001f;
  --color-ui-other-shadow-sm-layer-1: #0000003b;
  --color-ui-other-shadow-sm-layer-2: #00000029;
  --color-ui-other-shadow-md-layer-1: #0000003b;
  --color-ui-other-shadow-md-layer-2: #00000030;
  --color-ui-other-shadow-lg-layer-1: #00000040;
  --color-ui-other-shadow-lg-layer-2: #00000038;
  --color-ui-other-shadow-xl-layer-1: #0000004d;
  --color-ui-other-shadow-xl-layer-2: #00000038;
  --color-trafikkskilt-skilt-oransje: #ff8200ff;
  --color-trafikkskilt-skilt-blaa: #003da5ff;
  --color-trafikkskilt-skilt-gulgronn-fluorescerende: #ece81aff;
  --color-trafikkskilt-skilt-hvit: #ffffffff;
  --color-trafikkskilt-skilt-rod: #e03c31ff;
  --color-trafikkskilt-skilt-gul: #f2a900ff;
  --color-trafikkskilt-skilt-brun: #a45a2aff;
  --color-trafikkskilt-skilt-gronn: #008553ff;
  --color-trafikkskilt-skilt-graa: #9d968dff;
  --color-trafikkskilt-skilt-svart: #2d2926ff;
  --color-trafikkskilt-skilt-burgunder: #9d2235ff;
}
}
@media (prefers-color-scheme: dark) {
[data-theme="auto"] {
  --color-brand-vegvesen-graa: #444f55ff;
  --color-brand-vegvesen-orange: #ff9600ff;
  --color-brand-vegvesen-white: #ffffffff;
  --color-brand-vegvesen-black: #000000ff;
  --color-brand-tillegg-black: #000000ff;
  --color-brand-tillegg-blue-regular: #077197ff;
  --color-brand-tillegg-green-regular: #158925ff;
  --color-brand-tillegg-orange-dark: #E27500ff;
  --color-brand-tillegg-red-dark: #B63434ff;
  --color-ui-neutral-border-subtle: #4a5156ff;
  --color-ui-neutral-background-tinted: #1d2022ff;
  --color-ui-neutral-surface-hover: #31363aff;
  --color-ui-neutral-background-default: #16181aff;
  --color-ui-neutral-surface-active: #3e4448ff;
  --color-ui-neutral-border-default: #7d8285ff;
  --color-ui-neutral-base-active: #737b80ff;
  --color-ui-neutral-border-strong: #a5a8abff;
  --color-ui-neutral-base-contrast-default: #000000ff;
  --color-ui-neutral-surface-default: #25282bff;
  --color-ui-neutral-base-hover: #888f93ff;
  --color-ui-neutral-text-default: #ececedff;
  --color-ui-neutral-base-default: #9ea4a7ff;
  --color-ui-neutral-surface-tinted: #2a2e31ff;
  --color-ui-neutral-base-contrast-subtle: #141516ff;
  --color-ui-neutral-text-subtle: #a5a8abff;
  --color-ui-info-base-contrast-default: #000000ff;
  --color-ui-info-base-active: #81b7caff;
  --color-ui-info-base-hover: #5fa3bcff;
  --color-ui-info-border-strong: #8dadbbff;
  --color-ui-info-text-subtle: #8dadbbff;
  --color-ui-info-border-subtle: #2b5569ff;
  --color-ui-info-border-default: #5a879dff;
  --color-ui-info-surface-active: #244758ff;
  --color-ui-info-surface-hover: #1d3946ff;
  --color-ui-info-surface-tinted: #19313cff;
  --color-ui-info-surface-default: #152a34ff;
  --color-ui-info-base-default: #3b8fadff;
  --color-ui-info-text-default: #e7edf1ff;
  --color-ui-info-background-default: #0d191fff;
  --color-ui-info-base-contrast-subtle: #091519ff;
  --color-ui-info-background-tinted: #112229ff;
  --color-ui-success-base-active: #6fb479ff;
  --color-ui-success-base-hover: #4ba257ff;
  --color-ui-success-text-subtle: #8bb18cff;
  --color-ui-success-border-subtle: #2c5a2eff;
  --color-ui-success-surface-hover: #1e3c1fff;
  --color-ui-success-surface-tinted: #1a331aff;
  --color-ui-success-base-default: #248d33ff;
  --color-ui-success-surface-default: #162d17ff;
  --color-ui-success-background-tinted: #122312ff;
  --color-ui-success-surface-active: #254b26ff;
  --color-ui-success-border-strong: #8bb18cff;
  --color-ui-success-text-default: #e6eee6ff;
  --color-ui-success-base-contrast-subtle: #020602ff;
  --color-ui-success-background-default: #0d1b0eff;
  --color-ui-success-border-default: #568e57ff;
  --color-ui-success-base-contrast-default: #000000ff;
  --color-ui-warning-base-contrast-default: #ffffffff;
  --color-ui-warning-base-active: #613504ff;
  --color-ui-warning-base-default: #985407ff;
  --color-ui-warning-text-default: #f5ebe2ff;
  --color-ui-warning-border-strong: #ce9e78ff;
  --color-ui-warning-surface-active: #5c3c23ff;
  --color-ui-warning-surface-hover: #49301cff;
  --color-ui-warning-surface-tinted: #3f2918ff;
  --color-ui-warning-surface-default: #372415ff;
  --color-ui-warning-text-subtle: #ce9e78ff;
  --color-ui-warning-base-hover: #7c4405ff;
  --color-ui-warning-background-default: #21150cff;
  --color-ui-warning-border-subtle: #6d4729ff;
  --color-ui-warning-base-contrast-subtle: #f2e9dfff;
  --color-ui-warning-background-tinted: #2b1c10ff;
  --color-ui-warning-border-default: #b07343ff;
  --color-ui-danger-base-contrast-default: #000000ff;
  --color-ui-danger-base-contrast-subtle: #221313ff;
  --color-ui-danger-text-default: #f4eae9ff;
  --color-ui-danger-text-subtle: #cc9c99ff;
  --color-ui-danger-border-subtle: #803b37ff;
  --color-ui-danger-surface-active: #6b322eff;
  --color-ui-danger-surface-default: #401e1cff;
  --color-ui-danger-background-default: #271211ff;
  --color-ui-danger-surface-tinted: #4a2220ff;
  --color-ui-danger-background-tinted: #331816ff;
  --color-ui-danger-base-active: #dfa7a7ff;
  --color-ui-danger-base-default: #cc7171ff;
  --color-ui-danger-border-strong: #cc9c99ff;
  --color-ui-danger-base-hover: #d68d8dff;
  --color-ui-danger-border-default: #b46e6aff;
  --color-ui-danger-surface-hover: #562825ff;
  --color-ui-other-focus-highlight: var(--color-ui-info-base-default);
  --color-ui-other-overlay: #9ea3a780;
  --color-ui-other-shadow-xs-layer-1: #00000040;
  --color-ui-other-shadow-xs-layer-2: #00000026;
  --color-ui-other-shadow-sm-layer-1: #0000004d;
  --color-ui-other-shadow-sm-layer-2: #00000033;
  --color-ui-other-shadow-md-layer-1: #00000059;
  --color-ui-other-shadow-md-layer-2: #00000040;
  --color-ui-other-shadow-lg-layer-1: #00000066;
  --color-ui-other-shadow-lg-layer-2: #0000004d;
  --color-ui-other-shadow-xl-layer-1: #00000073;
  --color-ui-other-shadow-xl-layer-2: #00000059;
  --color-trafikkskilt-skilt-oransje: #ff8200ff;
  --color-trafikkskilt-skilt-blaa: #003da5ff;
  --color-trafikkskilt-skilt-gulgronn-fluorescerende: #ece81aff;
  --color-trafikkskilt-skilt-hvit: #ffffffff;
  --color-trafikkskilt-skilt-rod: #e03c31ff;
  --color-trafikkskilt-skilt-gul: #f2a900ff;
  --color-trafikkskilt-skilt-brun: #a45a2aff;
  --color-trafikkskilt-skilt-gronn: #008553ff;
  --color-trafikkskilt-skilt-graa: #9d968dff;
  --color-trafikkskilt-skilt-svart: #2d2926ff;
  --color-trafikkskilt-skilt-burgunder: #9d2235ff;
}
}

[data-size="xs"] {
  --responsive-border-width-1: 1px;
  --responsive-border-width-2: 1px;
  --responsive-border-width-3: 2px;
  --responsive-border-radius-1: 0.25rem /* 4px */;
  --responsive-border-radius-2: 0.5rem /* 8px */;
  --responsive-border-radius-3: 0.5rem /* 8px */;
  --typography-line-height-1: 0.75rem /* 12px */;
  --typography-line-height-2: 0.75rem /* 12px */;
  --typography-line-height-3: 1rem /* 16px */;
  --typography-line-height-4: 1.25rem /* 20px */;
  --typography-line-height-5: 1.5rem /* 24px */;
  --typography-line-height-6: 1.75rem /* 28px */;
  --typography-line-height-7: 2rem /* 32px */;
  --typography-line-height-8: 2.25rem /* 36px */;
  --typography-line-height-9: 2.5rem /* 40px */;
  --typography-line-height-10: 2.75rem /* 44px */;
  --typography-line-height-11: 3rem /* 48px */;
  --typography-line-height-12: 3.25rem /* 52px */;
  --typography-line-height-13: 3.5rem /* 56px */;
  --typography-font-size-1: 0.625rem /* 10px */;
  --typography-font-size-2: 0.625rem /* 10px */;
  --typography-font-size-3: 0.75rem /* 12px */;
  --typography-font-size-4: 0.875rem /* 14px */;
  --typography-font-size-5: 1rem /* 16px */;
  --typography-font-size-6: 1.125rem /* 18px */;
  --typography-font-size-7: 1.25rem /* 20px */;
  --typography-font-size-8: 1.5rem /* 24px */;
  --typography-font-size-9: 1.75rem /* 28px */;
  --typography-font-size-10: 2rem /* 32px */;
  --dimensions-0: 0rem /* 0px */;
  --dimensions-1: 0.125rem /* 2px */;
  --dimensions-2: 0.25rem /* 4px */;
  --dimensions-3: 0.375rem /* 6px */;
  --dimensions-4: 0.5rem /* 8px */;
  --dimensions-5: 0.75rem /* 12px */;
  --dimensions-6: 1rem /* 16px */;
  --dimensions-7: 1.25rem /* 20px */;
  --dimensions-8: 1.5rem /* 24px */;
  --dimensions-9: 2rem /* 32px */;
  --dimensions-10: 2.5rem /* 40px */;
  --dimensions-11: 3rem /* 48px */;
  --dimensions-12: 3.5rem /* 56px */;
  --dimensions-13: 4rem /* 64px */;
  --dimensions-14: 4.5rem /* 72px */;
  --dimensions-15: 5rem /* 80px */;
  --dimensions-16: 5.5rem /* 88px */;
  --dimensions-17: 6rem /* 96px */;
  --icon-1: 0.5rem /* 8px */;
  --icon-2: 0.75rem /* 12px */;
  --icon-3: 1rem /* 16px */;
  --icon-4: 1.25rem /* 20px */;
  --icon-5: 1.5rem /* 24px */;
  --component-iconbutton-width: 1.5rem /* 24px */;
  --component-iconbutton-height: 1.5rem /* 24px */;
  --component-feedback-message-content-padding-left: 1rem /* 16px */;
  --component-feedback-message-icon-padding-top: 0.1875rem /* 3px */;
  --component-alert-icon-padding-top: 0.125rem /* 2px */;
  --component-checkbox-and-radio-label: 0.125rem /* 2px */;
  --component-unordered-list-bullet-size: 0.25rem /* 4px */;
}

[data-size="sm"] {
  --responsive-border-width-1: 1px;
  --responsive-border-width-2: 1px;
  --responsive-border-width-3: 2px;
  --responsive-border-radius-1: 0.25rem /* 4px */;
  --responsive-border-radius-2: 0.5rem /* 8px */;
  --responsive-border-radius-3: 0.75rem /* 12px */;
  --typography-line-height-1: 0.75rem /* 12px */;
  --typography-line-height-2: 1rem /* 16px */;
  --typography-line-height-3: 1.25rem /* 20px */;
  --typography-line-height-4: 1.5rem /* 24px */;
  --typography-line-height-5: 1.75rem /* 28px */;
  --typography-line-height-6: 2rem /* 32px */;
  --typography-line-height-7: 2.25rem /* 36px */;
  --typography-line-height-8: 2.5rem /* 40px */;
  --typography-line-height-9: 2.75rem /* 44px */;
  --typography-line-height-10: 3rem /* 48px */;
  --typography-line-height-11: 3.25rem /* 52px */;
  --typography-line-height-12: 3.5rem /* 56px */;
  --typography-line-height-13: 3.75rem /* 60px */;
  --typography-font-size-1: 0.625rem /* 10px */;
  --typography-font-size-2: 0.75rem /* 12px */;
  --typography-font-size-3: 0.875rem /* 14px */;
  --typography-font-size-4: 1rem /* 16px */;
  --typography-font-size-5: 1.125rem /* 18px */;
  --typography-font-size-6: 1.25rem /* 20px */;
  --typography-font-size-7: 1.5rem /* 24px */;
  --typography-font-size-8: 1.75rem /* 28px */;
  --typography-font-size-9: 2rem /* 32px */;
  --typography-font-size-10: 2.5rem /* 40px */;
  --dimensions-0: 0rem /* 0px */;
  --dimensions-1: 0.25rem /* 4px */;
  --dimensions-2: 0.375rem /* 6px */;
  --dimensions-3: 0.5rem /* 8px */;
  --dimensions-4: 0.75rem /* 12px */;
  --dimensions-5: 1rem /* 16px */;
  --dimensions-6: 1.25rem /* 20px */;
  --dimensions-7: 1.5rem /* 24px */;
  --dimensions-8: 2rem /* 32px */;
  --dimensions-9: 2.5rem /* 40px */;
  --dimensions-10: 3rem /* 48px */;
  --dimensions-11: 3.5rem /* 56px */;
  --dimensions-12: 4rem /* 64px */;
  --dimensions-13: 4.5rem /* 72px */;
  --dimensions-14: 5rem /* 80px */;
  --dimensions-15: 5.5rem /* 88px */;
  --dimensions-16: 6rem /* 96px */;
  --dimensions-17: 6.5rem /* 104px */;
  --icon-1: 0.75rem /* 12px */;
  --icon-2: 0.75rem /* 12px */;
  --icon-3: 1rem /* 16px */;
  --icon-4: 1.25rem /* 20px */;
  --icon-5: 1.5rem /* 24px */;
  --component-iconbutton-width: 2.25rem /* 36px */;
  --component-iconbutton-height: 2.25rem /* 36px */;
  --component-feedback-message-content-padding-left: 1.5rem /* 24px */;
  --component-feedback-message-icon-padding-top: 0.25rem /* 4px */;
  --component-checkbox-and-radio-label: 0.125rem /* 2px */;
  --component-alert-icon-padding-top: 0.25rem /* 4px */;
  --component-unordered-list-bullet-size: 0.3125rem /* 5px */;
}

[data-size="md"] {
  --responsive-border-width-1: 1px;
  --responsive-border-width-2: 2px;
  --responsive-border-width-3: 3px;
  --responsive-border-radius-1: 0.5rem /* 8px */;
  --responsive-border-radius-2: 0.75rem /* 12px */;
  --responsive-border-radius-3: 1rem /* 16px */;
  --typography-line-height-1: 1rem /* 16px */;
  --typography-line-height-2: 1.25rem /* 20px */;
  --typography-line-height-3: 1.5rem /* 24px */;
  --typography-line-height-4: 1.75rem /* 28px */;
  --typography-line-height-5: 2rem /* 32px */;
  --typography-line-height-6: 2.25rem /* 36px */;
  --typography-line-height-7: 2.5rem /* 40px */;
  --typography-line-height-8: 2.75rem /* 44px */;
  --typography-line-height-9: 3rem /* 48px */;
  --typography-line-height-10: 3.25rem /* 52px */;
  --typography-line-height-11: 3.5rem /* 56px */;
  --typography-line-height-12: 3.75rem /* 60px */;
  --typography-line-height-13: 4rem /* 64px */;
  --typography-font-size-1: 0.75rem /* 12px */;
  --typography-font-size-2: 0.875rem /* 14px */;
  --typography-font-size-3: 1rem /* 16px */;
  --typography-font-size-4: 1.125rem /* 18px */;
  --typography-font-size-5: 1.25rem /* 20px */;
  --typography-font-size-6: 1.5rem /* 24px */;
  --typography-font-size-7: 1.75rem /* 28px */;
  --typography-font-size-8: 2rem /* 32px */;
  --typography-font-size-9: 2.5rem /* 40px */;
  --typography-font-size-10: 3rem /* 48px */;
  --dimensions-0: 0rem /* 0px */;
  --dimensions-1: 0.25rem /* 4px */;
  --dimensions-2: 0.5rem /* 8px */;
  --dimensions-3: 0.75rem /* 12px */;
  --dimensions-4: 1rem /* 16px */;
  --dimensions-5: 1.25rem /* 20px */;
  --dimensions-6: 1.5rem /* 24px */;
  --dimensions-7: 2rem /* 32px */;
  --dimensions-8: 2.5rem /* 40px */;
  --dimensions-9: 3rem /* 48px */;
  --dimensions-10: 3.5rem /* 56px */;
  --dimensions-11: 4rem /* 64px */;
  --dimensions-12: 4.5rem /* 72px */;
  --dimensions-13: 5rem /* 80px */;
  --dimensions-14: 5.5rem /* 88px */;
  --dimensions-15: 6rem /* 96px */;
  --dimensions-16: 6.5rem /* 104px */;
  --dimensions-17: 7.5rem /* 120px */;
  --icon-1: 0.75rem /* 12px */;
  --icon-2: 1rem /* 16px */;
  --icon-3: 1.25rem /* 20px */;
  --icon-4: 1.5rem /* 24px */;
  --icon-5: 2rem /* 32px */;
  --component-iconbutton-width: 3rem /* 48px */;
  --component-iconbutton-height: 3rem /* 48px */;
  --component-feedback-message-content-padding-left: 2rem /* 32px */;
  --component-feedback-message-icon-padding-top: 0.25rem /* 4px */;
  --component-checkbox-and-radio-label: 0.25rem /* 4px */;
  --component-alert-icon-padding-top: 0.25rem /* 4px */;
  --component-unordered-list-bullet-size: 0.375rem /* 6px */;
}

[data-size="lg"] {
  --responsive-border-width-1: 2px;
  --responsive-border-width-2: 3px;
  --responsive-border-width-3: 4px;
  --responsive-border-radius-1: 0.75rem /* 12px */;
  --responsive-border-radius-2: 1rem /* 16px */;
  --responsive-border-radius-3: 1.5rem /* 24px */;
  --typography-line-height-1: 1.25rem /* 20px */;
  --typography-line-height-2: 1.5rem /* 24px */;
  --typography-line-height-3: 1.75rem /* 28px */;
  --typography-line-height-4: 2rem /* 32px */;
  --typography-line-height-5: 2.25rem /* 36px */;
  --typography-line-height-6: 2.5rem /* 40px */;
  --typography-line-height-7: 2.75rem /* 44px */;
  --typography-line-height-8: 3rem /* 48px */;
  --typography-line-height-9: 3.25rem /* 52px */;
  --typography-line-height-10: 3.5rem /* 56px */;
  --typography-line-height-11: 3.75rem /* 60px */;
  --typography-line-height-12: 4rem /* 64px */;
  --typography-line-height-13: 4.25rem /* 68px */;
  --typography-font-size-1: 0.875rem /* 14px */;
  --typography-font-size-2: 1rem /* 16px */;
  --typography-font-size-3: 1.125rem /* 18px */;
  --typography-font-size-4: 1.25rem /* 20px */;
  --typography-font-size-5: 1.5rem /* 24px */;
  --typography-font-size-6: 1.75rem /* 28px */;
  --typography-font-size-7: 2rem /* 32px */;
  --typography-font-size-8: 2.5rem /* 40px */;
  --typography-font-size-9: 3rem /* 48px */;
  --typography-font-size-10: 3.75rem /* 60px */;
  --dimensions-0: 0rem /* 0px */;
  --dimensions-1: 0.5rem /* 8px */;
  --dimensions-2: 0.75rem /* 12px */;
  --dimensions-3: 1rem /* 16px */;
  --dimensions-4: 1.25rem /* 20px */;
  --dimensions-5: 1.5rem /* 24px */;
  --dimensions-6: 2rem /* 32px */;
  --dimensions-7: 2.5rem /* 40px */;
  --dimensions-8: 3rem /* 48px */;
  --dimensions-9: 3.5rem /* 56px */;
  --dimensions-10: 4rem /* 64px */;
  --dimensions-11: 4.5rem /* 72px */;
  --dimensions-12: 5rem /* 80px */;
  --dimensions-13: 5.5rem /* 88px */;
  --dimensions-14: 6rem /* 96px */;
  --dimensions-15: 6.5rem /* 104px */;
  --dimensions-16: 7.5rem /* 120px */;
  --dimensions-17: 8.5rem /* 136px */;
  --icon-1: 1rem /* 16px */;
  --icon-2: 1.25rem /* 20px */;
  --icon-3: 1.5rem /* 24px */;
  --icon-4: 2rem /* 32px */;
  --icon-5: 1.75rem /* 28px */;
  --component-iconbutton-width: 3.75rem /* 60px */;
  --component-iconbutton-height: 3.75rem /* 60px */;
  --component-feedback-message-content-padding-left: 2.5rem /* 40px */;
  --component-feedback-message-icon-padding-top: 0.25rem /* 4px */;
  --component-checkbox-and-radio-label: 0.375rem /* 6px */;
  --component-alert-icon-padding-top: 0.125rem /* 2px */;
  --component-unordered-list-bullet-size: 0.5rem /* 8px */;
}:root {
  --component-input-border-radius: var(--border-radius-md);
  --component-input-border-width: var(--border-width-md);
  --component-input-border-color: var(--colors-borders-quaternary);
  --colors-brand-orange: var(--colors-interaction-tertiary);
  --colors-brand-white: var(--colors-backgrounds-primary);
  --colors-brand-grey-dark: var(--colors-information-neutral-primary);
  --colors-brand-grey-light: var(--colors-backgrounds-secondary);
  --colors-brand-grey-medium: #dadada;
  --colors-support-gray-regular-dark: var(--colors-borders-secondary);
  --spacing-xxxxs: .06rem;
  --spacing-xxxs: .125rem;
  --spacing-3px: .1875rem;
  --spacing-5px: .313rem;
  --spacing-6px: .375rem;
  --spacing-7px: .4375rem;
  --spacing-10px: .625rem;
  --spacing-11px: .688rem;
  --spacing-17px: 1.063rem;
  --spacing-19px: 1.188rem;
  --spacing-20px: 1.125rem;
  --spacing-25px: 1.563rem;
  --spacing-28px: 1.75rem;
  --spacing-29px: 1.183rem;
  --spacing-30px: 1.875rem;
  --spacing-36px: 2.25rem;
  --spacing-38px: 2.375rem;
  --spacing-44px: 2.75rem;
  --spacing-80px: 5rem;
  --spacing-12xl: 9.25rem;
  --min-width-44px: 2.75rem;
  --min-width-134px: 8.375rem;
  --min-width-265px: ;
  --max-width-160px: 10rem;
  --max-width-220px: 13.75rem;
  --max-width-245px: 15.313rem;
  --max-width-280px: 17.5rem;
  --max-width-342px: 21.375rem;
  --max-width-360px: 22.5rem;
  --max-width-416px: 26rem;
  --max-width-456px: 28.5rem;
  --max-width-648px: 40.5rem;
  --max-width-720px: 45rem;
  --min-height-44px: 2.75rem;
  --min-height-80px: 5rem;
  --min-height-94px: 5.875rem;
  --min-height-114px: 7.125rem;
  --min-height-176px: 11rem;
  --min-height-248: 15.5rem;
  --min-height-260px: 16.25rem;
  --min-height-280px: 17.5rem;
  --dimension-width-20px: 1.3rem;
  --dimension-width-22px: 1.375rem;
  --dimension-width-44px: 2.75rem;
  --dimension-width-360px: 22.5rem;
  --dimension-width-400px: 25rem;
  --dimension-height-20px: 1.3rem;
  --dimension-height-22px: 1.375rem;
  --dimension-height-44px: 2.75rem;
  --dimension-height-80px: 5rem;
  --dimension-height-100px: 6.25rem;
  --size-medium-width: 58.5rem;
  --size-max-width: 70.5rem;
  --size-article-body-max-width: 40.5rem;
  --box-shadow-spread-minus: -.188rem;
  --border-width-xl: .313rem;
  --typography-line-height-18: 1.125rem;
  --typography-line-height-18px: 1.125rem;
  --typography-line-height-21px: 1.313rem;
}

.svv-dropdown {
  --component-dropdown-button-border-width: var(--border-width-md);
  --component-dropdown-button-border-radius: var(--border-radius-md);
  --component-dropdown-button-border-color: var(--colors-borders-senary);
  --component-dropdown-popover-border-radius: var(--border-radius-lg);
  position: relative;
}

.svv-dropdown__button {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm);
  border: var(--component-dropdown-button-border-width) solid var(--component-dropdown-button-border-color);
  font-family: var(--typography-font-family);
  font-style: normal;
  font-weight: var(--typography-font-weight-semibold);
  font-size: var(--typography-font-size-sm);
  line-height: var(--typography-line-height-md);
  color: var(--colors-text-primary);
  background-color: var(--colors-backgrounds-primary);
  border-radius: var(--component-dropdown-button-border-radius);
  display: flex;
}

.svv-dropdown__button--sm {
  padding: var(--spacing-xs) var(--spacing-md);
}

.svv-dropdown__button--md {
  padding: var(--spacing-sm) var(--spacing-lg);
}

.svv-dropdown__button--lg {
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--typography-font-size-md);
  line-height: var(--typography-line-height-lg);
}

.svv-dropdown__button:hover {
  box-shadow: 0 0 0 var(--spacing-xxxxs) var(--colors-borders-quaternary);
}

.svv-dropdown__button:focus-visible {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
}

.svv-dropdown__button a {
  text-decoration: underline;
}

.svv-dropdown__button-icon {
  width: var(--sizes-icons-md);
  height: var(--sizes-icons-md);
}

.svv-dropdown__popover {
  border-radius: var(--component-dropdown-popover-border-radius);
  background-color: var(--colors-backgrounds-primary);
  font-size: var(--typography-font-size-md);
  width: 100%;
  z-index: var(--z-index-dropdown);
  max-height: 25rem;
  padding: var(--spacing-xs) 0 var(--spacing-md) 0;
  margin-block-start: var(--spacing-xs);
  margin: var(--spacing-sm) 0 0 0;
  max-width: 904px;
  box-shadow: var(--shadow-md);
  position: absolute;
  inset: auto;
  overflow-y: auto;
}

.svv-dropdown__popover:popover-open {
  position: absolute;
  top: 10rem;
}

.svv-dropdown__list-item {
  list-style: none;
}

.svv-dropdown__ul {
  padding: 0;
}

.svv-dropdown__li-button {
  padding: var(--spacing-sm) var(--spacing-lg);
  align-items: center;
  gap: var(--spacing-xs);
  width: 100%;
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size-sm);
  font-style: normal;
  font-weight: var(--typography-font-weight-light);
  line-height: var(--typography-line-height-md);
  color: var(--colors-text-primary);
  align-self: stretch;
  display: flex;
}

.svv-dropdown__li-button:hover {
  background-color: var(--colors-backgrounds-secondary);
}

.svv-dropdown__li-button:focus-visible {
  outline: var(--border-width-lg) solid var(--colors-focus-primary);
  outline-offset: var(--border-width-md);
  outline-offset: calc(var(--border-width-lg) * -1);
  border-radius: var(--border-radius-sm);
}

.svv-dropdown__li-button-icon {
  width: var(--sizes-icons-md);
  height: var(--sizes-icons-md);
}

.svv-dropdown__li-header {
  font-family: var(--typography-font-family);
  font-size: var(--typography-font-size-sm);
  font-style: normal;
  font-weight: var(--typography-font-weight-regular);
  line-height: var(--typography-line-height-md);
  padding: var(--spacing-sm) var(--spacing-lg);
  color: var(--colors-text-secondary);
}
/*# sourceMappingURL=main.css.map */
.nav-btn {
    background: #ffffff;
    border: none;
    color: #444f55;
    padding: 0.6rem 0.7rem;
    font-family: 'LFT Etica Semibold', sans-serif;
    box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.3);
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.nav-btn:hover {
    background: rgba(255, 255, 255, 0.9);
}

.nav-btn__icon {
    display: inline-block;
    width: 2.6rem;
    height: 2.6rem;
}