@theme{--color-brand-primary-100: #e8f1ff; --color-brand-primary-200: #c5dbff; --color-brand-primary-300: #0d69fd; --color-brand-primary-400: #0b4bb1; --color-neutral-weak-100: #fff; --color-neutral-weak-200: #f0f0f0; --color-neutral-weak-300: #bdbdbd; --color-neutral-strong-100: #666; --color-neutral-strong-200: #212121; --color-info-100: #e8f1ff; --color-info-200: #c5dbff; --color-info-300: #0d69fd; --color-info-400: #0b4bb1; --color-success-100: #e5ffeb; --color-success-200: #bdf2c8; --color-success-300: #188931; --color-success-400: #1a5b28; --color-warning-100: #fdf9e6; --color-warning-200: #fff3b5; --color-warning-300: #ecbe23; --color-warning-400: #806a00; --color-severe-100: #ffefe5; --color-severe-200: #ffceb0; --color-severe-300: #ed7124; --color-severe-400: #993b00; --color-danger-100: #ffdee4; --color-danger-200: #ffbdc8; --color-danger-300: #da2140; --color-danger-400: #ae0925; --color-tag-custom-purple: #debdff; --color-tag-custom-purple-text: #306; --color-tag-custom-pink: #fdd9f9; --color-tag-custom-pink-text: #b70ba5; --color-tag-custom-teal: #d7fcfc; --color-tag-custom-teal-text: #1f7a7a; --color-background-100: #fff; --color-background-200: #f6f6f6; --color-chart-1: #75d1ff; --color-chart-2: #fd3; --color-chart-3: #fd44f6; --color-chart-4: #ff7347; --color-chart-5: #bb4cff; --color-chart-6: #94eaa6; --color-chart-7: #f47525; --color-chart-8: #fb2d2d; --color-chart-9: #4c4cff; --color-chart-mono-1: #b0d6f4; --color-chart-mono-2: #7cbde9; --color-chart-mono-3: #44a4d9; --color-chart-mono-4: #008bc3; --color-chart-mono-5: #0071a6; --color-chart-mono-6: #005885; --color-chart-mono-7: #003f61; --color-chart-mono-8: #00273a; --color-chart-mono-9: #050f16; --font-default: "Roboto", sans-serif; --font-number: "Roboto Mono", monospace; --text-xxxs: 10px; --text-xxs: 12px; --text-xs: 14px; --text-sm: 16px; --text-md: 20px; --text-lg: 24px; --text-xl: 28px; --text-xxl: 32px; --text-xxxl: 40px; --leading-xs: 16px; --leading-sm: 24px; --leading-md: 32px; --leading-lg: 40px; --leading-xl: 48px; --tracking-sm: 0em; --tracking-md: .04em; --font-weight-light: 300; --font-weight-regular: 400; --font-weight-medium: 500; --spacing-inner-1: 2px; --spacing-inner-2: 4px; --spacing-inner-3: 6px; --spacing-inner-4: 8px; --spacing-inner-5: 10px; --spacing-inner-6: 12px; --spacing-inner-7: 16px; --spacing-inner-8: 20px; --spacing-inner-9: 24px; --spacing-inner-10: 32px; --spacing-outer-1: 8px; --spacing-outer-2: 16px; --spacing-outer-3: 24px; --spacing-outer-4: 32px; --spacing-outer-5: 40px; --spacing-outer-6: 48px; --spacing-outer-7: 56px; --spacing-outer-8: 64px; --radius-none: 0px; --radius-xxs: 4px; --radius-xs: 6px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 24px; --radius-pill: 9999px; --radius-circular: 9999px; --border-width-none: 0px; --border-width-sm: 1px; --border-width-md: 2px; --border-width-lg: 4px; --border-width-heavy: 8px; --shadow-elevation-inset: inset 0px 1px 4px 0px #e5e5e5; --shadow-elevation-1: 0px 2px 12px 0px #e5e5e5; --shadow-elevation-2: 0px 4px 6px 2px #e5e5e5b3; --shadow-elevation-3: 0px 6px 8px 4px #e5e5e580; --size-icon-sm: 20px; --size-icon-md: 24px; --size-icon-lg: 32px; --opacity-100: 8%; --opacity-200: 16%; --opacity-300: 32%; --opacity-400: 64%; --opacity-500: 80%;}@utility text-heading-default{font-family: var(--font-default); font-weight: var(--font-weight-medium); line-height: var(--leading-md); font-size: var(--text-lg); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-heading-medium{font-family: var(--font-default); font-weight: var(--font-weight-medium); line-height: var(--leading-sm); font-size: var(--text-md); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-heading-small{font-family: var(--font-default); font-weight: var(--font-weight-medium); line-height: var(--leading-sm); font-size: var(--text-sm); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-heading-small-title-grid{font-family: var(--font-default); font-weight: var(--font-weight-medium); line-height: var(--leading-sm); font-size: var(--text-xs); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-subheading-default{font-family: var(--font-default); font-weight: var(--font-weight-regular); line-height: var(--leading-sm); font-size: var(--text-sm); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-subheading-small{font-family: var(--font-default); font-weight: var(--font-weight-regular); line-height: var(--leading-xs); font-size: var(--text-xs); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-body-default{font-family: var(--font-default); font-weight: var(--font-weight-regular); line-height: var(--leading-sm); font-size: var(--text-sm); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-body-small{font-family: var(--font-default); font-weight: var(--font-weight-regular); line-height: var(--leading-xs); font-size: var(--text-xs); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-button-default{font-family: var(--font-default); font-weight: var(--font-weight-medium); line-height: var(--leading-xs); font-size: var(--text-xs); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-link-large{font-family: var(--font-default); font-weight: var(--font-weight-regular); line-height: var(--leading-sm); font-size: var(--text-sm); letter-spacing: var(--tracking-sm); text-decoration: underline;}@utility text-link-default{font-family: var(--font-default); font-weight: var(--font-weight-regular); line-height: var(--leading-xs); font-size: var(--text-xs); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-link-default-underline{font-family: var(--font-default); font-weight: var(--font-weight-regular); line-height: var(--leading-xs); font-size: var(--text-xs); letter-spacing: var(--tracking-sm); text-decoration: underline;}@utility text-link-small{font-family: var(--font-default); font-weight: var(--font-weight-regular); line-height: var(--leading-xs); font-size: var(--text-xxs); letter-spacing: var(--tracking-sm); text-decoration: underline;}@utility text-label-default{font-family: var(--font-default); font-weight: var(--font-weight-regular); line-height: var(--leading-xs); font-size: var(--text-xs); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-caption-default{font-family: var(--font-default); font-weight: var(--font-weight-regular); line-height: var(--leading-xs); font-size: var(--text-xxs); letter-spacing: var(--tracking-md); text-decoration: none;}@utility text-number-small-400{font-family: var(--font-number); font-weight: var(--font-weight-regular); line-height: var(--leading-xs); font-size: var(--text-xs); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-number-small-500{font-family: var(--font-number); font-weight: var(--font-weight-medium); line-height: var(--leading-xs); font-size: var(--text-xs); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-number-medium-400{font-family: var(--font-number); font-weight: var(--font-weight-regular); line-height: var(--leading-sm); font-size: var(--text-sm); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-number-medium-500{font-family: var(--font-number); font-weight: var(--font-weight-medium); line-height: var(--leading-sm); font-size: var(--text-sm); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-number-large-400{font-family: var(--font-number); font-weight: var(--font-weight-regular); line-height: var(--leading-sm); font-size: var(--text-md); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-number-large-500{font-family: var(--font-number); font-weight: var(--font-weight-medium); line-height: var(--leading-sm); font-size: var(--text-md); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-number-extra-large-400{font-family: var(--font-number); font-weight: var(--font-weight-regular); line-height: var(--leading-md); font-size: var(--text-lg); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-number-extra-large-500{font-family: var(--font-number); font-weight: var(--font-weight-medium); line-height: var(--leading-md); font-size: var(--text-lg); letter-spacing: var(--tracking-sm); text-decoration: none;}@utility text-number-display-500{font-family: var(--font-number); font-weight: var(--font-weight-medium); line-height: var(--leading-lg); font-size: var(--text-xxl); letter-spacing: var(--tracking-sm); text-decoration: none;}body{font-family:var(--font-default);color:var(--color-neutral-strong-200);background-color:var(--color-background-100)}