@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-cyrillic-ext-wght-normal-IYF56FF6.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-cyrillic-wght-normal-JEOLYBOO.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-greek-ext-wght-normal-EOVOK2B5.woff2") format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-greek-wght-normal-IRE366VL.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-vietnamese-wght-normal-CE5GGD3W.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-latin-ext-wght-normal-HA22NDSG.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-latin-wght-normal-NRMW37G5.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-cyrillic-ext-wght-normal-BUWC6ZS3.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-cyrillic-wght-normal-ENSFVLK4.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-greek-wght-normal-Y3BRZMJV.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-vietnamese-wght-normal-SP6EBKAH.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-latin-ext-wght-normal-TSLVDSQR.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-latin-wght-normal-VBS632QH.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{--fw-content-width: 72rem;--fw-space-1: .25rem;--fw-space-2: .5rem;--fw-space-3: .75rem;--fw-space-4: 1rem;--fw-space-6: 1.5rem;--fw-space-8: 2rem}@layer qui.base,qui.components,qui.overrides;@layer qui.base{:root{color-scheme:light dark;--qui-breakpoint-2xl: 96rem;--qui-breakpoint-lg: 64rem;--qui-breakpoint-md: 48rem;--qui-breakpoint-sm: 40rem;--qui-breakpoint-xl: 80rem;--qui-chart-attention: light-dark(oklch(54.6% .2 262), oklch(70.7% .138 258));--qui-chart-axis: light-dark(oklch(55.2% .016 285.938), oklch(70.5% .015 286.067));--qui-chart-brand-1: light-dark(oklch(62.3% .178 260), oklch(54.6% .2 262));--qui-chart-brand-2: light-dark(oklch(54.6% .2 262), oklch(62.3% .178 260));--qui-chart-brand-3: light-dark(oklch(48.8% .195 263), oklch(70.7% .138 258));--qui-chart-brand-4: light-dark(oklch(42.4% .162 264), oklch(80.9% .088 257));--qui-chart-brand-5: light-dark(oklch(37.9% .12 265), oklch(88.2% .05 256));--qui-chart-categorical-1: light-dark(oklch(42.4% .162 264), oklch(70.7% .138 258));--qui-chart-categorical-2: light-dark(oklch(43.7% .078 188.216), oklch(51.1% .096 186.391));--qui-chart-categorical-3: light-dark(oklch(66.6% .179 58.318), oklch(82.8% .189 84.429));--qui-chart-categorical-4: light-dark(oklch(62.7% .265 303.9), oklch(55.8% .288 302.321));--qui-chart-categorical-5: light-dark(oklch(65.6% .241 354.308), oklch(71.8% .202 349.761));--qui-chart-categorical-6: light-dark(oklch(50.8% .118 165.612), oklch(59.6% .145 163.225));--qui-chart-categorical-7: light-dark(oklch(55.3% .195 38.402), oklch(64.6% .222 41.116));--qui-chart-categorical-8: light-dark(oklch(27.4% .006 286.033), oklch(87.1% .006 286.286));--qui-chart-grid: light-dark(oklch(92% .004 286.32), oklch(27.4% .006 286.033));--qui-chart-neutral: oklch(55.2% .016 285.938);--qui-chart-series-primary: light-dark(oklch(54.6% .2 262), oklch(70.7% .138 258));--qui-chart-success: light-dark(oklch(59.6% .145 163.225), oklch(76.5% .177 163.223));--qui-chart-warning: light-dark(oklch(66.6% .179 58.318), oklch(82.8% .189 84.429));--qui-code-comment: light-dark(oklch(44.2% .017 285.786), oklch(70.5% .015 286.067));--qui-code-function: light-dark(oklch(42.4% .162 264), oklch(80.9% .088 257));--qui-code-keyword: light-dark(oklch(43.8% .218 303.724), oklch(82.7% .119 306.383));--qui-code-number: light-dark(oklch(47% .157 37.304), oklch(83.7% .128 66.29));--qui-code-plain: light-dark(oklch(21% .006 285.885), oklch(96.7% .001 286.375));--qui-code-punctuation: light-dark(oklch(37% .013 285.805), oklch(87.1% .006 286.286));--qui-code-string: light-dark(oklch(43.2% .095 166.913), oklch(84.5% .143 164.978));--qui-code-type: light-dark(oklch(43.7% .078 188.216), oklch(85.5% .138 181.071));--qui-color-arrow-edge: light-dark(oklch(14.1% .005 285.823 / .1), transparent);--qui-color-arrow-stroke: light-dark(transparent, oklch(98.5% 0 0 / .1));--qui-color-badge-blue: light-dark(oklch(54.6% .2 262), oklch(48.8% .195 263));--qui-color-badge-green: oklch(50.8% .118 165.612);--qui-color-badge-inverted: light-dark(oklch(27.4% .006 286.033), #fff);--qui-color-badge-neutral: light-dark(oklch(55.2% .016 285.938), oklch(44.2% .017 285.786));--qui-color-badge-orange: oklch(76.9% .188 70.08);--qui-color-badge-purple: light-dark(oklch(55.8% .288 302.321), oklch(49.6% .265 301.924));--qui-color-badge-red: light-dark(oklch(57.7% .245 27.325), oklch(50.5% .213 27.518));--qui-color-badge-secondary: light-dark(oklch(87.1% .006 286.286), oklch(27.4% .006 286.033));--qui-color-badge-teal: oklch(51.1% .096 186.391);--qui-color-banner-info: light-dark(oklch(93.2% .027 256 / .7), oklch(37.9% .12 265 / .5));--qui-color-banner-warning: light-dark(oklch(97.3% .071 103.193), oklch(55.4% .135 66.442 / .5));--qui-color-brand: light-dark(oklch(54.6% .2 262), oklch(from oklch(54.6% .2 262) l calc(c*.85) h));--qui-color-brand-hover: light-dark(oklch(48.8% .195 263), oklch(from oklch(54.6% .2 262) calc(l + .055) calc(c*.8) h));--qui-color-brand-tint: light-dark(oklch(97% .012 255), oklch(from oklch(37.9% .12 265) l c h / .35));--qui-color-canvas: light-dark(oklch(98.5% 0 none), oklch(16.5% .0055 285.9));--qui-color-contrast: light-dark(oklch(14.1% .005 285.823), oklch(98.5% 0 none));--qui-color-control: light-dark(#fff, oklch(24% .006 285.9));--qui-color-danger: light-dark(oklch(63.7% .237 25.331), oklch(57.7% .245 27.325));--qui-color-danger-tint: light-dark(oklch(93.6% .032 17.7 / .42), oklch(42.9% .176 28.7 / .17));--qui-color-elevated: light-dark(oklch(97.6% .001 286.4), oklch(18% .0058 285.9));--qui-color-fill: light-dark(oklch(92% .004 286.32), oklch(27.4% .006 286.033));--qui-color-fill-hover: light-dark(oklch(96.7% .001 286.375), oklch(37% .013 285.805));--qui-color-focus: light-dark(oklch(54.6% .2 262), oklch(70.7% .138 258));--qui-color-hairline: light-dark(oklch(94.5% .003 286.3), oklch(27.4% .006 286.033));--qui-color-info: light-dark(oklch(62.3% .178 260), oklch(70.7% .138 258));--qui-color-info-tint: light-dark(oklch(93.2% .027 256 / .45), oklch(37.9% .12 265 / .22));--qui-color-interact: light-dark(oklch(87.1% .006 286.286), oklch(37% .013 285.805));--qui-color-line: light-dark(oklch(14.1% .005 285.823 / .1), oklch(98.5% 0 0 / .1));--qui-color-overlay: light-dark(#fff, oklch(27.4% .006 286.033));--qui-color-recessed: light-dark(oklch(96.7% .001 286.375), oklch(19% .006 285.9));--qui-color-shadow-drop: light-dark(oklch(0% 0 0 / .08), oklch(0% 0 0 / .3));--qui-color-shadow-edge: light-dark(oklch(0% 0 0 / .12), oklch(100% 0 0 / .1));--qui-color-success: light-dark(oklch(59.6% .145 163.225), oklch(76.5% .177 163.223));--qui-color-success-tint: light-dark(oklch(96.2% .043 156.7 / .57), oklch(39.3% .096 152.3 / .2));--qui-color-surface: light-dark(#fff, oklch(21% .006 285.885));--qui-color-tab-indicator: var(--qui-color-contrast);--qui-color-tint: light-dark(oklch(96.7% .001 286.375), oklch(27.4% .006 286.033));--qui-color-track-edge: oklch(55.2% .016 285.938);--qui-color-warning: light-dark(oklch(73.9% .177 58.2), oklch(64.5% .168 50));--qui-color-warning-tint: light-dark(oklch(93.1% .107 94.6 / .2), oklch(35.3% .079 65 / .37));--qui-density-card-padding: 24px;--qui-density-control-height: 36px;--qui-density-gap-lg: 32px;--qui-density-gap-md: 24px;--qui-density-gap-sm: 12px;--qui-density-gap-xs: 8px;--qui-density-nav-item-height: 40px;--qui-density-row-height: 44px;--qui-density-section-gap: 32px;--qui-duration-base: .2s;--qui-duration-fast: .15s;--qui-duration-shimmer: 1.5s;--qui-ease-in-out: cubic-bezier(.4, 0, .2, 1);--qui-ease-out: cubic-bezier(0, 0, .2, 1);--qui-font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--qui-font-sans: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--qui-font-weight-medium: 500;--qui-font-weight-regular: 400;--qui-font-weight-semibold: 600;--qui-icon-size-xl: 32px;--qui-radius-full: 9999px;--qui-radius-lg: 12px;--qui-radius-md: 8px;--qui-radius-sm: 4px;--qui-radius-xl: 16px;--qui-shadow-none: none;--qui-shadow-overlay: 0 0 0 1px var(--qui-color-shadow-edge), 0 10px 15px -3px var(--qui-color-shadow-drop), 0 4px 6px -4px var(--qui-color-shadow-drop);--qui-shadow-sm: 0 1px 3px 0 var(--qui-color-shadow-drop), 0 1px 2px -1px var(--qui-color-shadow-drop);--qui-shadow-xs: 0 1px 2px 0 var(--qui-color-shadow-drop);--qui-text-2xl: 1.5rem;--qui-text-2xl--letter-spacing: -.01em;--qui-text-2xl--line-height: 2rem;--qui-text-3xl: 1.875rem;--qui-text-3xl--letter-spacing: -.02em;--qui-text-3xl--line-height: 2.25rem;--qui-text-4xl: 2.25rem;--qui-text-4xl--letter-spacing: -.025em;--qui-text-4xl--line-height: 2.5rem;--qui-text-5xl: 3rem;--qui-text-5xl--letter-spacing: -.03em;--qui-text-5xl--line-height: 1;--qui-text-base: 1rem;--qui-text-base--letter-spacing: 0;--qui-text-base--line-height: 1.5rem;--qui-text-lg: 1.125rem;--qui-text-lg--letter-spacing: 0;--qui-text-lg--line-height: 1.75rem;--qui-text-sm: .875rem;--qui-text-sm--letter-spacing: 0;--qui-text-sm--line-height: 1.25rem;--qui-text-xl: 1.25rem;--qui-text-xl--letter-spacing: -.005em;--qui-text-xl--line-height: 1.75rem;--qui-text-xs: .75rem;--qui-text-xs--letter-spacing: 0;--qui-text-xs--line-height: 1rem;--qui-text-color-badge-blue: var(--qui-text-color-on-brand);--qui-text-color-badge-green: #fff;--qui-text-color-badge-inverted: light-dark(#fff, oklch(14.1% .005 285.823));--qui-text-color-badge-neutral: #fff;--qui-text-color-badge-neutral-subtle: light-dark(oklch(27.4% .006 286.033), oklch(92% .004 286.32));--qui-text-color-badge-orange: oklch(14.1% .005 285.823);--qui-text-color-badge-orange-subtle: light-dark(oklch(47% .157 37.304), oklch(90.1% .076 70.697));--qui-text-color-badge-purple: #fff;--qui-text-color-badge-red: #fff;--qui-text-color-badge-teal: #fff;--qui-text-color-badge-teal-subtle: light-dark(oklch(43.7% .078 188.216), oklch(91% .096 180.426));--qui-text-color-brand: light-dark(oklch(54.6% .2 262), oklch(70.7% .138 258));--qui-text-color-danger: light-dark(oklch(50.5% .213 27.518), oklch(80.8% .114 19.571));--qui-text-color-default: light-dark(oklch(21% .006 285.885), oklch(96.7% .001 286.375));--qui-text-color-inactive: light-dark(oklch(70.5% .015 286.067), oklch(44.2% .017 285.786));--qui-text-color-info: light-dark(oklch(48.8% .195 263), oklch(80.9% .088 257));--qui-text-color-inverse: light-dark(oklch(98.5% 0 none), oklch(14.1% .005 285.823));--qui-text-color-link: light-dark(oklch(48.8% .195 263), oklch(70.7% .138 258));--qui-text-color-link-visited: light-dark(oklch(42.4% .162 264), oklch(80.9% .088 257));--qui-text-color-on-brand: #fff;--qui-text-color-placeholder: light-dark(oklch(55.2% .016 285.938), oklch(70.5% .015 286.067));--qui-text-color-strong: light-dark(oklch(14.1% .005 285.823), oklch(98.5% 0 none));--qui-text-color-subtle: light-dark(oklch(from oklch(55.2% .016 285.938) calc(l - .042) c h), oklch(from oklch(70.5% .015 286.067) calc(l + .04) c h));--qui-text-color-success: light-dark(oklch(43.2% .095 166.913), oklch(90.5% .093 164.15));--qui-text-color-warning: light-dark(oklch(47.3% .137 46.201), oklch(82.8% .189 84.429));--mat-sys-background: var(--qui-color-canvas);--mat-sys-error: var(--qui-text-color-danger);--mat-sys-error-container: var(--qui-color-danger-tint);--mat-sys-inverse-on-surface: var(--qui-text-color-inverse);--mat-sys-inverse-primary: light-dark(oklch(80.9% .088 257), oklch(54.6% .2 262));--mat-sys-inverse-surface: var(--qui-color-contrast);--mat-sys-on-background: var(--qui-text-color-default);--mat-sys-on-error: var(--qui-text-color-on-brand);--mat-sys-on-error-container: var(--qui-text-color-danger);--mat-sys-on-primary: var(--qui-text-color-on-brand);--mat-sys-on-primary-container: var(--qui-text-color-brand);--mat-sys-on-primary-fixed: var(--qui-text-color-brand);--mat-sys-on-primary-fixed-variant: var(--qui-text-color-brand);--mat-sys-on-secondary: var(--qui-text-color-inverse);--mat-sys-on-secondary-container: var(--qui-text-color-default);--mat-sys-on-secondary-fixed: var(--qui-text-color-default);--mat-sys-on-secondary-fixed-variant: var(--qui-text-color-subtle);--mat-sys-on-surface: var(--qui-text-color-default);--mat-sys-on-surface-variant: var(--qui-text-color-subtle);--mat-sys-on-tertiary: var(--qui-text-color-on-brand);--mat-sys-on-tertiary-container: var(--qui-text-color-brand);--mat-sys-on-tertiary-fixed: var(--qui-text-color-brand);--mat-sys-on-tertiary-fixed-variant: var(--qui-text-color-brand);--mat-sys-outline: var(--qui-color-interact);--mat-sys-outline-variant: var(--qui-color-line);--mat-sys-primary: var(--qui-color-brand);--mat-sys-primary-container: var(--qui-color-brand-tint);--mat-sys-primary-fixed: var(--qui-color-brand-tint);--mat-sys-primary-fixed-dim: var(--qui-color-brand-tint);--mat-sys-scrim: light-dark(#000, #000);--mat-sys-secondary: var(--qui-color-contrast);--mat-sys-secondary-container: var(--qui-color-fill);--mat-sys-secondary-fixed: var(--qui-color-fill);--mat-sys-secondary-fixed-dim: var(--qui-color-fill);--mat-sys-shadow: light-dark(#000, #000);--mat-sys-surface: var(--qui-color-surface);--mat-sys-surface-bright: var(--qui-color-surface);--mat-sys-surface-container: var(--qui-color-overlay);--mat-sys-surface-container-high: var(--qui-color-overlay);--mat-sys-surface-container-highest: var(--qui-color-fill);--mat-sys-surface-container-low: var(--qui-color-elevated);--mat-sys-surface-container-lowest: var(--qui-color-surface);--mat-sys-surface-dim: var(--qui-color-recessed);--mat-sys-surface-tint: transparent;--mat-sys-surface-variant: var(--qui-color-tint);--mat-sys-tertiary: var(--qui-color-brand);--mat-sys-tertiary-container: var(--qui-color-brand-tint);--mat-sys-tertiary-fixed: var(--qui-color-brand-tint);--mat-sys-tertiary-fixed-dim: var(--qui-color-brand-tint);--mat-sys-neutral-variant20: oklch(21% .006 285.885);--mat-sys-neutral10: oklch(14.1% .005 285.823);--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: var(--qui-font-weight-regular) var(--qui-text-sm) / var(--qui-text-sm--line-height) var(--qui-font-sans);--mat-sys-body-large-font: var(--qui-font-sans);--mat-sys-body-large-line-height: var(--qui-text-sm--line-height);--mat-sys-body-large-size: var(--qui-text-sm);--mat-sys-body-large-tracking: var(--qui-text-sm--letter-spacing);--mat-sys-body-large-weight: var(--qui-font-weight-regular);--mat-sys-body-medium: var(--qui-font-weight-regular) var(--qui-text-sm) / var(--qui-text-sm--line-height) var(--qui-font-sans);--mat-sys-body-medium-font: var(--qui-font-sans);--mat-sys-body-medium-line-height: var(--qui-text-sm--line-height);--mat-sys-body-medium-size: var(--qui-text-sm);--mat-sys-body-medium-tracking: var(--qui-text-sm--letter-spacing);--mat-sys-body-medium-weight: var(--qui-font-weight-regular);--mat-sys-body-small: var(--qui-font-weight-regular) var(--qui-text-xs) / var(--qui-text-xs--line-height) var(--qui-font-sans);--mat-sys-body-small-font: var(--qui-font-sans);--mat-sys-body-small-line-height: var(--qui-text-xs--line-height);--mat-sys-body-small-size: var(--qui-text-xs);--mat-sys-body-small-tracking: var(--qui-text-xs--letter-spacing);--mat-sys-body-small-weight: var(--qui-font-weight-regular);--mat-sys-display-large: var(--qui-font-weight-semibold) var(--qui-text-5xl) / var(--qui-text-5xl--line-height) var(--qui-font-sans);--mat-sys-display-large-font: var(--qui-font-sans);--mat-sys-display-large-line-height: var(--qui-text-5xl--line-height);--mat-sys-display-large-size: var(--qui-text-5xl);--mat-sys-display-large-tracking: var(--qui-text-5xl--letter-spacing);--mat-sys-display-large-weight: var(--qui-font-weight-semibold);--mat-sys-display-medium: var(--qui-font-weight-semibold) var(--qui-text-4xl) / var(--qui-text-4xl--line-height) var(--qui-font-sans);--mat-sys-display-medium-font: var(--qui-font-sans);--mat-sys-display-medium-line-height: var(--qui-text-4xl--line-height);--mat-sys-display-medium-size: var(--qui-text-4xl);--mat-sys-display-medium-tracking: var(--qui-text-4xl--letter-spacing);--mat-sys-display-medium-weight: var(--qui-font-weight-semibold);--mat-sys-display-small: var(--qui-font-weight-semibold) var(--qui-text-3xl) / var(--qui-text-3xl--line-height) var(--qui-font-sans);--mat-sys-display-small-font: var(--qui-font-sans);--mat-sys-display-small-line-height: var(--qui-text-3xl--line-height);--mat-sys-display-small-size: var(--qui-text-3xl);--mat-sys-display-small-tracking: var(--qui-text-3xl--letter-spacing);--mat-sys-display-small-weight: var(--qui-font-weight-semibold);--mat-sys-headline-large: var(--qui-font-weight-semibold) var(--qui-text-3xl) / var(--qui-text-3xl--line-height) var(--qui-font-sans);--mat-sys-headline-large-font: var(--qui-font-sans);--mat-sys-headline-large-line-height: var(--qui-text-3xl--line-height);--mat-sys-headline-large-size: var(--qui-text-3xl);--mat-sys-headline-large-tracking: var(--qui-text-3xl--letter-spacing);--mat-sys-headline-large-weight: var(--qui-font-weight-semibold);--mat-sys-headline-medium: var(--qui-font-weight-semibold) var(--qui-text-2xl) / var(--qui-text-2xl--line-height) var(--qui-font-sans);--mat-sys-headline-medium-font: var(--qui-font-sans);--mat-sys-headline-medium-line-height: var(--qui-text-2xl--line-height);--mat-sys-headline-medium-size: var(--qui-text-2xl);--mat-sys-headline-medium-tracking: var(--qui-text-2xl--letter-spacing);--mat-sys-headline-medium-weight: var(--qui-font-weight-semibold);--mat-sys-headline-small: var(--qui-font-weight-semibold) var(--qui-text-lg) / var(--qui-text-lg--line-height) var(--qui-font-sans);--mat-sys-headline-small-font: var(--qui-font-sans);--mat-sys-headline-small-line-height: var(--qui-text-lg--line-height);--mat-sys-headline-small-size: var(--qui-text-lg);--mat-sys-headline-small-tracking: var(--qui-text-lg--letter-spacing);--mat-sys-headline-small-weight: var(--qui-font-weight-semibold);--mat-sys-label-large: var(--qui-font-weight-medium) var(--qui-text-sm) / var(--qui-text-sm--line-height) var(--qui-font-sans);--mat-sys-label-large-font: var(--qui-font-sans);--mat-sys-label-large-line-height: var(--qui-text-sm--line-height);--mat-sys-label-large-size: var(--qui-text-sm);--mat-sys-label-large-tracking: var(--qui-text-sm--letter-spacing);--mat-sys-label-large-weight: var(--qui-font-weight-medium);--mat-sys-label-large-weight-prominent: var(--qui-font-weight-semibold);--mat-sys-label-medium: var(--qui-font-weight-medium) var(--qui-text-xs) / var(--qui-text-xs--line-height) var(--qui-font-sans);--mat-sys-label-medium-font: var(--qui-font-sans);--mat-sys-label-medium-line-height: var(--qui-text-xs--line-height);--mat-sys-label-medium-size: var(--qui-text-xs);--mat-sys-label-medium-tracking: var(--qui-text-xs--letter-spacing);--mat-sys-label-medium-weight: var(--qui-font-weight-medium);--mat-sys-label-medium-weight-prominent: var(--qui-font-weight-semibold);--mat-sys-label-small: var(--qui-font-weight-medium) var(--qui-text-xs) / var(--qui-text-xs--line-height) var(--qui-font-sans);--mat-sys-label-small-font: var(--qui-font-sans);--mat-sys-label-small-line-height: var(--qui-text-xs--line-height);--mat-sys-label-small-size: var(--qui-text-xs);--mat-sys-label-small-tracking: var(--qui-text-xs--letter-spacing);--mat-sys-label-small-weight: var(--qui-font-weight-medium);--mat-sys-title-large: var(--qui-font-weight-semibold) var(--qui-text-lg) / var(--qui-text-lg--line-height) var(--qui-font-sans);--mat-sys-title-large-font: var(--qui-font-sans);--mat-sys-title-large-line-height: var(--qui-text-lg--line-height);--mat-sys-title-large-size: var(--qui-text-lg);--mat-sys-title-large-tracking: var(--qui-text-lg--letter-spacing);--mat-sys-title-large-weight: var(--qui-font-weight-semibold);--mat-sys-title-medium: var(--qui-font-weight-medium) var(--qui-text-base) / var(--qui-text-base--line-height) var(--qui-font-sans);--mat-sys-title-medium-font: var(--qui-font-sans);--mat-sys-title-medium-line-height: var(--qui-text-base--line-height);--mat-sys-title-medium-size: var(--qui-text-base);--mat-sys-title-medium-tracking: var(--qui-text-base--letter-spacing);--mat-sys-title-medium-weight: var(--qui-font-weight-medium);--mat-sys-title-small: var(--qui-font-weight-medium) var(--qui-text-sm) / var(--qui-text-sm--line-height) var(--qui-font-sans);--mat-sys-title-small-font: var(--qui-font-sans);--mat-sys-title-small-line-height: var(--qui-text-sm--line-height);--mat-sys-title-small-size: var(--qui-text-sm);--mat-sys-title-small-tracking: var(--qui-text-sm--letter-spacing);--mat-sys-title-small-weight: var(--qui-font-weight-medium);--mat-sys-corner-extra-large: var(--qui-radius-lg);--mat-sys-corner-extra-large-top: var(--qui-radius-lg) var(--qui-radius-lg) 0 0;--mat-sys-corner-extra-small: var(--qui-radius-sm);--mat-sys-corner-extra-small-top: var(--qui-radius-sm) var(--qui-radius-sm) 0 0;--mat-sys-corner-full: var(--qui-radius-full);--mat-sys-corner-large: var(--qui-radius-xl);--mat-sys-corner-large-end: 0 var(--qui-radius-xl) var(--qui-radius-xl) 0;--mat-sys-corner-large-start: var(--qui-radius-xl) 0 0 var(--qui-radius-xl);--mat-sys-corner-large-top: var(--qui-radius-xl) var(--qui-radius-xl) 0 0;--mat-sys-corner-medium: var(--qui-radius-lg);--mat-sys-corner-none: 0;--mat-sys-corner-small: var(--qui-radius-md);--mat-sys-dragged-state-layer-opacity: .12;--mat-sys-focus-state-layer-opacity: .08;--mat-sys-hover-state-layer-opacity: .04;--mat-sys-pressed-state-layer-opacity: .08;--mat-sys-level0: var(--qui-shadow-none);--mat-sys-level1: var(--qui-shadow-sm);--mat-sys-level2: var(--qui-shadow-overlay);--mat-sys-level3: var(--qui-shadow-overlay);--mat-sys-level4: var(--qui-shadow-overlay);--mat-sys-level5: var(--qui-shadow-overlay);--mat-autocomplete-background-color: var(--qui-color-overlay);--mat-autocomplete-container-elevation-shadow: none;--mat-autocomplete-container-shape: var(--qui-radius-md);--mat-badge-background-color: var(--qui-color-badge-red);--mat-badge-container-offset: -12px 0;--mat-badge-container-overlap-offset: -12px;--mat-badge-container-padding: 0 5px;--mat-badge-container-shape: var(--qui-radius-full);--mat-badge-container-size: 18px;--mat-badge-disabled-state-background-color: var(--qui-color-fill);--mat-badge-disabled-state-text-color: var(--qui-text-color-subtle);--mat-badge-large-size-container-offset: -14px 0;--mat-badge-large-size-container-overlap-offset: -14px;--mat-badge-large-size-container-padding: 0 6px;--mat-badge-large-size-container-size: 22px;--mat-badge-large-size-line-height: 22px;--mat-badge-large-size-text-size: var(--qui-text-sm);--mat-badge-line-height: 18px;--mat-badge-small-size-container-offset: -6px 0;--mat-badge-small-size-container-overlap-offset: -6px;--mat-badge-small-size-container-size: 8px;--mat-badge-small-size-line-height: 8px;--mat-badge-text-color: var(--qui-text-color-on-brand);--mat-badge-text-font: var(--qui-font-sans);--mat-badge-text-size: var(--qui-text-xs);--mat-badge-text-weight: var(--qui-font-weight-medium);--mat-bottom-sheet-container-background-color: var(--qui-color-overlay);--mat-bottom-sheet-container-shape: var(--qui-radius-xl);--mat-bottom-sheet-container-text-color: var(--qui-text-color-default);--mat-bottom-sheet-container-text-font: var(--qui-font-sans);--mat-bottom-sheet-container-text-line-height: var(--qui-text-sm--line-height);--mat-bottom-sheet-container-text-size: var(--qui-text-sm);--mat-bottom-sheet-container-text-tracking: var(--qui-text-sm--letter-spacing);--mat-bottom-sheet-container-text-weight: var(--qui-font-weight-regular);--mat-button-filled-container-height: var(--qui-density-control-height);--mat-button-filled-horizontal-padding: 16px;--mat-button-filled-label-text-size: var(--qui-text-sm);--mat-button-outlined-container-height: var(--qui-density-control-height);--mat-button-outlined-horizontal-padding: 16px;--mat-button-outlined-label-text-size: var(--qui-text-sm);--mat-button-protected-container-height: var(--qui-density-control-height);--mat-button-protected-horizontal-padding: 16px;--mat-button-protected-label-text-size: var(--qui-text-sm);--mat-button-text-container-height: var(--qui-density-control-height);--mat-button-text-horizontal-padding: 16px;--mat-button-text-label-text-size: var(--qui-text-sm);--mat-button-tonal-container-height: var(--qui-density-control-height);--mat-button-tonal-horizontal-padding: 16px;--mat-button-tonal-label-text-size: var(--qui-text-sm);--mat-button-text-with-icon-horizontal-padding: 16px;--mat-button-filled-container-shape: var(--qui-radius-md);--mat-button-outlined-container-shape: var(--qui-radius-md);--mat-button-outlined-label-text-color: var(--qui-text-color-default);--mat-button-outlined-outline-color: var(--qui-color-interact);--mat-button-protected-container-shape: var(--qui-radius-md);--mat-button-text-container-shape: var(--qui-radius-md);--mat-button-text-label-text-color: var(--qui-text-color-default);--mat-button-tonal-container-shape: var(--qui-radius-md);--mat-button-toggle-background-color: var(--qui-color-surface);--mat-button-toggle-disabled-selected-state-background-color: var(--qui-color-fill-hover);--mat-button-toggle-disabled-selected-state-text-color: var(--qui-text-color-subtle);--mat-button-toggle-disabled-state-text-color: var(--qui-text-color-subtle);--mat-button-toggle-divider-color: var(--qui-color-line);--mat-button-toggle-height: var(--qui-density-control-height);--mat-button-toggle-label-text-size: var(--qui-text-sm);--mat-button-toggle-selected-state-background-color: var(--qui-color-fill-hover);--mat-button-toggle-selected-state-text-color: var(--qui-text-color-strong);--mat-button-toggle-shape: var(--qui-radius-md);--mat-button-toggle-state-layer-color: var(--qui-text-color-default);--mat-button-toggle-text-color: var(--qui-text-color-default);--mat-card-subtitle-text-color: var(--qui-text-color-subtle);--mat-card-subtitle-text-line-height: var(--qui-text-sm--line-height);--mat-card-subtitle-text-size: var(--qui-text-sm);--mat-card-subtitle-text-weight: var(--qui-font-weight-regular);--mat-checkbox-disabled-label-color: var(--qui-text-color-inactive);--mat-checkbox-disabled-selected-checkmark-color: var(--qui-color-surface);--mat-checkbox-disabled-selected-icon-color: var(--qui-text-color-inactive);--mat-checkbox-disabled-unselected-icon-color: var(--qui-text-color-inactive);--mat-checkbox-label-text-color: var(--qui-text-color-default);--mat-checkbox-label-text-font: var(--qui-font-sans);--mat-checkbox-label-text-line-height: var(--qui-text-sm--line-height);--mat-checkbox-label-text-size: var(--qui-text-sm);--mat-checkbox-label-text-tracking: var(--qui-text-sm--letter-spacing);--mat-checkbox-label-text-weight: var(--qui-font-weight-regular);--mat-checkbox-selected-checkmark-color: var(--qui-text-color-on-brand);--mat-checkbox-selected-focus-icon-color: var(--qui-color-brand);--mat-checkbox-selected-focus-state-layer-opacity: 0;--mat-checkbox-selected-hover-icon-color: var(--qui-color-brand-hover);--mat-checkbox-selected-hover-state-layer-opacity: 0;--mat-checkbox-selected-icon-color: var(--qui-color-brand);--mat-checkbox-selected-pressed-icon-color: var(--qui-color-brand-hover);--mat-checkbox-selected-pressed-state-layer-opacity: 0;--mat-checkbox-state-layer-size: 28px;--mat-checkbox-unselected-focus-icon-color: var(--qui-text-color-default);--mat-checkbox-unselected-focus-state-layer-opacity: 0;--mat-checkbox-unselected-hover-icon-color: var(--qui-text-color-default);--mat-checkbox-unselected-hover-state-layer-opacity: 0;--mat-checkbox-unselected-icon-color: var(--qui-text-color-subtle);--mat-checkbox-unselected-pressed-state-layer-opacity: 0;--mat-chip-container-height: calc(var(--qui-density-control-height) - 8px);--mat-chip-container-shape-radius: var(--qui-radius-md);--mat-chip-elevated-selected-container-color: var(--qui-color-fill);--mat-chip-label-text-color: var(--qui-text-color-default);--mat-chip-label-text-size: var(--qui-text-sm);--mat-chip-label-text-weight: var(--qui-font-weight-medium);--mat-chip-outline-color: var(--qui-color-interact);--mat-chip-selected-label-text-color: var(--qui-text-color-default);--mat-chip-selected-trailing-icon-color: var(--qui-text-color-subtle);--mat-chip-with-avatar-avatar-size: 16px;--mat-chip-with-icon-icon-color: var(--qui-text-color-subtle);--mat-chip-with-icon-icon-size: 16px;--mat-chip-with-icon-selected-icon-color: var(--qui-text-color-default);--mat-chip-with-trailing-icon-trailing-icon-color: var(--qui-text-color-subtle);--mat-datepicker-calendar-container-background-color: var(--qui-color-overlay);--mat-datepicker-calendar-container-elevation-shadow: var(--qui-shadow-overlay);--mat-datepicker-calendar-container-shape: var(--qui-radius-lg);--mat-datepicker-calendar-container-text-color: var(--qui-text-color-default);--mat-datepicker-calendar-container-touch-elevation-shadow: var(--qui-shadow-overlay);--mat-datepicker-calendar-container-touch-shape: var(--qui-radius-lg);--mat-datepicker-calendar-date-focus-state-background-color: var(--qui-color-fill-hover);--mat-datepicker-calendar-date-hover-state-background-color: var(--qui-color-fill-hover);--mat-datepicker-calendar-date-preview-state-outline-color: var(--qui-text-color-brand);--mat-datepicker-calendar-date-selected-state-background-color: var(--qui-text-color-brand);--mat-datepicker-calendar-date-selected-state-text-color: var(--qui-text-color-inverse);--mat-datepicker-calendar-date-today-outline-color: var(--qui-text-color-subtle);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--qui-text-color-brand);--mat-datepicker-calendar-header-text-color: var(--qui-text-color-subtle);--mat-datepicker-calendar-period-button-text-color: var(--qui-text-color-default);--mat-datepicker-toggle-active-state-icon-color: var(--qui-text-color-brand);--mat-datepicker-toggle-icon-color: var(--qui-text-color-subtle);--mat-dialog-actions-padding: 16px var(--qui-density-card-padding) 20px;--mat-dialog-container-color: var(--qui-color-overlay);--mat-dialog-container-elevation-shadow: var(--qui-shadow-overlay);--mat-dialog-container-shape: var(--qui-radius-lg);--mat-dialog-content-padding: 20px var(--qui-density-card-padding);--mat-dialog-headline-padding: 0 var(--qui-density-card-padding) 8px;--mat-dialog-subhead-color: var(--qui-text-color-strong);--mat-dialog-supporting-text-color: var(--qui-text-color-subtle);--mat-dialog-with-actions-content-padding: 20px var(--qui-density-card-padding) 0;--mat-divider-color: var(--qui-color-hairline);--mat-divider-width: 1px;--mat-expansion-actions-divider-color: var(--qui-color-hairline);--mat-expansion-container-background-color: var(--qui-color-surface);--mat-expansion-container-elevation-shadow: var(--qui-shadow-overlay);--mat-expansion-container-shape: var(--qui-radius-md);--mat-expansion-container-text-color: var(--qui-text-color-default);--mat-expansion-container-text-size: var(--qui-text-sm);--mat-expansion-header-collapsed-state-height: calc(var(--qui-density-row-height) + 4px);--mat-expansion-header-description-color: var(--qui-text-color-subtle);--mat-expansion-header-disabled-state-text-color: var(--qui-text-color-subtle);--mat-expansion-header-expanded-state-height: calc(var(--qui-density-row-height) + 4px);--mat-expansion-header-focus-state-layer-color: var(--qui-color-fill-hover);--mat-expansion-header-hover-state-layer-color: var(--qui-color-fill-hover);--mat-expansion-header-indicator-color: var(--qui-text-color-subtle);--mat-expansion-header-text-color: var(--qui-text-color-strong);--mat-expansion-header-text-size: var(--qui-text-sm);--mat-form-field-container-height: var(--qui-density-control-height);--mat-form-field-container-vertical-padding: calc(var(--qui-density-control-height) / 2 - 10px);--mat-form-field-outlined-container-shape: var(--qui-radius-md);--mat-form-field-outlined-focus-label-text-color: var(--qui-text-color-brand);--mat-form-field-outlined-focus-outline-color: var(--qui-color-focus);--mat-form-field-outlined-hover-outline-color: var(--qui-color-interact);--mat-form-field-outlined-label-text-color: var(--qui-text-color-subtle);--mat-form-field-outlined-outline-color: var(--qui-color-line);--mat-form-field-subscript-text-size: var(--qui-text-xs);--mat-grid-list-tile-footer-primary-text-size: var(--qui-text-sm);--mat-grid-list-tile-footer-secondary-text-size: var(--qui-text-xs);--mat-grid-list-tile-header-primary-text-size: var(--qui-text-sm);--mat-grid-list-tile-header-secondary-text-size: var(--qui-text-xs);--mat-icon-color: currentColor;--mat-list-active-indicator-color: var(--qui-color-tint);--mat-list-active-indicator-shape: var(--qui-radius-md);--mat-list-list-item-container-shape: var(--qui-radius-md);--mat-list-list-item-disabled-label-text-color: var(--qui-text-color-subtle);--mat-list-list-item-disabled-state-layer-opacity: 0;--mat-list-list-item-focus-label-text-color: var(--qui-text-color-strong);--mat-list-list-item-hover-label-text-color: var(--qui-text-color-strong);--mat-list-list-item-label-text-color: var(--qui-text-color-default);--mat-list-list-item-label-text-size: var(--qui-text-sm);--mat-list-list-item-leading-icon-color: var(--qui-text-color-subtle);--mat-list-list-item-one-line-container-height: var(--qui-density-row-height);--mat-list-list-item-selected-container-color: var(--qui-color-fill-hover);--mat-list-list-item-supporting-text-color: var(--qui-text-color-subtle);--mat-list-list-item-supporting-text-size: var(--qui-text-xs);--mat-list-list-item-three-line-container-height: calc(var(--qui-density-row-height) + 40px);--mat-list-list-item-trailing-icon-color: var(--qui-text-color-subtle);--mat-list-list-item-two-line-container-height: calc(var(--qui-density-row-height) + 20px);--mat-menu-container-color: var(--qui-color-overlay);--mat-menu-container-elevation-shadow: var(--qui-shadow-overlay);--mat-menu-container-shape: var(--qui-radius-md);--mat-menu-divider-bottom-spacing: 4px;--mat-menu-divider-color: var(--qui-color-line);--mat-menu-divider-top-spacing: 4px;--mat-menu-item-focus-state-layer-color: var(--qui-color-fill-hover);--mat-menu-item-hover-state-layer-color: var(--qui-color-fill-hover);--mat-menu-item-icon-color: var(--qui-text-color-subtle);--mat-menu-item-icon-size: 16px;--mat-menu-item-label-text-color: var(--qui-text-color-default);--mat-menu-item-label-text-font: var(--qui-font-sans);--mat-menu-item-label-text-line-height: var(--qui-text-sm--line-height);--mat-menu-item-label-text-size: var(--qui-text-sm);--mat-menu-item-label-text-tracking: var(--qui-text-sm--letter-spacing);--mat-menu-item-label-text-weight: var(--qui-font-weight-regular);--mat-menu-item-spacing: 8px;--mat-paginator-container-background-color: var(--qui-color-surface);--mat-paginator-container-size: var(--qui-density-nav-item-height);--mat-paginator-container-text-color: var(--qui-text-color-subtle);--mat-paginator-container-text-font: var(--qui-font-sans);--mat-paginator-container-text-line-height: var(--qui-text-sm--line-height);--mat-paginator-container-text-size: var(--qui-text-sm);--mat-paginator-container-text-tracking: var(--qui-text-sm--letter-spacing);--mat-paginator-container-text-weight: var(--qui-font-weight-regular);--mat-paginator-disabled-icon-color: var(--qui-text-color-inactive);--mat-paginator-enabled-icon-color: var(--qui-text-color-default);--mat-paginator-form-field-container-height: var(--qui-density-control-height);--mat-paginator-form-field-container-vertical-padding: calc(var(--qui-density-control-height) / 2 - 12px);--mat-paginator-page-size-select-touch-target-height: var(--qui-density-nav-item-height);--mat-paginator-select-trigger-text-size: var(--qui-text-sm);--mat-progress-bar-active-indicator-color: var(--qui-text-color-brand);--mat-progress-bar-active-indicator-height: 4px;--mat-progress-bar-track-color: var(--qui-color-fill);--mat-progress-bar-track-height: 4px;--mat-progress-bar-track-shape: 0;--mat-progress-spinner-active-indicator-color: var(--qui-text-color-brand);--mat-radio-checked-ripple-color: transparent;--mat-radio-disabled-label-color: var(--qui-text-color-inactive);--mat-radio-disabled-selected-icon-color: var(--qui-text-color-inactive);--mat-radio-disabled-selected-icon-opacity: 1;--mat-radio-disabled-unselected-icon-color: var(--qui-text-color-inactive);--mat-radio-disabled-unselected-icon-opacity: 1;--mat-radio-label-text-color: var(--qui-text-color-default);--mat-radio-label-text-font: var(--qui-font-sans);--mat-radio-label-text-line-height: var(--qui-text-sm--line-height);--mat-radio-label-text-size: var(--qui-text-sm);--mat-radio-label-text-tracking: var(--qui-text-sm--letter-spacing);--mat-radio-label-text-weight: var(--qui-font-weight-regular);--mat-radio-ripple-color: transparent;--mat-radio-selected-focus-icon-color: var(--qui-color-brand);--mat-radio-selected-hover-icon-color: var(--qui-color-brand-hover);--mat-radio-selected-icon-color: var(--qui-color-brand);--mat-radio-selected-pressed-icon-color: var(--qui-color-brand-hover);--mat-radio-state-layer-size: 28px;--mat-radio-unselected-focus-icon-color: var(--qui-text-color-default);--mat-radio-unselected-hover-icon-color: var(--qui-text-color-default);--mat-radio-unselected-icon-color: var(--qui-text-color-subtle);--mat-radio-unselected-pressed-icon-color: var(--qui-text-color-default);--mat-option-selected-state-label-text-color: var(--qui-text-color-default);--mat-option-selected-state-layer-color: var(--qui-color-fill-hover);--mat-select-container-elevation-shadow: none;--mat-select-enabled-arrow-color: var(--qui-text-color-subtle);--mat-select-focused-arrow-color: var(--qui-text-color-default);--mat-select-panel-background-color: var(--qui-color-overlay);--mat-sidenav-container-background-color: var(--qui-color-surface);--mat-sidenav-container-divider-color: var(--qui-color-line);--mat-sidenav-container-elevation-shadow: var(--qui-shadow-overlay);--mat-sidenav-container-shape: 0;--mat-sidenav-container-text-color: var(--qui-text-color-default);--mat-sidenav-container-width: 256px;--mat-sidenav-content-background-color: var(--qui-color-canvas);--mat-sidenav-content-text-color: var(--qui-text-color-default);--mat-slide-toggle-disabled-label-text-color: var(--qui-text-color-inactive);--mat-slide-toggle-disabled-selected-handle-color: var(--qui-color-surface);--mat-slide-toggle-disabled-selected-handle-opacity: 1;--mat-slide-toggle-disabled-selected-track-color: var(--qui-color-brand);--mat-slide-toggle-disabled-track-opacity: .4;--mat-slide-toggle-disabled-unselected-handle-color: var(--qui-text-color-inactive);--mat-slide-toggle-disabled-unselected-handle-opacity: 1;--mat-slide-toggle-disabled-unselected-track-color: var(--qui-color-fill);--mat-slide-toggle-disabled-unselected-track-outline-width: 0;--mat-slide-toggle-handle-elevation-shadow: var(--qui-shadow-xs);--mat-slide-toggle-label-text-color: var(--qui-text-color-default);--mat-slide-toggle-label-text-font: var(--qui-font-sans);--mat-slide-toggle-label-text-line-height: var(--qui-text-sm--line-height);--mat-slide-toggle-label-text-size: var(--qui-text-sm);--mat-slide-toggle-label-text-tracking: var(--qui-text-sm--letter-spacing);--mat-slide-toggle-label-text-weight: var(--qui-font-weight-regular);--mat-slide-toggle-pressed-handle-size: 16px;--mat-slide-toggle-selected-focus-handle-color: var(--qui-text-color-on-brand);--mat-slide-toggle-selected-focus-state-layer-opacity: 0;--mat-slide-toggle-selected-focus-track-color: var(--qui-color-brand);--mat-slide-toggle-selected-handle-color: var(--qui-text-color-on-brand);--mat-slide-toggle-selected-handle-horizontal-margin: 0 18px;--mat-slide-toggle-selected-handle-size: 16px;--mat-slide-toggle-selected-hover-handle-color: var(--qui-text-color-on-brand);--mat-slide-toggle-selected-hover-state-layer-opacity: 0;--mat-slide-toggle-selected-hover-track-color: var(--qui-color-brand-hover);--mat-slide-toggle-selected-icon-size: 0;--mat-slide-toggle-selected-pressed-handle-color: var(--qui-text-color-on-brand);--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 18px;--mat-slide-toggle-selected-pressed-state-layer-opacity: 0;--mat-slide-toggle-selected-pressed-track-color: var(--qui-color-brand-hover);--mat-slide-toggle-selected-track-color: var(--qui-color-brand);--mat-slide-toggle-selected-track-outline-width: 0;--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0 18px;--mat-slide-toggle-state-layer-size: 24px;--mat-slide-toggle-track-height: 20px;--mat-slide-toggle-track-outline-width: 0;--mat-slide-toggle-track-shape: var(--qui-radius-full);--mat-slide-toggle-track-width: 36px;--mat-slide-toggle-unselected-focus-handle-color: var(--qui-text-color-subtle);--mat-slide-toggle-unselected-focus-state-layer-opacity: 0;--mat-slide-toggle-unselected-focus-track-color: var(--qui-color-fill);--mat-slide-toggle-unselected-handle-color: var(--qui-text-color-subtle);--mat-slide-toggle-unselected-handle-horizontal-margin: 0 2px;--mat-slide-toggle-unselected-handle-size: 16px;--mat-slide-toggle-unselected-hover-handle-color: var(--qui-text-color-default);--mat-slide-toggle-unselected-hover-state-layer-opacity: 0;--mat-slide-toggle-unselected-hover-track-color: var(--qui-color-fill);--mat-slide-toggle-unselected-icon-size: 0;--mat-slide-toggle-unselected-pressed-handle-color: var(--qui-text-color-default);--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 2px;--mat-slide-toggle-unselected-pressed-state-layer-opacity: 0;--mat-slide-toggle-unselected-pressed-track-color: var(--qui-color-fill);--mat-slide-toggle-unselected-track-color: var(--qui-color-fill);--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0 2px;--mat-slide-toggle-with-icon-handle-size: 16px;--mat-slider-active-track-color: var(--qui-color-brand);--mat-slider-active-track-height: 4px;--mat-slider-active-track-shape: var(--qui-radius-full);--mat-slider-disabled-active-track-color: var(--qui-text-color-inactive);--mat-slider-disabled-handle-color: var(--qui-text-color-inactive);--mat-slider-disabled-inactive-track-color: var(--qui-color-contrast);--mat-slider-focus-handle-color: var(--qui-color-brand);--mat-slider-focus-state-layer-color: transparent;--mat-slider-handle-color: var(--qui-color-brand);--mat-slider-handle-height: 16px;--mat-slider-handle-shape: var(--qui-radius-full);--mat-slider-handle-width: 16px;--mat-slider-hover-handle-color: var(--qui-color-brand-hover);--mat-slider-hover-state-layer-color: transparent;--mat-slider-inactive-track-color: var(--qui-color-contrast);--mat-slider-inactive-track-height: 4px;--mat-slider-inactive-track-shape: var(--qui-radius-full);--mat-slider-label-container-color: var(--qui-color-contrast);--mat-slider-label-label-text-color: var(--qui-text-color-inverse);--mat-slider-label-label-text-font: var(--qui-font-sans);--mat-slider-label-label-text-line-height: var(--qui-text-xs--line-height);--mat-slider-label-label-text-size: var(--qui-text-xs);--mat-slider-label-label-text-tracking: var(--qui-text-xs--letter-spacing);--mat-slider-label-label-text-weight: var(--qui-font-weight-medium);--mat-slider-ripple-color: transparent;--mat-slider-with-overlap-handle-outline-color: var(--qui-color-surface);--mat-slider-with-tick-marks-active-container-color: var(--qui-text-color-on-brand);--mat-slider-with-tick-marks-disabled-container-color: var(--qui-text-color-inactive);--mat-slider-with-tick-marks-inactive-container-color: var(--qui-color-contrast);--mat-snack-bar-button-color: var(--qui-text-color-link);--mat-snack-bar-container-color: var(--qui-color-overlay);--mat-snack-bar-container-shape: var(--qui-radius-md);--mat-snack-bar-supporting-text-color: var(--qui-text-color-default);--mat-snack-bar-supporting-text-font: var(--qui-font-sans);--mat-snack-bar-supporting-text-line-height: var(--qui-text-sm--line-height);--mat-snack-bar-supporting-text-size: var(--qui-text-sm);--mat-snack-bar-supporting-text-weight: var(--qui-font-weight-regular);--mat-sort-arrow-color: var(--qui-text-color-strong);--mat-stepper-container-color: var(--qui-color-surface);--mat-stepper-header-done-state-icon-background-color: var(--qui-color-brand-tint);--mat-stepper-header-done-state-icon-foreground-color: var(--qui-text-color-brand);--mat-stepper-header-edit-state-icon-background-color: var(--qui-color-brand-tint);--mat-stepper-header-edit-state-icon-foreground-color: var(--qui-text-color-brand);--mat-stepper-header-error-state-icon-foreground-color: var(--qui-text-color-danger);--mat-stepper-header-error-state-label-text-color: var(--qui-text-color-danger);--mat-stepper-header-focus-state-layer-shape: var(--qui-radius-md);--mat-stepper-header-height: calc(var(--qui-density-row-height) + 12px);--mat-stepper-header-hover-state-layer-shape: var(--qui-radius-md);--mat-stepper-header-icon-background-color: var(--qui-color-fill);--mat-stepper-header-icon-foreground-color: var(--qui-text-color-default);--mat-stepper-header-label-text-color: var(--qui-text-color-subtle);--mat-stepper-header-label-text-size: var(--qui-text-sm);--mat-stepper-header-optional-label-text-color: var(--qui-text-color-subtle);--mat-stepper-header-selected-state-icon-background-color: var(--qui-color-brand);--mat-stepper-header-selected-state-icon-foreground-color: var(--qui-text-color-on-brand);--mat-stepper-header-selected-state-label-text-color: var(--qui-text-color-default);--mat-stepper-header-selected-state-label-text-weight: var(--qui-font-weight-semibold);--mat-stepper-line-color: var(--qui-color-line);--mat-table-background-color: var(--qui-color-surface);--mat-table-header-container-height: calc(var(--qui-density-row-height) - 4px);--mat-table-header-headline-color: var(--qui-text-color-subtle);--mat-table-header-headline-size: var(--qui-text-xs);--mat-table-header-headline-weight: var(--qui-font-weight-medium);--mat-table-row-item-container-height: var(--qui-density-row-height);--mat-table-row-item-label-text-size: var(--qui-text-sm);--mat-table-row-item-outline-color: var(--qui-color-hairline);--mat-table-row-item-outline-width: 1px;--mat-tab-active-focus-indicator-color: var(--qui-color-tab-indicator);--mat-tab-active-focus-label-text-color: var(--qui-text-color-strong);--mat-tab-active-hover-indicator-color: var(--qui-color-tab-indicator);--mat-tab-active-hover-label-text-color: var(--qui-text-color-strong);--mat-tab-active-indicator-color: var(--qui-color-tab-indicator);--mat-tab-active-indicator-height: 2px;--mat-tab-active-label-text-color: var(--qui-text-color-strong);--mat-tab-container-height: var(--qui-density-nav-item-height);--mat-tab-divider-color: var(--qui-color-line);--mat-tab-divider-height: 1px;--mat-tab-inactive-focus-label-text-color: var(--qui-text-color-default);--mat-tab-inactive-hover-label-text-color: var(--qui-text-color-default);--mat-tab-inactive-label-text-color: var(--qui-text-color-subtle);--mat-tab-pagination-icon-color: var(--qui-text-color-subtle);--mat-timepicker-container-background-color: var(--qui-color-overlay);--mat-timepicker-container-elevation-shadow: var(--qui-shadow-overlay);--mat-timepicker-container-shape: var(--qui-radius-md);--mat-toolbar-mobile-height: calc(var(--qui-density-control-height) + 12px);--mat-toolbar-standard-height: calc(var(--qui-density-control-height) + 20px);--mat-toolbar-title-text-font: var(--qui-font-sans);--mat-toolbar-title-text-line-height: var(--qui-text-base--line-height);--mat-toolbar-title-text-size: var(--qui-text-base);--mat-toolbar-title-text-tracking: var(--qui-text-base--letter-spacing);--mat-toolbar-title-text-weight: var(--qui-font-weight-semibold);--mat-tooltip-container-color: var(--qui-color-contrast);--mat-tooltip-container-shape: var(--qui-radius-sm);--mat-tooltip-supporting-text-color: var(--qui-text-color-inverse);--mat-tooltip-supporting-text-font: var(--qui-font-sans);--mat-tooltip-supporting-text-line-height: var(--qui-text-xs--line-height);--mat-tooltip-supporting-text-size: var(--qui-text-xs);--mat-tooltip-supporting-text-tracking: var(--qui-text-xs--letter-spacing);--mat-tooltip-supporting-text-weight: var(--qui-font-weight-medium);--mat-tree-container-background-color: transparent;--mat-tree-node-min-height: var(--qui-density-nav-item-height);--mat-tree-node-text-color: var(--qui-text-color-default)}[data-qui-scheme=light]{color-scheme:light}[data-qui-scheme=dark]{color-scheme:dark}[data-qui-scheme=system]{color-scheme:light dark}[data-qui-density=compact]{--qui-density-card-padding: 16px;--qui-density-control-height: 32px;--qui-density-gap-lg: 24px;--qui-density-gap-md: 16px;--qui-density-gap-sm: 8px;--qui-density-gap-xs: 6px;--qui-density-nav-item-height: 36px;--qui-density-row-height: 36px;--qui-density-section-gap: 24px;--mat-checkbox-touch-target-display: none;--mat-checkbox-state-layer-size: 32px;--mat-chip-container-height: 24px;--mat-chip-touch-target-display: none;--mat-expansion-header-collapsed-state-height: 40px;--mat-expansion-header-expanded-state-height: 56px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: none;--mat-button-filled-touch-target-display: none;--mat-button-filled-container-height: 32px;--mat-button-outlined-container-height: 32px;--mat-button-outlined-touch-target-display: none;--mat-button-protected-touch-target-display: none;--mat-button-protected-container-height: 32px;--mat-button-text-touch-target-display: none;--mat-button-text-container-height: 32px;--mat-button-tonal-container-height: 32px;--mat-button-tonal-touch-target-display: none;--mat-form-field-container-height: 48px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 12px;--mat-form-field-filled-with-label-container-padding-top: 12px;--mat-form-field-filled-with-label-container-padding-bottom: 12px;--mat-icon-button-touch-target-display: none;--mat-icon-button-state-layer-size: 32px;--mat-list-list-item-leading-icon-start-space: 8px;--mat-list-list-item-leading-icon-end-space: 8px;--mat-list-list-item-one-line-container-height: 40px;--mat-list-list-item-two-line-container-height: 56px;--mat-list-list-item-three-line-container-height: 80px;--mat-paginator-container-size: 48px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: none;--mat-radio-touch-target-display: none;--mat-radio-state-layer-size: 32px;--mat-tab-container-height: 40px;--mat-select-arrow-transform: none;--mat-button-toggle-height: 40px;--mat-stepper-header-height: 64px;--mat-table-header-container-height: 48px;--mat-table-footer-container-height: 44px;--mat-table-row-item-container-height: 44px;--mat-toolbar-standard-height: 56px;--mat-toolbar-mobile-height: 48px;--mat-tree-node-min-height: 40px;--mat-sys-corner-extra-large: var(--qui-radius-lg);--mat-sys-corner-extra-large-top: var(--qui-radius-lg) var(--qui-radius-lg) 0 0;--mat-sys-corner-extra-small: var(--qui-radius-sm);--mat-sys-corner-extra-small-top: var(--qui-radius-sm) var(--qui-radius-sm) 0 0;--mat-sys-corner-full: var(--qui-radius-full);--mat-sys-corner-large: var(--qui-radius-xl);--mat-sys-corner-large-end: 0 var(--qui-radius-xl) var(--qui-radius-xl) 0;--mat-sys-corner-large-start: var(--qui-radius-xl) 0 0 var(--qui-radius-xl);--mat-sys-corner-large-top: var(--qui-radius-xl) var(--qui-radius-xl) 0 0;--mat-sys-corner-medium: var(--qui-radius-lg);--mat-sys-corner-none: 0;--mat-sys-corner-small: var(--qui-radius-md);--mat-sys-dragged-state-layer-opacity: .12;--mat-sys-focus-state-layer-opacity: .08;--mat-sys-hover-state-layer-opacity: .04;--mat-sys-pressed-state-layer-opacity: .08;--mat-autocomplete-background-color: var(--qui-color-overlay);--mat-autocomplete-container-elevation-shadow: none;--mat-autocomplete-container-shape: var(--qui-radius-md);--mat-badge-background-color: var(--qui-color-badge-red);--mat-badge-container-offset: -12px 0;--mat-badge-container-overlap-offset: -12px;--mat-badge-container-padding: 0 5px;--mat-badge-container-shape: var(--qui-radius-full);--mat-badge-container-size: 18px;--mat-badge-disabled-state-background-color: var(--qui-color-fill);--mat-badge-disabled-state-text-color: var(--qui-text-color-subtle);--mat-badge-large-size-container-offset: -14px 0;--mat-badge-large-size-container-overlap-offset: -14px;--mat-badge-large-size-container-padding: 0 6px;--mat-badge-large-size-container-size: 22px;--mat-badge-large-size-line-height: 22px;--mat-badge-large-size-text-size: var(--qui-text-sm);--mat-badge-line-height: 18px;--mat-badge-small-size-container-offset: -6px 0;--mat-badge-small-size-container-overlap-offset: -6px;--mat-badge-small-size-container-size: 8px;--mat-badge-small-size-line-height: 8px;--mat-badge-text-color: var(--qui-text-color-on-brand);--mat-badge-text-font: var(--qui-font-sans);--mat-badge-text-size: var(--qui-text-xs);--mat-badge-text-weight: var(--qui-font-weight-medium);--mat-bottom-sheet-container-background-color: var(--qui-color-overlay);--mat-bottom-sheet-container-shape: var(--qui-radius-xl);--mat-bottom-sheet-container-text-color: var(--qui-text-color-default);--mat-bottom-sheet-container-text-font: var(--qui-font-sans);--mat-bottom-sheet-container-text-line-height: var(--qui-text-sm--line-height);--mat-bottom-sheet-container-text-size: var(--qui-text-sm);--mat-bottom-sheet-container-text-tracking: var(--qui-text-sm--letter-spacing);--mat-bottom-sheet-container-text-weight: var(--qui-font-weight-regular);--mat-button-filled-container-height: var(--qui-density-control-height);--mat-button-filled-horizontal-padding: 16px;--mat-button-filled-label-text-size: var(--qui-text-sm);--mat-button-outlined-container-height: var(--qui-density-control-height);--mat-button-outlined-horizontal-padding: 16px;--mat-button-outlined-label-text-size: var(--qui-text-sm);--mat-button-protected-container-height: var(--qui-density-control-height);--mat-button-protected-horizontal-padding: 16px;--mat-button-protected-label-text-size: var(--qui-text-sm);--mat-button-text-container-height: var(--qui-density-control-height);--mat-button-text-horizontal-padding: 16px;--mat-button-text-label-text-size: var(--qui-text-sm);--mat-button-tonal-container-height: var(--qui-density-control-height);--mat-button-tonal-horizontal-padding: 16px;--mat-button-tonal-label-text-size: var(--qui-text-sm);--mat-button-text-with-icon-horizontal-padding: 16px;--mat-button-filled-container-shape: var(--qui-radius-md);--mat-button-outlined-container-shape: var(--qui-radius-md);--mat-button-outlined-label-text-color: var(--qui-text-color-default);--mat-button-outlined-outline-color: var(--qui-color-interact);--mat-button-protected-container-shape: var(--qui-radius-md);--mat-button-text-container-shape: var(--qui-radius-md);--mat-button-text-label-text-color: var(--qui-text-color-default);--mat-button-tonal-container-shape: var(--qui-radius-md);--mat-button-toggle-background-color: var(--qui-color-surface);--mat-button-toggle-disabled-selected-state-background-color: var(--qui-color-fill-hover);--mat-button-toggle-disabled-selected-state-text-color: var(--qui-text-color-subtle);--mat-button-toggle-disabled-state-text-color: var(--qui-text-color-subtle);--mat-button-toggle-divider-color: var(--qui-color-line);--mat-button-toggle-height: var(--qui-density-control-height);--mat-button-toggle-label-text-size: var(--qui-text-sm);--mat-button-toggle-selected-state-background-color: var(--qui-color-fill-hover);--mat-button-toggle-selected-state-text-color: var(--qui-text-color-strong);--mat-button-toggle-shape: var(--qui-radius-md);--mat-button-toggle-state-layer-color: var(--qui-text-color-default);--mat-button-toggle-text-color: var(--qui-text-color-default);--mat-card-subtitle-text-color: var(--qui-text-color-subtle);--mat-card-subtitle-text-line-height: var(--qui-text-sm--line-height);--mat-card-subtitle-text-size: var(--qui-text-sm);--mat-card-subtitle-text-weight: var(--qui-font-weight-regular);--mat-checkbox-disabled-label-color: var(--qui-text-color-inactive);--mat-checkbox-disabled-selected-checkmark-color: var(--qui-color-surface);--mat-checkbox-disabled-selected-icon-color: var(--qui-text-color-inactive);--mat-checkbox-disabled-unselected-icon-color: var(--qui-text-color-inactive);--mat-checkbox-label-text-color: var(--qui-text-color-default);--mat-checkbox-label-text-font: var(--qui-font-sans);--mat-checkbox-label-text-line-height: var(--qui-text-sm--line-height);--mat-checkbox-label-text-size: var(--qui-text-sm);--mat-checkbox-label-text-tracking: var(--qui-text-sm--letter-spacing);--mat-checkbox-label-text-weight: var(--qui-font-weight-regular);--mat-checkbox-selected-checkmark-color: var(--qui-text-color-on-brand);--mat-checkbox-selected-focus-icon-color: var(--qui-color-brand);--mat-checkbox-selected-focus-state-layer-opacity: 0;--mat-checkbox-selected-hover-icon-color: var(--qui-color-brand-hover);--mat-checkbox-selected-hover-state-layer-opacity: 0;--mat-checkbox-selected-icon-color: var(--qui-color-brand);--mat-checkbox-selected-pressed-icon-color: var(--qui-color-brand-hover);--mat-checkbox-selected-pressed-state-layer-opacity: 0;--mat-checkbox-state-layer-size: 28px;--mat-checkbox-unselected-focus-icon-color: var(--qui-text-color-default);--mat-checkbox-unselected-focus-state-layer-opacity: 0;--mat-checkbox-unselected-hover-icon-color: var(--qui-text-color-default);--mat-checkbox-unselected-hover-state-layer-opacity: 0;--mat-checkbox-unselected-icon-color: var(--qui-text-color-subtle);--mat-checkbox-unselected-pressed-state-layer-opacity: 0;--mat-chip-container-height: calc(var(--qui-density-control-height) - 8px);--mat-chip-container-shape-radius: var(--qui-radius-md);--mat-chip-elevated-selected-container-color: var(--qui-color-fill);--mat-chip-label-text-color: var(--qui-text-color-default);--mat-chip-label-text-size: var(--qui-text-sm);--mat-chip-label-text-weight: var(--qui-font-weight-medium);--mat-chip-outline-color: var(--qui-color-interact);--mat-chip-selected-label-text-color: var(--qui-text-color-default);--mat-chip-selected-trailing-icon-color: var(--qui-text-color-subtle);--mat-chip-with-avatar-avatar-size: 16px;--mat-chip-with-icon-icon-color: var(--qui-text-color-subtle);--mat-chip-with-icon-icon-size: 16px;--mat-chip-with-icon-selected-icon-color: var(--qui-text-color-default);--mat-chip-with-trailing-icon-trailing-icon-color: var(--qui-text-color-subtle);--mat-datepicker-calendar-container-background-color: var(--qui-color-overlay);--mat-datepicker-calendar-container-elevation-shadow: var(--qui-shadow-overlay);--mat-datepicker-calendar-container-shape: var(--qui-radius-lg);--mat-datepicker-calendar-container-text-color: var(--qui-text-color-default);--mat-datepicker-calendar-container-touch-elevation-shadow: var(--qui-shadow-overlay);--mat-datepicker-calendar-container-touch-shape: var(--qui-radius-lg);--mat-datepicker-calendar-date-focus-state-background-color: var(--qui-color-fill-hover);--mat-datepicker-calendar-date-hover-state-background-color: var(--qui-color-fill-hover);--mat-datepicker-calendar-date-preview-state-outline-color: var(--qui-text-color-brand);--mat-datepicker-calendar-date-selected-state-background-color: var(--qui-text-color-brand);--mat-datepicker-calendar-date-selected-state-text-color: var(--qui-text-color-inverse);--mat-datepicker-calendar-date-today-outline-color: var(--qui-text-color-subtle);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--qui-text-color-brand);--mat-datepicker-calendar-header-text-color: var(--qui-text-color-subtle);--mat-datepicker-calendar-period-button-text-color: var(--qui-text-color-default);--mat-datepicker-toggle-active-state-icon-color: var(--qui-text-color-brand);--mat-datepicker-toggle-icon-color: var(--qui-text-color-subtle);--mat-dialog-actions-padding: 16px var(--qui-density-card-padding) 20px;--mat-dialog-container-color: var(--qui-color-overlay);--mat-dialog-container-elevation-shadow: var(--qui-shadow-overlay);--mat-dialog-container-shape: var(--qui-radius-lg);--mat-dialog-content-padding: 20px var(--qui-density-card-padding);--mat-dialog-headline-padding: 0 var(--qui-density-card-padding) 8px;--mat-dialog-subhead-color: var(--qui-text-color-strong);--mat-dialog-supporting-text-color: var(--qui-text-color-subtle);--mat-dialog-with-actions-content-padding: 20px var(--qui-density-card-padding) 0;--mat-divider-color: var(--qui-color-hairline);--mat-divider-width: 1px;--mat-expansion-actions-divider-color: var(--qui-color-hairline);--mat-expansion-container-background-color: var(--qui-color-surface);--mat-expansion-container-elevation-shadow: var(--qui-shadow-overlay);--mat-expansion-container-shape: var(--qui-radius-md);--mat-expansion-container-text-color: var(--qui-text-color-default);--mat-expansion-container-text-size: var(--qui-text-sm);--mat-expansion-header-collapsed-state-height: calc(var(--qui-density-row-height) + 4px);--mat-expansion-header-description-color: var(--qui-text-color-subtle);--mat-expansion-header-disabled-state-text-color: var(--qui-text-color-subtle);--mat-expansion-header-expanded-state-height: calc(var(--qui-density-row-height) + 4px);--mat-expansion-header-focus-state-layer-color: var(--qui-color-fill-hover);--mat-expansion-header-hover-state-layer-color: var(--qui-color-fill-hover);--mat-expansion-header-indicator-color: var(--qui-text-color-subtle);--mat-expansion-header-text-color: var(--qui-text-color-strong);--mat-expansion-header-text-size: var(--qui-text-sm);--mat-form-field-container-height: var(--qui-density-control-height);--mat-form-field-container-vertical-padding: calc(var(--qui-density-control-height) / 2 - 10px);--mat-form-field-outlined-container-shape: var(--qui-radius-md);--mat-form-field-outlined-focus-label-text-color: var(--qui-text-color-brand);--mat-form-field-outlined-focus-outline-color: var(--qui-color-focus);--mat-form-field-outlined-hover-outline-color: var(--qui-color-interact);--mat-form-field-outlined-label-text-color: var(--qui-text-color-subtle);--mat-form-field-outlined-outline-color: var(--qui-color-line);--mat-form-field-subscript-text-size: var(--qui-text-xs);--mat-grid-list-tile-footer-primary-text-size: var(--qui-text-sm);--mat-grid-list-tile-footer-secondary-text-size: var(--qui-text-xs);--mat-grid-list-tile-header-primary-text-size: var(--qui-text-sm);--mat-grid-list-tile-header-secondary-text-size: var(--qui-text-xs);--mat-icon-color: currentColor;--mat-list-active-indicator-color: var(--qui-color-tint);--mat-list-active-indicator-shape: var(--qui-radius-md);--mat-list-list-item-container-shape: var(--qui-radius-md);--mat-list-list-item-disabled-label-text-color: var(--qui-text-color-subtle);--mat-list-list-item-disabled-state-layer-opacity: 0;--mat-list-list-item-focus-label-text-color: var(--qui-text-color-strong);--mat-list-list-item-hover-label-text-color: var(--qui-text-color-strong);--mat-list-list-item-label-text-color: var(--qui-text-color-default);--mat-list-list-item-label-text-size: var(--qui-text-sm);--mat-list-list-item-leading-icon-color: var(--qui-text-color-subtle);--mat-list-list-item-one-line-container-height: var(--qui-density-row-height);--mat-list-list-item-selected-container-color: var(--qui-color-fill-hover);--mat-list-list-item-supporting-text-color: var(--qui-text-color-subtle);--mat-list-list-item-supporting-text-size: var(--qui-text-xs);--mat-list-list-item-three-line-container-height: calc(var(--qui-density-row-height) + 40px);--mat-list-list-item-trailing-icon-color: var(--qui-text-color-subtle);--mat-list-list-item-two-line-container-height: calc(var(--qui-density-row-height) + 20px);--mat-menu-container-color: var(--qui-color-overlay);--mat-menu-container-elevation-shadow: var(--qui-shadow-overlay);--mat-menu-container-shape: var(--qui-radius-md);--mat-menu-divider-bottom-spacing: 4px;--mat-menu-divider-color: var(--qui-color-line);--mat-menu-divider-top-spacing: 4px;--mat-menu-item-focus-state-layer-color: var(--qui-color-fill-hover);--mat-menu-item-hover-state-layer-color: var(--qui-color-fill-hover);--mat-menu-item-icon-color: var(--qui-text-color-subtle);--mat-menu-item-icon-size: 16px;--mat-menu-item-label-text-color: var(--qui-text-color-default);--mat-menu-item-label-text-font: var(--qui-font-sans);--mat-menu-item-label-text-line-height: var(--qui-text-sm--line-height);--mat-menu-item-label-text-size: var(--qui-text-sm);--mat-menu-item-label-text-tracking: var(--qui-text-sm--letter-spacing);--mat-menu-item-label-text-weight: var(--qui-font-weight-regular);--mat-menu-item-spacing: 8px;--mat-paginator-container-background-color: var(--qui-color-surface);--mat-paginator-container-size: var(--qui-density-nav-item-height);--mat-paginator-container-text-color: var(--qui-text-color-subtle);--mat-paginator-container-text-font: var(--qui-font-sans);--mat-paginator-container-text-line-height: var(--qui-text-sm--line-height);--mat-paginator-container-text-size: var(--qui-text-sm);--mat-paginator-container-text-tracking: var(--qui-text-sm--letter-spacing);--mat-paginator-container-text-weight: var(--qui-font-weight-regular);--mat-paginator-disabled-icon-color: var(--qui-text-color-inactive);--mat-paginator-enabled-icon-color: var(--qui-text-color-default);--mat-paginator-form-field-container-height: var(--qui-density-control-height);--mat-paginator-form-field-container-vertical-padding: calc(var(--qui-density-control-height) / 2 - 12px);--mat-paginator-page-size-select-touch-target-height: var(--qui-density-nav-item-height);--mat-paginator-select-trigger-text-size: var(--qui-text-sm);--mat-progress-bar-active-indicator-color: var(--qui-text-color-brand);--mat-progress-bar-active-indicator-height: 4px;--mat-progress-bar-track-color: var(--qui-color-fill);--mat-progress-bar-track-height: 4px;--mat-progress-bar-track-shape: 0;--mat-progress-spinner-active-indicator-color: var(--qui-text-color-brand);--mat-radio-checked-ripple-color: transparent;--mat-radio-disabled-label-color: var(--qui-text-color-inactive);--mat-radio-disabled-selected-icon-color: var(--qui-text-color-inactive);--mat-radio-disabled-selected-icon-opacity: 1;--mat-radio-disabled-unselected-icon-color: var(--qui-text-color-inactive);--mat-radio-disabled-unselected-icon-opacity: 1;--mat-radio-label-text-color: var(--qui-text-color-default);--mat-radio-label-text-font: var(--qui-font-sans);--mat-radio-label-text-line-height: var(--qui-text-sm--line-height);--mat-radio-label-text-size: var(--qui-text-sm);--mat-radio-label-text-tracking: var(--qui-text-sm--letter-spacing);--mat-radio-label-text-weight: var(--qui-font-weight-regular);--mat-radio-ripple-color: transparent;--mat-radio-selected-focus-icon-color: var(--qui-color-brand);--mat-radio-selected-hover-icon-color: var(--qui-color-brand-hover);--mat-radio-selected-icon-color: var(--qui-color-brand);--mat-radio-selected-pressed-icon-color: var(--qui-color-brand-hover);--mat-radio-state-layer-size: 28px;--mat-radio-unselected-focus-icon-color: var(--qui-text-color-default);--mat-radio-unselected-hover-icon-color: var(--qui-text-color-default);--mat-radio-unselected-icon-color: var(--qui-text-color-subtle);--mat-radio-unselected-pressed-icon-color: var(--qui-text-color-default);--mat-option-selected-state-label-text-color: var(--qui-text-color-default);--mat-option-selected-state-layer-color: var(--qui-color-fill-hover);--mat-select-container-elevation-shadow: none;--mat-select-enabled-arrow-color: var(--qui-text-color-subtle);--mat-select-focused-arrow-color: var(--qui-text-color-default);--mat-select-panel-background-color: var(--qui-color-overlay);--mat-sidenav-container-background-color: var(--qui-color-surface);--mat-sidenav-container-divider-color: var(--qui-color-line);--mat-sidenav-container-elevation-shadow: var(--qui-shadow-overlay);--mat-sidenav-container-shape: 0;--mat-sidenav-container-text-color: var(--qui-text-color-default);--mat-sidenav-container-width: 256px;--mat-sidenav-content-background-color: var(--qui-color-canvas);--mat-sidenav-content-text-color: var(--qui-text-color-default);--mat-slide-toggle-disabled-label-text-color: var(--qui-text-color-inactive);--mat-slide-toggle-disabled-selected-handle-color: var(--qui-color-surface);--mat-slide-toggle-disabled-selected-handle-opacity: 1;--mat-slide-toggle-disabled-selected-track-color: var(--qui-color-brand);--mat-slide-toggle-disabled-track-opacity: .4;--mat-slide-toggle-disabled-unselected-handle-color: var(--qui-text-color-inactive);--mat-slide-toggle-disabled-unselected-handle-opacity: 1;--mat-slide-toggle-disabled-unselected-track-color: var(--qui-color-fill);--mat-slide-toggle-disabled-unselected-track-outline-width: 0;--mat-slide-toggle-handle-elevation-shadow: var(--qui-shadow-xs);--mat-slide-toggle-label-text-color: var(--qui-text-color-default);--mat-slide-toggle-label-text-font: var(--qui-font-sans);--mat-slide-toggle-label-text-line-height: var(--qui-text-sm--line-height);--mat-slide-toggle-label-text-size: var(--qui-text-sm);--mat-slide-toggle-label-text-tracking: var(--qui-text-sm--letter-spacing);--mat-slide-toggle-label-text-weight: var(--qui-font-weight-regular);--mat-slide-toggle-pressed-handle-size: 16px;--mat-slide-toggle-selected-focus-handle-color: var(--qui-text-color-on-brand);--mat-slide-toggle-selected-focus-state-layer-opacity: 0;--mat-slide-toggle-selected-focus-track-color: var(--qui-color-brand);--mat-slide-toggle-selected-handle-color: var(--qui-text-color-on-brand);--mat-slide-toggle-selected-handle-horizontal-margin: 0 18px;--mat-slide-toggle-selected-handle-size: 16px;--mat-slide-toggle-selected-hover-handle-color: var(--qui-text-color-on-brand);--mat-slide-toggle-selected-hover-state-layer-opacity: 0;--mat-slide-toggle-selected-hover-track-color: var(--qui-color-brand-hover);--mat-slide-toggle-selected-icon-size: 0;--mat-slide-toggle-selected-pressed-handle-color: var(--qui-text-color-on-brand);--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 18px;--mat-slide-toggle-selected-pressed-state-layer-opacity: 0;--mat-slide-toggle-selected-pressed-track-color: var(--qui-color-brand-hover);--mat-slide-toggle-selected-track-color: var(--qui-color-brand);--mat-slide-toggle-selected-track-outline-width: 0;--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0 18px;--mat-slide-toggle-state-layer-size: 24px;--mat-slide-toggle-track-height: 20px;--mat-slide-toggle-track-outline-width: 0;--mat-slide-toggle-track-shape: var(--qui-radius-full);--mat-slide-toggle-track-width: 36px;--mat-slide-toggle-unselected-focus-handle-color: var(--qui-text-color-subtle);--mat-slide-toggle-unselected-focus-state-layer-opacity: 0;--mat-slide-toggle-unselected-focus-track-color: var(--qui-color-fill);--mat-slide-toggle-unselected-handle-color: var(--qui-text-color-subtle);--mat-slide-toggle-unselected-handle-horizontal-margin: 0 2px;--mat-slide-toggle-unselected-handle-size: 16px;--mat-slide-toggle-unselected-hover-handle-color: var(--qui-text-color-default);--mat-slide-toggle-unselected-hover-state-layer-opacity: 0;--mat-slide-toggle-unselected-hover-track-color: var(--qui-color-fill);--mat-slide-toggle-unselected-icon-size: 0;--mat-slide-toggle-unselected-pressed-handle-color: var(--qui-text-color-default);--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 2px;--mat-slide-toggle-unselected-pressed-state-layer-opacity: 0;--mat-slide-toggle-unselected-pressed-track-color: var(--qui-color-fill);--mat-slide-toggle-unselected-track-color: var(--qui-color-fill);--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0 2px;--mat-slide-toggle-with-icon-handle-size: 16px;--mat-slider-active-track-color: var(--qui-color-brand);--mat-slider-active-track-height: 4px;--mat-slider-active-track-shape: var(--qui-radius-full);--mat-slider-disabled-active-track-color: var(--qui-text-color-inactive);--mat-slider-disabled-handle-color: var(--qui-text-color-inactive);--mat-slider-disabled-inactive-track-color: var(--qui-color-contrast);--mat-slider-focus-handle-color: var(--qui-color-brand);--mat-slider-focus-state-layer-color: transparent;--mat-slider-handle-color: var(--qui-color-brand);--mat-slider-handle-height: 16px;--mat-slider-handle-shape: var(--qui-radius-full);--mat-slider-handle-width: 16px;--mat-slider-hover-handle-color: var(--qui-color-brand-hover);--mat-slider-hover-state-layer-color: transparent;--mat-slider-inactive-track-color: var(--qui-color-contrast);--mat-slider-inactive-track-height: 4px;--mat-slider-inactive-track-shape: var(--qui-radius-full);--mat-slider-label-container-color: var(--qui-color-contrast);--mat-slider-label-label-text-color: var(--qui-text-color-inverse);--mat-slider-label-label-text-font: var(--qui-font-sans);--mat-slider-label-label-text-line-height: var(--qui-text-xs--line-height);--mat-slider-label-label-text-size: var(--qui-text-xs);--mat-slider-label-label-text-tracking: var(--qui-text-xs--letter-spacing);--mat-slider-label-label-text-weight: var(--qui-font-weight-medium);--mat-slider-ripple-color: transparent;--mat-slider-with-overlap-handle-outline-color: var(--qui-color-surface);--mat-slider-with-tick-marks-active-container-color: var(--qui-text-color-on-brand);--mat-slider-with-tick-marks-disabled-container-color: var(--qui-text-color-inactive);--mat-slider-with-tick-marks-inactive-container-color: var(--qui-color-contrast);--mat-snack-bar-button-color: var(--qui-text-color-link);--mat-snack-bar-container-color: var(--qui-color-overlay);--mat-snack-bar-container-shape: var(--qui-radius-md);--mat-snack-bar-supporting-text-color: var(--qui-text-color-default);--mat-snack-bar-supporting-text-font: var(--qui-font-sans);--mat-snack-bar-supporting-text-line-height: var(--qui-text-sm--line-height);--mat-snack-bar-supporting-text-size: var(--qui-text-sm);--mat-snack-bar-supporting-text-weight: var(--qui-font-weight-regular);--mat-sort-arrow-color: var(--qui-text-color-strong);--mat-stepper-container-color: var(--qui-color-surface);--mat-stepper-header-done-state-icon-background-color: var(--qui-color-brand-tint);--mat-stepper-header-done-state-icon-foreground-color: var(--qui-text-color-brand);--mat-stepper-header-edit-state-icon-background-color: var(--qui-color-brand-tint);--mat-stepper-header-edit-state-icon-foreground-color: var(--qui-text-color-brand);--mat-stepper-header-error-state-icon-foreground-color: var(--qui-text-color-danger);--mat-stepper-header-error-state-label-text-color: var(--qui-text-color-danger);--mat-stepper-header-focus-state-layer-shape: var(--qui-radius-md);--mat-stepper-header-height: calc(var(--qui-density-row-height) + 12px);--mat-stepper-header-hover-state-layer-shape: var(--qui-radius-md);--mat-stepper-header-icon-background-color: var(--qui-color-fill);--mat-stepper-header-icon-foreground-color: var(--qui-text-color-default);--mat-stepper-header-label-text-color: var(--qui-text-color-subtle);--mat-stepper-header-label-text-size: var(--qui-text-sm);--mat-stepper-header-optional-label-text-color: var(--qui-text-color-subtle);--mat-stepper-header-selected-state-icon-background-color: var(--qui-color-brand);--mat-stepper-header-selected-state-icon-foreground-color: var(--qui-text-color-on-brand);--mat-stepper-header-selected-state-label-text-color: var(--qui-text-color-default);--mat-stepper-header-selected-state-label-text-weight: var(--qui-font-weight-semibold);--mat-stepper-line-color: var(--qui-color-line);--mat-table-background-color: var(--qui-color-surface);--mat-table-header-container-height: calc(var(--qui-density-row-height) - 4px);--mat-table-header-headline-color: var(--qui-text-color-subtle);--mat-table-header-headline-size: var(--qui-text-xs);--mat-table-header-headline-weight: var(--qui-font-weight-medium);--mat-table-row-item-container-height: var(--qui-density-row-height);--mat-table-row-item-label-text-size: var(--qui-text-sm);--mat-table-row-item-outline-color: var(--qui-color-hairline);--mat-table-row-item-outline-width: 1px;--mat-tab-active-focus-indicator-color: var(--qui-color-tab-indicator);--mat-tab-active-focus-label-text-color: var(--qui-text-color-strong);--mat-tab-active-hover-indicator-color: var(--qui-color-tab-indicator);--mat-tab-active-hover-label-text-color: var(--qui-text-color-strong);--mat-tab-active-indicator-color: var(--qui-color-tab-indicator);--mat-tab-active-indicator-height: 2px;--mat-tab-active-label-text-color: var(--qui-text-color-strong);--mat-tab-container-height: var(--qui-density-nav-item-height);--mat-tab-divider-color: var(--qui-color-line);--mat-tab-divider-height: 1px;--mat-tab-inactive-focus-label-text-color: var(--qui-text-color-default);--mat-tab-inactive-hover-label-text-color: var(--qui-text-color-default);--mat-tab-inactive-label-text-color: var(--qui-text-color-subtle);--mat-tab-pagination-icon-color: var(--qui-text-color-subtle);--mat-timepicker-container-background-color: var(--qui-color-overlay);--mat-timepicker-container-elevation-shadow: var(--qui-shadow-overlay);--mat-timepicker-container-shape: var(--qui-radius-md);--mat-toolbar-mobile-height: calc(var(--qui-density-control-height) + 12px);--mat-toolbar-standard-height: calc(var(--qui-density-control-height) + 20px);--mat-toolbar-title-text-font: var(--qui-font-sans);--mat-toolbar-title-text-line-height: var(--qui-text-base--line-height);--mat-toolbar-title-text-size: var(--qui-text-base);--mat-toolbar-title-text-tracking: var(--qui-text-base--letter-spacing);--mat-toolbar-title-text-weight: var(--qui-font-weight-semibold);--mat-tooltip-container-color: var(--qui-color-contrast);--mat-tooltip-container-shape: var(--qui-radius-sm);--mat-tooltip-supporting-text-color: var(--qui-text-color-inverse);--mat-tooltip-supporting-text-font: var(--qui-font-sans);--mat-tooltip-supporting-text-line-height: var(--qui-text-xs--line-height);--mat-tooltip-supporting-text-size: var(--qui-text-xs);--mat-tooltip-supporting-text-tracking: var(--qui-text-xs--letter-spacing);--mat-tooltip-supporting-text-weight: var(--qui-font-weight-medium);--mat-tree-container-background-color: transparent;--mat-tree-node-min-height: var(--qui-density-nav-item-height);--mat-tree-node-text-color: var(--qui-text-color-default)}[data-qui-density=default]{--qui-density-card-padding: 24px;--qui-density-control-height: 36px;--qui-density-gap-lg: 32px;--qui-density-gap-md: 24px;--qui-density-gap-sm: 12px;--qui-density-gap-xs: 8px;--qui-density-nav-item-height: 40px;--qui-density-row-height: 44px;--qui-density-section-gap: 32px;--mat-sys-corner-extra-large: var(--qui-radius-lg);--mat-sys-corner-extra-large-top: var(--qui-radius-lg) var(--qui-radius-lg) 0 0;--mat-sys-corner-extra-small: var(--qui-radius-sm);--mat-sys-corner-extra-small-top: var(--qui-radius-sm) var(--qui-radius-sm) 0 0;--mat-sys-corner-full: var(--qui-radius-full);--mat-sys-corner-large: var(--qui-radius-xl);--mat-sys-corner-large-end: 0 var(--qui-radius-xl) var(--qui-radius-xl) 0;--mat-sys-corner-large-start: var(--qui-radius-xl) 0 0 var(--qui-radius-xl);--mat-sys-corner-large-top: var(--qui-radius-xl) var(--qui-radius-xl) 0 0;--mat-sys-corner-medium: var(--qui-radius-lg);--mat-sys-corner-none: 0;--mat-sys-corner-small: var(--qui-radius-md);--mat-sys-dragged-state-layer-opacity: .12;--mat-sys-focus-state-layer-opacity: .08;--mat-sys-hover-state-layer-opacity: .04;--mat-sys-pressed-state-layer-opacity: .08;--mat-autocomplete-background-color: var(--qui-color-overlay);--mat-autocomplete-container-elevation-shadow: none;--mat-autocomplete-container-shape: var(--qui-radius-md);--mat-badge-background-color: var(--qui-color-badge-red);--mat-badge-container-offset: -12px 0;--mat-badge-container-overlap-offset: -12px;--mat-badge-container-padding: 0 5px;--mat-badge-container-shape: var(--qui-radius-full);--mat-badge-container-size: 18px;--mat-badge-disabled-state-background-color: var(--qui-color-fill);--mat-badge-disabled-state-text-color: var(--qui-text-color-subtle);--mat-badge-large-size-container-offset: -14px 0;--mat-badge-large-size-container-overlap-offset: -14px;--mat-badge-large-size-container-padding: 0 6px;--mat-badge-large-size-container-size: 22px;--mat-badge-large-size-line-height: 22px;--mat-badge-large-size-text-size: var(--qui-text-sm);--mat-badge-line-height: 18px;--mat-badge-small-size-container-offset: -6px 0;--mat-badge-small-size-container-overlap-offset: -6px;--mat-badge-small-size-container-size: 8px;--mat-badge-small-size-line-height: 8px;--mat-badge-text-color: var(--qui-text-color-on-brand);--mat-badge-text-font: var(--qui-font-sans);--mat-badge-text-size: var(--qui-text-xs);--mat-badge-text-weight: var(--qui-font-weight-medium);--mat-bottom-sheet-container-background-color: var(--qui-color-overlay);--mat-bottom-sheet-container-shape: var(--qui-radius-xl);--mat-bottom-sheet-container-text-color: var(--qui-text-color-default);--mat-bottom-sheet-container-text-font: var(--qui-font-sans);--mat-bottom-sheet-container-text-line-height: var(--qui-text-sm--line-height);--mat-bottom-sheet-container-text-size: var(--qui-text-sm);--mat-bottom-sheet-container-text-tracking: var(--qui-text-sm--letter-spacing);--mat-bottom-sheet-container-text-weight: var(--qui-font-weight-regular);--mat-button-filled-container-height: var(--qui-density-control-height);--mat-button-filled-horizontal-padding: 16px;--mat-button-filled-label-text-size: var(--qui-text-sm);--mat-button-outlined-container-height: var(--qui-density-control-height);--mat-button-outlined-horizontal-padding: 16px;--mat-button-outlined-label-text-size: var(--qui-text-sm);--mat-button-protected-container-height: var(--qui-density-control-height);--mat-button-protected-horizontal-padding: 16px;--mat-button-protected-label-text-size: var(--qui-text-sm);--mat-button-text-container-height: var(--qui-density-control-height);--mat-button-text-horizontal-padding: 16px;--mat-button-text-label-text-size: var(--qui-text-sm);--mat-button-tonal-container-height: var(--qui-density-control-height);--mat-button-tonal-horizontal-padding: 16px;--mat-button-tonal-label-text-size: var(--qui-text-sm);--mat-button-text-with-icon-horizontal-padding: 16px;--mat-button-filled-container-shape: var(--qui-radius-md);--mat-button-outlined-container-shape: var(--qui-radius-md);--mat-button-outlined-label-text-color: var(--qui-text-color-default);--mat-button-outlined-outline-color: var(--qui-color-interact);--mat-button-protected-container-shape: var(--qui-radius-md);--mat-button-text-container-shape: var(--qui-radius-md);--mat-button-text-label-text-color: var(--qui-text-color-default);--mat-button-tonal-container-shape: var(--qui-radius-md);--mat-button-toggle-background-color: var(--qui-color-surface);--mat-button-toggle-disabled-selected-state-background-color: var(--qui-color-fill-hover);--mat-button-toggle-disabled-selected-state-text-color: var(--qui-text-color-subtle);--mat-button-toggle-disabled-state-text-color: var(--qui-text-color-subtle);--mat-button-toggle-divider-color: var(--qui-color-line);--mat-button-toggle-height: var(--qui-density-control-height);--mat-button-toggle-label-text-size: var(--qui-text-sm);--mat-button-toggle-selected-state-background-color: var(--qui-color-fill-hover);--mat-button-toggle-selected-state-text-color: var(--qui-text-color-strong);--mat-button-toggle-shape: var(--qui-radius-md);--mat-button-toggle-state-layer-color: var(--qui-text-color-default);--mat-button-toggle-text-color: var(--qui-text-color-default);--mat-card-subtitle-text-color: var(--qui-text-color-subtle);--mat-card-subtitle-text-line-height: var(--qui-text-sm--line-height);--mat-card-subtitle-text-size: var(--qui-text-sm);--mat-card-subtitle-text-weight: var(--qui-font-weight-regular);--mat-checkbox-disabled-label-color: var(--qui-text-color-inactive);--mat-checkbox-disabled-selected-checkmark-color: var(--qui-color-surface);--mat-checkbox-disabled-selected-icon-color: var(--qui-text-color-inactive);--mat-checkbox-disabled-unselected-icon-color: var(--qui-text-color-inactive);--mat-checkbox-label-text-color: var(--qui-text-color-default);--mat-checkbox-label-text-font: var(--qui-font-sans);--mat-checkbox-label-text-line-height: var(--qui-text-sm--line-height);--mat-checkbox-label-text-size: var(--qui-text-sm);--mat-checkbox-label-text-tracking: var(--qui-text-sm--letter-spacing);--mat-checkbox-label-text-weight: var(--qui-font-weight-regular);--mat-checkbox-selected-checkmark-color: var(--qui-text-color-on-brand);--mat-checkbox-selected-focus-icon-color: var(--qui-color-brand);--mat-checkbox-selected-focus-state-layer-opacity: 0;--mat-checkbox-selected-hover-icon-color: var(--qui-color-brand-hover);--mat-checkbox-selected-hover-state-layer-opacity: 0;--mat-checkbox-selected-icon-color: var(--qui-color-brand);--mat-checkbox-selected-pressed-icon-color: var(--qui-color-brand-hover);--mat-checkbox-selected-pressed-state-layer-opacity: 0;--mat-checkbox-state-layer-size: 28px;--mat-checkbox-unselected-focus-icon-color: var(--qui-text-color-default);--mat-checkbox-unselected-focus-state-layer-opacity: 0;--mat-checkbox-unselected-hover-icon-color: var(--qui-text-color-default);--mat-checkbox-unselected-hover-state-layer-opacity: 0;--mat-checkbox-unselected-icon-color: var(--qui-text-color-subtle);--mat-checkbox-unselected-pressed-state-layer-opacity: 0;--mat-chip-container-height: calc(var(--qui-density-control-height) - 8px);--mat-chip-container-shape-radius: var(--qui-radius-md);--mat-chip-elevated-selected-container-color: var(--qui-color-fill);--mat-chip-label-text-color: var(--qui-text-color-default);--mat-chip-label-text-size: var(--qui-text-sm);--mat-chip-label-text-weight: var(--qui-font-weight-medium);--mat-chip-outline-color: var(--qui-color-interact);--mat-chip-selected-label-text-color: var(--qui-text-color-default);--mat-chip-selected-trailing-icon-color: var(--qui-text-color-subtle);--mat-chip-with-avatar-avatar-size: 16px;--mat-chip-with-icon-icon-color: var(--qui-text-color-subtle);--mat-chip-with-icon-icon-size: 16px;--mat-chip-with-icon-selected-icon-color: var(--qui-text-color-default);--mat-chip-with-trailing-icon-trailing-icon-color: var(--qui-text-color-subtle);--mat-datepicker-calendar-container-background-color: var(--qui-color-overlay);--mat-datepicker-calendar-container-elevation-shadow: var(--qui-shadow-overlay);--mat-datepicker-calendar-container-shape: var(--qui-radius-lg);--mat-datepicker-calendar-container-text-color: var(--qui-text-color-default);--mat-datepicker-calendar-container-touch-elevation-shadow: var(--qui-shadow-overlay);--mat-datepicker-calendar-container-touch-shape: var(--qui-radius-lg);--mat-datepicker-calendar-date-focus-state-background-color: var(--qui-color-fill-hover);--mat-datepicker-calendar-date-hover-state-background-color: var(--qui-color-fill-hover);--mat-datepicker-calendar-date-preview-state-outline-color: var(--qui-text-color-brand);--mat-datepicker-calendar-date-selected-state-background-color: var(--qui-text-color-brand);--mat-datepicker-calendar-date-selected-state-text-color: var(--qui-text-color-inverse);--mat-datepicker-calendar-date-today-outline-color: var(--qui-text-color-subtle);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--qui-text-color-brand);--mat-datepicker-calendar-header-text-color: var(--qui-text-color-subtle);--mat-datepicker-calendar-period-button-text-color: var(--qui-text-color-default);--mat-datepicker-toggle-active-state-icon-color: var(--qui-text-color-brand);--mat-datepicker-toggle-icon-color: var(--qui-text-color-subtle);--mat-dialog-actions-padding: 16px var(--qui-density-card-padding) 20px;--mat-dialog-container-color: var(--qui-color-overlay);--mat-dialog-container-elevation-shadow: var(--qui-shadow-overlay);--mat-dialog-container-shape: var(--qui-radius-lg);--mat-dialog-content-padding: 20px var(--qui-density-card-padding);--mat-dialog-headline-padding: 0 var(--qui-density-card-padding) 8px;--mat-dialog-subhead-color: var(--qui-text-color-strong);--mat-dialog-supporting-text-color: var(--qui-text-color-subtle);--mat-dialog-with-actions-content-padding: 20px var(--qui-density-card-padding) 0;--mat-divider-color: var(--qui-color-hairline);--mat-divider-width: 1px;--mat-expansion-actions-divider-color: var(--qui-color-hairline);--mat-expansion-container-background-color: var(--qui-color-surface);--mat-expansion-container-elevation-shadow: var(--qui-shadow-overlay);--mat-expansion-container-shape: var(--qui-radius-md);--mat-expansion-container-text-color: var(--qui-text-color-default);--mat-expansion-container-text-size: var(--qui-text-sm);--mat-expansion-header-collapsed-state-height: calc(var(--qui-density-row-height) + 4px);--mat-expansion-header-description-color: var(--qui-text-color-subtle);--mat-expansion-header-disabled-state-text-color: var(--qui-text-color-subtle);--mat-expansion-header-expanded-state-height: calc(var(--qui-density-row-height) + 4px);--mat-expansion-header-focus-state-layer-color: var(--qui-color-fill-hover);--mat-expansion-header-hover-state-layer-color: var(--qui-color-fill-hover);--mat-expansion-header-indicator-color: var(--qui-text-color-subtle);--mat-expansion-header-text-color: var(--qui-text-color-strong);--mat-expansion-header-text-size: var(--qui-text-sm);--mat-form-field-container-height: var(--qui-density-control-height);--mat-form-field-container-vertical-padding: calc(var(--qui-density-control-height) / 2 - 10px);--mat-form-field-outlined-container-shape: var(--qui-radius-md);--mat-form-field-outlined-focus-label-text-color: var(--qui-text-color-brand);--mat-form-field-outlined-focus-outline-color: var(--qui-color-focus);--mat-form-field-outlined-hover-outline-color: var(--qui-color-interact);--mat-form-field-outlined-label-text-color: var(--qui-text-color-subtle);--mat-form-field-outlined-outline-color: var(--qui-color-line);--mat-form-field-subscript-text-size: var(--qui-text-xs);--mat-grid-list-tile-footer-primary-text-size: var(--qui-text-sm);--mat-grid-list-tile-footer-secondary-text-size: var(--qui-text-xs);--mat-grid-list-tile-header-primary-text-size: var(--qui-text-sm);--mat-grid-list-tile-header-secondary-text-size: var(--qui-text-xs);--mat-icon-color: currentColor;--mat-list-active-indicator-color: var(--qui-color-tint);--mat-list-active-indicator-shape: var(--qui-radius-md);--mat-list-list-item-container-shape: var(--qui-radius-md);--mat-list-list-item-disabled-label-text-color: var(--qui-text-color-subtle);--mat-list-list-item-disabled-state-layer-opacity: 0;--mat-list-list-item-focus-label-text-color: var(--qui-text-color-strong);--mat-list-list-item-hover-label-text-color: var(--qui-text-color-strong);--mat-list-list-item-label-text-color: var(--qui-text-color-default);--mat-list-list-item-label-text-size: var(--qui-text-sm);--mat-list-list-item-leading-icon-color: var(--qui-text-color-subtle);--mat-list-list-item-one-line-container-height: var(--qui-density-row-height);--mat-list-list-item-selected-container-color: var(--qui-color-fill-hover);--mat-list-list-item-supporting-text-color: var(--qui-text-color-subtle);--mat-list-list-item-supporting-text-size: var(--qui-text-xs);--mat-list-list-item-three-line-container-height: calc(var(--qui-density-row-height) + 40px);--mat-list-list-item-trailing-icon-color: var(--qui-text-color-subtle);--mat-list-list-item-two-line-container-height: calc(var(--qui-density-row-height) + 20px);--mat-menu-container-color: var(--qui-color-overlay);--mat-menu-container-elevation-shadow: var(--qui-shadow-overlay);--mat-menu-container-shape: var(--qui-radius-md);--mat-menu-divider-bottom-spacing: 4px;--mat-menu-divider-color: var(--qui-color-line);--mat-menu-divider-top-spacing: 4px;--mat-menu-item-focus-state-layer-color: var(--qui-color-fill-hover);--mat-menu-item-hover-state-layer-color: var(--qui-color-fill-hover);--mat-menu-item-icon-color: var(--qui-text-color-subtle);--mat-menu-item-icon-size: 16px;--mat-menu-item-label-text-color: var(--qui-text-color-default);--mat-menu-item-label-text-font: var(--qui-font-sans);--mat-menu-item-label-text-line-height: var(--qui-text-sm--line-height);--mat-menu-item-label-text-size: var(--qui-text-sm);--mat-menu-item-label-text-tracking: var(--qui-text-sm--letter-spacing);--mat-menu-item-label-text-weight: var(--qui-font-weight-regular);--mat-menu-item-spacing: 8px;--mat-paginator-container-background-color: var(--qui-color-surface);--mat-paginator-container-size: var(--qui-density-nav-item-height);--mat-paginator-container-text-color: var(--qui-text-color-subtle);--mat-paginator-container-text-font: var(--qui-font-sans);--mat-paginator-container-text-line-height: var(--qui-text-sm--line-height);--mat-paginator-container-text-size: var(--qui-text-sm);--mat-paginator-container-text-tracking: var(--qui-text-sm--letter-spacing);--mat-paginator-container-text-weight: var(--qui-font-weight-regular);--mat-paginator-disabled-icon-color: var(--qui-text-color-inactive);--mat-paginator-enabled-icon-color: var(--qui-text-color-default);--mat-paginator-form-field-container-height: var(--qui-density-control-height);--mat-paginator-form-field-container-vertical-padding: calc(var(--qui-density-control-height) / 2 - 12px);--mat-paginator-page-size-select-touch-target-height: var(--qui-density-nav-item-height);--mat-paginator-select-trigger-text-size: var(--qui-text-sm);--mat-progress-bar-active-indicator-color: var(--qui-text-color-brand);--mat-progress-bar-active-indicator-height: 4px;--mat-progress-bar-track-color: var(--qui-color-fill);--mat-progress-bar-track-height: 4px;--mat-progress-bar-track-shape: 0;--mat-progress-spinner-active-indicator-color: var(--qui-text-color-brand);--mat-radio-checked-ripple-color: transparent;--mat-radio-disabled-label-color: var(--qui-text-color-inactive);--mat-radio-disabled-selected-icon-color: var(--qui-text-color-inactive);--mat-radio-disabled-selected-icon-opacity: 1;--mat-radio-disabled-unselected-icon-color: var(--qui-text-color-inactive);--mat-radio-disabled-unselected-icon-opacity: 1;--mat-radio-label-text-color: var(--qui-text-color-default);--mat-radio-label-text-font: var(--qui-font-sans);--mat-radio-label-text-line-height: var(--qui-text-sm--line-height);--mat-radio-label-text-size: var(--qui-text-sm);--mat-radio-label-text-tracking: var(--qui-text-sm--letter-spacing);--mat-radio-label-text-weight: var(--qui-font-weight-regular);--mat-radio-ripple-color: transparent;--mat-radio-selected-focus-icon-color: var(--qui-color-brand);--mat-radio-selected-hover-icon-color: var(--qui-color-brand-hover);--mat-radio-selected-icon-color: var(--qui-color-brand);--mat-radio-selected-pressed-icon-color: var(--qui-color-brand-hover);--mat-radio-state-layer-size: 28px;--mat-radio-unselected-focus-icon-color: var(--qui-text-color-default);--mat-radio-unselected-hover-icon-color: var(--qui-text-color-default);--mat-radio-unselected-icon-color: var(--qui-text-color-subtle);--mat-radio-unselected-pressed-icon-color: var(--qui-text-color-default);--mat-option-selected-state-label-text-color: var(--qui-text-color-default);--mat-option-selected-state-layer-color: var(--qui-color-fill-hover);--mat-select-container-elevation-shadow: none;--mat-select-enabled-arrow-color: var(--qui-text-color-subtle);--mat-select-focused-arrow-color: var(--qui-text-color-default);--mat-select-panel-background-color: var(--qui-color-overlay);--mat-sidenav-container-background-color: var(--qui-color-surface);--mat-sidenav-container-divider-color: var(--qui-color-line);--mat-sidenav-container-elevation-shadow: var(--qui-shadow-overlay);--mat-sidenav-container-shape: 0;--mat-sidenav-container-text-color: var(--qui-text-color-default);--mat-sidenav-container-width: 256px;--mat-sidenav-content-background-color: var(--qui-color-canvas);--mat-sidenav-content-text-color: var(--qui-text-color-default);--mat-slide-toggle-disabled-label-text-color: var(--qui-text-color-inactive);--mat-slide-toggle-disabled-selected-handle-color: var(--qui-color-surface);--mat-slide-toggle-disabled-selected-handle-opacity: 1;--mat-slide-toggle-disabled-selected-track-color: var(--qui-color-brand);--mat-slide-toggle-disabled-track-opacity: .4;--mat-slide-toggle-disabled-unselected-handle-color: var(--qui-text-color-inactive);--mat-slide-toggle-disabled-unselected-handle-opacity: 1;--mat-slide-toggle-disabled-unselected-track-color: var(--qui-color-fill);--mat-slide-toggle-disabled-unselected-track-outline-width: 0;--mat-slide-toggle-handle-elevation-shadow: var(--qui-shadow-xs);--mat-slide-toggle-label-text-color: var(--qui-text-color-default);--mat-slide-toggle-label-text-font: var(--qui-font-sans);--mat-slide-toggle-label-text-line-height: var(--qui-text-sm--line-height);--mat-slide-toggle-label-text-size: var(--qui-text-sm);--mat-slide-toggle-label-text-tracking: var(--qui-text-sm--letter-spacing);--mat-slide-toggle-label-text-weight: var(--qui-font-weight-regular);--mat-slide-toggle-pressed-handle-size: 16px;--mat-slide-toggle-selected-focus-handle-color: var(--qui-text-color-on-brand);--mat-slide-toggle-selected-focus-state-layer-opacity: 0;--mat-slide-toggle-selected-focus-track-color: var(--qui-color-brand);--mat-slide-toggle-selected-handle-color: var(--qui-text-color-on-brand);--mat-slide-toggle-selected-handle-horizontal-margin: 0 18px;--mat-slide-toggle-selected-handle-size: 16px;--mat-slide-toggle-selected-hover-handle-color: var(--qui-text-color-on-brand);--mat-slide-toggle-selected-hover-state-layer-opacity: 0;--mat-slide-toggle-selected-hover-track-color: var(--qui-color-brand-hover);--mat-slide-toggle-selected-icon-size: 0;--mat-slide-toggle-selected-pressed-handle-color: var(--qui-text-color-on-brand);--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 18px;--mat-slide-toggle-selected-pressed-state-layer-opacity: 0;--mat-slide-toggle-selected-pressed-track-color: var(--qui-color-brand-hover);--mat-slide-toggle-selected-track-color: var(--qui-color-brand);--mat-slide-toggle-selected-track-outline-width: 0;--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0 18px;--mat-slide-toggle-state-layer-size: 24px;--mat-slide-toggle-track-height: 20px;--mat-slide-toggle-track-outline-width: 0;--mat-slide-toggle-track-shape: var(--qui-radius-full);--mat-slide-toggle-track-width: 36px;--mat-slide-toggle-unselected-focus-handle-color: var(--qui-text-color-subtle);--mat-slide-toggle-unselected-focus-state-layer-opacity: 0;--mat-slide-toggle-unselected-focus-track-color: var(--qui-color-fill);--mat-slide-toggle-unselected-handle-color: var(--qui-text-color-subtle);--mat-slide-toggle-unselected-handle-horizontal-margin: 0 2px;--mat-slide-toggle-unselected-handle-size: 16px;--mat-slide-toggle-unselected-hover-handle-color: var(--qui-text-color-default);--mat-slide-toggle-unselected-hover-state-layer-opacity: 0;--mat-slide-toggle-unselected-hover-track-color: var(--qui-color-fill);--mat-slide-toggle-unselected-icon-size: 0;--mat-slide-toggle-unselected-pressed-handle-color: var(--qui-text-color-default);--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 2px;--mat-slide-toggle-unselected-pressed-state-layer-opacity: 0;--mat-slide-toggle-unselected-pressed-track-color: var(--qui-color-fill);--mat-slide-toggle-unselected-track-color: var(--qui-color-fill);--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0 2px;--mat-slide-toggle-with-icon-handle-size: 16px;--mat-slider-active-track-color: var(--qui-color-brand);--mat-slider-active-track-height: 4px;--mat-slider-active-track-shape: var(--qui-radius-full);--mat-slider-disabled-active-track-color: var(--qui-text-color-inactive);--mat-slider-disabled-handle-color: var(--qui-text-color-inactive);--mat-slider-disabled-inactive-track-color: var(--qui-color-contrast);--mat-slider-focus-handle-color: var(--qui-color-brand);--mat-slider-focus-state-layer-color: transparent;--mat-slider-handle-color: var(--qui-color-brand);--mat-slider-handle-height: 16px;--mat-slider-handle-shape: var(--qui-radius-full);--mat-slider-handle-width: 16px;--mat-slider-hover-handle-color: var(--qui-color-brand-hover);--mat-slider-hover-state-layer-color: transparent;--mat-slider-inactive-track-color: var(--qui-color-contrast);--mat-slider-inactive-track-height: 4px;--mat-slider-inactive-track-shape: var(--qui-radius-full);--mat-slider-label-container-color: var(--qui-color-contrast);--mat-slider-label-label-text-color: var(--qui-text-color-inverse);--mat-slider-label-label-text-font: var(--qui-font-sans);--mat-slider-label-label-text-line-height: var(--qui-text-xs--line-height);--mat-slider-label-label-text-size: var(--qui-text-xs);--mat-slider-label-label-text-tracking: var(--qui-text-xs--letter-spacing);--mat-slider-label-label-text-weight: var(--qui-font-weight-medium);--mat-slider-ripple-color: transparent;--mat-slider-with-overlap-handle-outline-color: var(--qui-color-surface);--mat-slider-with-tick-marks-active-container-color: var(--qui-text-color-on-brand);--mat-slider-with-tick-marks-disabled-container-color: var(--qui-text-color-inactive);--mat-slider-with-tick-marks-inactive-container-color: var(--qui-color-contrast);--mat-snack-bar-button-color: var(--qui-text-color-link);--mat-snack-bar-container-color: var(--qui-color-overlay);--mat-snack-bar-container-shape: var(--qui-radius-md);--mat-snack-bar-supporting-text-color: var(--qui-text-color-default);--mat-snack-bar-supporting-text-font: var(--qui-font-sans);--mat-snack-bar-supporting-text-line-height: var(--qui-text-sm--line-height);--mat-snack-bar-supporting-text-size: var(--qui-text-sm);--mat-snack-bar-supporting-text-weight: var(--qui-font-weight-regular);--mat-sort-arrow-color: var(--qui-text-color-strong);--mat-stepper-container-color: var(--qui-color-surface);--mat-stepper-header-done-state-icon-background-color: var(--qui-color-brand-tint);--mat-stepper-header-done-state-icon-foreground-color: var(--qui-text-color-brand);--mat-stepper-header-edit-state-icon-background-color: var(--qui-color-brand-tint);--mat-stepper-header-edit-state-icon-foreground-color: var(--qui-text-color-brand);--mat-stepper-header-error-state-icon-foreground-color: var(--qui-text-color-danger);--mat-stepper-header-error-state-label-text-color: var(--qui-text-color-danger);--mat-stepper-header-focus-state-layer-shape: var(--qui-radius-md);--mat-stepper-header-height: calc(var(--qui-density-row-height) + 12px);--mat-stepper-header-hover-state-layer-shape: var(--qui-radius-md);--mat-stepper-header-icon-background-color: var(--qui-color-fill);--mat-stepper-header-icon-foreground-color: var(--qui-text-color-default);--mat-stepper-header-label-text-color: var(--qui-text-color-subtle);--mat-stepper-header-label-text-size: var(--qui-text-sm);--mat-stepper-header-optional-label-text-color: var(--qui-text-color-subtle);--mat-stepper-header-selected-state-icon-background-color: var(--qui-color-brand);--mat-stepper-header-selected-state-icon-foreground-color: var(--qui-text-color-on-brand);--mat-stepper-header-selected-state-label-text-color: var(--qui-text-color-default);--mat-stepper-header-selected-state-label-text-weight: var(--qui-font-weight-semibold);--mat-stepper-line-color: var(--qui-color-line);--mat-table-background-color: var(--qui-color-surface);--mat-table-header-container-height: calc(var(--qui-density-row-height) - 4px);--mat-table-header-headline-color: var(--qui-text-color-subtle);--mat-table-header-headline-size: var(--qui-text-xs);--mat-table-header-headline-weight: var(--qui-font-weight-medium);--mat-table-row-item-container-height: var(--qui-density-row-height);--mat-table-row-item-label-text-size: var(--qui-text-sm);--mat-table-row-item-outline-color: var(--qui-color-hairline);--mat-table-row-item-outline-width: 1px;--mat-tab-active-focus-indicator-color: var(--qui-color-tab-indicator);--mat-tab-active-focus-label-text-color: var(--qui-text-color-strong);--mat-tab-active-hover-indicator-color: var(--qui-color-tab-indicator);--mat-tab-active-hover-label-text-color: var(--qui-text-color-strong);--mat-tab-active-indicator-color: var(--qui-color-tab-indicator);--mat-tab-active-indicator-height: 2px;--mat-tab-active-label-text-color: var(--qui-text-color-strong);--mat-tab-container-height: var(--qui-density-nav-item-height);--mat-tab-divider-color: var(--qui-color-line);--mat-tab-divider-height: 1px;--mat-tab-inactive-focus-label-text-color: var(--qui-text-color-default);--mat-tab-inactive-hover-label-text-color: var(--qui-text-color-default);--mat-tab-inactive-label-text-color: var(--qui-text-color-subtle);--mat-tab-pagination-icon-color: var(--qui-text-color-subtle);--mat-timepicker-container-background-color: var(--qui-color-overlay);--mat-timepicker-container-elevation-shadow: var(--qui-shadow-overlay);--mat-timepicker-container-shape: var(--qui-radius-md);--mat-toolbar-mobile-height: calc(var(--qui-density-control-height) + 12px);--mat-toolbar-standard-height: calc(var(--qui-density-control-height) + 20px);--mat-toolbar-title-text-font: var(--qui-font-sans);--mat-toolbar-title-text-line-height: var(--qui-text-base--line-height);--mat-toolbar-title-text-size: var(--qui-text-base);--mat-toolbar-title-text-tracking: var(--qui-text-base--letter-spacing);--mat-toolbar-title-text-weight: var(--qui-font-weight-semibold);--mat-tooltip-container-color: var(--qui-color-contrast);--mat-tooltip-container-shape: var(--qui-radius-sm);--mat-tooltip-supporting-text-color: var(--qui-text-color-inverse);--mat-tooltip-supporting-text-font: var(--qui-font-sans);--mat-tooltip-supporting-text-line-height: var(--qui-text-xs--line-height);--mat-tooltip-supporting-text-size: var(--qui-text-xs);--mat-tooltip-supporting-text-tracking: var(--qui-text-xs--letter-spacing);--mat-tooltip-supporting-text-weight: var(--qui-font-weight-medium);--mat-tree-container-background-color: transparent;--mat-tree-node-min-height: var(--qui-density-nav-item-height);--mat-tree-node-text-color: var(--qui-text-color-default)}@media(prefers-reduced-motion:reduce){:root{--qui-duration-base: 0ms;--qui-duration-fast: 0ms;--qui-duration-shimmer: 0ms}}}@layer qui.base{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:var(--qui-font-sans);line-height:1.5;tab-size:4;text-size-adjust:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--qui-color-canvas);color:var(--qui-text-color-default);font-size:var(--qui-text-sm);line-height:var(--qui-text-sm--line-height);margin:0}:where(a){color:var(--qui-text-color-link)}:where(code,kbd,pre,samp){font-family:var(--qui-font-mono)}:where(:focus-visible){outline:2px solid var(--qui-color-focus);outline-offset:2px}:where(hr){border:0;border-top:1px solid var(--qui-color-line)}:where(img,video){height:auto;max-width:100%}:where(table){font-variant-numeric:tabular-nums}[hidden]:where(:not([hidden=until-found])){display:none!important}:where(svg.lucide){stroke-width:1.5px}:where(svg.lucide) *{vector-effect:non-scaling-stroke}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}}@layer qui.components{.qui-autocomplete-pane{border-radius:var(--qui-radius-md);box-shadow:var(--qui-shadow-overlay);margin-block:4px;overflow:hidden}.qui-button-neutral{--mat-button-filled-container-color: var(--qui-color-contrast);--mat-button-filled-label-text-color: var(--qui-text-color-inverse);--mat-button-filled-state-layer-color: var(--qui-text-color-inverse)}.qui-button-destructive{--mat-button-filled-container-color: var(--qui-color-danger);--mat-button-filled-label-text-color: var(--qui-text-color-on-brand);--mat-button-filled-state-layer-color: var(--qui-text-color-on-brand);--mat-button-outlined-label-text-color: var(--qui-text-color-danger);--mat-button-outlined-outline-color: var(--qui-color-danger);--mat-button-outlined-state-layer-color: var(--qui-text-color-danger);--mat-button-text-label-text-color: var(--qui-text-color-danger);--mat-button-text-state-layer-color: var(--qui-text-color-danger);--mat-button-tonal-container-color: var(--qui-color-danger-tint);--mat-button-tonal-label-text-color: var(--qui-text-color-danger);--mat-button-tonal-state-layer-color: var(--qui-text-color-danger)}.qui-button-sm{--mat-button-filled-container-height: calc(var(--qui-density-control-height) - 8px);--mat-button-filled-horizontal-padding: 10px;--mat-button-filled-label-text-size: var(--qui-text-xs);--mat-button-outlined-container-height: calc(var(--qui-density-control-height) - 8px);--mat-button-outlined-horizontal-padding: 10px;--mat-button-outlined-label-text-size: var(--qui-text-xs);--mat-button-protected-container-height: calc(var(--qui-density-control-height) - 8px);--mat-button-protected-horizontal-padding: 10px;--mat-button-protected-label-text-size: var(--qui-text-xs);--mat-button-text-container-height: calc(var(--qui-density-control-height) - 8px);--mat-button-text-horizontal-padding: 10px;--mat-button-text-label-text-size: var(--qui-text-xs);--mat-button-tonal-container-height: calc(var(--qui-density-control-height) - 8px);--mat-button-tonal-horizontal-padding: 10px;--mat-button-tonal-label-text-size: var(--qui-text-xs);--mat-button-text-with-icon-horizontal-padding: 10px}.qui-button-lg{--mat-button-filled-container-height: calc(var(--qui-density-control-height) + 4px);--mat-button-filled-horizontal-padding: 20px;--mat-button-filled-label-text-size: var(--qui-text-sm);--mat-button-outlined-container-height: calc(var(--qui-density-control-height) + 4px);--mat-button-outlined-horizontal-padding: 20px;--mat-button-outlined-label-text-size: var(--qui-text-sm);--mat-button-protected-container-height: calc(var(--qui-density-control-height) + 4px);--mat-button-protected-horizontal-padding: 20px;--mat-button-protected-label-text-size: var(--qui-text-sm);--mat-button-text-container-height: calc(var(--qui-density-control-height) + 4px);--mat-button-text-horizontal-padding: 20px;--mat-button-text-label-text-size: var(--qui-text-sm);--mat-button-tonal-container-height: calc(var(--qui-density-control-height) + 4px);--mat-button-tonal-horizontal-padding: 20px;--mat-button-tonal-label-text-size: var(--qui-text-sm);--mat-button-text-with-icon-horizontal-padding: 20px}.qui-icon-brand{--mat-icon-color: var(--qui-text-color-brand)}.qui-icon-danger{--mat-icon-color: var(--qui-text-color-danger)}.qui-icon-subtle{--mat-icon-color: var(--qui-text-color-subtle)}.qui-icon-success{--mat-icon-color: var(--qui-text-color-success)}.qui-icon-warning{--mat-icon-color: var(--qui-text-color-warning)}.qui-icon-xs{--mat-icon-button-icon-size: var(--qui-text-xs);font-size:var(--qui-text-xs);max-height:var(--qui-text-xs);max-width:var(--qui-text-xs);min-height:var(--qui-text-xs);min-width:var(--qui-text-xs)}.qui-icon-sm{--mat-icon-button-icon-size: var(--qui-text-base);font-size:var(--qui-text-base);max-height:var(--qui-text-base);max-width:var(--qui-text-base);min-height:var(--qui-text-base);min-width:var(--qui-text-base)}.qui-icon-md{--mat-icon-button-icon-size: var(--qui-text-xl);font-size:var(--qui-text-xl);max-height:var(--qui-text-xl);max-width:var(--qui-text-xl);min-height:var(--qui-text-xl);min-width:var(--qui-text-xl)}.qui-icon-lg{--mat-icon-button-icon-size: var(--qui-text-2xl);font-size:var(--qui-text-2xl);max-height:var(--qui-text-2xl);max-width:var(--qui-text-2xl);min-height:var(--qui-text-2xl);min-width:var(--qui-text-2xl)}.qui-icon-xl{--mat-icon-button-icon-size: var(--qui-icon-size-xl);font-size:var(--qui-icon-size-xl);max-height:var(--qui-icon-size-xl);max-width:var(--qui-icon-size-xl);min-height:var(--qui-icon-size-xl);min-width:var(--qui-icon-size-xl)}.qui-select-pane{border-radius:var(--qui-radius-md);box-shadow:var(--qui-shadow-overlay);margin-block:4px;overflow:hidden}mat-slide-toggle [role=switch][aria-checked=true]{--mat-focus-indicator-border-color: var(--qui-color-contrast)}mat-slider{--mat-focus-indicator-border-color: var(--qui-color-contrast)}.qui-snack-bar-pane{border-radius:var(--qui-radius-md);box-shadow:var(--qui-shadow-overlay);overflow:hidden}}html{--mat-focus-indicator-border-width: 2px;--mat-focus-indicator-border-color: var(--qui-color-focus);--mat-focus-indicator-display: block;--mat-focus-indicator-fallback-border-style: none}html .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,html .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,html .mat-mdc-standard-chip .mat-mdc-chip-action-label{overflow:visible}@layer properties;@layer utilities{.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}