@font-face{font-family:Work Sans;src:url(/assets/WorkSans-VariableFont_wght.37722d10.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:Work Sans;src:url(/assets/WorkSans-Italic-VariableFont_wght.70bd81c3.ttf) format("truetype");font-weight:100 900;font-style:italic}:root{--color-white: hsl(0, 0%, 100%);--color-gray-5: hsl(0, 0%, 5%);--color-gray-8: hsl(0, 0%, 8%);--color-gray-10: hsl(0, 0%, 10%);--color-gray-12: hsl(0, 0%, 12%);--color-gray-15: hsl(0, 0%, 15%);--color-gray-20: hsl(0, 0%, 20%);--color-gray-30: hsl(0, 0%, 30%);--color-gray-40: hsl(0, 0%, 40%);--color-gray-50: hsl(0, 0%, 50%);--color-gray-60: hsl(0, 0%, 60%);--color-gray-70: hsl(0, 0%, 70%);--color-gray-80: hsl(0, 0%, 80%);--color-gray-90: hsl(0, 0%, 90%);--color-gray-95: hsl(0, 0%, 95%);--color-gray-98: hsl(0, 0%, 98%);--color-black: hsl(0, 0%, 0%);--color-primary: hsl(40, 100%, 50%);--color-primary-10: hsl(40, 100%, 50%, .1);--color-primary-dark-1: hsl(40, 100%, 45%);--color-secondary: hsl(359, 85%, 56%);--color-secondary-10: hsl(359, 85%, 56%, .1);--text-font-stack: "Work Sans", Arial, sans-serif;--app-width: 100%;--app-height: 100%;--container-max-width: 1200px;--padding-xs: 4px;--padding-sm: 6px;--padding-md: 12px;--padding-lg: 24px;--padding-xl: 36px;--margin-xs: 4px;--margin-sm: 6px;--margin-md: 12px;--margin-lg: 24px;--margin-xl: 36px;--gap-xs: 4px;--gap-sm: 6px;--gap-md: 12px;--gap-lg: 24px;--gap-xl: 36px;--border-radius-xs: 4px;--border-radius-sm: 6px;--border-radius-md: 12px;--border-radius-lg: 24px;--border-radius-xl: 36px;--header-height: 70px}:root .app[mode=Light]{--app-background-color: var(--color-gray-95);--border-color: var(--color-gray-90);--button-primary-background-color: var(--color-primary);--button-primary-font-color: var(--color-white);--button-primary-background-color-hover: var(--color-primary-dark-1);--button-secondary-background-color: var(--color-primary-light-1);--button-secondary-font-color: var(--color-primary);--button-secondary-background-color-hover: var(--color-primary-10);--button-tertiary-background-color: var(--color-gray-98);--button-tertiary-font-color: var(--font-color);--button-tertiary-border-color: var(--border-color);--button-tertiary-background-color-hover: var(--color-white);--button-icon-primary-background-color: var(--color-gray-98);--button-icon-primary-background-color-hover: var(--color-white);--button-icon-primary-font-color: var(--font-color);--button-icon-primary-border-color: var(--border-color);--button-icon-secondary-background-color: var(--color-white);--button-icon-secondary-background-color-hover: var(--color-gray-98);--button-icon-secondary-font-color: var(--font-color);--button-icon-secondary-border-color: var(--color-white);--button-icon-tertiary-background-color: transparent;--button-icon-tertiary-background-color-hover: var(--color-gray-95);--button-icon-tertiary-font-color: var(--font-color);--button-icon-tertiary-border-color: transparent;--font-color: hsl(0, 0%, 17%);--font-color-light-1: hsl(0, 0%, 30%);--font-color-light-2: hsl(0, 0%, 50%);--header-background-color: var(--color-white);--side-panel-background-color: var(--color-white);--label-font-color: hsl(0, 0%, 17%);--input-background-color: var(--color-gray-98);--tabs-background-color: var(--color-gray-98);--tabs-background-color-selected: var(--color-white);--pill-background-color: var(--color-gray-98);--pill-background-color-hover: var(--color-gray-95);--user-profile-background-color: var(--color-gray-98);--toast-background-color: var(--color-gray-98);--toast-timer-background-color: var(--color-primary)}:root .app[mode=Dark]{--app-background-color: var(--color-gray-12);--border-color: var(--color-gray-20);--button-primary-background-color: var(--color-primary);--button-primary-background-color-hover: var(--color-primary-dark-1);--button-primary-font-color: var(--font-color);--button-primary-border-color: var(--border-color);--button-secondary-background-color: var(--color-primary-light-1);--button-secondary-font-color: var(--color-primary);--button-secondary-background-color-hover: var(--color-primary-10);--button-tertiary-background-color: var(--color-gray-10);--button-tertiary-font-color: var(--font-color);--button-tertiary-border-color: var(--border-color);--button-tertiary-background-color-hover: var(--color-gray-12);--button-icon-primary-background-color: var(--color-primary);--button-icon-primary-background-color-hover: var(--color-primary-dark-1);--button-icon-primary-font-color: var(--font-color);--button-icon-primary-border-color: var(--border-color);--button-icon-secondary-background-color: var(--color-gray-10);--button-icon-secondary-background-color-hover: var(--color-gray-8);--button-icon-secondary-font-color: var(--font-color);--button-icon-secondary-border-color: var(--border-color);--button-icon-tertiary-background-color: transparent;--button-icon-tertiary-font-color: var(--font-color);--button-icon-tertiary-border-color: transparent;--button-icon-tertiary-background-color-hover: var(--color-gray-15);--font-color: hsl(0, 0%, 95%);--font-color-light-1: hsl(0, 0%, 75%);--font-color-light-2: hsl(0, 0%, 60%);--header-background-color: var(--color-gray-8);--side-panel-background-color: var(--color-gray-10);--label-font-color: hsl(0, 0%, 40%);--input-background-color: var(--color-gray-8);--tabs-background-color: var(--color-gray-8);--tabs-background-color-selected: var(--color-gray-10);--pill-background-color: var(--color-gray-10);--pill-background-color-hover: var(--color-gray-12);--user-profile-background-color: var(--color-gray-12);--toast-background-color: var(--color-gray-10);--toast-timer-background-color: var(--color-primary)}