:root{--hx-depth-loading: 1600;--hx-depth-popover: 1500;--hx-depth-snackbar: 1400;--hx-depth-dialog: 1300;--hx-depth-drawer: 1200;--hx-spacing-800: 64px;--hx-spacing-600: 48px;--hx-spacing-500: 40px;--hx-spacing-400: 32px;--hx-spacing-300: 24px;--hx-spacing-200: 16px;--hx-spacing-150: 12px;--hx-spacing-100: 8px;--hx-spacing-75: 6px;--hx-spacing-50: 4px;--hx-spacing-25: 2px;--hx-spacing-0: 0px;--hx-size-500: 80px;--hx-size-400: 64px;--hx-size-350: 56px;--hx-size-300: 48px;--hx-size-250: 40px;--hx-size-200: 32px;--hx-size-175: 28px;--hx-size-150: 24px;--hx-size-125: 20px;--hx-size-100: 16px;--hx-size-50: 8px;--hx-opacity-strong: .6;--hx-opacity-base: .38;--hx-line-height-xs: 14px;--hx-line-height-sm: 16px;--hx-line-height-md: 20px;--hx-line-height-lg: 24px;--hx-line-height-xl: 32px;--hx-font-letter-spacing-relaxed: .75px;--hx-font-letter-spacing-default: 0;--hx-font-size-xs: .75rem;--hx-font-size-sm: .875rem;--hx-font-size-md: 1rem;--hx-font-size-lg: 1.25rem;--hx-font-size-xl: 1.5rem;--hx-font-size-2xl: 2rem;--hx-font-size-4xl: 4rem;--hx-font-size-6xl: 6rem;--hx-font-weight-bold: 500;--hx-font-weight-regular: 400;--hx-font-family: "Roboto", "Helvetica", "Arial", sans-serif;--hx-elevation-500: 0 0 1px 0 rgba(0,0,0,.08), 0 10px 24px 0 rgba(0,0,0,.18), 0 2px 5px 0 rgba(0,0,0,.15);--hx-elevation-400: 0 0 1px 0 rgba(0,0,0,.12), 0 10px 16px 0 rgba(0,0,0,.12), 0 2px 5px 0 rgba(0,0,0,.15);--hx-elevation-300: 0 0 1px 0 rgba(0,0,0,.15), 0 5px 12px 0 rgba(0,0,0,.13), 0 1px 3px 0 rgba(0,0,0,.1);--hx-elevation-200: 0 0 1px 0 rgba(0,0,0,.18), 0 3px 8px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.1);--hx-elevation-100: 0 0 1px 0 rgba(0,0,0,.3), 0 1px 3px 0 rgba(0,0,0,.15), 0 1px 3px 0 rgba(0,0,0,.1);--hx-duration-slowly: .4s;--hx-duration-default: .2s;--hx-duration-quickly: .1s;--hx-duration-instantly: 0s;--hx-color-black: #000000;--hx-color-white: #ffffff;--hx-color-green-900: #002b02;--hx-color-green-800: #07440a;--hx-color-green-700: #125d16;--hx-color-green-600: #237527;--hx-color-green-500: #388e3c;--hx-color-green-400: #59a95d;--hx-color-green-300: #86bf89;--hx-color-green-200: #b4d4b5;--hx-color-green-100: #d1e5d2;--hx-color-green-50: #ebf2ec;--hx-color-orange-900: #46423f;--hx-color-orange-800: #5e2801;--hx-color-orange-700: #903e03;--hx-color-orange-600: #c25507;--hx-color-orange-500: #f46c0b;--hx-color-orange-400: #fb8c3c;--hx-color-orange-300: #faaa6e;--hx-color-orange-200: #facca4;--hx-color-orange-100: #faddc3;--hx-color-orange-50: #faefe8;--hx-color-tomato-900: #2b0700;--hx-color-tomato-800: #581004;--hx-color-tomato-700: #851c0d;--hx-color-tomato-600: #b12b1a;--hx-color-tomato-500: #de3d2b;--hx-color-tomato-400: #e96555;--hx-color-tomato-300: #f59183;--hx-color-tomato-200: #f7bdb5;--hx-color-tomato-100: #f7d5d0;--hx-color-tomato-50: #f7eceb;--hx-color-blue-900: #00162b;--hx-color-blue-800: #032c58;--hx-color-blue-700: #084385;--hx-color-blue-600: #105bb2;--hx-color-blue-500: #1b73df;--hx-color-blue-400: #4892e9;--hx-color-blue-300: #7ab3f3;--hx-color-blue-200: #aed4fd;--hx-color-blue-100: #cde3fa;--hx-color-blue-50: #ebf1f7;--hx-color-teal-900: #002b2b;--hx-color-teal-800: #034240;--hx-color-teal-700: #075856;--hx-color-teal-600: #0d6e6c;--hx-color-teal-500: #258987;--hx-color-teal-400: #46a4a2;--hx-color-teal-300: #7abfbd;--hx-color-teal-200: #a3cfcd;--hx-color-teal-100: #d0e7e6;--hx-color-teal-50: #e8f3f3;--hx-color-red-900: #2b0001;--hx-color-red-800: #5f0508;--hx-color-red-700: #830409;--hx-color-red-600: #a80209;--hx-color-red-500: #db0e16;--hx-color-red-400: #e93c43;--hx-color-red-300: #f2797e;--hx-color-red-200: #f2b6b8;--hx-color-red-100: #f2dadb;--hx-color-red-50: #f7edee;--hx-color-dark-grey-900: #fafafa;--hx-color-dark-grey-800: #dbdbdb;--hx-color-dark-grey-700: #bcbcbc;--hx-color-dark-grey-600: #9d9d9d;--hx-color-dark-grey-500: #7e7e7e;--hx-color-dark-grey-400: #5f5f5f;--hx-color-dark-grey-300: #404040;--hx-color-dark-grey-200: #313131;--hx-color-dark-grey-100: #292929;--hx-color-dark-grey-50: #212121;--hx-color-dark-grey-10: #121212;--hx-color-grey-900: #212121;--hx-color-grey-800: #404040;--hx-color-grey-700: #5f5f5f;--hx-color-grey-600: #7e7e7e;--hx-color-grey-500: #9d9d9d;--hx-color-grey-400: #bcbcbc;--hx-color-grey-300: #dbdbdb;--hx-color-grey-200: #eaeaea;--hx-color-grey-100: #f2f2f2;--hx-color-grey-50: #fafafa;--hx-border-width-thicker: 4px;--hx-border-width-thick: 2px;--hx-border-width-base: 1px;--hx-border-radius-circle: 9999px;--hx-border-radius-lg: 24px;--hx-border-radius-md: 8px;--hx-border-radius-focus: 6px;--hx-border-radius-base: 4px;--hx-border-radius-none: 0;--hx-spacing-inset-stretch-150: var(--hx-spacing-150) var(--hx-spacing-300);--hx-spacing-inset-stretch-100: var(--hx-spacing-100) var(--hx-spacing-200);--hx-spacing-inset-stretch-50: var(--hx-spacing-50) var(--hx-spacing-100);--hx-spacing-inset-300: var(--hx-spacing-300);--hx-spacing-inset-200: var(--hx-spacing-200);--hx-spacing-inset-150: var(--hx-spacing-150);--hx-spacing-inset-100: var(--hx-spacing-100);--hx-spacing-inset-75: var(--hx-spacing-75);--hx-spacing-inset-50: var(--hx-spacing-50);--hx-spacing-inset-25: var(--hx-spacing-25);--hx-spacing-stack-600: var(--hx-spacing-600);--hx-spacing-stack-400: var(--hx-spacing-400);--hx-spacing-stack-300: var(--hx-spacing-300);--hx-spacing-stack-200: var(--hx-spacing-200);--hx-spacing-stack-100: var(--hx-spacing-100);--hx-spacing-stack-50: var(--hx-spacing-50);--hx-spacing-stack-25: var(--hx-spacing-25);--hx-spacing-inline-600: var(--hx-spacing-600);--hx-spacing-inline-400: var(--hx-spacing-400);--hx-spacing-inline-300: var(--hx-spacing-300);--hx-spacing-inline-200: var(--hx-spacing-200);--hx-spacing-inline-100: var(--hx-spacing-100);--hx-spacing-inline-50: var(--hx-spacing-50);--hx-spacing-inline-25: var(--hx-spacing-25);--hx-size-icon-lg: var(--hx-size-200);--hx-size-icon-md: var(--hx-size-150);--hx-size-icon-sm: var(--hx-size-100);--hx-size-component-width-500: var(--hx-size-500);--hx-size-component-width-400: var(--hx-size-400);--hx-size-component-width-300: var(--hx-size-300);--hx-size-component-width-200: var(--hx-size-200);--hx-size-component-width-175: var(--hx-size-175);--hx-size-component-width-150: var(--hx-size-150);--hx-size-component-width-125: var(--hx-size-125);--hx-size-component-width-100: var(--hx-size-100);--hx-size-component-width-50: var(--hx-size-50);--hx-size-component-height-500: var(--hx-size-500);--hx-size-component-height-400: var(--hx-size-400);--hx-size-component-height-350: var(--hx-size-350);--hx-size-component-height-300: var(--hx-size-300);--hx-size-component-height-250: var(--hx-size-250);--hx-size-component-height-200: var(--hx-size-200);--hx-size-component-height-175: var(--hx-size-175);--hx-size-component-height-150: var(--hx-size-150);--hx-size-component-height-125: var(--hx-size-125);--hx-size-component-height-100: var(--hx-size-100);--hx-size-component-height-50: var(--hx-size-50);--hx-color-background-paper: var(--hx-color-white);--hx-color-background-input-disabled: var(--hx-color-grey-100);--hx-color-background-input-hover: var(--hx-color-grey-300);--hx-color-background-input-active: var(--hx-color-grey-400);--hx-color-background-input-base: var(--hx-color-grey-200);--hx-color-background-archive: var(--hx-color-grey-700);--hx-color-background-info: var(--hx-color-blue-500);--hx-color-background-warning: var(--hx-color-orange-600);--hx-color-background-success: var(--hx-color-green-600);--hx-color-background-error: var(--hx-color-tomato-600);--hx-color-background-brand-subtle-active: rgba(168, 2, 9, .2);--hx-color-background-brand-subtle-hover: rgba(168, 2, 9, .1);--hx-color-background-brand-selected: var(--hx-color-red-500);--hx-color-background-brand-active: var(--hx-color-red-800);--hx-color-background-brand-hover: var(--hx-color-red-700);--hx-color-background-brand-base: var(--hx-color-red-600);--hx-color-background-neutral-subtle-active: rgba(157, 157, 157, .3);--hx-color-background-neutral-subtle-hover: rgba(157, 157, 157, .2);--hx-color-background-neutral-strong: var(--hx-color-grey-700);--hx-color-background-neutral-selected: var(--hx-color-grey-400);--hx-color-background-neutral-active: var(--hx-color-grey-500);--hx-color-background-neutral-hover: var(--hx-color-grey-400);--hx-color-background-neutral-base: var(--hx-color-grey-300);--hx-color-background-subtle-info: rgba(27, 115, 223, .1);--hx-color-background-subtle-success: rgba(35, 117, 39, .1);--hx-color-background-subtle-warning: rgba(194, 85, 7, .1);--hx-color-background-subtle-error: rgba(177, 43, 26, .1);--hx-color-background-subtle-active: rgba(0, 0, 0, .3);--hx-color-background-subtle-hover: rgba(0, 0, 0, .2);--hx-color-background-surface-strong-active: var(--hx-color-grey-400);--hx-color-background-surface-strong-hover: var(--hx-color-grey-300);--hx-color-background-surface-strong-base: var(--hx-color-grey-200);--hx-color-background-surface-weak-active: var(--hx-color-grey-200);--hx-color-background-surface-weak-hover: var(--hx-color-grey-100);--hx-color-background-surface-weak-base: var(--hx-color-grey-50);--hx-color-background-surface-active: var(--hx-color-grey-300);--hx-color-background-surface-hover: var(--hx-color-grey-200);--hx-color-background-surface-base: var(--hx-color-grey-100);--hx-color-background-disabled: var(--hx-color-grey-300);--hx-color-background-selected-subtle-active: rgba(37, 137, 135, .4);--hx-color-background-selected-subtle-hover: rgba(37, 137, 135, .3);--hx-color-background-selected-subtle-base: rgba(37, 137, 135, .2);--hx-color-background-selected-disabled: var(--hx-color-grey-500);--hx-color-background-selected-error: var(--hx-color-tomato-600);--hx-color-background-selected-active: var(--hx-color-teal-700);--hx-color-background-selected-hover: var(--hx-color-teal-600);--hx-color-background-selected-base: var(--hx-color-teal-500);--hx-color-background-active: var(--hx-color-grey-100);--hx-color-background-hover: var(--hx-color-grey-50);--hx-color-background-base: var(--hx-color-white);--hx-color-blanket-loading: rgba(255, 255, 255, .6);--hx-color-blanket-overlay: rgba(0, 0, 0, .38);--hx-color-border-input-selected: var(--hx-color-teal-500);--hx-color-border-input-error: var(--hx-color-tomato-600);--hx-color-border-input-disabled: var(--hx-color-grey-500);--hx-color-border-input-active: var(--hx-color-teal-700);--hx-color-border-input-hover: var(--hx-color-teal-600);--hx-color-border-input-base: var(--hx-color-grey-700);--hx-color-border-brand-active: var(--hx-color-red-800);--hx-color-border-brand-hover: var(--hx-color-red-700);--hx-color-border-brand-base: var(--hx-color-red-600);--hx-color-border-disabled: var(--hx-color-grey-500);--hx-color-border-info: var(--hx-color-blue-500);--hx-color-border-success: var(--hx-color-green-600);--hx-color-border-warning: var(--hx-color-orange-600);--hx-color-border-error: var(--hx-color-tomato-600);--hx-color-border-focus: var(--hx-color-blue-400);--hx-color-border-active: var(--hx-color-grey-600);--hx-color-border-hover: var(--hx-color-grey-500);--hx-color-border-strong: var(--hx-color-grey-500);--hx-color-border-base: var(--hx-color-grey-300);--hx-color-icon-brand-bold: var(--hx-color-red-500);--hx-color-icon-brand-active: var(--hx-color-red-800);--hx-color-icon-brand-hover: var(--hx-color-red-700);--hx-color-icon-brand-base: var(--hx-color-red-600);--hx-color-icon-selected: var(--hx-color-teal-500);--hx-color-icon-disabled: var(--hx-color-grey-500);--hx-color-icon-inverse: var(--hx-color-white);--hx-color-icon-archive: var(--hx-color-grey-700);--hx-color-icon-info: var(--hx-color-blue-500);--hx-color-icon-error: var(--hx-color-tomato-600);--hx-color-icon-warning: var(--hx-color-orange-600);--hx-color-icon-success: var(--hx-color-green-600);--hx-color-icon-weak: var(--hx-color-grey-700);--hx-color-icon-base: var(--hx-color-grey-900);--hx-color-link-weak-active: var(--hx-color-grey-900);--hx-color-link-weak-hover: var(--hx-color-grey-800);--hx-color-link-weak-base: var(--hx-color-grey-700);--hx-color-link-active: var(--hx-color-blue-700);--hx-color-link-hover: var(--hx-color-blue-600);--hx-color-link-base: var(--hx-color-blue-500);--hx-color-text-accent-base: var(--hx-color-teal-600);--hx-color-text-brand-active: var(--hx-color-red-800);--hx-color-text-brand-hover: var(--hx-color-red-700);--hx-color-text-brand-base: var(--hx-color-red-600);--hx-color-text-archive: var(--hx-color-grey-700);--hx-color-text-info: var(--hx-color-blue-500);--hx-color-text-success: var(--hx-color-green-600);--hx-color-text-warning: var(--hx-color-orange-600);--hx-color-text-error: var(--hx-color-tomato-600);--hx-color-text-inverse: var(--hx-color-white);--hx-color-text-hover: var(--hx-color-black);--hx-color-text-disabled: var(--hx-color-grey-500);--hx-color-text-weak: var(--hx-color-grey-700);--hx-color-text-base: var(--hx-color-grey-900);--hx-color-border-input-focus: var(--hx-color-border-focus)}[theme=dark]{--hx-elevation-500: 0 10px 24px 0 rgba(0,0,0,.45), 0 3px 5px 0 rgba(0,0,0,.35), inset 0 0 1px 0 rgba(255,255,255,.35);--hx-elevation-400: 0 10px 16px 0 rgba(0,0,0,.35), 0 2px 5px 0 rgba(0,0,0,.35), inset 0 0 1px 0 rgba(255,255,255,.35);--hx-elevation-300: 0 5px 12px 0 rgba(0,0,0,.35), 0 1px 3px 0 rgba(0,0,0,.5), inset 0 0 1px 0 rgba(255,255,255,.3);--hx-elevation-200: 0 3px 8px 0 rgba(0,0,0,.35), 0 1px 3px 0 rgba(0,0,0,.5), inset 0 0 1px 0 rgba(255,255,255,.3);--hx-elevation-100: 0 0 1px 0 rgba(0,0,0,.5), 0 1px 3px 0 rgba(0,0,0,.4), inset 0 0 1px 0 rgba(255,255,255,.3);--hx-color-background-paper: var(--hx-color-dark-grey-100);--hx-color-background-input-disabled: var(--hx-color-dark-grey-100);--hx-color-background-input-hover: var(--hx-color-dark-grey-300);--hx-color-background-input-active: var(--hx-color-dark-grey-400);--hx-color-background-input-base: var(--hx-color-dark-grey-200);--hx-color-background-archive: var(--hx-color-dark-grey-700);--hx-color-background-info: var(--hx-color-blue-500);--hx-color-background-warning: var(--hx-color-orange-400);--hx-color-background-success: var(--hx-color-green-400);--hx-color-background-error: var(--hx-color-tomato-500);--hx-color-background-brand-subtle-active: rgba(233, 60, 67, .3);--hx-color-background-brand-subtle-hover: rgba(233, 60, 67, .2);--hx-color-background-brand-selected: var(--hx-color-red-500);--hx-color-background-brand-active: var(--hx-color-red-200);--hx-color-background-brand-hover: var(--hx-color-red-300);--hx-color-background-brand-base: var(--hx-color-red-400);--hx-color-background-neutral-subtle-active: rgba(126, 126, 126, .3);--hx-color-background-neutral-subtle-hover: rgba(126, 126, 126, .2);--hx-color-background-neutral-strong: var(--hx-color-dark-grey-700);--hx-color-background-neutral-selected: var(--hx-color-dark-grey-400);--hx-color-background-neutral-active: var(--hx-color-dark-grey-500);--hx-color-background-neutral-hover: var(--hx-color-dark-grey-400);--hx-color-background-neutral-base: var(--hx-color-dark-grey-300);--hx-color-background-subtle-info: rgba(27, 115, 223, .2);--hx-color-background-subtle-success: rgba(89, 169, 93, .2);--hx-color-background-subtle-warning: rgba(251, 140, 60, .2);--hx-color-background-subtle-error: rgba(222, 61, 43, .2);--hx-color-background-subtle-active: rgba(255, 255, 255, .3);--hx-color-background-subtle-hover: rgba(255, 255, 255, .2);--hx-color-background-surface-strong-active: var(--hx-color-dark-grey-400);--hx-color-background-surface-strong-hover: var(--hx-color-dark-grey-300);--hx-color-background-surface-strong-base: var(--hx-color-dark-grey-200);--hx-color-background-surface-weak-active: var(--hx-color-dark-grey-200);--hx-color-background-surface-weak-hover: var(--hx-color-dark-grey-100);--hx-color-background-surface-weak-base: var(--hx-color-dark-grey-50);--hx-color-background-surface-active: var(--hx-color-dark-grey-300);--hx-color-background-surface-hover: var(--hx-color-dark-grey-200);--hx-color-background-surface-base: var(--hx-color-dark-grey-100);--hx-color-background-selected-subtle-active: rgba(37, 137, 135, .5);--hx-color-background-selected-subtle-hover: rgba(37, 137, 135, .4);--hx-color-background-selected-subtle-base: rgba(37, 137, 135, .3);--hx-color-background-selected-disabled: var(--hx-color-dark-grey-500);--hx-color-background-selected-error: var(--hx-color-tomato-400);--hx-color-background-selected-active: var(--hx-color-teal-300);--hx-color-background-selected-hover: var(--hx-color-teal-400);--hx-color-background-selected-base: var(--hx-color-teal-500);--hx-color-background-disabled: var(--hx-color-dark-grey-300);--hx-color-background-active: var(--hx-color-dark-grey-100);--hx-color-background-hover: var(--hx-color-dark-grey-50);--hx-color-background-base: var(--hx-color-dark-grey-10);--hx-color-blanket-loading: rgba(0, 0, 0, .6);--hx-color-blanket-overlay: rgba(0, 0, 0, .6);--hx-color-border-input-selected: var(--hx-color-teal-500);--hx-color-border-input-error: var(--hx-color-tomato-400);--hx-color-border-input-disabled: var(--hx-color-dark-grey-500);--hx-color-border-input-active: var(--hx-color-teal-300);--hx-color-border-input-hover: var(--hx-color-teal-400);--hx-color-border-input-base: var(--hx-color-dark-grey-700);--hx-color-border-brand-active: var(--hx-color-red-100);--hx-color-border-brand-hover: var(--hx-color-red-200);--hx-color-border-brand-base: var(--hx-color-red-300);--hx-color-border-disabled: var(--hx-color-dark-grey-500);--hx-color-border-info: var(--hx-color-blue-400);--hx-color-border-success: var(--hx-color-green-400);--hx-color-border-warning: var(--hx-color-orange-400);--hx-color-border-error: var(--hx-color-tomato-400);--hx-color-border-focus: var(--hx-color-blue-500);--hx-color-border-active: var(--hx-color-grey-400);--hx-color-border-hover: var(--hx-color-grey-500);--hx-color-border-strong: var(--hx-color-dark-grey-500);--hx-color-border-base: var(--hx-color-dark-grey-300);--hx-color-icon-brand-bold: var(--hx-color-red-500);--hx-color-icon-brand-active: var(--hx-color-red-100);--hx-color-icon-brand-hover: var(--hx-color-red-200);--hx-color-icon-brand-base: var(--hx-color-red-300);--hx-color-icon-selected: var(--hx-color-teal-500);--hx-color-icon-disabled: var(--hx-color-dark-grey-500);--hx-color-icon-inverse: var(--hx-color-black);--hx-color-icon-archive: var(--hx-color-dark-grey-700);--hx-color-icon-info: var(--hx-color-blue-400);--hx-color-icon-error: var(--hx-color-tomato-400);--hx-color-icon-warning: var(--hx-color-orange-400);--hx-color-icon-success: var(--hx-color-green-400);--hx-color-icon-weak: var(--hx-color-dark-grey-700);--hx-color-icon-base: var(--hx-color-white);--hx-color-link-weak-active: var(--hx-color-dark-grey-900);--hx-color-link-weak-hover: var(--hx-color-dark-grey-800);--hx-color-link-weak-base: var(--hx-color-dark-grey-700);--hx-color-link-active: var(--hx-color-blue-200);--hx-color-link-hover: var(--hx-color-blue-300);--hx-color-link-base: var(--hx-color-blue-400);--hx-color-text-accent-base: var(--hx-color-teal-400);--hx-color-text-brand-active: var(--hx-color-red-100);--hx-color-text-brand-hover: var(--hx-color-red-200);--hx-color-text-brand-base: var(--hx-color-red-300);--hx-color-text-archive: var(--hx-color-dark-grey-700);--hx-color-text-info: var(--hx-color-blue-400);--hx-color-text-success: var(--hx-color-green-400);--hx-color-text-warning: var(--hx-color-orange-400);--hx-color-text-error: var(--hx-color-tomato-400);--hx-color-text-inverse: var(--hx-color-black);--hx-color-text-hover: var(--hx-color-dark-grey-900);--hx-color-text-disabled: var(--hx-color-dark-grey-500);--hx-color-text-weak: var(--hx-color-dark-grey-700);--hx-color-text-base: var(--hx-color-white);--hx-color-border-input-focus: var(--hx-color-border-focus)}[scale=large]{--hx-spacing-800: 84px;--hx-spacing-600: 72px;--hx-spacing-500: 60px;--hx-spacing-400: 48px;--hx-spacing-300: 36px;--hx-spacing-200: 24px;--hx-spacing-150: 18px;--hx-spacing-100: 12px;--hx-spacing-75: 9px;--hx-spacing-50: 6px;--hx-spacing-25: 3px;--hx-spacing-0: 0px;--hx-size-500: 120px;--hx-size-400: 96px;--hx-size-300: 72px;--hx-size-250: 60px;--hx-size-200: 48px;--hx-size-175: 42px;--hx-size-150: 36px;--hx-size-125: 30px;--hx-size-100: 24px;--hx-size-50: 12px;--hx-line-height-xs: 21px;--hx-line-height-sm: 24px;--hx-line-height-md: 30px;--hx-line-height-lg: 36px;--hx-line-height-xl: 48px;--hx-font-size-xs: 1.125rem;--hx-font-size-sm: 1.312rem;--hx-font-size-md: 1.5rem;--hx-font-size-lg: 1.875rem;--hx-font-size-xl: 2.25rem;--hx-font-size-2xl: 3rem;--hx-font-size-4xl: 6rem;--hx-border-width-thicker: 6px;--hx-border-width-thick: 3px;--hx-border-width-base: 1.5px;--hx-border-radius-circle: 9999px;--hx-border-radius-lg: 36px;--hx-border-radius-md: 12px;--hx-border-radius-focus: 9px;--hx-border-radius-base: 6px;--hx-border-radius-none: 0}