:root{--component-size-xs: var(--base-size-3);--component-size-s: var(--base-size-4);--component-size-m: var(--base-size-5);--component-size-l: var(--base-size-6);--component-size-xl: var(--base-size-7);--component-fontSize-xs: var(--base-fontSize-text-3);--component-fontSize-s: var(--base-fontSize-text-4);--component-fontSize-m: var(--base-fontSize-text-5);--component-fontSize-l: var(--base-fontSize-text-6);--component-fontSize-xl: var(--base-fontSize-text-7);--component-border: var(--component-borderWidth) var(--component-borderStyle) var(--component-borderColor);--component-borderWidth: 1px;--component-borderStyle: solid;--component-borderColor: light-dark(var(--base-color-neutral-7), var(--base-color-neutral-3));--component-borderColor-disabled: var(--base-color-neutral-4);--component-borderRadius-none: 0rem;--component-borderRadius-xs: var(--base-borderRadius-1);--component-borderRadius-s: var(--base-borderRadius-2);--component-borderRadius-m: var(--base-borderRadius-3);--component-borderRadius-l: var(--base-borderRadius-4);--component-borderRadius-xl: var(--base-borderRadius-5);--component-boxShadow-none: none;--component-boxShadow-xs: var(--base-boxShadow-1);--component-boxShadow-s: var(--base-boxShadow-2);--component-boxShadow-m: var(--base-boxShadow-3);--component-boxShadow-l: var(--base-boxShadow-4);--component-boxShadow-xl: var(--base-boxShadow-5);--component-brand-color: var(--color-primary);--component-brand-color-content: var(--color-primary-content);--component-brand-color-subtle: var(--color-primary-subtle);--component-brand-color-subtle-content: var(--color-primary-subtle-content);--component-brand-color-subtle-border: var(--color-primary-subtle-border);--component-backgroundColor: light-dark(var(--base-color-neutral-0), var(--base-color-neutral-1));--component-backgroundColor-disabled: light-dark(var(--base-color-neutral-1), var(--base-color-neutral-2));--component-backgroundColor-disabled-focus: var(--base-color-neutral-3);--component-foreground: var(--base-color-neutral-13);--component-foreground-body: var(--base-color-body);--component-foreground-subtle: light-dark(var(--base-color-neutral-8), var(--base-color-neutral-5));--component-foreground-selected: var(--base-color-white, #ffffff);--component-foreground-hover: var(--color-primary-hover);--block-border: var(--block-borderWidth) var(--block-borderStyle) var(--block-borderColor);--block-borderWidth: 1px;--block-borderStyle: solid;--block-borderColor: var(--base-color-neutral-3);--block-borderRadius-none: 0rem;--block-borderRadius-xs: var(--base-borderRadius-3);--block-borderRadius-s: var(--base-borderRadius-4);--block-borderRadius-m: var(--base-borderRadius-5);--block-borderRadius-l: var(--base-borderRadius-6);--block-borderRadius-xl: var(--base-borderRadius-7);--block-boxShadow-none: none;--block-boxShadow-xs: var(--base-boxShadow-3);--block-boxShadow-s: var(--base-boxShadow-4);--block-boxShadow-m: var(--base-boxShadow-5);--block-boxShadow-l: var(--base-boxShadow-6);--block-boxShadow-xl: var(--base-boxShadow-7);--button-fontFamily: var(--base-fontFamily-body);--button-borderWidth: 1px;--button-borderStyle: solid;--button-fontWeight: 500;--button-borderRadius: var(--component-borderRadius-m);--button-insideSpacingLeftRight: 1em;--button-size-s: var(--component-size-s);--button-size-m: var(--component-size-m);--button-size-l: var(--component-size-l);--button-size-xl: var(--component-size-xl);--button-size: var(--button-size-m)}
