/* Write your global styles here, in SCSS syntax. Variables and mixins from the src/variables.scss file are available here without importing */ /*** The new CSS reset - version 1.11.1 (last updated 24.10.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where( :not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *) ) { /*all: unset; di splay: revert;*/ } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Fix mobile Safari increase font-size on landscape mode */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu, summary { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { /* -webkit-user-select: auto;*/ } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; box-sizing: border-box; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable='false'])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable='true']) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; box-sizing: border-box; } @font-face { font-family: 'CenturyGothic'; font-style: normal; font-weight: normal; src: local('CenturyGothic'), url('./CenturyGothicStd.CjTyYKRX.otf') format('truetype'); font-display: swap; } @font-face { font-family: 'CenturyGothic'; font-style: normal; font-weight: bold; src: local('CenturyGothicBold'), url('./CenturyGothicStd-Bold.BmYiafWW.otf') format('truetype'); font-display: swap; } @font-face { font-family: 'GraphikRegular'; font-style: normal; font-weight: normal; src: local('GraphikRegular'), url('./GraphikRegular.WgGeNo8p.otf') format('opentype'); font-display: swap; } @font-face { font-family: 'GraphikRegular'; font-style: normal; font-weight: bold; src: local('GraphikRegularSemiBold'), url('./fonts/GraphikRegularSemiBold.otf') format('opentype'); font-display: swap; } :root { --ff-primary: 'GraphikRegular', sans-serif; --ff-secondary: 'CenturyGothic', 'Roboto', sans-serif; } html { font-size: 14px; font-family: var(--ff-primary); color: var(--layout-on-surface--default); } :root { /* communication */ --communication-50: var(--calypso-50); --communication-100: var(--calypso-100); --communication-200: var(--calypso-200); --communication-300: var(--calypso-300); --communication-400: var(--calypso-400); --communication-500: var(--calypso-500); --communication-600: var(--calypso-600); --communication-700: var(--calypso-700); --communication-800: var(--calypso-800); --communication-900: var(--calypso-900); --communication-950: var(--calypso-950); /* conversion */ --conversion-50: var(--cerise-red-50); --conversion-100: var(--cerise-red-100); --conversion-200: var(--cerise-red-200); --conversion-300: var(--cerise-red-300); --conversion-400: var(--cerise-red-400); --conversion-500: var(--cerise-red-500); --conversion-600: var(--cerise-red-600); --conversion-700: var(--cerise-red-700); --conversion-800: var(--cerise-red-800); --conversion-900: var(--cerise-red-900); --conversion-950: var(--cerise-red-950); /* insight */ --insight-50: var(--rob-roy-50); --insight-100: var(--rob-roy-100); --insight-200: var(--rob-roy-200); --insight-300: var(--rob-roy-300); --insight-400: var(--rob-roy-400); --insight-500: var(--rob-roy-500); --insight-600: var(--rob-roy-600); --insight-700: var(--rob-roy-700); --insight-800: var(--rob-roy-800); --insight-900: var(--rob-roy-900); --insight-950: var(--rob-roy-950); /* ai */ --ai-50: var(--butterfly-bush-50); --ai-100: var(--butterfly-bush-100); --ai-200: var(--butterfly-bush-200); --ai-300: var(--butterfly-bush-300); --ai-400: var(--butterfly-bush-400); --ai-500: var(--butterfly-bush-500); --ai-600: var(--butterfly-bush-600); --ai-700: var(--butterfly-bush-700); --ai-800: var(--butterfly-bush-800); --ai-900: var(--butterfly-bush-900); --ai-950: var(--butterfly-bush-950); } /* DO NOT EDIT!!! This file was auto-generated by @symplify/ui/figma. */ :root { --pageinfo-on-surface--default: var(--merino-950); --pageinfo-on-surface--secondary: var(--grey-600); --pageinfo-on-surface--tertiary: var(--grey-500); --pageinfo-on-surface--primary: var(--venice-blue-700); --pageinfo-on-surface--success: var(--eucalyptus-600); --pageinfo-on-surface--warning: var(--rob-roy-500); --pageinfo-on-surface--danger: var(--cerise-red-700); --pageinfo-on-surface--split: var(--eggplant-700); --pageinfo-surface--default: var(--grey-white); --pageinfo-surface--primary: var(--venice-blue-50); --pageinfo-surface--warning: var(--rob-roy-50); --pageinfo-surface--split: var(--eggplant-50); --layout-on-surface--logo: var(--grey-950); --layout-on-surface--default: var(--merino-950); --layout-on-surface--secondary: var(--grey-600); --layout-on-surface--tertiary: var(--grey-500); --layout-surface--body: var(--grey-white); --layout-surface--canvas: var(--grey-50); --layout-on-surface--primary: var(--venice-blue-700); --layout-on-surface--success: var(--eucalyptus-600); --layout-surface--mainnav: var(--venice-blue-100); --layout-surface--sidenav: var(--venice-blue-50); --layout-surface--sidenav-popout: var(--grey-white); --layout-on-surface--warning: var(--rob-roy-500); --layout-surface--login-illustration: var(--rob-roy-50); --layout-on-surface--danger: var(--cerise-red-700); --layout-surface--docs-example: var(--grey-200); --layout-on-surface--split: var(--eggplant-700); --layout-border--system-header: var(--grey-200); --layout-border--default: var(--grey-200); --layout-border--primary: var(--venice-blue-700); --layout-border--secondary: var(--eucalyptus-600); --layout-border--warning: var(--rob-roy-300); --layout-border--danger: var(--cerise-red-500); --layout-border--split: var(--eggplant-800); --layout-border--mainnav: var(--venice-blue-100); --mainnav-button-default-on-surface--default: var(--grey-950); --mainnav-button-default-on-surface--hover: var(--grey-950); --mainnav-button-default-on-surface--pressed: var(--grey-950); --mainnav-button-default-on-surface--focus: var(--grey-950); --mainnav-button-default-on-surface--disabled: var(--grey-600); --mainnav-button-default-surface--default: var(--grey-transparent); --mainnav-button-default-surface--hover: var(--grey-300); --mainnav-button-default-surface--pressed: var(--venice-blue-300); --mainnav-button-default-surface--focus: var(--grey-transparent); --mainnav-button-default-surface--disabled: var(--grey-transparent); --mainnav-button-default-border--default: var(--grey-transparent); --mainnav-button-default-border--hover: var(--grey-transparent); --mainnav-button-default-border--pressed: var(--grey-transparent); --mainnav-button-default-border--focus: var(--input-border--focus); --mainnav-button-default-border--disabled: var(--grey-transparent); --mainnav-button-primary-on-surface--default: var(--venice-blue-50); --mainnav-button-primary-on-surface--hover: var(--venice-blue-50); --mainnav-button-primary-on-surface--pressed: var(--venice-blue-50); --mainnav-button-primary-on-surface--focus: var(--venice-blue-50); --mainnav-button-primary-on-surface--disabled: var(--grey-600); --mainnav-button-primary-surface--default: var(--venice-blue-800); --mainnav-button-primary-surface--hover: var(--venice-blue-500); --mainnav-button-primary-surface--pressed: var(--venice-blue-900); --mainnav-button-primary-surface--focus: var(--venice-blue-800); --mainnav-button-primary-surface--disabled: var(--grey-500); --mainnav-button-primary-border--hover: var(--venice-blue-400); --button--label-on-surface-default: var(--grey-white); --button-default-filled-on-surface--default: var(--grey-50); --button-default-filled-on-surface--hover: var(--grey-50); --button-default-filled-on-surface--pressed: var(--grey-50); --button-default-filled-on-surface--focus: var(--grey-50); --button-default-filled-on-surface--disabled: var(--grey-400); --button-default-filled-surface--default: var(--grey-800); --button-default-filled-surface--hover: var(--grey-700); --button-default-filled-surface--pressed: var(--grey-900); --button-default-filled-surface--focus: var(--grey-800); --button-default-filled-surface--disabled: var(--grey-100); --button-default-filled-border--default: var(--grey-transparent); --button-default-filled-border--hover: var(--grey-transparent); --button-default-filled-border--pressed: var(--grey-transparent); --button-default-filled-border--focus: var(--input-border--focus); --button-default-filled-border--disabled: var(--grey-transparent); --button-default-outline-on-surface--default: var(--grey-950); --button-default-outline-on-surface--hover: var(--grey-950); --button-default-outline-on-surface--pressed: var(--grey-950); --button-default-outline-on-surface--focus: var(--grey-950); --button-default-outline-on-surface--disabled: var(--grey-400); --button-default-outline-surface--default: var(--grey-transparent); --button-default-outline-surface--hover: var(--grey-100); --button-default-outline-surface--pressed: var(--grey-200); --button-default-outline-surface--focus: var(--grey-transparent); --button-default-outline-surface--disabled: var(--grey-transparent); --button-default-outline-border--default: var(--grey-400); --button-default-outline-border--hover: var(--grey-400); --button-default-outline-border--pressed: var(--grey-400); --button-default-outline-border--focus: var(--input-border--focus); --button-default-outline-border--disabled: var(--grey-300); --button-default-none-on-surface--default: var(--grey-950); --button-default-none-on-surface--hover: var(--grey-950); --button-default-none-on-surface--pressed: var(--grey-950); --button-default-none-on-surface--focus: var(--grey-950); --button-default-none-on-surface--disabled: var(--grey-400); --button-default-none-surface--default: var(--grey-transparent); --button-default-none-surface--hover: var(--grey-100); --button-default-none-surface--pressed: var(--grey-200); --button-default-none-surface--focus: var(--grey-transparent); --button-default-none-surface--disabled: var(--grey-transparent); --button-default-none-border--default: var(--grey-transparent); --button-default-none-border--hover: var(--grey-transparent); --button-default-none-border--pressed: var(--grey-transparent); --button-default-none-border--focus: var(--input-border--focus); --button-default-none-border--disabled: var(--grey-transparent); --button-primary-filled-on-surface--default: var(--venice-blue-50); --button-primary-filled-on-surface--hover: var(--venice-blue-50); --button-primary-filled-on-surface--pressed: var(--venice-blue-50); --button-primary-filled-on-surface--focus: var(--venice-blue-50); --button-primary-filled-on-surface--disabled: var(--venice-blue-300); --button-primary-filled-surface--default: var(--venice-blue-700); --button-primary-filled-surface--hover: var(--venice-blue-600); --button-primary-filled-surface--pressed: var(--venice-blue-800); --button-primary-filled-surface--focus: var(--venice-blue-700); --button-primary-filled-surface--disabled: var(--venice-blue-100); --button-primary-filled-border--default: var(--grey-transparent); --button-primary-filled-border--hover: var(--grey-transparent); --button-primary-filled-border--pressed: var(--grey-transparent); --button-primary-filled-border--focus: var(--input-border--focus); --button-primary-filled-border--disabled: var(--grey-transparent); --button-primary-outline-on-surface--default: var(--venice-blue-700); --button-primary-outline-on-surface--hover: var(--venice-blue-700); --button-primary-outline-on-surface--pressed: var(--venice-blue-700); --button-primary-outline-on-surface--focus: var(--venice-blue-700); --button-primary-outline-on-surface--disabled: var(--venice-blue-300); --button-primary-outline-surface--default: var(--grey-transparent); --button-primary-outline-surface--hover: var(--venice-blue-100); --button-primary-outline-surface--pressed: var(--venice-blue-200); --button-primary-outline-surface--focus: var(--grey-transparent); --button-primary-outline-surface--disabled: var(--grey-transparent); --button-primary-outline-border--default: var(--venice-blue-700); --button-primary-outline-border--hover: var(--venice-blue-700); --button-primary-outline-border--pressed: var(--venice-blue-700); --button-primary-outline-border--focus: var(--input-border--focus); --button-primary-outline-border--disabled: var(--venice-blue-300); --button-primary-none-on-surface--default: var(--venice-blue-700); --button-primary-none-on-surface--hover: var(--venice-blue-700); --button-primary-none-on-surface--pressed: var(--venice-blue-700); --button-primary-none-on-surface--focus: var(--venice-blue-700); --button-primary-none-on-surface--disabled: var(--venice-blue-300); --button-primary-none-surface--default: var(--grey-transparent); --button-primary-none-surface--hover: var(--venice-blue-100); --button-primary-none-surface--pressed: var(--venice-blue-200); --button-primary-none-surface--focus: var(--grey-transparent); --button-primary-none-surface--disabled: var(--grey-transparent); --button-primary-none-border--default: var(--grey-transparent); --button-primary-none-border--hover: var(--grey-transparent); --button-primary-none-border--pressed: var(--grey-transparent); --button-primary-none-border--focus: var(--input-border--focus); --button-primary-none-border--disabled: var(--grey-transparent); --button-success-filled-on-surface--default: var(--eucalyptus-50); --button-success-filled-on-surface--hover: var(--eucalyptus-50); --button-success-filled-on-surface--pressed: var(--eucalyptus-50); --button-success-filled-on-surface--focus: var(--eucalyptus-50); --button-success-filled-on-surface--disabled: var(--eucalyptus-300); --button-success-filled-surface--default: var(--eucalyptus-700); --button-success-filled-surface--hover: var(--eucalyptus-600); --button-success-filled-surface--pressed: var(--eucalyptus-800); --button-success-filled-surface--focus: var(--eucalyptus-700); --button-success-filled-surface--disabled: var(--eucalyptus-100); --button-success-filled-border--default: var(--grey-transparent); --button-success-filled-border--hover: var(--grey-transparent); --button-success-filled-border--pressed: var(--grey-transparent); --button-success-filled-border--focus: var(--input-border--focus); --button-success-filled-border--disabled: var(--grey-transparent); --button-success-outline-on-surface--default: var(--eucalyptus-700); --button-success-outline-on-surface--hover: var(--eucalyptus-700); --button-success-outline-on-surface--pressed: var(--eucalyptus-700); --button-success-outline-on-surface--focus: var(--eucalyptus-700); --button-success-outline-on-surface--disabled: var(--eucalyptus-300); --button-success-outline-surface--default: var(--grey-transparent); --button-success-outline-surface--hover: var(--eucalyptus-100); --button-success-outline-surface--pressed: var(--eucalyptus-200); --button-success-outline-surface--focus: var(--grey-transparent); --button-success-outline-surface--disabled: var(--grey-transparent); --button-success-outline-border--default: var(--eucalyptus-700); --button-success-outline-border--hover: var(--eucalyptus-700); --button-success-outline-border--pressed: var(--eucalyptus-700); --button-success-outline-border--focus: var(--input-border--focus); --button-success-outline-border--disabled: var(--eucalyptus-300); --button-success-none-on-surface--default: var(--eucalyptus-700); --button-success-none-on-surface--hover: var(--eucalyptus-700); --button-success-none-on-surface--pressed: var(--eucalyptus-700); --button-success-none-on-surface--focus: var(--eucalyptus-700); --button-success-none-on-surface--disabled: var(--eucalyptus-300); --button-success-none-surface--default: var(--grey-transparent); --button-success-none-surface--hover: var(--eucalyptus-100); --button-success-none-surface--pressed: var(--eucalyptus-200); --button-success-none-surface--focus: var(--grey-transparent); --button-success-none-surface--disabled: var(--grey-transparent); --button-success-none-border--default: var(--grey-transparent); --button-success-none-border--hover: var(--grey-transparent); --button-success-none-border--pressed: var(--grey-transparent); --button-success-none-border--focus: var(--input-border--focus); --button-success-none-border--disabled: var(--grey-transparent); --button-warning-filled-on-surface--default: var(--rob-roy-50); --button-warning-filled-on-surface--hover: var(--rob-roy-50); --button-warning-filled-on-surface--pressed: var(--rob-roy-50); --button-warning-filled-on-surface--focus: var(--rob-roy-50); --button-warning-filled-on-surface--disabled: var(--rob-roy-300); --button-warning-filled-surface--default: var(--rob-roy-600); --button-warning-filled-surface--hover: var(--rob-roy-500); --button-warning-filled-surface--pressed: var(--rob-roy-700); --button-warning-filled-surface--focus: var(--rob-roy-400); --button-warning-filled-surface--disabled: var(--rob-roy-100); --button-warning-filled-border--default: var(--grey-transparent); --button-warning-filled-border--hover: var(--grey-transparent); --button-warning-filled-border--pressed: var(--grey-transparent); --button-warning-filled-border--focus: var(--input-border--focus); --button-warning-filled-border--disabled: var(--grey-transparent); --button-warning-outline-on-surface--default: var(--rob-roy-700); --button-warning-outline-on-surface--hover: var(--rob-roy-700); --button-warning-outline-on-surface--pressed: var(--rob-roy-700); --button-warning-outline-on-surface--focus: var(--rob-roy-700); --button-warning-outline-on-surface--disabled: var(--rob-roy-300); --button-warning-outline-surface--default: var(--grey-transparent); --button-warning-outline-surface--hover: var(--rob-roy-100); --button-warning-outline-surface--pressed: var(--rob-roy-200); --button-warning-outline-surface--focus: var(--grey-transparent); --button-warning-outline-surface--disabled: var(--grey-transparent); --button-warning-outline-border--default: var(--rob-roy-600); --button-warning-outline-border--hover: var(--rob-roy-600); --button-warning-outline-border--pressed: var(--rob-roy-600); --button-warning-outline-border--focus: var(--input-border--focus); --button-warning-outline-border--disabled: var(--rob-roy-300); --button-warning-none-on-surface--default: var(--rob-roy-700); --button-warning-none-on-surface--hover: var(--rob-roy-700); --button-warning-none-on-surface--pressed: var(--rob-roy-700); --button-warning-none-on-surface--focus: var(--rob-roy-700); --button-warning-none-on-surface--disabled: var(--rob-roy-300); --button-warning-none-surface--default: var(--grey-transparent); --button-warning-none-surface--hover: var(--rob-roy-100); --button-warning-none-surface--pressed: var(--rob-roy-200); --button-warning-none-surface--focus: var(--grey-transparent); --button-warning-none-surface--disabled: var(--grey-transparent); --button-warning-none-border--default: var(--grey-transparent); --button-warning-none-border--hover: var(--grey-transparent); --button-warning-none-border--pressed: var(--grey-transparent); --button-warning-none-border--focus: var(--input-border--focus); --button-warning-none-border--disabled: var(--grey-transparent); --button-danger-filled-on-surface--default: var(--cerise-red-50); --button-danger-filled-on-surface--hover: var(--cerise-red-50); --button-danger-filled-on-surface--pressed: var(--cerise-red-50); --button-danger-filled-on-surface--focus: var(--cerise-red-50); --button-danger-filled-on-surface--disabled: var(--cerise-red-300); --button-danger-filled-surface--default: var(--cerise-red-700); --button-danger-filled-surface--hover: var(--cerise-red-600); --button-danger-filled-surface--pressed: var(--cerise-red-800); --button-danger-filled-surface--focus: var(--cerise-red-700); --button-danger-filled-surface--disabled: var(--cerise-red-100); --button-danger-filled-border--default: var(--grey-transparent); --button-danger-filled-border--hover: var(--grey-transparent); --button-danger-filled-border--pressed: var(--grey-transparent); --button-danger-filled-border--focus: var(--input-border--focus); --button-danger-filled-border--disabled: var(--grey-transparent); --button-danger-outline-on-surface--default: var(--cerise-red-700); --button-danger-outline-on-surface--hover: var(--cerise-red-700); --button-danger-outline-on-surface--pressed: var(--cerise-red-700); --button-danger-outline-on-surface--focus: var(--cerise-red-700); --button-danger-outline-on-surface--disabled: var(--cerise-red-300); --button-danger-outline-surface--default: var(--grey-transparent); --button-danger-outline-surface--hover: var(--cerise-red-100); --button-danger-outline-surface--pressed: var(--cerise-red-200); --button-danger-outline-surface--focus: var(--grey-transparent); --button-danger-outline-surface--disabled: var(--grey-transparent); --button-danger-outline-border--default: var(--cerise-red-700); --button-danger-outline-border--hover: var(--cerise-red-700); --button-danger-outline-border--pressed: var(--cerise-red-700); --button-danger-outline-border--focus: var(--input-border--focus); --button-danger-outline-border--disabled: var(--cerise-red-300); --button-danger-none-on-surface--default: var(--cerise-red-700); --button-danger-none-on-surface--hover: var(--cerise-red-700); --button-danger-none-on-surface--pressed: var(--cerise-red-700); --button-danger-none-on-surface--focus: var(--cerise-red-700); --button-danger-none-on-surface--disabled: var(--cerise-red-300); --button-danger-none-surface--default: var(--grey-transparent); --button-danger-none-surface--hover: var(--cerise-red-100); --button-danger-none-surface--pressed: var(--cerise-red-200); --button-danger-none-surface--focus: var(--grey-transparent); --button-danger-none-surface--disabled: var(--grey-transparent); --button-danger-none-border--default: var(--grey-transparent); --button-danger-none-border--hover: var(--grey-transparent); --button-danger-none-border--pressed: var(--grey-transparent); --button-danger-none-border--focus: var(--input-border--focus); --button-danger-none-border--disabled: var(--grey-transparent); --profilebutton-on-surface--default: var(--layout-on-surface--default); --profilebutton-on-surface--hover: var(--venice-blue-500); --profilebutton-on-surface--pressed: var(--venice-blue-500); --profilebutton-on-surface--focus: var(--venice-blue-300); --profilebutton-on-surface--disabled: var(--grey-600); --profilebutton-surface--default: var(--grey-transparent); --profilebutton-surface--hover: var(--grey-transparent); --profilebutton-surface--pressed: var(--grey-black); --profilebutton-surface--focus: var(--grey-transparent); --profilebutton-surface--disabled: var(--grey-800); --profilebutton-border--default: var(--grey-black); --profilebutton-border--hover: var(--venice-blue-500); --profilebutton-border--pressed: var(--grey-black); --profilebutton-border--focus: var(--venice-blue-400); --profilebutton-border--disabled: var(--grey-transparent); --input-surface--default: var(--grey-transparent); --input-surface--mandatory: var(--venice-blue-100); --input-surface--success: var(--eucalyptus-100); --input-surface--warning: var(--rob-roy-100); --input-surface--danger: var(--cerise-red-100); --input-border--default: var(--grey-400); --input-border--hover: var(--venice-blue-600); --input-border--active: var(--venice-blue-600); --input-border--pressed: var(--grey-400); --input-border--focus: var(--venice-blue-400); --input-border--success: var(--eucalyptus-400); --input-border--warning: var(--rob-roy-400); --input-border--danger: var(--cerise-red-600); --input-border--disabled: var(--grey-200); --alert-on-surface--default: var(--grey-800); --alert-on-surface--default-accent: var(--grey-600); --alert-on-surface--primary: var(--venice-blue-700); --alert-on-surface--primary-accent: var(--grey-600); --alert-on-surface--success: var(--eucalyptus-700); --alert-on-surface--success-accent: var(--eucalyptus-400); --alert-on-surface--warning: var(--rob-roy-700); --alert-on-surface--warning-accent: var(--rob-roy-700); --alert-on-surface--danger: var(--cerise-red-600); --alert-on-surface--danger-accent: var(--cerise-red-400); --alert-surface--default: var(--grey-transparent); --alert-surface--primary: var(--venice-blue-50); --alert-surface--success: var(--eucalyptus-50); --alert-surface--warning: var(--rob-roy-50); --alert-surface--danger: var(--cerise-red-50); --alert-border--default: var(--grey-400); --alert-border--primary: var(--venice-blue-700); --alert-border--success: var(--eucalyptus-600); --alert-border--warning: var(--rob-roy-300); --alert-border--danger: var(--cerise-red-600); --toast-surface--default: var(--grey-white); --toast-surface--primary: var(--venice-blue-300); --toast-surface--success: var(--eucalyptus-300); --toast-surface--warning: var(--rob-roy-200); --toast-surface--danger: var(--cerise-red-300); --toast-on-surface--default: var(--grey-950); --toast-on-surface--default-accent: var(--grey-600); --toast-on-surface--primary: var(--venice-blue-950); --toast-on-surface--primary-accent: var(--venice-blue-700); --toast-on-surface--success: var(--eucalyptus-950); --toast-on-surface--success-accent: var(--eucalyptus-700); --toast-on-surface--warning: var(--rob-roy-950); --toast-on-surface--warning-accent: var(--rob-roy-800); --toast-on-surface--danger: var(--coral-red-950); --toast-on-surface--danger-accent: var(--coral-red-800); --toast-border--default: var(--grey-300); --toast-border--primary: var(--venice-blue-200); --toast-border--success: var(--eucalyptus-200); --toast-border--warning: var(--rob-roy-100); --toast-border--danger: var(--cerise-red-200); --chips-surface--default: var(--grey-200); --chips-surface--default-accent-1: var(--grey-300); --chips-surface--default-accent-2: var(--grey-400); --chips-surface--primary: var(--venice-blue-100); --chips-surface--primary-accent-1: var(--venice-blue-200); --chips-surface--primary-accent-2: var(--venice-blue-300); --chips-surface--success: var(--eucalyptus-100); --chips-surface--success-accent-1: var(--eucalyptus-200); --chips-surface--success-accent-2: var(--eucalyptus-300); --chips-surface--warning: var(--rob-roy-100); --chips-surface--warning-accent-1: var(--rob-roy-200); --chips-surface--warning-accent-2: var(--rob-roy-300); --chips-surface--danger: var(--cerise-red-100); --chips-surface--danger-accent-1: var(--cerise-red-200); --chips-surface--danger-accent-2: var(--cerise-red-300); --chips-on-surface--default: var(--grey-950); --chips-on-surface--default-accent-1: var(--grey-950); --chips-on-surface--default-accent-2: var(--grey-950); --chips-on-surface--primary: var(--venice-blue-950); --chips-on-surface--primary-accent-1: var(--venice-blue-950); --chips-on-surface--primary-accent-2: var(--venice-blue-950); --chips-on-surface--success: var(--eucalyptus-950); --chips-on-surface--success-accent-1: var(--eucalyptus-950); --chips-on-surface--success-accent-2: var(--eucalyptus-950); --chips-on-surface--warning: var(--rob-roy-950); --chips-on-surface--warning-accent-1: var(--rob-roy-950); --chips-on-surface--warning-accent-2: var(--rob-roy-950); --chips-on-surface--danger: var(--cerise-red-950); --chips-on-surface--danger-accent-1: var(--cerise-red-950); --chips-on-surface--danger-accent-2: var(--cerise-red-950); --setting-surface--default: var(--layout-surface--canvas); --setting-surface--rowtitle: var(--layout-surface--body); --setting-surface--subrow: var(--grey-100); --big-number-on-surface--default: var(--grey-800); --big-number-on-surface--default-accent: var(--grey-600); --big-number-surface--default: var(--grey-white); --big-number-border--default: var(--layout-border--default); --illustrations--shadow-1: var(--grey-400); --illustrations--bubble-1: var(--grey-white); --old-paper-surface--default: var(--grey-white); --old-paper-on-surface--default: var(--grey-950); --old-paper-border--default: var(--grey-300); --card-surface--default: var(--grey-white); --card-surface--primary: var(--venice-blue-700); --card-surface--success: var(--eucalyptus-600); --card-surface--warning: var(--rob-roy-200); --card-surface--danger: var(--cerise-red-600); --card-on-surface--default: var(--grey-950); --table-surface-thead--default: var(--grey-white); --table-surface-thead--sorted: var(--venice-blue-100); --table-surface-thead--hover: var(--grey-100); --table-surface-tbody--default: var(--grey-white); --card-on-surface--default-accent: var(--grey-600); --table-surface-tbody--sorted: var(--venice-blue-50); --card-on-surface--primary: var(--venice-blue-50); --table-surface-tbody--hover: var(--venice-blue-200); --table-surface-tbody--sub-row-1: var(--grey-50); --card-on-surface--primary-accent: var(--venice-blue-200); --table-surface-tbody--sub-row-2: var(--grey-100); --card-on-surface--success: var(--eucalyptus-50); --card-on-surface--success-accent: var(--grey-200); --card-on-surface--warning: var(--rob-roy-950); --card-on-surface--warning-accent: var(--rob-roy-700); --card-on-surface--danger: var(--coral-red-50); --card-on-surface--danger-accent: var(--coral-red-200); --card-border--default: var(--grey-300); --card-border--primary: var(--venice-blue-700); --card-border--success: var(--eucalyptus-700); --card-border--warning: var(--rob-roy-300); --card-border--danger: var(--cerise-red-700); --table-surface--table-header: var(--grey-white); --table-surface--table-footer: var(--grey-white); --table-border--default: var(--layout-border--default); --progress-surface--track: var(--grey-200); --skeleton-surface--default: var(--grey-200); --table-surface-tfoot--default: var(--grey-white); --table-surface-tfoot--sorted: var(--venice-blue-50); --message-preview-surface--default: var(--grey-200); --message-preview-on-surface--default: var(--grey-950); --message-preview-on-surface--secondary: var(--rob-roy-500); --chips-border--default: var(--grey-400); --chips-border--default-accent-1: var(--grey-500); --chips-border--default-accent-2: var(--grey-600); --chips-border--primary: var(--venice-blue-300); --chips-border--primary-accent-1: var(--venice-blue-400); --chips-border--primary-accent-2: var(--venice-blue-500); --chips-border--success: var(--eucalyptus-300); --chips-border--success-accent-1: var(--eucalyptus-400); --chips-border--success-accent-2: var(--eucalyptus-500); --chips-border--warning: var(--rob-roy-300); --chips-border--warning-accent-1: var(--rob-roy-400); --chips-border--warning-accent-2: var(--rob-roy-500); --chips-border--danger: var(--cerise-red-300); --chips-border--danger-accent-1: var(--cerise-red-400); --chips-border--danger-accent-2: var(--cerise-red-500); --badge-surface--default: var(--grey-200); --badge-surface--default-alt: var(--grey-600); --badge-surface--primary: var(--venice-blue-100); --badge-surface--primary-alt: var(--venice-blue-800); --badge-surface--success: var(--eucalyptus-100); --badge-surface--success-alt: var(--eucalyptus-800); --badge-surface--warning: var(--rob-roy-100); --badge-surface--warning-alt: var(--rob-roy-800); --badge-surface--danger: var(--cerise-red-100); --badge-surface--danger-alt: var(--cerise-red-800); --badge-surface--split: var(--eggplant-100); --badge-on-surface--default: var(--grey-600); --badge-on-surface--default-alt: var(--grey-200); --badge-on-surface--primary: var(--venice-blue-800); --badge-on-surface--primary-alt: var(--venice-blue-100); --badge-on-surface--success: var(--eucalyptus-800); --badge-on-surface--success-alt: var(--eucalyptus-100); --badge-on-surface--warning: var(--rob-roy-800); --badge-surface--split-alt: var(--eggplant-800); --badge-on-surface--warning-alt: var(--rob-roy-100); --badge-on-surface--danger: var(--cerise-red-800); --badge-on-surface--danger-alt: var(--cerise-red-100); --badge-on-surface--split: var(--eggplant-800); --badge-on-surface--split-alt: var(--eggplant-100); --segment-rule-surface--default: var(--grey-white); --segment-rule-surface--hover: var(--grey-200); --paper-surface--default: var(--grey-white); --segment-rule-surface--dragging: var(--grey-200); --paper-surface--primary: var(--venice-blue-700); --segment-add-on-surface--button-and: var(--grey-900); --segment-add-on-surface--button-or: var(--venice-blue-900); --paper-surface--success: var(--eucalyptus-600); --paper-surface--warning: var(--rob-roy-200); --paper-surface--danger: var(--cerise-red-600); --paper-on-surface--default: var(--grey-950); --segment-group-on-surface--pill-and: var(--grey-50); --segment-group-on-surface--pill-or: var(--venice-blue-50); --paper-on-surface--default-accent: var(--grey-600); --segment-group-surface--and: var(--grey-700); --paper-on-surface--primary: var(--venice-blue-50); --segment-group-surface--or: var(--venice-blue-600); --paper-on-surface--primary-accent: var(--venice-blue-200); --paper-on-surface--success: var(--eucalyptus-50); --paper-on-surface--success-accent: var(--grey-200); --paper-on-surface--warning: var(--rob-roy-950); --paper-on-surface--warning-accent: var(--rob-roy-700); --paper-on-surface--danger: var(--coral-red-50); --paper-on-surface--danger-accent: var(--coral-red-200); --segment-operator-on-surface--pill-and: var(--grey-600); --segment-operator-on-surface--pill-or: var(--venice-blue-600); --paper-border--default: var(--grey-300); --segment-operator-surface--pill-and: var(--grey-50); --paper-border--primary: var(--venice-blue-900); --segment-operator-surface--pill-or: var(--venice-blue-50); --paper-border--success: var(--eucalyptus-700); --paper-border--warning: var(--rob-roy-300); --segment-operator-border--pill-and: var(--grey-400); --paper-border--danger: var(--cerise-red-700); --segment-operator-border--pill-or: var(--venice-blue-400); --segment-operator-border--line-and: var(--grey-200); --segment-operator-border--line-or: var(--venice-blue-200); --date-picker-surface--default: var(--grey-white); --date-picker-surface--week-number: var(--grey-100); --date-picker-surface--active: var(--venice-blue-100); --date-picker-surface--hover: var(--grey-100); --date-picker-surface--selected: var(--layout-on-surface--primary); --date-picker-on-surface--default: var(--grey-950); --date-picker-on-surface--active: var(--venice-blue-700); --date-picker-on-surface--hover: var(--grey-950); --date-picker-on-surface--selected: var(--grey-white); --dropdown-list-surface--default: var(--grey-white); --dropdown-list-surface--hover: var(--venice-blue-100); --dropdown-list-surface--pressed: var(--venice-blue-200); --dropdown-list-surface--disabled: var(--grey-100); --setting--setting-row-height: var(--size-11); } html[data-theme-lightness='light']:root { --pageinfo-on-surface--default: var(--merino-950); --pageinfo-on-surface--secondary: var(--grey-600); --pageinfo-on-surface--tertiary: var(--grey-500); --pageinfo-on-surface--primary: var(--venice-blue-700); --pageinfo-on-surface--success: var(--eucalyptus-600); --pageinfo-on-surface--warning: var(--rob-roy-500); --pageinfo-on-surface--danger: var(--cerise-red-700); --pageinfo-on-surface--split: var(--eggplant-700); --pageinfo-surface--default: var(--grey-white); --pageinfo-surface--primary: var(--venice-blue-50); --pageinfo-surface--warning: var(--rob-roy-50); --pageinfo-surface--split: var(--eggplant-50); --layout-on-surface--logo: var(--grey-950); --layout-on-surface--default: var(--merino-950); --layout-on-surface--secondary: var(--grey-600); --layout-on-surface--tertiary: var(--grey-500); --layout-surface--body: var(--grey-white); --layout-surface--canvas: var(--grey-50); --layout-on-surface--primary: var(--venice-blue-700); --layout-on-surface--success: var(--eucalyptus-600); --layout-surface--mainnav: var(--venice-blue-100); --layout-surface--sidenav: var(--venice-blue-50); --layout-surface--sidenav-popout: var(--grey-white); --layout-on-surface--warning: var(--rob-roy-500); --layout-surface--login-illustration: var(--rob-roy-50); --layout-on-surface--danger: var(--cerise-red-700); --layout-surface--docs-example: var(--grey-200); --layout-on-surface--split: var(--eggplant-700); --layout-border--system-header: var(--grey-200); --layout-border--default: var(--grey-200); --layout-border--primary: var(--venice-blue-700); --layout-border--secondary: var(--eucalyptus-600); --layout-border--warning: var(--rob-roy-300); --layout-border--danger: var(--cerise-red-500); --layout-border--split: var(--eggplant-800); --layout-border--mainnav: var(--venice-blue-100); --mainnav-button-default-on-surface--default: var(--grey-950); --mainnav-button-default-on-surface--hover: var(--grey-950); --mainnav-button-default-on-surface--pressed: var(--grey-950); --mainnav-button-default-on-surface--focus: var(--grey-950); --mainnav-button-default-on-surface--disabled: var(--grey-600); --mainnav-button-default-surface--default: var(--grey-transparent); --mainnav-button-default-surface--hover: var(--grey-300); --mainnav-button-default-surface--pressed: var(--venice-blue-300); --mainnav-button-default-surface--focus: var(--grey-transparent); --mainnav-button-default-surface--disabled: var(--grey-transparent); --mainnav-button-default-border--default: var(--grey-transparent); --mainnav-button-default-border--hover: var(--grey-transparent); --mainnav-button-default-border--pressed: var(--grey-transparent); --mainnav-button-default-border--focus: var(--input-border--focus); --mainnav-button-default-border--disabled: var(--grey-transparent); --mainnav-button-primary-on-surface--default: var(--venice-blue-50); --mainnav-button-primary-on-surface--hover: var(--venice-blue-50); --mainnav-button-primary-on-surface--pressed: var(--venice-blue-50); --mainnav-button-primary-on-surface--focus: var(--venice-blue-50); --mainnav-button-primary-on-surface--disabled: var(--grey-600); --mainnav-button-primary-surface--default: var(--venice-blue-800); --mainnav-button-primary-surface--hover: var(--venice-blue-500); --mainnav-button-primary-surface--pressed: var(--venice-blue-900); --mainnav-button-primary-surface--focus: var(--venice-blue-800); --mainnav-button-primary-surface--disabled: var(--grey-500); --mainnav-button-primary-border--hover: var(--venice-blue-400); --button--label-on-surface-default: var(--grey-white); --button-default-filled-on-surface--default: var(--grey-50); --button-default-filled-on-surface--hover: var(--grey-50); --button-default-filled-on-surface--pressed: var(--grey-50); --button-default-filled-on-surface--focus: var(--grey-50); --button-default-filled-on-surface--disabled: var(--grey-400); --button-default-filled-surface--default: var(--grey-800); --button-default-filled-surface--hover: var(--grey-700); --button-default-filled-surface--pressed: var(--grey-900); --button-default-filled-surface--focus: var(--grey-800); --button-default-filled-surface--disabled: var(--grey-100); --button-default-filled-border--default: var(--grey-transparent); --button-default-filled-border--hover: var(--grey-transparent); --button-default-filled-border--pressed: var(--grey-transparent); --button-default-filled-border--focus: var(--input-border--focus); --button-default-filled-border--disabled: var(--grey-transparent); --button-default-outline-on-surface--default: var(--grey-950); --button-default-outline-on-surface--hover: var(--grey-950); --button-default-outline-on-surface--pressed: var(--grey-950); --button-default-outline-on-surface--focus: var(--grey-950); --button-default-outline-on-surface--disabled: var(--grey-400); --button-default-outline-surface--default: var(--grey-transparent); --button-default-outline-surface--hover: var(--grey-100); --button-default-outline-surface--pressed: var(--grey-200); --button-default-outline-surface--focus: var(--grey-transparent); --button-default-outline-surface--disabled: var(--grey-transparent); --button-default-outline-border--default: var(--grey-400); --button-default-outline-border--hover: var(--grey-400); --button-default-outline-border--pressed: var(--grey-400); --button-default-outline-border--focus: var(--input-border--focus); --button-default-outline-border--disabled: var(--grey-300); --button-default-none-on-surface--default: var(--grey-950); --button-default-none-on-surface--hover: var(--grey-950); --button-default-none-on-surface--pressed: var(--grey-950); --button-default-none-on-surface--focus: var(--grey-950); --button-default-none-on-surface--disabled: var(--grey-400); --button-default-none-surface--default: var(--grey-transparent); --button-default-none-surface--hover: var(--grey-100); --button-default-none-surface--pressed: var(--grey-200); --button-default-none-surface--focus: var(--grey-transparent); --button-default-none-surface--disabled: var(--grey-transparent); --button-default-none-border--default: var(--grey-transparent); --button-default-none-border--hover: var(--grey-transparent); --button-default-none-border--pressed: var(--grey-transparent); --button-default-none-border--focus: var(--input-border--focus); --button-default-none-border--disabled: var(--grey-transparent); --button-primary-filled-on-surface--default: var(--venice-blue-50); --button-primary-filled-on-surface--hover: var(--venice-blue-50); --button-primary-filled-on-surface--pressed: var(--venice-blue-50); --button-primary-filled-on-surface--focus: var(--venice-blue-50); --button-primary-filled-on-surface--disabled: var(--venice-blue-300); --button-primary-filled-surface--default: var(--venice-blue-700); --button-primary-filled-surface--hover: var(--venice-blue-600); --button-primary-filled-surface--pressed: var(--venice-blue-800); --button-primary-filled-surface--focus: var(--venice-blue-700); --button-primary-filled-surface--disabled: var(--venice-blue-100); --button-primary-filled-border--default: var(--grey-transparent); --button-primary-filled-border--hover: var(--grey-transparent); --button-primary-filled-border--pressed: var(--grey-transparent); --button-primary-filled-border--focus: var(--input-border--focus); --button-primary-filled-border--disabled: var(--grey-transparent); --button-primary-outline-on-surface--default: var(--venice-blue-700); --button-primary-outline-on-surface--hover: var(--venice-blue-700); --button-primary-outline-on-surface--pressed: var(--venice-blue-700); --button-primary-outline-on-surface--focus: var(--venice-blue-700); --button-primary-outline-on-surface--disabled: var(--venice-blue-300); --button-primary-outline-surface--default: var(--grey-transparent); --button-primary-outline-surface--hover: var(--venice-blue-100); --button-primary-outline-surface--pressed: var(--venice-blue-200); --button-primary-outline-surface--focus: var(--grey-transparent); --button-primary-outline-surface--disabled: var(--grey-transparent); --button-primary-outline-border--default: var(--venice-blue-700); --button-primary-outline-border--hover: var(--venice-blue-700); --button-primary-outline-border--pressed: var(--venice-blue-700); --button-primary-outline-border--focus: var(--input-border--focus); --button-primary-outline-border--disabled: var(--venice-blue-300); --button-primary-none-on-surface--default: var(--venice-blue-700); --button-primary-none-on-surface--hover: var(--venice-blue-700); --button-primary-none-on-surface--pressed: var(--venice-blue-700); --button-primary-none-on-surface--focus: var(--venice-blue-700); --button-primary-none-on-surface--disabled: var(--venice-blue-300); --button-primary-none-surface--default: var(--grey-transparent); --button-primary-none-surface--hover: var(--venice-blue-100); --button-primary-none-surface--pressed: var(--venice-blue-200); --button-primary-none-surface--focus: var(--grey-transparent); --button-primary-none-surface--disabled: var(--grey-transparent); --button-primary-none-border--default: var(--grey-transparent); --button-primary-none-border--hover: var(--grey-transparent); --button-primary-none-border--pressed: var(--grey-transparent); --button-primary-none-border--focus: var(--input-border--focus); --button-primary-none-border--disabled: var(--grey-transparent); --button-success-filled-on-surface--default: var(--eucalyptus-50); --button-success-filled-on-surface--hover: var(--eucalyptus-50); --button-success-filled-on-surface--pressed: var(--eucalyptus-50); --button-success-filled-on-surface--focus: var(--eucalyptus-50); --button-success-filled-on-surface--disabled: var(--eucalyptus-300); --button-success-filled-surface--default: var(--eucalyptus-700); --button-success-filled-surface--hover: var(--eucalyptus-600); --button-success-filled-surface--pressed: var(--eucalyptus-800); --button-success-filled-surface--focus: var(--eucalyptus-700); --button-success-filled-surface--disabled: var(--eucalyptus-100); --button-success-filled-border--default: var(--grey-transparent); --button-success-filled-border--hover: var(--grey-transparent); --button-success-filled-border--pressed: var(--grey-transparent); --button-success-filled-border--focus: var(--input-border--focus); --button-success-filled-border--disabled: var(--grey-transparent); --button-success-outline-on-surface--default: var(--eucalyptus-700); --button-success-outline-on-surface--hover: var(--eucalyptus-700); --button-success-outline-on-surface--pressed: var(--eucalyptus-700); --button-success-outline-on-surface--focus: var(--eucalyptus-700); --button-success-outline-on-surface--disabled: var(--eucalyptus-300); --button-success-outline-surface--default: var(--grey-transparent); --button-success-outline-surface--hover: var(--eucalyptus-100); --button-success-outline-surface--pressed: var(--eucalyptus-200); --button-success-outline-surface--focus: var(--grey-transparent); --button-success-outline-surface--disabled: var(--grey-transparent); --button-success-outline-border--default: var(--eucalyptus-700); --button-success-outline-border--hover: var(--eucalyptus-700); --button-success-outline-border--pressed: var(--eucalyptus-700); --button-success-outline-border--focus: var(--input-border--focus); --button-success-outline-border--disabled: var(--eucalyptus-300); --button-success-none-on-surface--default: var(--eucalyptus-700); --button-success-none-on-surface--hover: var(--eucalyptus-700); --button-success-none-on-surface--pressed: var(--eucalyptus-700); --button-success-none-on-surface--focus: var(--eucalyptus-700); --button-success-none-on-surface--disabled: var(--eucalyptus-300); --button-success-none-surface--default: var(--grey-transparent); --button-success-none-surface--hover: var(--eucalyptus-100); --button-success-none-surface--pressed: var(--eucalyptus-200); --button-success-none-surface--focus: var(--grey-transparent); --button-success-none-surface--disabled: var(--grey-transparent); --button-success-none-border--default: var(--grey-transparent); --button-success-none-border--hover: var(--grey-transparent); --button-success-none-border--pressed: var(--grey-transparent); --button-success-none-border--focus: var(--input-border--focus); --button-success-none-border--disabled: var(--grey-transparent); --button-warning-filled-on-surface--default: var(--rob-roy-50); --button-warning-filled-on-surface--hover: var(--rob-roy-50); --button-warning-filled-on-surface--pressed: var(--rob-roy-50); --button-warning-filled-on-surface--focus: var(--rob-roy-50); --button-warning-filled-on-surface--disabled: var(--rob-roy-300); --button-warning-filled-surface--default: var(--rob-roy-600); --button-warning-filled-surface--hover: var(--rob-roy-500); --button-warning-filled-surface--pressed: var(--rob-roy-700); --button-warning-filled-surface--focus: var(--rob-roy-400); --button-warning-filled-surface--disabled: var(--rob-roy-100); --button-warning-filled-border--default: var(--grey-transparent); --button-warning-filled-border--hover: var(--grey-transparent); --button-warning-filled-border--pressed: var(--grey-transparent); --button-warning-filled-border--focus: var(--input-border--focus); --button-warning-filled-border--disabled: var(--grey-transparent); --button-warning-outline-on-surface--default: var(--rob-roy-700); --button-warning-outline-on-surface--hover: var(--rob-roy-700); --button-warning-outline-on-surface--pressed: var(--rob-roy-700); --button-warning-outline-on-surface--focus: var(--rob-roy-700); --button-warning-outline-on-surface--disabled: var(--rob-roy-300); --button-warning-outline-surface--default: var(--grey-transparent); --button-warning-outline-surface--hover: var(--rob-roy-100); --button-warning-outline-surface--pressed: var(--rob-roy-200); --button-warning-outline-surface--focus: var(--grey-transparent); --button-warning-outline-surface--disabled: var(--grey-transparent); --button-warning-outline-border--default: var(--rob-roy-600); --button-warning-outline-border--hover: var(--rob-roy-600); --button-warning-outline-border--pressed: var(--rob-roy-600); --button-warning-outline-border--focus: var(--input-border--focus); --button-warning-outline-border--disabled: var(--rob-roy-300); --button-warning-none-on-surface--default: var(--rob-roy-700); --button-warning-none-on-surface--hover: var(--rob-roy-700); --button-warning-none-on-surface--pressed: var(--rob-roy-700); --button-warning-none-on-surface--focus: var(--rob-roy-700); --button-warning-none-on-surface--disabled: var(--rob-roy-300); --button-warning-none-surface--default: var(--grey-transparent); --button-warning-none-surface--hover: var(--rob-roy-100); --button-warning-none-surface--pressed: var(--rob-roy-200); --button-warning-none-surface--focus: var(--grey-transparent); --button-warning-none-surface--disabled: var(--grey-transparent); --button-warning-none-border--default: var(--grey-transparent); --button-warning-none-border--hover: var(--grey-transparent); --button-warning-none-border--pressed: var(--grey-transparent); --button-warning-none-border--focus: var(--input-border--focus); --button-warning-none-border--disabled: var(--grey-transparent); --button-danger-filled-on-surface--default: var(--cerise-red-50); --button-danger-filled-on-surface--hover: var(--cerise-red-50); --button-danger-filled-on-surface--pressed: var(--cerise-red-50); --button-danger-filled-on-surface--focus: var(--cerise-red-50); --button-danger-filled-on-surface--disabled: var(--cerise-red-300); --button-danger-filled-surface--default: var(--cerise-red-700); --button-danger-filled-surface--hover: var(--cerise-red-600); --button-danger-filled-surface--pressed: var(--cerise-red-800); --button-danger-filled-surface--focus: var(--cerise-red-700); --button-danger-filled-surface--disabled: var(--cerise-red-100); --button-danger-filled-border--default: var(--grey-transparent); --button-danger-filled-border--hover: var(--grey-transparent); --button-danger-filled-border--pressed: var(--grey-transparent); --button-danger-filled-border--focus: var(--input-border--focus); --button-danger-filled-border--disabled: var(--grey-transparent); --button-danger-outline-on-surface--default: var(--cerise-red-700); --button-danger-outline-on-surface--hover: var(--cerise-red-700); --button-danger-outline-on-surface--pressed: var(--cerise-red-700); --button-danger-outline-on-surface--focus: var(--cerise-red-700); --button-danger-outline-on-surface--disabled: var(--cerise-red-300); --button-danger-outline-surface--default: var(--grey-transparent); --button-danger-outline-surface--hover: var(--cerise-red-100); --button-danger-outline-surface--pressed: var(--cerise-red-200); --button-danger-outline-surface--focus: var(--grey-transparent); --button-danger-outline-surface--disabled: var(--grey-transparent); --button-danger-outline-border--default: var(--cerise-red-700); --button-danger-outline-border--hover: var(--cerise-red-700); --button-danger-outline-border--pressed: var(--cerise-red-700); --button-danger-outline-border--focus: var(--input-border--focus); --button-danger-outline-border--disabled: var(--cerise-red-300); --button-danger-none-on-surface--default: var(--cerise-red-700); --button-danger-none-on-surface--hover: var(--cerise-red-700); --button-danger-none-on-surface--pressed: var(--cerise-red-700); --button-danger-none-on-surface--focus: var(--cerise-red-700); --button-danger-none-on-surface--disabled: var(--cerise-red-300); --button-danger-none-surface--default: var(--grey-transparent); --button-danger-none-surface--hover: var(--cerise-red-100); --button-danger-none-surface--pressed: var(--cerise-red-200); --button-danger-none-surface--focus: var(--grey-transparent); --button-danger-none-surface--disabled: var(--grey-transparent); --button-danger-none-border--default: var(--grey-transparent); --button-danger-none-border--hover: var(--grey-transparent); --button-danger-none-border--pressed: var(--grey-transparent); --button-danger-none-border--focus: var(--input-border--focus); --button-danger-none-border--disabled: var(--grey-transparent); --profilebutton-on-surface--default: var(--layout-on-surface--default); --profilebutton-on-surface--hover: var(--venice-blue-500); --profilebutton-on-surface--pressed: var(--venice-blue-500); --profilebutton-on-surface--focus: var(--venice-blue-300); --profilebutton-on-surface--disabled: var(--grey-600); --profilebutton-surface--default: var(--grey-transparent); --profilebutton-surface--hover: var(--grey-transparent); --profilebutton-surface--pressed: var(--grey-black); --profilebutton-surface--focus: var(--grey-transparent); --profilebutton-surface--disabled: var(--grey-800); --profilebutton-border--default: var(--grey-black); --profilebutton-border--hover: var(--venice-blue-500); --profilebutton-border--pressed: var(--grey-black); --profilebutton-border--focus: var(--venice-blue-400); --profilebutton-border--disabled: var(--grey-transparent); --input-surface--default: var(--grey-transparent); --input-surface--mandatory: var(--venice-blue-100); --input-surface--success: var(--eucalyptus-100); --input-surface--warning: var(--rob-roy-100); --input-surface--danger: var(--cerise-red-100); --input-border--default: var(--grey-400); --input-border--hover: var(--venice-blue-600); --input-border--active: var(--venice-blue-600); --input-border--pressed: var(--grey-400); --input-border--focus: var(--venice-blue-400); --input-border--success: var(--eucalyptus-400); --input-border--warning: var(--rob-roy-400); --input-border--danger: var(--cerise-red-600); --input-border--disabled: var(--grey-200); --alert-on-surface--default: var(--grey-800); --alert-on-surface--default-accent: var(--grey-600); --alert-on-surface--primary: var(--venice-blue-700); --alert-on-surface--primary-accent: var(--grey-600); --alert-on-surface--success: var(--eucalyptus-700); --alert-on-surface--success-accent: var(--eucalyptus-400); --alert-on-surface--warning: var(--rob-roy-700); --alert-on-surface--warning-accent: var(--rob-roy-700); --alert-on-surface--danger: var(--cerise-red-600); --alert-on-surface--danger-accent: var(--cerise-red-400); --alert-surface--default: var(--grey-transparent); --alert-surface--primary: var(--venice-blue-50); --alert-surface--success: var(--eucalyptus-50); --alert-surface--warning: var(--rob-roy-50); --alert-surface--danger: var(--cerise-red-50); --alert-border--default: var(--grey-400); --alert-border--primary: var(--venice-blue-700); --alert-border--success: var(--eucalyptus-600); --alert-border--warning: var(--rob-roy-300); --alert-border--danger: var(--cerise-red-600); --toast-surface--default: var(--grey-white); --toast-surface--primary: var(--venice-blue-300); --toast-surface--success: var(--eucalyptus-300); --toast-surface--warning: var(--rob-roy-200); --toast-surface--danger: var(--cerise-red-300); --toast-on-surface--default: var(--grey-950); --toast-on-surface--default-accent: var(--grey-600); --toast-on-surface--primary: var(--venice-blue-950); --toast-on-surface--primary-accent: var(--venice-blue-700); --toast-on-surface--success: var(--eucalyptus-950); --toast-on-surface--success-accent: var(--eucalyptus-700); --toast-on-surface--warning: var(--rob-roy-950); --toast-on-surface--warning-accent: var(--rob-roy-800); --toast-on-surface--danger: var(--coral-red-950); --toast-on-surface--danger-accent: var(--coral-red-800); --toast-border--default: var(--grey-300); --toast-border--primary: var(--venice-blue-200); --toast-border--success: var(--eucalyptus-200); --toast-border--warning: var(--rob-roy-100); --toast-border--danger: var(--cerise-red-200); --chips-surface--default: var(--grey-200); --chips-surface--default-accent-1: var(--grey-300); --chips-surface--default-accent-2: var(--grey-400); --chips-surface--primary: var(--venice-blue-100); --chips-surface--primary-accent-1: var(--venice-blue-200); --chips-surface--primary-accent-2: var(--venice-blue-300); --chips-surface--success: var(--eucalyptus-100); --chips-surface--success-accent-1: var(--eucalyptus-200); --chips-surface--success-accent-2: var(--eucalyptus-300); --chips-surface--warning: var(--rob-roy-100); --chips-surface--warning-accent-1: var(--rob-roy-200); --chips-surface--warning-accent-2: var(--rob-roy-300); --chips-surface--danger: var(--cerise-red-100); --chips-surface--danger-accent-1: var(--cerise-red-200); --chips-surface--danger-accent-2: var(--cerise-red-300); --chips-on-surface--default: var(--grey-950); --chips-on-surface--default-accent-1: var(--grey-950); --chips-on-surface--default-accent-2: var(--grey-950); --chips-on-surface--primary: var(--venice-blue-950); --chips-on-surface--primary-accent-1: var(--venice-blue-950); --chips-on-surface--primary-accent-2: var(--venice-blue-950); --chips-on-surface--success: var(--eucalyptus-950); --chips-on-surface--success-accent-1: var(--eucalyptus-950); --chips-on-surface--success-accent-2: var(--eucalyptus-950); --chips-on-surface--warning: var(--rob-roy-950); --chips-on-surface--warning-accent-1: var(--rob-roy-950); --chips-on-surface--warning-accent-2: var(--rob-roy-950); --chips-on-surface--danger: var(--cerise-red-950); --chips-on-surface--danger-accent-1: var(--cerise-red-950); --chips-on-surface--danger-accent-2: var(--cerise-red-950); --setting-surface--default: var(--layout-surface--canvas); --setting-surface--rowtitle: var(--layout-surface--body); --setting-surface--subrow: var(--grey-100); --big-number-on-surface--default: var(--grey-800); --big-number-on-surface--default-accent: var(--grey-600); --big-number-surface--default: var(--grey-white); --big-number-border--default: var(--layout-border--default); --illustrations--shadow-1: var(--grey-400); --illustrations--bubble-1: var(--grey-white); --old-paper-surface--default: var(--grey-white); --old-paper-on-surface--default: var(--grey-950); --old-paper-border--default: var(--grey-300); --card-surface--default: var(--grey-white); --card-surface--primary: var(--venice-blue-700); --card-surface--success: var(--eucalyptus-600); --card-surface--warning: var(--rob-roy-200); --card-surface--danger: var(--cerise-red-600); --card-on-surface--default: var(--grey-950); --table-surface-thead--default: var(--grey-white); --table-surface-thead--sorted: var(--venice-blue-100); --table-surface-thead--hover: var(--grey-100); --table-surface-tbody--default: var(--grey-white); --card-on-surface--default-accent: var(--grey-600); --table-surface-tbody--sorted: var(--venice-blue-50); --card-on-surface--primary: var(--venice-blue-50); --table-surface-tbody--hover: var(--venice-blue-200); --table-surface-tbody--sub-row-1: var(--grey-50); --card-on-surface--primary-accent: var(--venice-blue-200); --table-surface-tbody--sub-row-2: var(--grey-100); --card-on-surface--success: var(--eucalyptus-50); --card-on-surface--success-accent: var(--grey-200); --card-on-surface--warning: var(--rob-roy-950); --card-on-surface--warning-accent: var(--rob-roy-700); --card-on-surface--danger: var(--coral-red-50); --card-on-surface--danger-accent: var(--coral-red-200); --card-border--default: var(--grey-300); --card-border--primary: var(--venice-blue-700); --card-border--success: var(--eucalyptus-700); --card-border--warning: var(--rob-roy-300); --card-border--danger: var(--cerise-red-700); --table-surface--table-header: var(--grey-white); --table-surface--table-footer: var(--grey-white); --table-border--default: var(--layout-border--default); --progress-surface--track: var(--grey-200); --skeleton-surface--default: var(--grey-200); --table-surface-tfoot--default: var(--grey-white); --table-surface-tfoot--sorted: var(--venice-blue-50); --message-preview-surface--default: var(--grey-200); --message-preview-on-surface--default: var(--grey-950); --message-preview-on-surface--secondary: var(--rob-roy-500); --chips-border--default: var(--grey-400); --chips-border--default-accent-1: var(--grey-500); --chips-border--default-accent-2: var(--grey-600); --chips-border--primary: var(--venice-blue-300); --chips-border--primary-accent-1: var(--venice-blue-400); --chips-border--primary-accent-2: var(--venice-blue-500); --chips-border--success: var(--eucalyptus-300); --chips-border--success-accent-1: var(--eucalyptus-400); --chips-border--success-accent-2: var(--eucalyptus-500); --chips-border--warning: var(--rob-roy-300); --chips-border--warning-accent-1: var(--rob-roy-400); --chips-border--warning-accent-2: var(--rob-roy-500); --chips-border--danger: var(--cerise-red-300); --chips-border--danger-accent-1: var(--cerise-red-400); --chips-border--danger-accent-2: var(--cerise-red-500); --badge-surface--default: var(--grey-200); --badge-surface--default-alt: var(--grey-600); --badge-surface--primary: var(--venice-blue-100); --badge-surface--primary-alt: var(--venice-blue-800); --badge-surface--success: var(--eucalyptus-100); --badge-surface--success-alt: var(--eucalyptus-800); --badge-surface--warning: var(--rob-roy-100); --badge-surface--warning-alt: var(--rob-roy-800); --badge-surface--danger: var(--cerise-red-100); --badge-surface--danger-alt: var(--cerise-red-800); --badge-surface--split: var(--eggplant-100); --badge-on-surface--default: var(--grey-600); --badge-on-surface--default-alt: var(--grey-200); --badge-on-surface--primary: var(--venice-blue-800); --badge-on-surface--primary-alt: var(--venice-blue-100); --badge-on-surface--success: var(--eucalyptus-800); --badge-on-surface--success-alt: var(--eucalyptus-100); --badge-on-surface--warning: var(--rob-roy-800); --badge-surface--split-alt: var(--eggplant-800); --badge-on-surface--warning-alt: var(--rob-roy-100); --badge-on-surface--danger: var(--cerise-red-800); --badge-on-surface--danger-alt: var(--cerise-red-100); --badge-on-surface--split: var(--eggplant-800); --badge-on-surface--split-alt: var(--eggplant-100); --segment-rule-surface--default: var(--grey-white); --segment-rule-surface--hover: var(--grey-200); --paper-surface--default: var(--grey-white); --segment-rule-surface--dragging: var(--grey-200); --paper-surface--primary: var(--venice-blue-700); --segment-add-on-surface--button-and: var(--grey-900); --segment-add-on-surface--button-or: var(--venice-blue-900); --paper-surface--success: var(--eucalyptus-600); --paper-surface--warning: var(--rob-roy-200); --paper-surface--danger: var(--cerise-red-600); --paper-on-surface--default: var(--grey-950); --segment-group-on-surface--pill-and: var(--grey-50); --segment-group-on-surface--pill-or: var(--venice-blue-50); --paper-on-surface--default-accent: var(--grey-600); --segment-group-surface--and: var(--grey-700); --paper-on-surface--primary: var(--venice-blue-50); --segment-group-surface--or: var(--venice-blue-600); --paper-on-surface--primary-accent: var(--venice-blue-200); --paper-on-surface--success: var(--eucalyptus-50); --paper-on-surface--success-accent: var(--grey-200); --paper-on-surface--warning: var(--rob-roy-950); --paper-on-surface--warning-accent: var(--rob-roy-700); --paper-on-surface--danger: var(--coral-red-50); --paper-on-surface--danger-accent: var(--coral-red-200); --segment-operator-on-surface--pill-and: var(--grey-600); --segment-operator-on-surface--pill-or: var(--venice-blue-600); --paper-border--default: var(--grey-300); --segment-operator-surface--pill-and: var(--grey-50); --paper-border--primary: var(--venice-blue-900); --segment-operator-surface--pill-or: var(--venice-blue-50); --paper-border--success: var(--eucalyptus-700); --paper-border--warning: var(--rob-roy-300); --segment-operator-border--pill-and: var(--grey-400); --paper-border--danger: var(--cerise-red-700); --segment-operator-border--pill-or: var(--venice-blue-400); --segment-operator-border--line-and: var(--grey-200); --segment-operator-border--line-or: var(--venice-blue-200); --date-picker-surface--default: var(--grey-white); --date-picker-surface--week-number: var(--grey-100); --date-picker-surface--active: var(--venice-blue-100); --date-picker-surface--hover: var(--grey-100); --date-picker-surface--selected: var(--layout-on-surface--primary); --date-picker-on-surface--default: var(--grey-950); --date-picker-on-surface--active: var(--venice-blue-700); --date-picker-on-surface--hover: var(--grey-950); --date-picker-on-surface--selected: var(--grey-white); --dropdown-list-surface--default: var(--grey-white); --dropdown-list-surface--hover: var(--venice-blue-100); --dropdown-list-surface--pressed: var(--venice-blue-200); --dropdown-list-surface--disabled: var(--grey-100); --setting--setting-row-height: var(--size-11); } @media (prefers-color-scheme: dark) { :root { --pageinfo-on-surface--default: var(--grey-100); --pageinfo-on-surface--secondary: var(--grey-300); --pageinfo-on-surface--tertiary: var(--grey-400); --pageinfo-on-surface--primary: var(--venice-blue-400); --pageinfo-on-surface--success: var(--eucalyptus-400); --pageinfo-on-surface--warning: var(--rob-roy-400); --pageinfo-on-surface--danger: var(--cerise-red-400); --pageinfo-on-surface--split: var(--eggplant-400); --pageinfo-surface--default: var(--grey-900); --pageinfo-surface--primary: var(--venice-blue-800); --pageinfo-surface--warning: var(--rob-roy-800); --pageinfo-surface--split: var(--eggplant-800); --layout-on-surface--logo: var(--venice-blue-300); --layout-on-surface--default: var(--grey-100); --layout-on-surface--secondary: var(--grey-300); --layout-on-surface--tertiary: var(--grey-400); --layout-surface--body: var(--grey-900); --layout-surface--canvas: var(--grey-800); --layout-on-surface--primary: var(--venice-blue-400); --layout-on-surface--success: var(--eucalyptus-400); --layout-surface--mainnav: var(--grey-950); --layout-surface--sidenav: var(--grey-950); --layout-surface--sidenav-popout: var(--grey-950); --layout-on-surface--warning: var(--rob-roy-400); --layout-surface--login-illustration: var(--grey-800); --layout-on-surface--danger: var(--cerise-red-400); --layout-surface--docs-example: var(--grey-800); --layout-on-surface--split: var(--eggplant-400); --layout-border--system-header: var(--grey-black); --layout-border--default: var(--grey-950); --layout-border--primary: var(--venice-blue-700); --layout-border--secondary: var(--eucalyptus-600); --layout-border--warning: var(--rob-roy-300); --layout-border--danger: var(--cerise-red-500); --layout-border--split: var(--eggplant-700); --layout-border--mainnav: var(--grey-black); --mainnav-button-default-on-surface--default: var(--grey-100); --mainnav-button-default-on-surface--hover: var(--grey-100); --mainnav-button-default-on-surface--pressed: var(--grey-100); --mainnav-button-default-on-surface--focus: var(--grey-100); --mainnav-button-default-on-surface--disabled: var(--grey-600); --mainnav-button-default-surface--default: var(--grey-transparent); --mainnav-button-default-surface--hover: var(--grey-900); --mainnav-button-default-surface--pressed: var(--grey-800); --mainnav-button-default-surface--focus: var(--grey-transparent); --mainnav-button-default-surface--disabled: var(--grey-transparent); --mainnav-button-default-border--default: var(--grey-transparent); --mainnav-button-default-border--hover: var(--grey-transparent); --mainnav-button-default-border--pressed: var(--grey-transparent); --mainnav-button-default-border--focus: var(--input-border--focus); --mainnav-button-default-border--disabled: var(--grey-transparent); --mainnav-button-primary-on-surface--default: var(--grey-100); --mainnav-button-primary-on-surface--hover: var(--grey-100); --mainnav-button-primary-on-surface--pressed: var(--grey-100); --mainnav-button-primary-on-surface--focus: var(--grey-100); --mainnav-button-primary-on-surface--disabled: var(--grey-600); --mainnav-button-primary-surface--default: var(--venice-blue-800); --mainnav-button-primary-surface--hover: var(--venice-blue-500); --mainnav-button-primary-surface--pressed: var(--venice-blue-900); --mainnav-button-primary-surface--focus: var(--venice-blue-800); --mainnav-button-primary-surface--disabled: var(--grey-500); --mainnav-button-primary-border--default: var(--grey-black); --mainnav-button-primary-border--hover: var(--grey-black); --mainnav-button-primary-border--focus: var(--grey-black); --button--label-on-surface-default: var(--grey-950); --button-default-filled-on-surface--default: var(--grey-50); --button-default-filled-on-surface--hover: var(--grey-50); --button-default-filled-on-surface--pressed: var(--grey-50); --button-default-filled-on-surface--focus: var(--grey-50); --button-default-filled-on-surface--disabled: var(--grey-600); --button-default-filled-surface--default: var(--grey-800); --button-default-filled-surface--hover: var(--grey-700); --button-default-filled-surface--pressed: var(--grey-800); --button-default-filled-surface--focus: var(--grey-800); --button-default-filled-surface--disabled: var(--grey-800); --button-default-filled-border--default: var(--grey-transparent); --button-default-filled-border--hover: var(--grey-transparent); --button-default-filled-border--pressed: var(--grey-transparent); --button-default-filled-border--focus: var(--input-border--focus); --button-default-filled-border--disabled: var(--grey-transparent); --button-default-outline-on-surface--default: var(--grey-50); --button-default-outline-on-surface--hover: var(--grey-50); --button-default-outline-on-surface--pressed: var(--grey-50); --button-default-outline-on-surface--focus: var(--grey-50); --button-default-outline-on-surface--disabled: var(--grey-600); --button-default-outline-surface--default: var(--grey-transparent); --button-default-outline-surface--hover: var(--grey-700); --button-default-outline-surface--pressed: var(--grey-800); --button-default-outline-surface--focus: var(--grey-transparent); --button-default-outline-surface--disabled: var(--grey-transparent); --button-default-outline-border--default: var(--grey-700); --button-default-outline-border--hover: var(--grey-700); --button-default-outline-border--pressed: var(--grey-800); --button-default-outline-border--focus: var(--input-border--focus); --button-default-outline-border--disabled: var(--grey-700); --button-default-none-on-surface--default: var(--grey-50); --button-default-none-on-surface--hover: var(--grey-50); --button-default-none-on-surface--pressed: var(--grey-50); --button-default-none-on-surface--focus: var(--grey-50); --button-default-none-on-surface--disabled: var(--grey-600); --button-default-none-surface--default: var(--grey-transparent); --button-default-none-surface--hover: var(--grey-700); --button-default-none-surface--pressed: var(--grey-800); --button-default-none-surface--focus: var(--grey-transparent); --button-default-none-surface--disabled: var(--grey-transparent); --button-default-none-border--default: var(--grey-transparent); --button-default-none-border--hover: var(--grey-transparent); --button-default-none-border--pressed: var(--grey-transparent); --button-default-none-border--focus: var(--input-border--focus); --button-default-none-border--disabled: var(--grey-transparent); --button-primary-filled-on-surface--default: var(--venice-blue-50); --button-primary-filled-on-surface--hover: var(--venice-blue-50); --button-primary-filled-on-surface--pressed: var(--venice-blue-50); --button-primary-filled-on-surface--focus: var(--venice-blue-50); --button-primary-filled-on-surface--disabled: var(--venice-blue-500); --button-primary-filled-surface--default: var(--venice-blue-700); --button-primary-filled-surface--hover: var(--venice-blue-800); --button-primary-filled-surface--pressed: var(--venice-blue-900); --button-primary-filled-surface--focus: var(--venice-blue-700); --button-primary-filled-surface--disabled: var(--venice-blue-900); --button-primary-filled-border--default: var(--grey-transparent); --button-primary-filled-border--hover: var(--grey-transparent); --button-primary-filled-border--pressed: var(--grey-transparent); --button-primary-filled-border--focus: var(--input-border--focus); --button-primary-filled-border--disabled: var(--grey-transparent); --button-primary-outline-on-surface--default: var(--venice-blue-300); --button-primary-outline-on-surface--hover: var(--venice-blue-300); --button-primary-outline-on-surface--pressed: var(--venice-blue-300); --button-primary-outline-on-surface--focus: var(--venice-blue-300); --button-primary-outline-on-surface--disabled: var(--venice-blue-700); --button-primary-outline-surface--default: var(--grey-transparent); --button-primary-outline-surface--hover: var(--venice-blue-800); --button-primary-outline-surface--pressed: var(--venice-blue-900); --button-primary-outline-surface--focus: var(--grey-transparent); --button-primary-outline-surface--disabled: var(--grey-transparent); --button-primary-outline-border--default: var(--venice-blue-800); --button-primary-outline-border--hover: var(--venice-blue-800); --button-primary-outline-border--pressed: var(--venice-blue-900); --button-primary-outline-border--focus: var(--input-border--focus); --button-primary-outline-border--disabled: var(--venice-blue-900); --button-primary-none-on-surface--default: var(--venice-blue-300); --button-primary-none-on-surface--hover: var(--venice-blue-300); --button-primary-none-on-surface--pressed: var(--venice-blue-300); --button-primary-none-on-surface--focus: var(--venice-blue-300); --button-primary-none-on-surface--disabled: var(--venice-blue-700); --button-primary-none-surface--default: var(--grey-transparent); --button-primary-none-surface--hover: var(--venice-blue-800); --button-primary-none-surface--pressed: var(--venice-blue-900); --button-primary-none-surface--focus: var(--grey-transparent); --button-primary-none-surface--disabled: var(--grey-transparent); --button-primary-none-border--default: var(--grey-transparent); --button-primary-none-border--hover: var(--grey-transparent); --button-primary-none-border--pressed: var(--grey-transparent); --button-primary-none-border--focus: var(--input-border--focus); --button-primary-none-border--disabled: var(--grey-transparent); --button-success-filled-on-surface--default: var(--eucalyptus-50); --button-success-filled-on-surface--hover: var(--eucalyptus-50); --button-success-filled-on-surface--pressed: var(--eucalyptus-50); --button-success-filled-on-surface--focus: var(--eucalyptus-50); --button-success-filled-on-surface--disabled: var(--eucalyptus-500); --button-success-filled-surface--default: var(--eucalyptus-700); --button-success-filled-surface--hover: var(--eucalyptus-800); --button-success-filled-surface--pressed: var(--eucalyptus-900); --button-success-filled-surface--focus: var(--eucalyptus-700); --button-success-filled-surface--disabled: var(--eucalyptus-900); --button-success-filled-border--default: var(--grey-transparent); --button-success-filled-border--hover: var(--grey-transparent); --button-success-filled-border--pressed: var(--grey-transparent); --button-success-filled-border--focus: var(--input-border--focus); --button-success-filled-border--disabled: var(--grey-transparent); --button-success-outline-on-surface--default: var(--eucalyptus-200); --button-success-outline-on-surface--hover: var(--eucalyptus-200); --button-success-outline-on-surface--pressed: var(--eucalyptus-200); --button-success-outline-on-surface--focus: var(--eucalyptus-200); --button-success-outline-on-surface--disabled: var(--eucalyptus-700); --button-success-outline-surface--default: var(--grey-transparent); --button-success-outline-surface--hover: var(--eucalyptus-800); --button-success-outline-surface--pressed: var(--eucalyptus-900); --button-success-outline-surface--focus: var(--grey-transparent); --button-success-outline-surface--disabled: var(--grey-transparent); --button-success-outline-border--default: var(--eucalyptus-700); --button-success-outline-border--hover: var(--eucalyptus-800); --button-success-outline-border--pressed: var(--eucalyptus-900); --button-success-outline-border--focus: var(--input-border--focus); --button-success-outline-border--disabled: var(--eucalyptus-900); --button-success-none-on-surface--default: var(--eucalyptus-200); --button-success-none-on-surface--hover: var(--eucalyptus-200); --button-success-none-on-surface--pressed: var(--eucalyptus-200); --button-success-none-on-surface--focus: var(--eucalyptus-200); --button-success-none-on-surface--disabled: var(--eucalyptus-700); --button-success-none-surface--default: var(--grey-transparent); --button-success-none-surface--hover: var(--eucalyptus-800); --button-success-none-surface--pressed: var(--eucalyptus-900); --button-success-none-surface--focus: var(--grey-transparent); --button-success-none-surface--disabled: var(--grey-transparent); --button-success-none-border--default: var(--grey-transparent); --button-success-none-border--hover: var(--grey-transparent); --button-success-none-border--pressed: var(--grey-transparent); --button-success-none-border--focus: var(--input-border--focus); --button-success-none-border--disabled: var(--grey-transparent); --button-warning-filled-on-surface--default: var(--rob-roy-50); --button-warning-filled-on-surface--hover: var(--rob-roy-50); --button-warning-filled-on-surface--pressed: var(--rob-roy-50); --button-warning-filled-on-surface--focus: var(--rob-roy-50); --button-warning-filled-on-surface--disabled: var(--rob-roy-500); --button-warning-filled-surface--default: var(--rob-roy-400); --button-warning-filled-surface--hover: var(--rob-roy-500); --button-warning-filled-surface--pressed: var(--rob-roy-600); --button-warning-filled-surface--focus: var(--rob-roy-400); --button-warning-filled-surface--disabled: var(--rob-roy-800); --button-warning-filled-border--default: var(--grey-transparent); --button-warning-filled-border--hover: var(--grey-transparent); --button-warning-filled-border--pressed: var(--grey-transparent); --button-warning-filled-border--focus: var(--input-border--focus); --button-warning-filled-border--disabled: var(--grey-transparent); --button-warning-outline-on-surface--default: var(--rob-roy-200); --button-warning-outline-on-surface--hover: var(--rob-roy-200); --button-warning-outline-on-surface--pressed: var(--rob-roy-200); --button-warning-outline-on-surface--focus: var(--rob-roy-200); --button-warning-outline-on-surface--disabled: var(--rob-roy-700); --button-warning-outline-surface--default: var(--grey-transparent); --button-warning-outline-surface--hover: var(--rob-roy-500); --button-warning-outline-surface--pressed: var(--rob-roy-600); --button-warning-outline-surface--focus: var(--grey-transparent); --button-warning-outline-surface--disabled: var(--grey-transparent); --button-warning-outline-border--default: var(--rob-roy-700); --button-warning-outline-border--hover: var(--rob-roy-500); --button-warning-outline-border--pressed: var(--rob-roy-600); --button-warning-outline-border--focus: var(--input-border--focus); --button-warning-outline-border--disabled: var(--rob-roy-800); --button-warning-none-on-surface--default: var(--rob-roy-200); --button-warning-none-on-surface--hover: var(--rob-roy-200); --button-warning-none-on-surface--pressed: var(--rob-roy-200); --button-warning-none-on-surface--focus: var(--rob-roy-200); --button-warning-none-on-surface--disabled: var(--rob-roy-700); --button-warning-none-surface--default: var(--grey-transparent); --button-warning-none-surface--hover: var(--rob-roy-500); --button-warning-none-surface--pressed: var(--rob-roy-600); --button-warning-none-surface--focus: var(--grey-transparent); --button-warning-none-surface--disabled: var(--grey-transparent); --button-warning-none-border--default: var(--grey-transparent); --button-warning-none-border--hover: var(--grey-transparent); --button-warning-none-border--pressed: var(--grey-transparent); --button-warning-none-border--focus: var(--input-border--focus); --button-warning-none-border--disabled: var(--grey-transparent); --button-danger-filled-on-surface--default: var(--cerise-red-50); --button-danger-filled-on-surface--hover: var(--cerise-red-50); --button-danger-filled-on-surface--pressed: var(--cerise-red-50); --button-danger-filled-on-surface--focus: var(--cerise-red-50); --button-danger-filled-on-surface--disabled: var(--cerise-red-500); --button-danger-filled-surface--default: var(--cerise-red-700); --button-danger-filled-surface--hover: var(--cerise-red-800); --button-danger-filled-surface--pressed: var(--cerise-red-900); --button-danger-filled-surface--focus: var(--cerise-red-700); --button-danger-filled-surface--disabled: var(--cerise-red-900); --button-danger-filled-border--default: var(--grey-transparent); --button-danger-filled-border--hover: var(--grey-transparent); --button-danger-filled-border--pressed: var(--grey-transparent); --button-danger-filled-border--focus: var(--input-border--focus); --button-danger-filled-border--disabled: var(--grey-transparent); --button-danger-outline-on-surface--default: var(--cerise-red-200); --button-danger-outline-on-surface--hover: var(--cerise-red-200); --button-danger-outline-on-surface--pressed: var(--cerise-red-200); --button-danger-outline-on-surface--focus: var(--cerise-red-200); --button-danger-outline-on-surface--disabled: var(--cerise-red-500); --button-danger-outline-surface--default: var(--grey-transparent); --button-danger-outline-surface--hover: var(--cerise-red-800); --button-danger-outline-surface--pressed: var(--cerise-red-900); --button-danger-outline-surface--focus: var(--grey-transparent); --button-danger-outline-surface--disabled: var(--grey-transparent); --button-danger-outline-border--default: var(--cerise-red-800); --button-danger-outline-border--hover: var(--cerise-red-800); --button-danger-outline-border--pressed: var(--cerise-red-900); --button-danger-outline-border--focus: var(--input-border--focus); --button-danger-outline-border--disabled: var(--cerise-red-800); --button-danger-none-on-surface--default: var(--cerise-red-200); --button-danger-none-on-surface--hover: var(--cerise-red-200); --button-danger-none-on-surface--pressed: var(--cerise-red-200); --button-danger-none-on-surface--focus: var(--cerise-red-200); --button-danger-none-on-surface--disabled: var(--cerise-red-500); --button-danger-none-surface--default: var(--grey-transparent); --button-danger-none-surface--hover: var(--cerise-red-800); --button-danger-none-surface--pressed: var(--cerise-red-900); --button-danger-none-surface--focus: var(--grey-transparent); --button-danger-none-surface--disabled: var(--grey-transparent); --button-danger-none-border--default: var(--grey-transparent); --button-danger-none-border--hover: var(--grey-transparent); --button-danger-none-border--pressed: var(--grey-transparent); --button-danger-none-border--focus: var(--input-border--focus); --button-danger-none-border--disabled: var(--grey-transparent); --profilebutton-on-surface--default: var(--layout-on-surface--default); --profilebutton-on-surface--hover: var(--venice-blue-500); --profilebutton-on-surface--pressed: var(--venice-blue-500); --profilebutton-on-surface--focus: var(--venice-blue-50); --profilebutton-on-surface--disabled: var(--grey-600); --profilebutton-surface--default: var(--grey-transparent); --profilebutton-surface--hover: var(--grey-transparent); --profilebutton-surface--pressed: var(--grey-black); --profilebutton-surface--focus: var(--grey-transparent); --profilebutton-surface--disabled: var(--grey-800); --profilebutton-border--default: var(--grey-black); --profilebutton-border--hover: var(--venice-blue-500); --profilebutton-border--pressed: var(--grey-black); --profilebutton-border--focus: var(--venice-blue-400); --profilebutton-border--disabled: var(--grey-transparent); --input-surface--default: var(--grey-transparent); --input-surface--mandatory: var(--venice-blue-800); --input-surface--success: var(--eucalyptus-600); --input-surface--warning: var(--rob-roy-600); --input-surface--danger: var(--cerise-red-600); --input-border--default: var(--grey-700); --input-border--hover: var(--venice-blue-600); --input-border--active: var(--venice-blue-600); --input-border--pressed: var(--grey-600); --input-border--focus: var(--venice-blue-400); --input-border--success: var(--eucalyptus-400); --input-border--warning: var(--rob-roy-400); --input-border--danger: var(--cerise-red-600); --input-border--disabled: var(--grey-700); --alert-on-surface--default: var(--grey-white); --alert-on-surface--default-accent: var(--grey-300); --alert-on-surface--primary: var(--venice-blue-50); --alert-on-surface--primary-accent: var(--venice-blue-300); --alert-on-surface--success: var(--eucalyptus-50); --alert-on-surface--success-accent: var(--eucalyptus-300); --alert-on-surface--warning: var(--rob-roy-50); --alert-on-surface--warning-accent: var(--rob-roy-200); --alert-on-surface--danger: var(--cerise-red-50); --alert-on-surface--danger-accent: var(--cerise-red-300); --alert-surface--default: var(--grey-transparent); --alert-surface--primary: var(--venice-blue-700); --alert-surface--success: var(--eucalyptus-700); --alert-surface--warning: var(--rob-roy-700); --alert-surface--danger: var(--cerise-red-700); --alert-border--default: var(--grey-950); --alert-border--primary: var(--venice-blue-950); --alert-border--success: var(--eucalyptus-950); --alert-border--warning: var(--rob-roy-950); --alert-border--danger: var(--cerise-red-950); --toast-surface--default: var(--grey-700); --toast-surface--primary: var(--venice-blue-700); --toast-surface--success: var(--eucalyptus-700); --toast-surface--warning: var(--rob-roy-700); --toast-surface--danger: var(--cerise-red-700); --toast-on-surface--default: var(--grey-white); --toast-on-surface--default-accent: var(--grey-300); --toast-on-surface--primary: var(--venice-blue-50); --toast-on-surface--primary-accent: var(--venice-blue-300); --toast-on-surface--success: var(--eucalyptus-50); --toast-on-surface--success-accent: var(--eucalyptus-300); --toast-on-surface--warning: var(--rob-roy-50); --toast-on-surface--warning-accent: var(--rob-roy-200); --toast-on-surface--danger: var(--coral-red-50); --toast-on-surface--danger-accent: var(--coral-red-300); --toast-border--default: var(--grey-950); --toast-border--primary: var(--venice-blue-950); --toast-border--success: var(--eucalyptus-950); --toast-border--warning: var(--rob-roy-950); --toast-border--danger: var(--cerise-red-950); --chips-surface--default: var(--grey-700); --chips-surface--default-accent-1: var(--grey-600); --chips-surface--default-accent-2: var(--grey-500); --chips-surface--primary: var(--venice-blue-800); --chips-surface--primary-accent-1: var(--venice-blue-700); --chips-surface--primary-accent-2: var(--venice-blue-600); --chips-surface--success: var(--eucalyptus-800); --chips-surface--success-accent-1: var(--eucalyptus-700); --chips-surface--success-accent-2: var(--eucalyptus-600); --chips-surface--warning: var(--rob-roy-800); --chips-surface--warning-accent-1: var(--rob-roy-700); --chips-surface--warning-accent-2: var(--rob-roy-600); --chips-surface--danger: var(--cerise-red-800); --chips-surface--danger-accent-1: var(--cerise-red-700); --chips-surface--danger-accent-2: var(--cerise-red-600); --chips-on-surface--default: var(--grey-white); --chips-on-surface--default-accent-1: var(--grey-white); --chips-on-surface--default-accent-2: var(--grey-white); --chips-on-surface--primary: var(--venice-blue-50); --chips-on-surface--primary-accent-1: var(--venice-blue-50); --chips-on-surface--primary-accent-2: var(--venice-blue-50); --chips-on-surface--success: var(--eucalyptus-50); --chips-on-surface--success-accent-1: var(--eucalyptus-50); --chips-on-surface--success-accent-2: var(--eucalyptus-50); --chips-on-surface--warning: var(--rob-roy-50); --chips-on-surface--warning-accent-1: var(--rob-roy-50); --chips-on-surface--warning-accent-2: var(--rob-roy-50); --chips-on-surface--danger: var(--cerise-red-50); --chips-on-surface--danger-accent-1: var(--cerise-red-50); --chips-on-surface--danger-accent-2: var(--cerise-red-50); --setting-surface--default: var(--layout-surface--canvas); --setting-surface--rowtitle: var(--layout-surface--body); --setting-surface--subrow: var(--grey-700); --big-number-on-surface--default: var(--grey-white); --big-number-on-surface--default-accent: var(--grey-300); --big-number-surface--default: var(--grey-800); --big-number-border--default: var(--grey-700); --illustrations--shadow-1: var(--grey-black); --illustrations--bubble-1: var(--grey-black); --old-paper-surface--default: var(--grey-700); --old-paper-on-surface--default: var(--grey-white); --old-paper-border--default: var(--grey-950); --card-surface--default: var(--grey-700); --card-surface--primary: var(--venice-blue-700); --card-surface--success: var(--eucalyptus-700); --card-surface--warning: var(--rob-roy-700); --card-surface--danger: var(--cerise-red-700); --card-on-surface--default: var(--grey-white); --table-surface-thead--default: var(--grey-900); --table-surface-thead--sorted: var(--venice-blue-900); --table-surface-thead--hover: var(--grey-900); --table-surface-tbody--default: var(--grey-900); --card-on-surface--default-accent: var(--grey-300); --table-surface-tbody--sorted: var(--venice-blue-900); --card-on-surface--primary: var(--venice-blue-50); --table-surface-tbody--hover: var(--venice-blue-700); --table-surface-tbody--sub-row-1: var(--grey-900); --card-on-surface--primary-accent: var(--venice-blue-300); --table-surface-tbody--sub-row-2: var(--grey-800); --card-on-surface--success: var(--eucalyptus-50); --card-on-surface--success-accent: var(--eucalyptus-300); --card-on-surface--warning: var(--rob-roy-50); --card-on-surface--warning-accent: var(--rob-roy-200); --card-on-surface--danger: var(--coral-red-50); --card-on-surface--danger-accent: var(--coral-red-300); --card-border--default: var(--grey-950); --card-border--primary: var(--venice-blue-950); --card-border--success: var(--eucalyptus-950); --card-border--warning: var(--rob-roy-950); --card-border--danger: var(--cerise-red-950); --table-surface--table-header: var(--grey-900); --table-surface--table-footer: var(--grey-900); --table-border--default: var(--layout-border--default); --progress-surface--track: var(--grey-700); --skeleton-surface--default: var(--grey-600); --table-surface-tfoot--default: var(--grey-900); --table-surface-tfoot--sorted: var(--venice-blue-900); --message-preview-surface--default: var(--grey-700); --message-preview-on-surface--default: var(--grey-white); --message-preview-on-surface--secondary: var(--rob-roy-300); --chips-border--default: var(--grey-700); --chips-border--default-accent-1: var(--grey-600); --chips-border--default-accent-2: var(--grey-500); --chips-border--primary: var(--venice-blue-800); --chips-border--primary-accent-1: var(--venice-blue-700); --chips-border--primary-accent-2: var(--venice-blue-600); --chips-border--success: var(--eucalyptus-800); --chips-border--success-accent-1: var(--eucalyptus-700); --chips-border--success-accent-2: var(--eucalyptus-600); --chips-border--warning: var(--rob-roy-800); --chips-border--warning-accent-1: var(--rob-roy-700); --chips-border--warning-accent-2: var(--rob-roy-600); --chips-border--danger: var(--cerise-red-800); --chips-border--danger-accent-1: var(--cerise-red-700); --chips-border--danger-accent-2: var(--cerise-red-600); --badge-surface--default: var(--grey-700); --badge-surface--default-alt: var(--grey-white); --badge-surface--primary: var(--venice-blue-800); --badge-surface--primary-alt: var(--venice-blue-50); --badge-surface--success: var(--eucalyptus-800); --badge-surface--success-alt: var(--eucalyptus-50); --badge-surface--warning: var(--rob-roy-800); --badge-surface--warning-alt: var(--rob-roy-50); --badge-surface--danger: var(--cerise-red-800); --badge-surface--danger-alt: var(--cerise-red-50); --badge-surface--split: var(--eggplant-800); --badge-on-surface--default: var(--grey-white); --badge-on-surface--default-alt: var(--grey-700); --badge-on-surface--primary: var(--venice-blue-50); --badge-on-surface--primary-alt: var(--venice-blue-800); --badge-on-surface--success: var(--eucalyptus-50); --badge-on-surface--success-alt: var(--eucalyptus-800); --badge-on-surface--warning: var(--rob-roy-50); --badge-surface--split-alt: var(--eggplant-50); --badge-on-surface--warning-alt: var(--rob-roy-800); --badge-on-surface--danger: var(--cerise-red-50); --badge-on-surface--danger-alt: var(--cerise-red-800); --badge-on-surface--split: var(--eggplant-50); --badge-on-surface--split-alt: var(--eggplant-800); --segment-rule-surface--default: var(--grey-900); --segment-rule-surface--hover: var(--grey-900); --paper-surface--default: var(--grey-700); --segment-rule-surface--dragging: var(--grey-950); --paper-surface--primary: var(--venice-blue-700); --segment-add-on-surface--button-and: var(--grey-100); --segment-add-on-surface--button-or: var(--venice-blue-100); --paper-surface--success: var(--eucalyptus-700); --paper-surface--warning: var(--rob-roy-700); --paper-surface--danger: var(--cerise-red-700); --paper-on-surface--default: var(--grey-white); --segment-group-on-surface--pill-and: var(--grey-50); --segment-group-on-surface--pill-or: var(--venice-blue-50); --paper-on-surface--default-accent: var(--grey-300); --segment-group-surface--and: var(--grey-700); --paper-on-surface--primary: var(--venice-blue-50); --segment-group-surface--or: var(--venice-blue-700); --paper-on-surface--primary-accent: var(--venice-blue-300); --paper-on-surface--success: var(--eucalyptus-50); --paper-on-surface--success-accent: var(--eucalyptus-300); --paper-on-surface--warning: var(--rob-roy-50); --paper-on-surface--warning-accent: var(--rob-roy-200); --paper-on-surface--danger: var(--coral-red-50); --paper-on-surface--danger-accent: var(--coral-red-300); --segment-operator-on-surface--pill-and: var(--grey-200); --segment-operator-on-surface--pill-or: var(--venice-blue-200); --paper-border--default: var(--grey-950); --segment-operator-surface--pill-and: var(--grey-900); --paper-border--primary: var(--venice-blue-950); --segment-operator-surface--pill-or: var(--venice-blue-900); --paper-border--success: var(--eucalyptus-950); --paper-border--warning: var(--rob-roy-950); --segment-operator-border--pill-and: var(--grey-700); --paper-border--danger: var(--cerise-red-950); --segment-operator-border--pill-or: var(--venice-blue-700); --segment-operator-border--line-and: var(--grey-800); --segment-operator-border--line-or: var(--venice-blue-800); --date-picker-surface--default: var(--grey-900); --date-picker-surface--week-number: var(--grey-800); --date-picker-surface--active: var(--venice-blue-900); --date-picker-surface--hover: var(--grey-700); --date-picker-surface--selected: var(--layout-on-surface--primary); --date-picker-on-surface--default: var(--grey-white); --date-picker-on-surface--active: var(--venice-blue-200); --date-picker-on-surface--hover: var(--grey-white); --date-picker-on-surface--selected: var(--grey-white); --dropdown-list-surface--default: var(--grey-700); --dropdown-list-surface--hover: var(--venice-blue-800); --dropdown-list-surface--pressed: var(--venice-blue-600); --dropdown-list-surface--disabled: var(--grey-800); --setting--setting-row-height: var(--size-11); } } html[data-theme-lightness='dark']:root { --pageinfo-on-surface--default: var(--grey-100); --pageinfo-on-surface--secondary: var(--grey-300); --pageinfo-on-surface--tertiary: var(--grey-400); --pageinfo-on-surface--primary: var(--venice-blue-400); --pageinfo-on-surface--success: var(--eucalyptus-400); --pageinfo-on-surface--warning: var(--rob-roy-400); --pageinfo-on-surface--danger: var(--cerise-red-400); --pageinfo-on-surface--split: var(--eggplant-400); --pageinfo-surface--default: var(--grey-900); --pageinfo-surface--primary: var(--venice-blue-800); --pageinfo-surface--warning: var(--rob-roy-800); --pageinfo-surface--split: var(--eggplant-800); --layout-on-surface--logo: var(--venice-blue-300); --layout-on-surface--default: var(--grey-100); --layout-on-surface--secondary: var(--grey-300); --layout-on-surface--tertiary: var(--grey-400); --layout-surface--body: var(--grey-900); --layout-surface--canvas: var(--grey-800); --layout-on-surface--primary: var(--venice-blue-400); --layout-on-surface--success: var(--eucalyptus-400); --layout-surface--mainnav: var(--grey-950); --layout-surface--sidenav: var(--grey-950); --layout-surface--sidenav-popout: var(--grey-950); --layout-on-surface--warning: var(--rob-roy-400); --layout-surface--login-illustration: var(--grey-800); --layout-on-surface--danger: var(--cerise-red-400); --layout-surface--docs-example: var(--grey-800); --layout-on-surface--split: var(--eggplant-400); --layout-border--system-header: var(--grey-black); --layout-border--default: var(--grey-950); --layout-border--primary: var(--venice-blue-700); --layout-border--secondary: var(--eucalyptus-600); --layout-border--warning: var(--rob-roy-300); --layout-border--danger: var(--cerise-red-500); --layout-border--split: var(--eggplant-700); --layout-border--mainnav: var(--grey-black); --mainnav-button-default-on-surface--default: var(--grey-100); --mainnav-button-default-on-surface--hover: var(--grey-100); --mainnav-button-default-on-surface--pressed: var(--grey-100); --mainnav-button-default-on-surface--focus: var(--grey-100); --mainnav-button-default-on-surface--disabled: var(--grey-600); --mainnav-button-default-surface--default: var(--grey-transparent); --mainnav-button-default-surface--hover: var(--grey-900); --mainnav-button-default-surface--pressed: var(--grey-800); --mainnav-button-default-surface--focus: var(--grey-transparent); --mainnav-button-default-surface--disabled: var(--grey-transparent); --mainnav-button-default-border--default: var(--grey-transparent); --mainnav-button-default-border--hover: var(--grey-transparent); --mainnav-button-default-border--pressed: var(--grey-transparent); --mainnav-button-default-border--focus: var(--input-border--focus); --mainnav-button-default-border--disabled: var(--grey-transparent); --mainnav-button-primary-on-surface--default: var(--grey-100); --mainnav-button-primary-on-surface--hover: var(--grey-100); --mainnav-button-primary-on-surface--pressed: var(--grey-100); --mainnav-button-primary-on-surface--focus: var(--grey-100); --mainnav-button-primary-on-surface--disabled: var(--grey-600); --mainnav-button-primary-surface--default: var(--venice-blue-800); --mainnav-button-primary-surface--hover: var(--venice-blue-500); --mainnav-button-primary-surface--pressed: var(--venice-blue-900); --mainnav-button-primary-surface--focus: var(--venice-blue-800); --mainnav-button-primary-surface--disabled: var(--grey-500); --mainnav-button-primary-border--default: var(--grey-black); --mainnav-button-primary-border--hover: var(--grey-black); --mainnav-button-primary-border--focus: var(--grey-black); --button--label-on-surface-default: var(--grey-950); --button-default-filled-on-surface--default: var(--grey-50); --button-default-filled-on-surface--hover: var(--grey-50); --button-default-filled-on-surface--pressed: var(--grey-50); --button-default-filled-on-surface--focus: var(--grey-50); --button-default-filled-on-surface--disabled: var(--grey-600); --button-default-filled-surface--default: var(--grey-800); --button-default-filled-surface--hover: var(--grey-700); --button-default-filled-surface--pressed: var(--grey-800); --button-default-filled-surface--focus: var(--grey-800); --button-default-filled-surface--disabled: var(--grey-800); --button-default-filled-border--default: var(--grey-transparent); --button-default-filled-border--hover: var(--grey-transparent); --button-default-filled-border--pressed: var(--grey-transparent); --button-default-filled-border--focus: var(--input-border--focus); --button-default-filled-border--disabled: var(--grey-transparent); --button-default-outline-on-surface--default: var(--grey-50); --button-default-outline-on-surface--hover: var(--grey-50); --button-default-outline-on-surface--pressed: var(--grey-50); --button-default-outline-on-surface--focus: var(--grey-50); --button-default-outline-on-surface--disabled: var(--grey-600); --button-default-outline-surface--default: var(--grey-transparent); --button-default-outline-surface--hover: var(--grey-700); --button-default-outline-surface--pressed: var(--grey-800); --button-default-outline-surface--focus: var(--grey-transparent); --button-default-outline-surface--disabled: var(--grey-transparent); --button-default-outline-border--default: var(--grey-700); --button-default-outline-border--hover: var(--grey-700); --button-default-outline-border--pressed: var(--grey-800); --button-default-outline-border--focus: var(--input-border--focus); --button-default-outline-border--disabled: var(--grey-700); --button-default-none-on-surface--default: var(--grey-50); --button-default-none-on-surface--hover: var(--grey-50); --button-default-none-on-surface--pressed: var(--grey-50); --button-default-none-on-surface--focus: var(--grey-50); --button-default-none-on-surface--disabled: var(--grey-600); --button-default-none-surface--default: var(--grey-transparent); --button-default-none-surface--hover: var(--grey-700); --button-default-none-surface--pressed: var(--grey-800); --button-default-none-surface--focus: var(--grey-transparent); --button-default-none-surface--disabled: var(--grey-transparent); --button-default-none-border--default: var(--grey-transparent); --button-default-none-border--hover: var(--grey-transparent); --button-default-none-border--pressed: var(--grey-transparent); --button-default-none-border--focus: var(--input-border--focus); --button-default-none-border--disabled: var(--grey-transparent); --button-primary-filled-on-surface--default: var(--venice-blue-50); --button-primary-filled-on-surface--hover: var(--venice-blue-50); --button-primary-filled-on-surface--pressed: var(--venice-blue-50); --button-primary-filled-on-surface--focus: var(--venice-blue-50); --button-primary-filled-on-surface--disabled: var(--venice-blue-500); --button-primary-filled-surface--default: var(--venice-blue-700); --button-primary-filled-surface--hover: var(--venice-blue-800); --button-primary-filled-surface--pressed: var(--venice-blue-900); --button-primary-filled-surface--focus: var(--venice-blue-700); --button-primary-filled-surface--disabled: var(--venice-blue-900); --button-primary-filled-border--default: var(--grey-transparent); --button-primary-filled-border--hover: var(--grey-transparent); --button-primary-filled-border--pressed: var(--grey-transparent); --button-primary-filled-border--focus: var(--input-border--focus); --button-primary-filled-border--disabled: var(--grey-transparent); --button-primary-outline-on-surface--default: var(--venice-blue-300); --button-primary-outline-on-surface--hover: var(--venice-blue-300); --button-primary-outline-on-surface--pressed: var(--venice-blue-300); --button-primary-outline-on-surface--focus: var(--venice-blue-300); --button-primary-outline-on-surface--disabled: var(--venice-blue-700); --button-primary-outline-surface--default: var(--grey-transparent); --button-primary-outline-surface--hover: var(--venice-blue-800); --button-primary-outline-surface--pressed: var(--venice-blue-900); --button-primary-outline-surface--focus: var(--grey-transparent); --button-primary-outline-surface--disabled: var(--grey-transparent); --button-primary-outline-border--default: var(--venice-blue-800); --button-primary-outline-border--hover: var(--venice-blue-800); --button-primary-outline-border--pressed: var(--venice-blue-900); --button-primary-outline-border--focus: var(--input-border--focus); --button-primary-outline-border--disabled: var(--venice-blue-900); --button-primary-none-on-surface--default: var(--venice-blue-300); --button-primary-none-on-surface--hover: var(--venice-blue-300); --button-primary-none-on-surface--pressed: var(--venice-blue-300); --button-primary-none-on-surface--focus: var(--venice-blue-300); --button-primary-none-on-surface--disabled: var(--venice-blue-700); --button-primary-none-surface--default: var(--grey-transparent); --button-primary-none-surface--hover: var(--venice-blue-800); --button-primary-none-surface--pressed: var(--venice-blue-900); --button-primary-none-surface--focus: var(--grey-transparent); --button-primary-none-surface--disabled: var(--grey-transparent); --button-primary-none-border--default: var(--grey-transparent); --button-primary-none-border--hover: var(--grey-transparent); --button-primary-none-border--pressed: var(--grey-transparent); --button-primary-none-border--focus: var(--input-border--focus); --button-primary-none-border--disabled: var(--grey-transparent); --button-success-filled-on-surface--default: var(--eucalyptus-50); --button-success-filled-on-surface--hover: var(--eucalyptus-50); --button-success-filled-on-surface--pressed: var(--eucalyptus-50); --button-success-filled-on-surface--focus: var(--eucalyptus-50); --button-success-filled-on-surface--disabled: var(--eucalyptus-500); --button-success-filled-surface--default: var(--eucalyptus-700); --button-success-filled-surface--hover: var(--eucalyptus-800); --button-success-filled-surface--pressed: var(--eucalyptus-900); --button-success-filled-surface--focus: var(--eucalyptus-700); --button-success-filled-surface--disabled: var(--eucalyptus-900); --button-success-filled-border--default: var(--grey-transparent); --button-success-filled-border--hover: var(--grey-transparent); --button-success-filled-border--pressed: var(--grey-transparent); --button-success-filled-border--focus: var(--input-border--focus); --button-success-filled-border--disabled: var(--grey-transparent); --button-success-outline-on-surface--default: var(--eucalyptus-200); --button-success-outline-on-surface--hover: var(--eucalyptus-200); --button-success-outline-on-surface--pressed: var(--eucalyptus-200); --button-success-outline-on-surface--focus: var(--eucalyptus-200); --button-success-outline-on-surface--disabled: var(--eucalyptus-700); --button-success-outline-surface--default: var(--grey-transparent); --button-success-outline-surface--hover: var(--eucalyptus-800); --button-success-outline-surface--pressed: var(--eucalyptus-900); --button-success-outline-surface--focus: var(--grey-transparent); --button-success-outline-surface--disabled: var(--grey-transparent); --button-success-outline-border--default: var(--eucalyptus-700); --button-success-outline-border--hover: var(--eucalyptus-800); --button-success-outline-border--pressed: var(--eucalyptus-900); --button-success-outline-border--focus: var(--input-border--focus); --button-success-outline-border--disabled: var(--eucalyptus-900); --button-success-none-on-surface--default: var(--eucalyptus-200); --button-success-none-on-surface--hover: var(--eucalyptus-200); --button-success-none-on-surface--pressed: var(--eucalyptus-200); --button-success-none-on-surface--focus: var(--eucalyptus-200); --button-success-none-on-surface--disabled: var(--eucalyptus-700); --button-success-none-surface--default: var(--grey-transparent); --button-success-none-surface--hover: var(--eucalyptus-800); --button-success-none-surface--pressed: var(--eucalyptus-900); --button-success-none-surface--focus: var(--grey-transparent); --button-success-none-surface--disabled: var(--grey-transparent); --button-success-none-border--default: var(--grey-transparent); --button-success-none-border--hover: var(--grey-transparent); --button-success-none-border--pressed: var(--grey-transparent); --button-success-none-border--focus: var(--input-border--focus); --button-success-none-border--disabled: var(--grey-transparent); --button-warning-filled-on-surface--default: var(--rob-roy-50); --button-warning-filled-on-surface--hover: var(--rob-roy-50); --button-warning-filled-on-surface--pressed: var(--rob-roy-50); --button-warning-filled-on-surface--focus: var(--rob-roy-50); --button-warning-filled-on-surface--disabled: var(--rob-roy-500); --button-warning-filled-surface--default: var(--rob-roy-400); --button-warning-filled-surface--hover: var(--rob-roy-500); --button-warning-filled-surface--pressed: var(--rob-roy-600); --button-warning-filled-surface--focus: var(--rob-roy-400); --button-warning-filled-surface--disabled: var(--rob-roy-800); --button-warning-filled-border--default: var(--grey-transparent); --button-warning-filled-border--hover: var(--grey-transparent); --button-warning-filled-border--pressed: var(--grey-transparent); --button-warning-filled-border--focus: var(--input-border--focus); --button-warning-filled-border--disabled: var(--grey-transparent); --button-warning-outline-on-surface--default: var(--rob-roy-200); --button-warning-outline-on-surface--hover: var(--rob-roy-200); --button-warning-outline-on-surface--pressed: var(--rob-roy-200); --button-warning-outline-on-surface--focus: var(--rob-roy-200); --button-warning-outline-on-surface--disabled: var(--rob-roy-700); --button-warning-outline-surface--default: var(--grey-transparent); --button-warning-outline-surface--hover: var(--rob-roy-500); --button-warning-outline-surface--pressed: var(--rob-roy-600); --button-warning-outline-surface--focus: var(--grey-transparent); --button-warning-outline-surface--disabled: var(--grey-transparent); --button-warning-outline-border--default: var(--rob-roy-700); --button-warning-outline-border--hover: var(--rob-roy-500); --button-warning-outline-border--pressed: var(--rob-roy-600); --button-warning-outline-border--focus: var(--input-border--focus); --button-warning-outline-border--disabled: var(--rob-roy-800); --button-warning-none-on-surface--default: var(--rob-roy-200); --button-warning-none-on-surface--hover: var(--rob-roy-200); --button-warning-none-on-surface--pressed: var(--rob-roy-200); --button-warning-none-on-surface--focus: var(--rob-roy-200); --button-warning-none-on-surface--disabled: var(--rob-roy-700); --button-warning-none-surface--default: var(--grey-transparent); --button-warning-none-surface--hover: var(--rob-roy-500); --button-warning-none-surface--pressed: var(--rob-roy-600); --button-warning-none-surface--focus: var(--grey-transparent); --button-warning-none-surface--disabled: var(--grey-transparent); --button-warning-none-border--default: var(--grey-transparent); --button-warning-none-border--hover: var(--grey-transparent); --button-warning-none-border--pressed: var(--grey-transparent); --button-warning-none-border--focus: var(--input-border--focus); --button-warning-none-border--disabled: var(--grey-transparent); --button-danger-filled-on-surface--default: var(--cerise-red-50); --button-danger-filled-on-surface--hover: var(--cerise-red-50); --button-danger-filled-on-surface--pressed: var(--cerise-red-50); --button-danger-filled-on-surface--focus: var(--cerise-red-50); --button-danger-filled-on-surface--disabled: var(--cerise-red-500); --button-danger-filled-surface--default: var(--cerise-red-700); --button-danger-filled-surface--hover: var(--cerise-red-800); --button-danger-filled-surface--pressed: var(--cerise-red-900); --button-danger-filled-surface--focus: var(--cerise-red-700); --button-danger-filled-surface--disabled: var(--cerise-red-900); --button-danger-filled-border--default: var(--grey-transparent); --button-danger-filled-border--hover: var(--grey-transparent); --button-danger-filled-border--pressed: var(--grey-transparent); --button-danger-filled-border--focus: var(--input-border--focus); --button-danger-filled-border--disabled: var(--grey-transparent); --button-danger-outline-on-surface--default: var(--cerise-red-200); --button-danger-outline-on-surface--hover: var(--cerise-red-200); --button-danger-outline-on-surface--pressed: var(--cerise-red-200); --button-danger-outline-on-surface--focus: var(--cerise-red-200); --button-danger-outline-on-surface--disabled: var(--cerise-red-500); --button-danger-outline-surface--default: var(--grey-transparent); --button-danger-outline-surface--hover: var(--cerise-red-800); --button-danger-outline-surface--pressed: var(--cerise-red-900); --button-danger-outline-surface--focus: var(--grey-transparent); --button-danger-outline-surface--disabled: var(--grey-transparent); --button-danger-outline-border--default: var(--cerise-red-800); --button-danger-outline-border--hover: var(--cerise-red-800); --button-danger-outline-border--pressed: var(--cerise-red-900); --button-danger-outline-border--focus: var(--input-border--focus); --button-danger-outline-border--disabled: var(--cerise-red-800); --button-danger-none-on-surface--default: var(--cerise-red-200); --button-danger-none-on-surface--hover: var(--cerise-red-200); --button-danger-none-on-surface--pressed: var(--cerise-red-200); --button-danger-none-on-surface--focus: var(--cerise-red-200); --button-danger-none-on-surface--disabled: var(--cerise-red-500); --button-danger-none-surface--default: var(--grey-transparent); --button-danger-none-surface--hover: var(--cerise-red-800); --button-danger-none-surface--pressed: var(--cerise-red-900); --button-danger-none-surface--focus: var(--grey-transparent); --button-danger-none-surface--disabled: var(--grey-transparent); --button-danger-none-border--default: var(--grey-transparent); --button-danger-none-border--hover: var(--grey-transparent); --button-danger-none-border--pressed: var(--grey-transparent); --button-danger-none-border--focus: var(--input-border--focus); --button-danger-none-border--disabled: var(--grey-transparent); --profilebutton-on-surface--default: var(--layout-on-surface--default); --profilebutton-on-surface--hover: var(--venice-blue-500); --profilebutton-on-surface--pressed: var(--venice-blue-500); --profilebutton-on-surface--focus: var(--venice-blue-50); --profilebutton-on-surface--disabled: var(--grey-600); --profilebutton-surface--default: var(--grey-transparent); --profilebutton-surface--hover: var(--grey-transparent); --profilebutton-surface--pressed: var(--grey-black); --profilebutton-surface--focus: var(--grey-transparent); --profilebutton-surface--disabled: var(--grey-800); --profilebutton-border--default: var(--grey-black); --profilebutton-border--hover: var(--venice-blue-500); --profilebutton-border--pressed: var(--grey-black); --profilebutton-border--focus: var(--venice-blue-400); --profilebutton-border--disabled: var(--grey-transparent); --input-surface--default: var(--grey-transparent); --input-surface--mandatory: var(--venice-blue-800); --input-surface--success: var(--eucalyptus-600); --input-surface--warning: var(--rob-roy-600); --input-surface--danger: var(--cerise-red-600); --input-border--default: var(--grey-700); --input-border--hover: var(--venice-blue-600); --input-border--active: var(--venice-blue-600); --input-border--pressed: var(--grey-600); --input-border--focus: var(--venice-blue-400); --input-border--success: var(--eucalyptus-400); --input-border--warning: var(--rob-roy-400); --input-border--danger: var(--cerise-red-600); --input-border--disabled: var(--grey-700); --alert-on-surface--default: var(--grey-white); --alert-on-surface--default-accent: var(--grey-300); --alert-on-surface--primary: var(--venice-blue-50); --alert-on-surface--primary-accent: var(--venice-blue-300); --alert-on-surface--success: var(--eucalyptus-50); --alert-on-surface--success-accent: var(--eucalyptus-300); --alert-on-surface--warning: var(--rob-roy-50); --alert-on-surface--warning-accent: var(--rob-roy-200); --alert-on-surface--danger: var(--cerise-red-50); --alert-on-surface--danger-accent: var(--cerise-red-300); --alert-surface--default: var(--grey-transparent); --alert-surface--primary: var(--venice-blue-700); --alert-surface--success: var(--eucalyptus-700); --alert-surface--warning: var(--rob-roy-700); --alert-surface--danger: var(--cerise-red-700); --alert-border--default: var(--grey-950); --alert-border--primary: var(--venice-blue-950); --alert-border--success: var(--eucalyptus-950); --alert-border--warning: var(--rob-roy-950); --alert-border--danger: var(--cerise-red-950); --toast-surface--default: var(--grey-700); --toast-surface--primary: var(--venice-blue-700); --toast-surface--success: var(--eucalyptus-700); --toast-surface--warning: var(--rob-roy-700); --toast-surface--danger: var(--cerise-red-700); --toast-on-surface--default: var(--grey-white); --toast-on-surface--default-accent: var(--grey-300); --toast-on-surface--primary: var(--venice-blue-50); --toast-on-surface--primary-accent: var(--venice-blue-300); --toast-on-surface--success: var(--eucalyptus-50); --toast-on-surface--success-accent: var(--eucalyptus-300); --toast-on-surface--warning: var(--rob-roy-50); --toast-on-surface--warning-accent: var(--rob-roy-200); --toast-on-surface--danger: var(--coral-red-50); --toast-on-surface--danger-accent: var(--coral-red-300); --toast-border--default: var(--grey-950); --toast-border--primary: var(--venice-blue-950); --toast-border--success: var(--eucalyptus-950); --toast-border--warning: var(--rob-roy-950); --toast-border--danger: var(--cerise-red-950); --chips-surface--default: var(--grey-700); --chips-surface--default-accent-1: var(--grey-600); --chips-surface--default-accent-2: var(--grey-500); --chips-surface--primary: var(--venice-blue-800); --chips-surface--primary-accent-1: var(--venice-blue-700); --chips-surface--primary-accent-2: var(--venice-blue-600); --chips-surface--success: var(--eucalyptus-800); --chips-surface--success-accent-1: var(--eucalyptus-700); --chips-surface--success-accent-2: var(--eucalyptus-600); --chips-surface--warning: var(--rob-roy-800); --chips-surface--warning-accent-1: var(--rob-roy-700); --chips-surface--warning-accent-2: var(--rob-roy-600); --chips-surface--danger: var(--cerise-red-800); --chips-surface--danger-accent-1: var(--cerise-red-700); --chips-surface--danger-accent-2: var(--cerise-red-600); --chips-on-surface--default: var(--grey-white); --chips-on-surface--default-accent-1: var(--grey-white); --chips-on-surface--default-accent-2: var(--grey-white); --chips-on-surface--primary: var(--venice-blue-50); --chips-on-surface--primary-accent-1: var(--venice-blue-50); --chips-on-surface--primary-accent-2: var(--venice-blue-50); --chips-on-surface--success: var(--eucalyptus-50); --chips-on-surface--success-accent-1: var(--eucalyptus-50); --chips-on-surface--success-accent-2: var(--eucalyptus-50); --chips-on-surface--warning: var(--rob-roy-50); --chips-on-surface--warning-accent-1: var(--rob-roy-50); --chips-on-surface--warning-accent-2: var(--rob-roy-50); --chips-on-surface--danger: var(--cerise-red-50); --chips-on-surface--danger-accent-1: var(--cerise-red-50); --chips-on-surface--danger-accent-2: var(--cerise-red-50); --setting-surface--default: var(--layout-surface--canvas); --setting-surface--rowtitle: var(--layout-surface--body); --setting-surface--subrow: var(--grey-700); --big-number-on-surface--default: var(--grey-white); --big-number-on-surface--default-accent: var(--grey-300); --big-number-surface--default: var(--grey-800); --big-number-border--default: var(--grey-700); --illustrations--shadow-1: var(--grey-black); --illustrations--bubble-1: var(--grey-black); --old-paper-surface--default: var(--grey-700); --old-paper-on-surface--default: var(--grey-white); --old-paper-border--default: var(--grey-950); --card-surface--default: var(--grey-700); --card-surface--primary: var(--venice-blue-700); --card-surface--success: var(--eucalyptus-700); --card-surface--warning: var(--rob-roy-700); --card-surface--danger: var(--cerise-red-700); --card-on-surface--default: var(--grey-white); --table-surface-thead--default: var(--grey-900); --table-surface-thead--sorted: var(--venice-blue-900); --table-surface-thead--hover: var(--grey-900); --table-surface-tbody--default: var(--grey-900); --card-on-surface--default-accent: var(--grey-300); --table-surface-tbody--sorted: var(--venice-blue-900); --card-on-surface--primary: var(--venice-blue-50); --table-surface-tbody--hover: var(--venice-blue-700); --table-surface-tbody--sub-row-1: var(--grey-900); --card-on-surface--primary-accent: var(--venice-blue-300); --table-surface-tbody--sub-row-2: var(--grey-800); --card-on-surface--success: var(--eucalyptus-50); --card-on-surface--success-accent: var(--eucalyptus-300); --card-on-surface--warning: var(--rob-roy-50); --card-on-surface--warning-accent: var(--rob-roy-200); --card-on-surface--danger: var(--coral-red-50); --card-on-surface--danger-accent: var(--coral-red-300); --card-border--default: var(--grey-950); --card-border--primary: var(--venice-blue-950); --card-border--success: var(--eucalyptus-950); --card-border--warning: var(--rob-roy-950); --card-border--danger: var(--cerise-red-950); --table-surface--table-header: var(--grey-900); --table-surface--table-footer: var(--grey-900); --table-border--default: var(--layout-border--default); --progress-surface--track: var(--grey-700); --skeleton-surface--default: var(--grey-600); --table-surface-tfoot--default: var(--grey-900); --table-surface-tfoot--sorted: var(--venice-blue-900); --message-preview-surface--default: var(--grey-700); --message-preview-on-surface--default: var(--grey-white); --message-preview-on-surface--secondary: var(--rob-roy-300); --chips-border--default: var(--grey-700); --chips-border--default-accent-1: var(--grey-600); --chips-border--default-accent-2: var(--grey-500); --chips-border--primary: var(--venice-blue-800); --chips-border--primary-accent-1: var(--venice-blue-700); --chips-border--primary-accent-2: var(--venice-blue-600); --chips-border--success: var(--eucalyptus-800); --chips-border--success-accent-1: var(--eucalyptus-700); --chips-border--success-accent-2: var(--eucalyptus-600); --chips-border--warning: var(--rob-roy-800); --chips-border--warning-accent-1: var(--rob-roy-700); --chips-border--warning-accent-2: var(--rob-roy-600); --chips-border--danger: var(--cerise-red-800); --chips-border--danger-accent-1: var(--cerise-red-700); --chips-border--danger-accent-2: var(--cerise-red-600); --badge-surface--default: var(--grey-700); --badge-surface--default-alt: var(--grey-white); --badge-surface--primary: var(--venice-blue-800); --badge-surface--primary-alt: var(--venice-blue-50); --badge-surface--success: var(--eucalyptus-800); --badge-surface--success-alt: var(--eucalyptus-50); --badge-surface--warning: var(--rob-roy-800); --badge-surface--warning-alt: var(--rob-roy-50); --badge-surface--danger: var(--cerise-red-800); --badge-surface--danger-alt: var(--cerise-red-50); --badge-surface--split: var(--eggplant-800); --badge-on-surface--default: var(--grey-white); --badge-on-surface--default-alt: var(--grey-700); --badge-on-surface--primary: var(--venice-blue-50); --badge-on-surface--primary-alt: var(--venice-blue-800); --badge-on-surface--success: var(--eucalyptus-50); --badge-on-surface--success-alt: var(--eucalyptus-800); --badge-on-surface--warning: var(--rob-roy-50); --badge-surface--split-alt: var(--eggplant-50); --badge-on-surface--warning-alt: var(--rob-roy-800); --badge-on-surface--danger: var(--cerise-red-50); --badge-on-surface--danger-alt: var(--cerise-red-800); --badge-on-surface--split: var(--eggplant-50); --badge-on-surface--split-alt: var(--eggplant-800); --segment-rule-surface--default: var(--grey-900); --segment-rule-surface--hover: var(--grey-900); --paper-surface--default: var(--grey-700); --segment-rule-surface--dragging: var(--grey-950); --paper-surface--primary: var(--venice-blue-700); --segment-add-on-surface--button-and: var(--grey-100); --segment-add-on-surface--button-or: var(--venice-blue-100); --paper-surface--success: var(--eucalyptus-700); --paper-surface--warning: var(--rob-roy-700); --paper-surface--danger: var(--cerise-red-700); --paper-on-surface--default: var(--grey-white); --segment-group-on-surface--pill-and: var(--grey-50); --segment-group-on-surface--pill-or: var(--venice-blue-50); --paper-on-surface--default-accent: var(--grey-300); --segment-group-surface--and: var(--grey-700); --paper-on-surface--primary: var(--venice-blue-50); --segment-group-surface--or: var(--venice-blue-700); --paper-on-surface--primary-accent: var(--venice-blue-300); --paper-on-surface--success: var(--eucalyptus-50); --paper-on-surface--success-accent: var(--eucalyptus-300); --paper-on-surface--warning: var(--rob-roy-50); --paper-on-surface--warning-accent: var(--rob-roy-200); --paper-on-surface--danger: var(--coral-red-50); --paper-on-surface--danger-accent: var(--coral-red-300); --segment-operator-on-surface--pill-and: var(--grey-200); --segment-operator-on-surface--pill-or: var(--venice-blue-200); --paper-border--default: var(--grey-950); --segment-operator-surface--pill-and: var(--grey-900); --paper-border--primary: var(--venice-blue-950); --segment-operator-surface--pill-or: var(--venice-blue-900); --paper-border--success: var(--eucalyptus-950); --paper-border--warning: var(--rob-roy-950); --segment-operator-border--pill-and: var(--grey-700); --paper-border--danger: var(--cerise-red-950); --segment-operator-border--pill-or: var(--venice-blue-700); --segment-operator-border--line-and: var(--grey-800); --segment-operator-border--line-or: var(--venice-blue-800); --date-picker-surface--default: var(--grey-900); --date-picker-surface--week-number: var(--grey-800); --date-picker-surface--active: var(--venice-blue-900); --date-picker-surface--hover: var(--grey-700); --date-picker-surface--selected: var(--layout-on-surface--primary); --date-picker-on-surface--default: var(--grey-white); --date-picker-on-surface--active: var(--venice-blue-200); --date-picker-on-surface--hover: var(--grey-white); --date-picker-on-surface--selected: var(--grey-white); --dropdown-list-surface--default: var(--grey-700); --dropdown-list-surface--hover: var(--venice-blue-800); --dropdown-list-surface--pressed: var(--venice-blue-600); --dropdown-list-surface--disabled: var(--grey-800); --setting--setting-row-height: var(--size-11); } :root { --grey-transparent: #ffffff00; --grey-white: #ffffff; --grey-50: #fafafa; --grey-100: #f5f5f5; --grey-200: #eeeeee; --grey-300: #e0e0e0; --grey-400: #bdbdbd; --grey-500: #9e9e9e; --grey-600: #757575; --grey-700: #525252; --grey-800: #424242; --grey-900: #323232; --grey-950: #212121; --grey-black: #000000; --merino-50: #fbf9f4; --merino-100: #f6f2e9; --merino-200: #e9e3d5; --merino-300: #dad1bb; --merino-400: #aba28d; --merino-500: #8f8771; --merino-600: #7c7460; --merino-700: #676051; --merino-800: #555044; --merino-900: #47433b; --merino-950: #29251e; --coriander-50: #f8faf2; --coriander-100: #ecf3dd; --coriander-200: #dbe9c0; --coriander-300: #bbc8a0; --coriander-400: #9ca785; --coriander-500: #828b6e; --coriander-600: #70785f; --coriander-700: #5d644e; --coriander-800: #4d5341; --coriander-900: #404636; --coriander-950: #24271f; --eucalyptus-50: #f1fcf4; --eucalyptus-100: #e5f5ea; --eucalyptus-200: #caecd4; --eucalyptus-300: #a2e0b7; --eucalyptus-400: #55b67c; --eucalyptus-500: #459767; --eucalyptus-600: #3f8b5e; --eucalyptus-700: #306d49; --eucalyptus-800: #275b3c; --eucalyptus-900: #204c32; --eucalyptus-950: #112b1b; --calypso-50: #f4fafd; --calypso-100: #e2f4fb; --calypso-200: #c2ebfb; --calypso-300: #8fdefb; --calypso-400: #1ab3da; --calypso-500: #1395b6; --calypso-600: #0f809d; --calypso-700: #0c728c; --calypso-800: #08596e; --calypso-900: #064b5d; --calypso-950: #072a34; --tropical-blue-50: #f6fafd; --tropical-blue-100: #e8f2fd; --tropical-blue-200: #cce5ff; --tropical-blue-300: #afd7ff; --tropical-blue-400: #1eaeff; --tropical-blue-500: #0091d7; --tropical-blue-600: #017dbb; --tropical-blue-700: #01689c; --tropical-blue-800: #015783; --tropical-blue-900: #01496f; --tropical-blue-950: #002941; --venice-blue-50: #f8f9fc; --venice-blue-100: #edf1f9; --venice-blue-200: #dbe5f5; --venice-blue-300: #c2d4f1; --venice-blue-400: #75a7e6; --venice-blue-500: #508ccf; --venice-blue-600: #4479b3; --venice-blue-700: #335d8b; --venice-blue-800: #2d547e; --venice-blue-900: #25466a; --venice-blue-950: #15273c; --bermuda-grey-50: #f8f9fb; --bermuda-grey-100: #eef1f5; --bermuda-grey-200: #dee4ec; --bermuda-grey-300: #c7d4e2; --bermuda-grey-400: #88a7c6; --bermuda-grey-500: #6f8aa5; --bermuda-grey-600: #607890; --bermuda-grey-700: #4f6378; --bermuda-grey-800: #425364; --bermuda-grey-900: #374654; --bermuda-grey-950: #1e272f; --butterfly-bush-50: #faf9fb; --butterfly-bush-100: #f2f0f4; --butterfly-bush-200: #e6e2eb; --butterfly-bush-300: #d6d0e0; --butterfly-bush-400: #ab9ec1; --butterfly-bush-500: #9180af; --butterfly-bush-600: #7f6ca2; --eggplant-50: #fbf9f9; --eggplant-100: #f5eff1; --eggplant-200: #ede0e4; --butterfly-bush-700: #6b5794; --butterfly-bush-800: #6b5794; --butterfly-bush-900: #4d387c; --eggplant-300: #e4ccd3; --eggplant-400: #cc93a4; --eggplant-500: #bd7089; --eggplant-600: #a55f77; --eggplant-700: #8a4f62; --eggplant-800: #7d4759; --eggplant-900: #623645; --eggplant-950: #371e26; --cerise-red-50: #fcf8f9; --cerise-red-100: #f9eeef; --cerise-red-200: #f6dedf; --cerise-red-300: #f4c7ca; --cerise-red-400: #ed8290; --cerise-red-500: #e34366; --cerise-red-600: #cf3c5c; --cerise-red-700: #ad314c; --cerise-red-800: #92283f; --cerise-red-900: #7c2034; --cerise-red-950: #47121d; --coral-red-50: #fdf8f7; --coral-red-100: #fbeeeb; --coral-red-200: #faddd8; --coral-red-300: #f9c5bc; --coral-red-400: #f97c6d; --coral-red-500: #f83a3a; --coral-red-600: #e0212b; --coral-red-700: #bb1a23; --coral-red-800: #9e141c; --coral-red-900: #860f16; --coral-red-950: #4d0b07; --rob-roy-50: #fdf9f4; --rob-roy-100: #fbefe0; --rob-roy-200: #f7e0c3; --rob-roy-300: #f9c576; --rob-roy-400: #d39626; --rob-roy-500: #b07d1e; --rob-roy-600: #996c18; --rob-roy-700: #7f5913; --rob-roy-800: #6a4a0e; --rob-roy-900: #5a3e0a; --rob-roy-950: #322309; --butterfly-bush-950: #2b1f47; } :root { --radius-x-small: var(--size-1); --radius-small: var(--size-2); --radius-medium: var(--size-3); --radius-large: var(--size-4); --radius-x-large: var(--size-5); --radius-xxxxxx-large: var(--size-10); --radius-none: var(--size-none); } :root { --size-none: 0px; --size-px: 1px; --size-1: 4px; --size-2: 8px; --size-3: 12px; --size-4: 16px; --size-5: 20px; --size-6: 24px; --size-7: 28px; --size-8: 32px; --size-9: 36px; --size-10: 40px; --size-11: 44px; --size-12: 48px; --size-14: 56px; --size-16: 64px; --size-19: 76px; --size-20: 80px; --size-24: 96px; --size-28: 112px; --size-32: 128px; --size-36: 144px; --size-40: 160px; --size-44: 176px; --size-48: 192px; --size-52: 208px; --size-56: 224px; --size-60: 240px; --size-64: 256px; --size-72: 288px; --size-80: 320px; --size-96: 384px; --size-114: 456px; --size-full: 100px; } :root { --spacing-xx-small: var(--size-1); --spacing-x-small: var(--size-2); --spacing-x-small--small: var(--size-3); --spacing-small: var(--size-4); --spacing-small--medium: var(--size-5); --spacing-medium: var(--size-6); --spacing-large: var(--size-8); --spacing-large--x-large: var(--size-9); --spacing-x-large: var(--size-10); --spacing-xx-large: var(--size-12); --spacing-xxxx-large: var(--size-16); } :root { --scale-base: 1em; --scale-0000: 0.5em; --scale-000: 0.625em; --scale-00: 0.75em; --scale-0: 0.875em; --scale: 1em; --scale-1: 1.125em; --scale-2: 1.25em; --scale-3: 1.5em; --scale-4: 1.875em; } :root { --system-header-height: var(--size-14); --mainnav-width-expanded: var(--size-24); --mainnav-width-contracted: var(--size-16); --aside-left-width: var(--size-72); --aside-right-width: var(--size-114); } :root { --elevate-modal: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); --elevate-alert: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); --elevate-toast: 0 10px 14px -1px rgba(0, 0, 0, 0.1), 0 5px 7px -1px rgba(0, 0, 0, 0.06); /*--elevate-nav--rgb: rgba(var(--mainnav-button-default-border--focus), 1);*/ --elevate-nav--rgb: rgba(var(--butterfly-bush-600), 1); --elevate-nav--default: 0 2px 20px var(--elevate-nav--rgb); /*--elevate-nav--default: 0 2px 20px 20px rgba(0,0,0,1);*/ } a { color: var(--layout-on-surface--primary); text-decoration: none; } a:hover, a:focus { cursor: pointer; } a:hover { text-decoration: underline; } body { background: var(--layout-surface--body); } * { font-family: var(--ff-primary); } html, body { padding: 0; margin: 0; }