@import "shoelace.css"; @import "fonts.css"; @import "missing.css"; @import "group-alias.css"; @import "primitives.css"; @import "hub-alias.css"; :host, :root { --hds-alert-dark-color-bg-success: var(--hds-color-neutral-950); --hds-alert-dark-color-bg-warning: var(--hds-color-neutral-950); --hds-alert-dark-color-bg-danger: var(--hds-color-neutral-950); --hds-alert-dark-color-bg-info: var(--hds-color-neutral-950); --hds-alert-dark-color-bg-neutral: var(--hds-color-neutral-950); --hds-alert-dark-color-border-success: var(--hds-color-border-success); --hds-alert-dark-color-border-warning: var(--hds-color-border-warning); --hds-alert-dark-color-border-danger: var(--hds-color-danger-500); --hds-alert-dark-color-border-info: var(--hds-color-lightblue-600); --hds-alert-dark-color-border-neutral: var(--hds-color-neutral-300); --hds-alert-dark-color-icon-success: var(--hds-color-fg-success); --hds-alert-dark-color-icon-warning: var(--hds-color-fg-warning); --hds-alert-dark-color-icon-danger: var(--hds-color-danger-500); --hds-alert-dark-color-icon-info: var(--hds-color-lightblue-600); --hds-alert-dark-color-icon-neutral: var(--hds-color-neutral-300); --hds-alert-dark-color-icon-close-success: var( --hds-color-alpha-lightNeutral-60 ); --hds-alert-dark-color-icon-close-warning: var( --hds-color-alpha-lightNeutral-60 ); --hds-alert-dark-color-icon-close-danger: var( --hds-color-alpha-lightNeutral-60 ); --hds-alert-dark-color-icon-close-info: var( --hds-color-alpha-lightNeutral-60 ); --hds-alert-dark-color-icon-close-neutral: var( --hds-color-alpha-lightNeutral-60 ); --hds-alert-dark-color-text-success: var(--hds-color-fg-inverse); --hds-alert-dark-color-text-warning: var(--hds-color-fg-inverse); --hds-alert-dark-color-text-danger: var(--hds-color-fg-inverse); --hds-alert-dark-color-text-info: var(--hds-color-fg-inverse); --hds-alert-dark-color-text-neutral: var(--hds-color-fg-inverse); --hds-border-radius-none: var(--hds-border-radius-0); --hds-border-radius-sm: var(--hds-border-radius-3); --hds-border-radius-base: var(--hds-border-radius-4); --hds-border-radius-lg: var(--hds-border-radius-8); --hds-border-radius-xl: var(--hds-border-radius-16); --hds-border-radius-full: var(--hds-border-radius-100); --hds-border-width-none: var(--hds-border-width-0); --hds-border-width-sm: var(--hds-border-width-1); --hds-border-width-md: var(--hds-border-width-2); --hds-border-width-lg: var(--hds-border-width-3); --hds-border-width-xl: var(--hds-border-width-4); --hds-button-gap: var(--hds-space-2x); --hds-button-base-height: var(--hds-size-40); --hds-button-base-width-min: var(--hds-size-64); --hds-button-border-radius: var(--hds-border-radius-4); --hds-button-border-focus-radius: var(--hds-border-radius-6); --hds-button-color-bg-opacity-hover-onDark: var( --hds-color-alpha-lightNeutral-20 ); --hds-button-color-bg-opacity-hover-onLight: var( --hds-color-alpha-neutral-20 ); --hds-button-color-bg-opacity-press-onDarkTBC: var( --hds-color-alpha-lightNeutral-30 ); --hds-button-color-bg-opacity-press-onLightTBC: var( --hds-color-alpha-neutral-30 ); --hds-button-color-border-focus: var(--hds-color-border-focus); --hds-button-color-border-opacity-focus-onDark: var(--hds-color-neutral-0); --hds-button-color-border-opacity-focus-onLight: var(--hds-color-neutral-950); --hds-button-color-fg-opacity-onDark: var(--hds-color-alpha-lightNeutral-80); --hds-button-color-fg-opacity-onLight: var(--hds-color-alpha-neutral-80); --hds-button-extra-color-bg: var(--hds-color-secondary-100); --hds-button-extra-color-fg: var(--hds-color-secondary-900); --hds-button-extra-color-bg-hover: var(--hds-color-secondary-200); --hds-button-extra-color-bg-press: var(--hds-color-secondary-300); --hds-button-focus-padding: 0.21428571428571427rem; --hds-button-lg-height: var(--hds-size-48); --hds-button-lg-width-min: var(--hds-size-80); --hds-button-naked-color-fg: var(--hds-color-fg); --hds-button-naked-color-bg-hover: var(--hds-color-bg-neutral-subtle-hover); --hds-button-naked-color-bg-press: var(--hds-color-bg-neutral-subtle-press); --hds-button-secondary-color-bg: var(--hds-color-bg); --hds-button-secondary-color-border: var(--hds-color-border-neutral); --hds-button-secondary-color-fg: var(--hds-color-fg); --hds-button-secondary-color-bg-hover: var( --hds-color-bg-neutral-subtle-hover ); --hds-button-secondary-color-bg-press: var( --hds-color-bg-neutral-subtle-press ); --hds-button-sm-height: var(--hds-size-32); --hds-button-sm-width-min: var(--hds-size-48); --hds-button-tertiary-color-bg: var(--hds-color-bg-primary-subtle); --hds-button-tertiary-color-border: var(--hds-color-alpha-lightNeutral-0); --hds-button-tertiary-color-fg: var(--hds-color-fg-primary); --hds-button-tertiary-color-bg-hover: var( --hds-color-bg-primary-subtle-hover ); --hds-button-tertiary-color-bg-press: var( --hds-color-bg-primary-subtle-press ); --hds-button-tertiary-color-border-disabled: var( --hds-color-alpha-lightNeutral-0 ); --hds-cell-color-bg-neutral: var(--hds-color-grey-0); --hds-cell-color-bg-hover: var(--hds-color-primary-50); --hds-cell-color-bg-subtlest: var(--hds-color-neutral-50); --hds-cell-header-bg: var(--hds-color-alpha-lightNeutral-0); --hds-color-fg: var(--hds-color-neutral-950); --hds-color-bg: var(--hds-color-neutral-0); --hds-color-border: var(--hds-color-neutral-200); --hds-color-link: var(--hds-color-primary-700); --hds-color-bg-primary: var(--hds-color-primary-700); --hds-color-bg-secondary: var(--hds-color-secondary-700); --hds-color-bg-selected: var(--hds-color-secondary-100); --hds-color-bg-info: var(--hds-color-lightblue-700); --hds-color-bg-danger: var(--hds-color-danger-700); --hds-color-bg-success: var(--hds-color-success-800); --hds-color-bg-warning: var(--hds-color-warning-600); --hds-color-bg-input: var(--hds-color-bg); --hds-color-bg-surface: var(--hds-color-neutral-50); --hds-color-bg-disabled: var(--hds-color-neutral-100); --hds-color-bg-powerbar: var(--hds-color-supplementary-indigo); --hds-color-bg-neutral: var(--hds-color-neutral-500); --hds-color-bg-cell: var(--hds-color-neutral-0); --hds-color-bg-ai: var(--hds-color-jade-700); --hds-color-bg-accent-primary: var(--hds-color-primary-700); --hds-color-bg-accent-secondary: var(--hds-color-secondary-700); --hds-color-bg-accent-tertiary: var(--hds-color-tertiary-700); --hds-color-bg-accent-grey: var(--hds-color-neutral-950); --hds-color-bg-accent-lightblue: var(--hds-color-lightblue-700); --hds-color-bg-accent-blue: var(--hds-color-blue-700); --hds-color-bg-accent-purple: var(--hds-color-neonpurple-900); --hds-color-bg-accent-blue-subtle: var(--hds-color-blue-50); --hds-color-bg-accent-blue-hover: var(--hds-color-blue-100); --hds-color-bg-accent-blue-press: var(--hds-color-blue-200); --hds-color-bg-accent-lightblue-subtle: var(--hds-color-lightblue-50); --hds-color-bg-accent-lightblue-hover: var(--hds-color-lightblue-100); --hds-color-bg-accent-lightblue-press: var(--hds-color-lightblue-200); --hds-color-bg-accent-purple-subtle: var(--hds-color-neonpurple-100); --hds-color-bg-ai-subtle: var(--hds-color-jade-100); --hds-color-bg-danger-hover: var(--hds-color-danger-800); --hds-color-bg-danger-press: var(--hds-color-danger-900); --hds-color-bg-danger-subtle: var(--hds-color-danger-50); --hds-color-bg-info-subtle: var(--hds-color-lightblue-50); --hds-color-bg-info-hover: var(--hds-color-lightblue-800); --hds-color-bg-info-press: var(--hds-color-lightblue-900); --hds-color-bg-input-hover: var(--hds-color-neutral-100); --hds-color-bg-input-pressed: var(--hds-color-neutral-0); --hds-color-bg-neutral-hover: var(--hds-color-neutral-600); --hds-color-bg-neutral-pressed: var(--hds-color-neutral-700); --hds-color-bg-neutral-bold: var(--hds-color-neutral-700); --hds-color-bg-neutral-subtle: var(--hds-color-neutral-50); --hds-color-bg-neutral-bold-hover: var(--hds-color-neutral-800); --hds-color-bg-neutral-bold-press: var(--hds-color-neutral-900); --hds-color-bg-neutral-subtle-hover: var(--hds-color-neutral-100); --hds-color-bg-neutral-subtle-press: var(--hds-color-neutral-200); --hds-color-bg-primary-hover: var(--hds-color-primary-800); --hds-color-bg-primary-press: var(--hds-color-primary-900); --hds-color-bg-primary-subtle: var(--hds-color-primary-50); --hds-color-bg-primary-subtle-hover: var(--hds-color-primary-100); --hds-color-bg-primary-subtle-press: var(--hds-color-primary-200); --hds-color-bg-secondary-hover: var(--hds-color-secondary-800); --hds-color-bg-secondary-press: var(--hds-color-secondary-900); --hds-color-bg-secondary-subtle: var(--hds-color-secondary-50); --hds-color-bg-secondary-subtle-hover: var(--hds-color-secondary-100); --hds-color-bg-secondary-subtle-press: var(--hds-color-secondary-200); --hds-color-bg-selected-hover: var(--hds-color-secondary-200); --hds-color-bg-selected-press: var(--hds-color-secondary-300); --hds-color-bg-selected-bold: var(--hds-color-secondary-700); --hds-color-bg-selected-bold-hover: var(--hds-color-secondary-800); --hds-color-bg-selected-bold-press: var(--hds-color-secondary-900); --hds-color-bg-success-subtle: var(--hds-color-success-50); --hds-color-bg-warning-subtle: var(--hds-color-warning-50); --hds-color-border-hover: var(--hds-color-neutral-450); --hds-color-border-inverse: var(--hds-color-neutral-0); --hds-color-border-disabled: var(--hds-color-neutral-150); --hds-color-border-focus: var(--hds-color-secondary-700); --hds-color-border-input: var(--hds-color-neutral-400); --hds-color-border-primary: var(--hds-color-primary-700); --hds-color-border-success: var(--hds-color-success-700); --hds-color-border-warning: var(--hds-color-warning-700); --hds-color-border-danger: var(--hds-color-danger-700); --hds-color-border-info: var(--hds-color-lightblue-700); --hds-color-border-selected: var(--hds-color-secondary-700); --hds-color-border-neutral: var(--hds-color-neutral-450); --hds-color-border-subtle: var(--hds-color-neutral-150); --hds-color-border-subtler: var(--hds-color-neutral-100); --hds-color-border-subtlest: var(--hds-color-neutral-50); --hds-color-border-cell: var(--hds-color-neutral-200); --hds-color-border-bold: var(--hds-color-neutral-700); --hds-color-border-ai: var(--hds-color-jade-700); --hds-color-border-bold-hover: var(--hds-color-neutral-800); --hds-color-border-bold-hover2: var(--hds-color-neutral-800); --hds-color-border-bold-press: var(--hds-color-neutral-900); --hds-color-border-input-hover: var(--hds-color-neutral-500); --hds-color-categorical-0: var(--hds-color-blue-700); --hds-color-categorical-1: var(--hds-color-lightblue-600); --hds-color-categorical-2: var(--hds-color-yellow-800); --hds-color-categorical-3: var(--hds-color-coral-700); --hds-color-categorical-4: var(--hds-color-pink-900); --hds-color-categorical-5: var(--hds-color-spearmint-800); --hds-color-categorical-6: var(--hds-color-orange-800); --hds-color-categorical-7: var(--hds-color-lavender-900); --hds-color-content-bg-tint: var(--hds-color-secondary-50); --hds-color-content-bg-block: var(--hds-color-bg-primary); --hds-color-content-fg-heading-table-1: var(--hds-color-fg-primary); --hds-color-content-fg-heading-table-2: var(--hds-color-fg-primary); --hds-color-fg-subtle: var(--hds-color-neutral-800); --hds-color-fg-subtler: var(--hds-color-neutral-700); --hds-color-fg-subtlest: var(--hds-color-neutral-600); --hds-color-fg-inverse: var(--hds-color-neutral-0); --hds-color-fg-disabled: var(--hds-color-neutral-500); --hds-color-fg-neutral: var(--hds-color-neutral-600); --hds-color-fg-primary: var(--hds-color-primary-700); --hds-color-fg-secondary: var(--hds-color-secondary-700); --hds-color-fg-danger: var(--hds-color-danger-700); --hds-color-fg-success: var(--hds-color-success-700); --hds-color-fg-warning: var(--hds-color-warning-700); --hds-color-fg-info: var(--hds-color-lightblue-700); --hds-color-fg-ai: var(--hds-color-jade-900); --hds-color-fg-accent-lightblue: var(--hds-color-lightblue-700); --hds-color-fg-accent-blue: var(--hds-color-blue-700); --hds-color-fg-accent-purple: var(--hds-color-neonpurple-900); --hds-color-fg-danger-inverse: var(--hds-color-neutral-950); --hds-color-fg-info-inverse: var(--hds-color-neutral-950); --hds-color-fg-secondary-inverse: var(--hds-color-neutral-950); --hds-color-fg-success-inverse: var(--hds-color-neutral-950); --hds-color-fg-warning-inverse: var(--hds-color-neutral-950); --hds-color-link-hover: var(--hds-color-primary-800); --hds-color-link-press: var(--hds-color-primary-900); --hds-font-application-fontFamily: var(--hds-font-family-Inter); --hds-font-application-heading-weight: var(--hds-font-weight-Regular); --hds-font-application-label-fontSize: var(--hds-font-size-14); --hds-font-application-label-weight: var(--hds-font-weight-Regular); --hds-font-application-label-button-fontSize: var(--hds-font-size-14); --hds-font-application-label-button-weight: var(--hds-font-weight-Medium); --hds-font-application-label-button-lg-fontSize: var(--hds-font-size-16); --hds-font-application-label-button-lg-weight: var(--hds-font-weight-Medium); --hds-font-application-label-pill-fontSize: var(--hds-font-size-12); --hds-font-application-label-pill-weight: var(--hds-font-weight-Medium); --hds-font-application-weight-weak: var(--hds-font-weight-Light); --hds-font-application-weight-default: var(--hds-font-weight-Regular); --hds-font-application-weight-strong: var(--hds-font-weight-Medium); --hds-font-application-weight-stronger: var(--hds-font-weight-Semibold); --hds-font-content-fontFamily: var(--hds-font-family-Rubik); --hds-font-content-weight-default: var(--hds-font-weight-Light); --hds-font-content-weight-strong: var(--hds-font-weight-Regular); --hds-font-content-weight-stronger: var(--hds-font-weight-Medium); --hds-font-currency-fontFamily: var(--hds-font-family-Inter); --hds-font-currency-weight-default: var(--hds-font-weight-Regular); --hds-font-currency-weight-strong: var(--hds-font-weight-Medium); --hds-font-currency-weight-stronger: var(--hds-font-weight-Semibold); --hds-font-size-body-xs: var(--hds-font-size-9); --hds-font-size-body-sm: var(--hds-font-size-12); --hds-font-size-body-base: var(--hds-font-size-14); --hds-font-size-body-lg: var(--hds-font-size-16); --hds-font-size-body-xl: var(--hds-font-size-18); --hds-font-size-body-2xl: var(--hds-font-size-21); --hds-font-size-body-3xl: var(--hds-font-size-24); --hds-font-size-display-1: var(--hds-font-size-55); --hds-font-size-display-2: var(--hds-font-size-45); --hds-font-size-display-3: var(--hds-font-size-38); --hds-font-size-display-4: var(--hds-font-size-30); --hds-font-size-heading-1: var(--hds-font-size-26); --hds-font-size-heading-2: var(--hds-font-size-24); --hds-font-size-heading-3: var(--hds-font-size-21); --hds-font-size-heading-4: var(--hds-font-size-18); --hds-icon-buttonwip-color-bg-hover: #ffffff; --hds-icon-buttonwip-color-bg-selected: #ffffff; --hds-shadow-level1-blur: var(--hds-size-4); --hds-shadow-level1-spread: var(--hds-size-0); --hds-shadow-level1-opacity: var(--hds-color-alpha-neutral-20); --hds-shadow-level1-offset-x: var(--hds-size-0); --hds-shadow-level1-offset-y: var(--hds-size-2); --hds-shadow-level2-blur: var(--hds-size-16); --hds-shadow-level2-spread: var(--hds-size-0); --hds-shadow-level2-opacity: var(--hds-color-alpha-neutral-20); --hds-shadow-level2-offset-x: var(--hds-size-0); --hds-shadow-level2-offset-y: var(--hds-size-4); --hds-shadow-level3-blur: var(--hds-size-32); --hds-shadow-level3-spread: var(--hds-size-0); --hds-shadow-level3-opacity: var(--hds-color-alpha-neutral-20); --hds-shadow-level3-offset-x: var(--hds-size-0); --hds-shadow-level3-offset-y: var(--hds-size-16); --hds-space-none: var(--hds-size-0); --hds-space-1x: var(--hds-size-4); --hds-space-2x: var(--hds-size-8); --hds-space-3x: var(--hds-size-12); --hds-space-4x: var(--hds-size-16); --hds-space-5x: var(--hds-size-20); --hds-space-6x: var(--hds-size-24); --hds-space-8x: var(--hds-size-32); --hds-space-10x: var(--hds-size-40); --hds-space-12x: var(--hds-size-48); --hds-space-16x: var(--hds-size-64); --hds-space-20x: var(--hds-size-80); --hds-space-24x: var(--hds-size-96); --hds-space-28x: var(--hds-size-112); --hds-space-32x: var(--hds-size-128); --hds-space-half-x: var(--hds-size-2); }