:root, .sd-theme-ui-light { color-scheme: light; --sd-theme: "ui-light"; --sd-accordion-border-width: var(--sd-spacing-0\.25); --sd-accordion-padding-block: var(--sd-spacing-3); --sd-aspect-16\/10: 16 / 10; --sd-aspect-21\/9: 21 / 9; --sd-aspect-2\/1: 2 / 1; --sd-aspect-3\/2: 3 / 2; --sd-aspect-3\/4: 3 / 4; --sd-aspect-4\/3: 4 / 3; --sd-aspect-4\/5: 4 / 5; --sd-aspect-5\/4: 5 / 4; --sd-aspect-6\/5: 6 / 5; --sd-aspect-golden-ratio: 1.6180339887498948482 / 1; --sd-aspect-square: 1 / 1; --sd-aspect-video: 16 / 9; --sd-border-width-2: 0.125rem; --sd-border-width-4: 0.25rem; --sd-border-width-6: 0.375rem; --sd-border-width: 0.0625rem; --sd-button--size-lg-border-radius: var(--sd-spacing-1); --sd-button--size-lg-font-size: var(--sd-spacing-4); --sd-button--size-lg-icon-font-size: var(--sd-spacing-6); --sd-button--size-lg-padding-block: var(--sd-spacing-2); --sd-button--size-md-border-radius: var(--sd-spacing-1); --sd-button--size-md-font-size: var(--sd-spacing-4); --sd-button--size-md-padding-block: var(--sd-spacing-2); --sd-color-accent-100: #b6dfaa; --sd-color-accent-200: #8ed082; --sd-color-accent-300: #6cc254; --sd-color-accent-400: #2d9d00; --sd-color-accent-500: #25880e; --sd-color-accent-550: #367b28; --sd-color-accent-600: #316f24; --sd-color-accent-700: #215725; --sd-color-accent-800: #19411b; --sd-color-accent: #2d9d00; --sd-color-black: #181818; --sd-color-default-color: rgba(81, 81, 81, 0.75); --sd-color-error-300: #cc1937; --sd-color-error-400: #ac1938; --sd-color-error: #cc1937; --sd-color-info: #1582d5; --sd-color-neutral-100: #f6f6f6; --sd-color-neutral-200: #e9e9e9; --sd-color-neutral-300: #dadada; --sd-color-neutral-400: #c3c3c3; --sd-color-neutral-500: #aeaeae; --sd-color-neutral-600: #888888; --sd-color-neutral-700: #686868; --sd-color-neutral-800: #515151; --sd-color-primary-100: #ecf0f9; --sd-color-primary-200: #e0e9f3; --sd-color-primary-300: #c8d5e7; --sd-color-primary-400: #99abd0; --sd-color-primary-500: #466daf; --sd-color-primary-600: #00358e; --sd-color-primary-700: #132e6e; --sd-color-primary-750: #0a204a; --sd-color-primary-800: #051530; --sd-color-primary-900: #020920; --sd-color-primary: #00358e; --sd-color-risk-high: #fa9b1e; --sd-color-risk-increased: #fff000; --sd-color-risk-low: #017dc3; --sd-color-risk-moderate: #00a593; --sd-color-risk-veryhigh: #ff0000; --sd-color-sm-color: #515151; --sd-color-success: #367b28; --sd-color-warning: #bb8d20; --sd-color-white: #ffffff; --sd-font-primary: "Frutiger Neue fuer UI Web"; --sd-font-weight-bold: 700; --sd-font-weight-normal: 400; --sd-header-padding-bottom: 0; --sd-navigable-border-radius: 0; --sd-navigable-font-size: var(--sd-spacing-4); --sd-navigable__current-indicator-border-radius: 0; --sd-navigable__current-indicator-height: var(--sd-spacing-1); --sd-opacity-0: 0%; --sd-opacity-100: 100%; --sd-opacity-10: 10%; --sd-opacity-20: 20%; --sd-opacity-30: 30%; --sd-opacity-50: 50%; --sd-opacity-55: 55%; --sd-opacity-5: 5%; --sd-opacity-60: 60%; --sd-opacity-70: 70%; --sd-opacity-75: 75%; --sd-opacity-80: 80%; --sd-opacity-85: 85%; --sd-opacity-90: 90%; --sd-radius-full: 624.9375rem; --sd-radius-lg: 0.5rem; --sd-radius-md: 0.375rem; --sd-radius-none: 0; --sd-radius-sm: 0.125rem; --sd-radius: 0.25rem; --sd-sizing-10: 2.5rem; --sd-sizing-12: 3rem; --sd-sizing-16: 4rem; --sd-sizing-20: 5rem; --sd-sizing-24: 6rem; --sd-sizing-2: 0.5rem; --sd-sizing-2\.5: 0.625rem; --sd-sizing-3: 0.75rem; --sd-sizing-4: 1rem; --sd-sizing-5: 1.25rem; --sd-sizing-6: 1.5rem; --sd-sizing-8: 2rem; --sd-spacing-0\.25: 0.0625rem; --sd-spacing-0\.5: 0.125rem; --sd-spacing-10: 2.5rem; --sd-spacing-12: 3rem; --sd-spacing-16: 4rem; --sd-spacing-1: 0.25rem; --sd-spacing-1\.5: 0.375rem; --sd-spacing-20: 5rem; --sd-spacing-24: 6rem; --sd-spacing-2: 0.5rem; --sd-spacing-32: 8rem; --sd-spacing-3: 0.75rem; --sd-spacing-40: 10rem; --sd-spacing-4: 1rem; --sd-spacing-6: 1.5rem; --sd-spacing-8: 2rem; --sd-text-2xl: 1.75rem; --sd-text-3xl: 2rem; --sd-text-4xl: 2.5rem; --sd-text-base: 1rem; --sd-text-lg: 1.25rem; --sd-text-sm: 0.875rem; --sd-text-xl: 1.5rem; } .sd-theme-ui-light { --sd-shadow-sm: 0.5px 0.5px 1.5px var(--sd-color-neutral-800); --sd-shadow: 0 1px 3px var(--sd-color-neutral-800); --sd-drop-shadow-sm: 0.5px 0.5px 1.5px var(--sd-color-neutral-800); --sd-drop-shadow: 0 1px 3px var(--sd-color-neutral-800); }