@contena/meteor-component-library 5.6.2 → 5.7.0

package/dist/index.css

@@ -1,1012 +1 @@
-@charset "UTF-8";
-/* ------------------------------------
- * Administration variables
- * Table of contents
- *
- * 1. Primary colors
- * 2. Status colors
- * 3. Module colors
- * 4. Generic colors
- * 5. Gradients
- * 6. Typography
- * 7. Miscellaneous
- * 8. z-index
- * 9. Global widths
- * ------------------------------------ */
-/* ------------------------------------
- * 1. Primary colors
- * ------------------------------------ */
-/* ------------------------------------
- * 2. Status colors
- * ------------------------------------ */
-/* ------------------------------------
- * 3. Module colors
- * ------------------------------------ */
-/* ------------------------------------
- * 4. Generic colors
- * ------------------------------------ */
-/* ------------------------------------
- * 5. Gradients
- * ------------------------------------ */
-/* ------------------------------------
- * 6. Typography
- * ------------------------------------ */
-/* ------------------------------------
- * 7. Miscellaneous
- * ------------------------------------ */
-/* ------------------------------------
- * 8. z-index
- * ------------------------------------ */
-/* 1. CSS preflight/reset */
-/*
-  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-  2. Remove default margins and padding
-  3. Reset all borders.
-*/
-:root {
-  --color-slate-50: #fafbfe;
-  --color-slate-100: #f0f3ff;
-  --color-slate-200: #e0e3f3;
-  --color-slate-300: #cbcede;
-  --color-slate-400: #b6b9c9;
-  --color-slate-500: #a3a6b5;
-  --color-slate-600: #808392;
-  --color-slate-700: #666977;
-  --color-slate-800: #474a57;
-  --color-slate-900: #2b2e3a;
-  --color-slate-950: #12141e;
-  --color-blue-50: #eef6ff;
-  --color-blue-100: #cce5ff;
-  --color-blue-200: #a8d4ff;
-  --color-blue-300: #83c3ff;
-  --color-blue-400: #59b1ff;
-  --color-blue-500: #189eff;
-  --color-blue-600: #0081d4;
-  --color-blue-700: #005b99;
-  --color-blue-800: #00375f;
-  --color-blue-900: #001931;
-  --color-yellow-50: #fffef7;
-  --color-yellow-100: #fff7d6;
-  --color-yellow-200: #ffefb3;
-  --color-yellow-300: #ffe88e;
-  --color-yellow-400: #ffe061;
-  --color-yellow-500: #ffd702;
-  --color-yellow-600: #cdac00;
-  --color-yellow-700: #8d7600;
-  --color-yellow-800: #4f4100;
-  --color-yellow-900: #1e1800;
-  --color-pumpkin-50: #fff2ec;
-  --color-pumpkin-100: #ffddcc;
-  --color-pumpkin-200: #ffc7aa;
-  --color-pumpkin-300: #ffb086;
-  --color-pumpkin-400: #ff985e;
-  --color-pumpkin-500: #f88138;
-  --color-pumpkin-600: #d46000;
-  --color-pumpkin-700: #974200;
-  --color-pumpkin-800: #5c2600;
-  --color-pumpkin-900: #2c0e00;
-  --color-pink-50: #fff1f5;
-  --color-pink-100: #ffd8e4;
-  --color-pink-200: #ffbed3;
-  --color-pink-300: #ffa2c2;
-  --color-pink-400: #ff83b1;
-  --color-pink-500: #ff5ea1;
-  --color-pink-600: #e42683;
-  --color-pink-700: #a8005c;
-  --color-pink-800: #670036;
-  --color-pink-900: #340018;
-  --color-purple-50: #f5f4ff;
-  --color-purple-100: #e4e1ff;
-  --color-purple-200: #d4ceff;
-  --color-purple-300: #c4bbff;
-  --color-purple-400: #b5a8ff;
-  --color-purple-500: #a694ff;
-  --color-purple-600: #886fe9;
-  --color-purple-700: #633bc6;
-  --color-purple-800: #3e0091;
-  --color-purple-900: #1c0049;
-  --color-emerald-50: #ddffea;
-  --color-emerald-100: #aeffd0;
-  --color-emerald-200: #80fbba;
-  --color-emerald-300: #74f0af;
-  --color-emerald-400: #67e4a4;
-  --color-emerald-500: #57d998;
-  --color-emerald-600: #00b472;
-  --color-emerald-700: #007e4e;
-  --color-emerald-800: #00492b;
-  --color-emerald-900: #001f0f;
-  --color-zinc-0: #ffffff;
-  --color-zinc-50: #fafbfe;
-  --color-zinc-75: #f2f3f8;
-  --color-zinc-100: #e2e3e9;
-  --color-zinc-200: #cdced4;
-  --color-zinc-300: #b9babf;
-  --color-zinc-400: #a5a6ab;
-  --color-zinc-500: #838489;
-  --color-zinc-600: #696a6e;
-  --color-zinc-700: #3d3e42;
-  --color-zinc-800: #2d2e32;
-  --color-zinc-850: #26262b;
-  --color-zinc-900: #1e1e24;
-  --color-zinc-950: #141418;
-  --color-zinc-975: #101013;
-  --color-zinc-1000: #0e0e11;
-  --color-orange-50: #fff3e3;
-  --color-orange-100: #ffe6c4;
-  --color-orange-200: #ffd9a2;
-  --color-orange-300: #ffcb7e;
-  --color-orange-400: #ffbc51;
-  --color-orange-500: #fbaf18;
-  --color-orange-600: #cc8c00;
-  --color-orange-700: #8f6000;
-  --color-orange-800: #533600;
-  --color-orange-900: #241500;
-  --color-green-50: #e1ffe0;
-  --color-green-100: #b0fbb0;
-  --color-green-200: #86f98c;
-  --color-green-300: #73f27a;
-  --color-green-400: #4dde58;
-  --color-green-500: #36d046;
-  --color-green-600: #00ab26;
-  --color-green-700: #007818;
-  --color-green-800: #00470a;
-  --color-green-900: #002002;
-  --color-red-50: #fff2f0;
-  --color-red-100: #ffcfc9;
-  --color-red-200: #ffa9a0;
-  --color-red-300: #ff7f74;
-  --color-red-400: #fc4945;
-  --color-red-500: #e2262a;
-  --color-red-600: #c20017;
-  --color-red-700: #90000e;
-  --color-red-800: #5e0006;
-  --color-red-900: #360002;
-  --color-brand-50: #f0f6ff;
-  --color-brand-100: #c8ddff;
-  --color-brand-200: #9fc4ff;
-  --color-brand-300: #76aaff;
-  --color-brand-400: #4a8fff;
-  --color-brand-500: #0870ff;
-  --color-brand-600: #005cd7;
-  --color-brand-700: #0042a0;
-  --color-brand-800: #00296a;
-  --color-brand-900: #00153e;
-  --color-brand-950: #000c2b;
-  --color-cyan-50: #e8f8ff;
-  --color-cyan-100: #c3eeff;
-  --color-cyan-200: #9ce4ff;
-  --color-cyan-300: #79dbff;
-  --color-cyan-400: #4ad0fc;
-  --color-cyan-500: #2fc3f0;
-  --color-cyan-600: #009ac0;
-  --color-cyan-700: #006c88;
-  --color-cyan-800: #004051;
-  --color-cyan-900: #001c26;
-  --font-weight-100: 100;
-  --font-weight-200: 200;
-  --font-weight-300: 300;
-  --font-weight-400: 400;
-  --font-weight-500: 500;
-  --font-weight-600: 600;
-  --font-weight-700: 700;
-  --font-weight-800: 800;
-  --font-weight-900: 900;
-  --scale-size-0: 0rem;
-  --scale-size-1: 0.0625rem;
-  --scale-size-2: 0.125rem;
-  --scale-size-4: 0.25rem;
-  --scale-size-6: 0.375rem;
-  --scale-size-8: 0.5rem;
-  --scale-size-10: 0.625rem;
-  --scale-size-12: 0.75rem;
-  --scale-size-14: 0.875rem;
-  --scale-size-16: 1rem;
-  --scale-size-18: 1.125rem;
-  --scale-size-20: 1.25rem;
-  --scale-size-22: 1.375rem;
-  --scale-size-24: 1.5rem;
-  --scale-size-26: 1.625rem;
-  --scale-size-28: 1.75rem;
-  --scale-size-30: 1.875rem;
-  --scale-size-32: 2rem;
-  --scale-size-36: 2.25rem;
-  --scale-size-40: 2.5rem;
-  --scale-size-48: 3rem;
-  --scale-size-56: 3.5rem;
-  --scale-size-64: 4rem;
-  --scale-size-72: 4.5rem;
-  --scale-size-80: 5rem;
-  --scale-size-96: 6rem;
-  --scale-size-128: 8rem;
-  --scale-size-160: 10rem;
-  --scale-size-192: 12rem;
-  --scale-size-224: 14rem;
-  --scale-size-256: 16rem;
-  --scale-size-9999: 624.9375rem;
-}
-:root {
-  --color-interaction-primary-default: #0870ff;
-  --color-interaction-primary-hover: #005cd7;
-  --color-interaction-primary-pressed: #0042a0;
-  --color-interaction-primary-disabled: #76aaff;
-  --color-interaction-secondary-default: #ffffff;
-  --color-interaction-secondary-hover: #f2f3f8;
-  --color-interaction-secondary-pressed: #e2e3e9;
-  --color-interaction-secondary-disabled: #e2e3e9;
-  --color-interaction-secondary-dark: #f2f3f8;
-  --color-interaction-critical-default: #e2262a;
-  --color-interaction-critical-hover: #c20017;
-  --color-interaction-critical-pressed: #90000e;
-  --color-interaction-critical-disabled: #ffa9a0;
-  --color-elevation-surface-sunken: #fafbfe;
-  --color-elevation-surface-default: #ffffff;
-  --color-elevation-surface-selected: #cdced4;
-  --color-elevation-surface-hover: #e2e3e9;
-  --color-elevation-surface-raised: #ffffff;
-  --color-elevation-surface-overlay: #ffffff;
-  --color-elevation-surface-frame: #fafbfe;
-  --color-elevation-surface-backdrop: #101013;
-  --color-elevation-surface-floating: #26262b;
-  --color-elevation-backdrop-default: #10101399;
-  --color-elevation-floating-default: #26262b;
-  --color-elevation-shadow-default: #1010131a;
-  --color-background-primary-default: #ffffff;
-  --color-background-primary-disabled: #f2f3f8;
-  --color-background-secondary-default: #fafbfe;
-  --color-background-tertiary-default: #f2f3f8;
-  --color-background-brand-default: #f0f6ff;
-  --color-background-critical-default: #fff2f0;
-  --color-background-critical-dark: #fff2f0;
-  --color-background-attention-default: #fff3e3;
-  --color-background-positive-default: #e1ffe0;
-  --color-background-accent-default: #e4e1ff;
-  --color-icon-primary-default: #1e1e24;
-  --color-icon-primary-disabled: #b9babf;
-  --color-icon-primary-inverse: #e2e3e9;
-  --color-icon-secondary-default: #696a6e;
-  --color-icon-secondary-disabled: #b9babf;
-  --color-icon-secondary-inverse: #a5a6ab;
-  --color-icon-brand-default: #0870ff;
-  --color-icon-brand-hover: #005cd7;
-  --color-icon-brand-pressed: #0042a0;
-  --color-icon-brand-disabled: #76aaff;
-  --color-icon-critical-default: #e2262a;
-  --color-icon-critical-hover: #c20017;
-  --color-icon-critical-disabled: #ff7f74;
-  --color-icon-attention-default: #fbaf18;
-  --color-icon-positive-default: #36d046;
-  --color-icon-accent-default: #633bc6;
-  --color-icon-static-default: #ffffff;
-  --color-icon-static-dark: #0e0e11;
-  --color-icon-inverse-default: #e2e3e9;
-  --color-border-primary-default: #cdced4;
-  --color-border-secondary-default: #e2e3e9;
-  --color-border-brand-selected: #0870ff;
-  --color-border-brand-default: #0870ff;
-  --color-border-brand-disabled: #76aaff;
-  --color-border-critical-default: #e2262a;
-  --color-border-critical-dark: #5e0006;
-  --color-border-critical-disabled: #ff7f74;
-  --color-border-attention-default: #fbaf18;
-  --color-border-positive-default: #36d046;
-  --color-border-accent-default: #a694ff;
-  --color-text-primary-default: #1e1e24;
-  --color-text-primary-disabled: #b9babf;
-  --color-text-primary-inverse: #e2e3e9;
-  --color-text-secondary-default: #696a6e;
-  --color-text-secondary-disabled: #b9babf;
-  --color-text-secondary-inverse: #a5a6ab;
-  --color-text-tertiary-default: #696a6e;
-  --color-text-brand-default: #0870ff;
-  --color-text-brand-hover: #005cd7;
-  --color-text-brand-pressed: #0042a0;
-  --color-text-brand-disabled: #76aaff;
-  --color-text-brand-inverse: #4a8fff;
-  --color-text-critical-default: #e2262a;
-  --color-text-critical-hover: #c20017;
-  --color-text-critical-pressed: #90000e;
-  --color-text-critical-disabled: #ff7f74;
-  --color-text-critical-dark: #e2262a;
-  --color-text-attention-default: #533600;
-  --color-text-positive-default: #00470a;
-  --color-text-accent-default: #633bc6;
-  --color-text-static-default: #ffffff;
-  --color-text-static-dark: #0e0e11;
-  --color-text-inverse-default: #e2e3e9;
-  --color-static-white: #ffffff;
-  --color-static-black: #0e0e11;
-  --font-family-headings: 'Inter';
-  --font-family-body: 'Inter';
-  --font-size-2xs: 0.75rem;
-  --font-size-xs: 0.875rem;
-  --font-size-s: 1rem;
-  --font-size-m: 1.125rem;
-  --font-size-l: 1.25rem;
-  --font-size-xl: 1.5rem;
-  --font-size-2xl: 1.75rem;
-  --font-size-3xl: 2rem;
-  --font-weight-regular: 400;
-  --font-weight-medium: 500;
-  --font-weight-semibold: 600;
-  --font-weight-bold: 700;
-  --font-line-height-2xs: 1.125rem;
-  --font-line-height-xs: 1.375rem;
-  --font-line-height-s: 1.625rem;
-  --font-line-height-m: 1.75rem;
-  --font-line-height-l: 1.875rem;
-  --font-line-height-xl: 2rem;
-  --font-line-height-2xl: 2.25rem;
-  --font-line-height-3xl: 2.5rem;
-  --border-radius-card: 0.5rem;
-  --border-radius-overlay: 0.25rem;
-  --border-radius-button: 0.25rem;
-  --border-radius-checkbox: 0.25rem;
-  --border-radius-none: 0rem;
-  --border-radius-2xs: 0.125rem;
-  --border-radius-xs: 0.25rem;
-  --border-radius-s: 0.375rem;
-  --border-radius-m: 0.5rem;
-  --border-radius-l: 0.75rem;
-  --border-radius-xl: 1rem;
-  --border-radius-2xl: 1.25rem;
-  --border-radius-3xl: 1.5rem;
-  --border-radius-4xl: 2rem;
-  --border-radius-round: 624.9375rem;
-}
-[data-theme='dark'] {
-  --color-interaction-primary-default: #0870ff;
-  --color-interaction-primary-hover: #005cd7;
-  --color-interaction-primary-pressed: #0042a0;
-  --color-interaction-primary-disabled: #00296a;
-  --color-interaction-secondary-default: #1e1e24;
-  --color-interaction-secondary-hover: #26262b;
-  --color-interaction-secondary-pressed: #2d2e32;
-  --color-interaction-secondary-disabled: #3d3e42;
-  --color-interaction-secondary-dark: #2d2e32;
-  --color-interaction-critical-default: #e2262a;
-  --color-interaction-critical-hover: #c20017;
-  --color-interaction-critical-pressed: #90000e;
-  --color-interaction-critical-disabled: #5e0006;
-  --color-elevation-surface-sunken: #0e0e11;
-  --color-elevation-surface-default: #101013;
-  --color-elevation-surface-selected: #2d2e32;
-  --color-elevation-surface-hover: #3d3e42;
-  --color-elevation-surface-raised: #141418;
-  --color-elevation-surface-overlay: #26262b;
-  --color-elevation-surface-frame: #1e1e24;
-  --color-elevation-surface-backdrop: #101013;
-  --color-elevation-surface-floating: #ffffff;
-  --color-elevation-backdrop-default: #101013e5;
-  --color-elevation-floating-default: #ffffff;
-  --color-elevation-shadow-default: #1010131a;
-  --color-background-primary-default: #1e1e24;
-  --color-background-primary-disabled: #2d2e32;
-  --color-background-secondary-default: #26262b;
-  --color-background-tertiary-default: #2d2e32;
-  --color-background-brand-default: #00153e;
-  --color-background-critical-default: #360002;
-  --color-background-critical-dark: #360002;
-  --color-background-attention-default: #241500;
-  --color-background-positive-default: #002002;
-  --color-background-accent-default: #1c0049;
-  --color-icon-primary-default: #e2e3e9;
-  --color-icon-primary-disabled: #696a6e;
-  --color-icon-primary-inverse: #1e1e24;
-  --color-icon-secondary-default: #a5a6ab;
-  --color-icon-secondary-disabled: #696a6e;
-  --color-icon-secondary-inverse: #696a6e;
-  --color-icon-brand-default: #0870ff;
-  --color-icon-brand-hover: #005cd7;
-  --color-icon-brand-pressed: #0042a0;
-  --color-icon-brand-disabled: #0042a0;
-  --color-icon-critical-default: #e2262a;
-  --color-icon-critical-hover: #c20017;
-  --color-icon-critical-disabled: #5e0006;
-  --color-icon-attention-default: #ffbc51;
-  --color-icon-positive-default: #4dde58;
-  --color-icon-accent-default: #b5a8ff;
-  --color-icon-static-default: #ffffff;
-  --color-icon-static-dark: #0e0e11;
-  --color-icon-inverse-default: #1e1e24;
-  --color-border-primary-default: #3d3e42;
-  --color-border-secondary-default: #26262b;
-  --color-border-brand-selected: #0870ff;
-  --color-border-brand-default: #0870ff;
-  --color-border-brand-disabled: #0042a0;
-  --color-border-critical-default: #e2262a;
-  --color-border-critical-dark: #5e0006;
-  --color-border-critical-disabled: #90000e;
-  --color-border-attention-default: #cc8c00;
-  --color-border-positive-default: #00ab26;
-  --color-border-accent-default: #886fe9;
-  --color-text-primary-default: #e2e3e9;
-  --color-text-primary-disabled: #696a6e;
-  --color-text-primary-inverse: #1e1e24;
-  --color-text-secondary-default: #a5a6ab;
-  --color-text-secondary-disabled: #696a6e;
-  --color-text-secondary-inverse: #696a6e;
-  --color-text-tertiary-default: #a5a6ab;
-  --color-text-brand-default: #4a8fff;
-  --color-text-brand-hover: #0870ff;
-  --color-text-brand-pressed: #005cd7;
-  --color-text-brand-disabled: #0042a0;
-  --color-text-brand-inverse: #0870ff;
-  --color-text-critical-default: #fc4945;
-  --color-text-critical-hover: #e2262a;
-  --color-text-critical-pressed: #c20017;
-  --color-text-critical-disabled: #90000e;
-  --color-text-critical-dark: #fc4945;
-  --color-text-attention-default: #fff3e3;
-  --color-text-positive-default: #e1ffe0;
-  --color-text-accent-default: #b5a8ff;
-  --color-text-static-default: #ffffff;
-  --color-text-static-dark: #0e0e11;
-  --color-text-inverse-default: #1e1e24;
-  --color-static-white: #ffffff;
-  --color-static-black: #0e0e11;
-  --font-family-headings: 'Inter';
-  --font-family-body: 'Inter';
-  --font-size-2xs: 0.75rem;
-  --font-size-xs: 0.875rem;
-  --font-size-s: 1rem;
-  --font-size-m: 1.125rem;
-  --font-size-l: 1.25rem;
-  --font-size-xl: 1.5rem;
-  --font-size-2xl: 1.75rem;
-  --font-size-3xl: 2rem;
-  --font-weight-regular: 400;
-  --font-weight-medium: 500;
-  --font-weight-semibold: 600;
-  --font-weight-bold: 700;
-  --font-line-height-2xs: 1.125rem;
-  --font-line-height-xs: 1.375rem;
-  --font-line-height-s: 1.625rem;
-  --font-line-height-m: 1.75rem;
-  --font-line-height-l: 1.875rem;
-  --font-line-height-xl: 2rem;
-  --font-line-height-2xl: 2.25rem;
-  --font-line-height-3xl: 2.5rem;
-  --border-radius-card: 0.5rem;
-  --border-radius-overlay: 0.25rem;
-  --border-radius-button: 0.25rem;
-  --border-radius-checkbox: 0.25rem;
-  --border-radius-none: 0rem;
-  --border-radius-2xs: 0.125rem;
-  --border-radius-xs: 0.25rem;
-  --border-radius-s: 0.375rem;
-  --border-radius-m: 0.5rem;
-  --border-radius-l: 0.75rem;
-  --border-radius-xl: 1rem;
-  --border-radius-2xl: 1.25rem;
-  --border-radius-3xl: 1.5rem;
-  --border-radius-4xl: 2rem;
-  --border-radius-round: 624.9375rem;
-}
-*,
-::after,
-::before,
-::backdrop,
-::file-selector-button {
-  box-sizing: border-box; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 2 */
-  border: 0 solid; /* 3 */
-}
-/*
-  1. Use a consistent sensible line-height in all browsers.
-  2. Prevent adjustments of font size after orientation changes in iOS.
-  3. Use a more readable tab size.
-  4. Use the user's configured `sans` font-family by default.
-  5. Use the user's configured `sans` font-feature-settings by default.
-  6. Use the user's configured `sans` font-variation-settings by default.
-  7. Disable tap highlights on iOS.
-*/
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-  tab-size: 4; /* 3 */
-  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-/*
-  1. Add the correct height in Firefox.
-  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-  3. Reset the default border style to a 1px solid border.
-*/
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-/*
-  Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-abbr:where([title]) {
-  -webkit-text-decoration: underline dotted;
-  text-decoration: underline dotted;
-}
-/*
-  Remove the default font size and weight for headings.
-*/
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-/*
-  Reset links to optimize for opt-in styling instead of opt-out.
-*/
-a {
-  color: inherit;
-  -webkit-text-decoration: inherit;
-  text-decoration: inherit;
-}
-/*
-  Add the correct font weight in Edge and Safari.
-*/
-b,
-strong {
-  font-weight: bolder;
-}
-/*
-  1. Use the user's configured `mono` font-family by default.
-  2. Use the user's configured `mono` font-feature-settings by default.
-  3. Use the user's configured `mono` font-variation-settings by default.
-  4. Correct the odd `em` font sizing in all browsers.
-*/
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-/*
-  Add the correct font size in all browsers.
-*/
-small {
-  font-size: 80%;
-}
-/*
-  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-/*
-  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-  3. Remove gaps between table borders by default.
-*/
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-/*
-  Use the modern Firefox focus style for all focusable elements.
-*/
-:-moz-focusring {
-  outline: auto;
-}
-/*
-  Add the correct vertical alignment in Chrome and Firefox.
-*/
-progress {
-  vertical-align: baseline;
-}
-/*
-  Add the correct display in Chrome and Safari.
-*/
-summary {
-  display: list-item;
-}
-/*
-  Make lists unstyled by default.
-*/
-ol,
-ul,
-menu {
-  list-style: none;
-}
-/*
-  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-      This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-/*
-  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-/*
-  1. Inherit font styles in all browsers.
-  2. Remove border radius in all browsers.
-  3. Remove background color in all browsers.
-  4. Ensure consistent opacity for disabled states in all browsers.
-*/
-button,
-input,
-select,
-optgroup,
-textarea,
-::file-selector-button {
-  font: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  border-radius: 0; /* 2 */
-  background-color: transparent; /* 3 */
-  opacity: 1; /* 4 */
-}
-/*
-  Restore default font weight.
-*/
-:where(select:is([multiple], [size])) optgroup {
-  font-weight: bolder;
-}
-/*
-  Restore indentation.
-*/
-:where(select:is([multiple], [size])) optgroup option {
-  padding-inline-start: 20px;
-}
-/*
-  Restore space after button.
-*/
-::file-selector-button {
-  margin-inline-end: 4px;
-}
-/*
-  Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-*/
-::placeholder {
-  opacity: 1;
-}
-/*
-  Prevent resizing textareas horizontally by default.
-*/
-textarea {
-  resize: vertical;
-}
-/*
-  Remove the inner padding in Chrome and Safari on macOS.
-*/
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-/*
-  1. Ensure date/time inputs have the same height when empty in iOS Safari.
-  2. Ensure text alignment can be changed on date/time inputs in iOS Safari.
-*/
-::-webkit-date-and-time-value {
-  min-height: 1lh; /* 1 */
-  text-align: inherit; /* 2 */
-}
-/*
-  Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.
-*/
-::-webkit-datetime-edit {
-  display: inline-flex;
-}
-/*
-  Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.
-*/
-::-webkit-datetime-edit-fields-wrapper {
-  padding: 0;
-}
-::-webkit-datetime-edit,
-::-webkit-datetime-edit-year-field,
-::-webkit-datetime-edit-month-field,
-::-webkit-datetime-edit-day-field,
-::-webkit-datetime-edit-hour-field,
-::-webkit-datetime-edit-minute-field,
-::-webkit-datetime-edit-second-field,
-::-webkit-datetime-edit-millisecond-field,
-::-webkit-datetime-edit-meridiem-field {
-  padding-block: 0;
-}
-/*
-  Center dropdown marker shown on inputs with paired `<datalist>`s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499)
-*/
-::-webkit-calendar-picker-indicator {
-  line-height: 1;
-}
-/*
-  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-/*
-  Correct the inability to style the border radius in iOS Safari.
-*/
-button,
-input:where([type=button], [type=reset], [type=submit]),
-::file-selector-button {
-  appearance: button;
-}
-/*
-  Correct the cursor style of increment and decrement buttons in Safari.
-*/
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-/*
-  Make elements with the HTML hidden attribute stay hidden by default.
-*/
-[hidden]:where(:not([hidden=until-found])) {
-  display: none !important;
-}
-/* 2. Non property declaring variables and typography */
-/* ------------------------------------
- * Administration variables
- * Table of contents
- *
- * 1. Primary colors
- * 2. Status colors
- * 3. Module colors
- * 4. Generic colors
- * 5. Gradients
- * 6. Typography
- * 7. Miscellaneous
- * 8. z-index
- * 9. Global widths
- * ------------------------------------ */
-/* ------------------------------------
- * 1. Primary colors
- * ------------------------------------ */
-/* ------------------------------------
- * 2. Status colors
- * ------------------------------------ */
-/* ------------------------------------
- * 3. Module colors
- * ------------------------------------ */
-/* ------------------------------------
- * 4. Generic colors
- * ------------------------------------ */
-/* ------------------------------------
- * 5. Gradients
- * ------------------------------------ */
-/* ------------------------------------
- * 6. Typography
- * ------------------------------------ */
-/* ------------------------------------
- * 7. Miscellaneous
- * ------------------------------------ */
-/* ------------------------------------
- * 8. z-index
- * ------------------------------------ */
-/* 3. Global styles applied to html, body etc. */
-body {
-  font-family: var(--font-family-body, "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
-  font-feature-settings: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-size: var(--font-size-xs);
-  line-height: 1.5;
-  /* @deprecated hardcoded background — to be revisited in the next major */
-  background: #f9fafb;
-  color: var(--color-text-primary-default);
-}
-[data-theme=dark] {
-  color-scheme: dark;
-}
-/** @TODO move to tokens file once we find a solution for non figma-sync tokens **/
-:root {
-  --color-elevation-shadow-default: #1010131a !important;
-}
-/* 4. Utility classes */
-/*
-  * Helper util for visually hidden elements, which are still accessible for screen readers but not visible on the screen.
-*/
-.visually-hidden {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  border: 0;
-}
-/** 
- * Helper for the ellipsis animation, which is used in the mt-button component when the loading state is active.
- */
-@keyframes ellipsis {
-  to {
-    width: 1.25rem;
-  }
-}
-/* 5. Component specific styles that require a global import */
-.mt-tooltip {
-  position: absolute;
-  z-index: 1100;
-}
-.mt-tooltip--dark {
-  background-color: var(--color-elevation-floating-default);
-  border-radius: var(--border-radius-xs);
-  color: var(--color-text-primary-inverse);
-  padding: 12px 16px;
-  font-size: var(--font-size-xs);
-  line-height: var(--font-line-height-xs);
-  font-family: var(--font-family-body);
-  word-wrap: break-word;
-  &::before {
-    content: "";
-    position: absolute;
-    height: 8px;
-    width: 8px;
-    transform: rotate(45deg);
-    background: var(--color-elevation-floating-default);
-  }
-  &.mt-tooltip--top::before {
-    bottom: -4px;
-    margin-left: -4px;
-    left: 50%;
-  }
-  &.mt-tooltip--bottom::before {
-    top: -4px;
-    margin-left: -4px;
-    left: 50%;
-  }
-  &.mt-tooltip--left::before {
-    top: 50%;
-    margin-top: -4px;
-    right: -4px;
-  }
-  &.mt-tooltip--right::before {
-    top: 50%;
-    margin-top: -4px;
-    left: -4px;
-  }
-}
-.mt-tooltip--light {
-  color: #52667a;
-  font-size: 12px;
-  font-weight: lighter;
-  letter-spacing: 0;
-  line-height: 19px;
-  width: auto !important;
-  height: auto !important;
-  padding: 5px 10px;
-  background: #fff;
-  border: 1px solid #d1d9e0;
-  box-shadow: 0 3px 6px 0 rgba(120, 138, 155, 0.5);
-  border-radius: 4px;
-  &.mt-tooltip--top {
-    margin-top: 6px;
-  }
-  &.mt-tooltip--bottom {
-    margin-top: -4px;
-  }
-  &.mt-tooltip--left {
-    margin-left: 5px;
-  }
-  &.mt-tooltip--right {
-    margin-right: -5px;
-  }
-}
-/* ------------------------------------
- * Administration variables
- * Table of contents
- *
- * 1. Primary colors
- * 2. Status colors
- * 3. Module colors
- * 4. Generic colors
- * 5. Gradients
- * 6. Typography
- * 7. Miscellaneous
- * 8. z-index
- * 9. Global widths
- * ------------------------------------ */
-/* ------------------------------------
- * 1. Primary colors
- * ------------------------------------ */
-/* ------------------------------------
- * 2. Status colors
- * ------------------------------------ */
-/* ------------------------------------
- * 3. Module colors
- * ------------------------------------ */
-/* ------------------------------------
- * 4. Generic colors
- * ------------------------------------ */
-/* ------------------------------------
- * 5. Gradients
- * ------------------------------------ */
-/* ------------------------------------
- * 6. Typography
- * ------------------------------------ */
-/* ------------------------------------
- * 7. Miscellaneous
- * ------------------------------------ */
-/* ------------------------------------
- * 8. z-index
- * ------------------------------------ */
-.is--drag-element {
-  position: absolute;
-  pointer-events: none;
-  touch-action: none;
-  user-focus: none;
-  user-select: none;
-  z-index: 1400;
-  box-shadow: 0 0 4px 0 #189eff;
-  overflow: hidden;
-  cursor: grab;
-}
-.is--drag-element > * {
-  user-focus: none;
-  user-select: none;
-  user-input: none;
-  user-modify: none;
-  pointer-events: none;
-  touch-action: none;
-  -webkit-user-drag: none;
-}
-.is--drag-element.is--valid-drag {
-  box-shadow: 0 0 4px 0 #37d046;
-}
-.is--drag-element.is--invalid-drag {
-  box-shadow: 0 0 4px 0 #de294c;
-}
-.is--draggable {
-  user-focus: none;
-  user-select: none;
-  cursor: grab;
-}
-.is--draggable img {
-  user-focus: none;
-  user-select: none;
-  user-input: none;
-  user-modify: none;
-  pointer-events: none;
-  touch-action: none;
-  -webkit-user-drag: none;
-}
-.is--dragging {
-  background: #f0f2f5;
-  border: 1px dashed #d1d9e0;
-  box-shadow: none;
-  color: #f0f2f5;
-  cursor: grab;
-}
-.is--dragging > * {
-  opacity: 0;
-}
+*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--color-slate-50: #fafbfe;--color-slate-100: #f0f3ff;--color-slate-200: #e0e3f3;--color-slate-300: #cbcede;--color-slate-400: #b6b9c9;--color-slate-500: #a3a6b5;--color-slate-600: #808392;--color-slate-700: #666977;--color-slate-800: #474a57;--color-slate-900: #2b2e3a;--color-slate-950: #12141e;--color-blue-50: #eef6ff;--color-blue-100: #cce5ff;--color-blue-200: #a8d4ff;--color-blue-300: #83c3ff;--color-blue-400: #59b1ff;--color-blue-500: #189eff;--color-blue-600: #0081d4;--color-blue-700: #005b99;--color-blue-800: #00375f;--color-blue-900: #001931;--color-yellow-50: #fffef7;--color-yellow-100: #fff7d6;--color-yellow-200: #ffefb3;--color-yellow-300: #ffe88e;--color-yellow-400: #ffe061;--color-yellow-500: #ffd702;--color-yellow-600: #cdac00;--color-yellow-700: #8d7600;--color-yellow-800: #4f4100;--color-yellow-900: #1e1800;--color-pumpkin-50: #fff2ec;--color-pumpkin-100: #ffddcc;--color-pumpkin-200: #ffc7aa;--color-pumpkin-300: #ffb086;--color-pumpkin-400: #ff985e;--color-pumpkin-500: #f88138;--color-pumpkin-600: #d46000;--color-pumpkin-700: #974200;--color-pumpkin-800: #5c2600;--color-pumpkin-900: #2c0e00;--color-pink-50: #fff1f5;--color-pink-100: #ffd8e4;--color-pink-200: #ffbed3;--color-pink-300: #ffa2c2;--color-pink-400: #ff83b1;--color-pink-500: #ff5ea1;--color-pink-600: #e42683;--color-pink-700: #a8005c;--color-pink-800: #670036;--color-pink-900: #340018;--color-purple-50: #f5f4ff;--color-purple-100: #e4e1ff;--color-purple-200: #d4ceff;--color-purple-300: #c4bbff;--color-purple-400: #b5a8ff;--color-purple-500: #a694ff;--color-purple-600: #886fe9;--color-purple-700: #633bc6;--color-purple-800: #3e0091;--color-purple-900: #1c0049;--color-emerald-50: #ddffea;--color-emerald-100: #aeffd0;--color-emerald-200: #80fbba;--color-emerald-300: #74f0af;--color-emerald-400: #67e4a4;--color-emerald-500: #57d998;--color-emerald-600: #00b472;--color-emerald-700: #007e4e;--color-emerald-800: #00492b;--color-emerald-900: #001f0f;--color-zinc-0: #ffffff;--color-zinc-50: #fafbfe;--color-zinc-75: #f2f3f8;--color-zinc-100: #e2e3e9;--color-zinc-200: #cdced4;--color-zinc-300: #b9babf;--color-zinc-400: #a5a6ab;--color-zinc-500: #838489;--color-zinc-600: #696a6e;--color-zinc-700: #3d3e42;--color-zinc-800: #2d2e32;--color-zinc-850: #26262b;--color-zinc-900: #1e1e24;--color-zinc-950: #141418;--color-zinc-975: #101013;--color-zinc-1000: #0e0e11;--color-orange-50: #fff3e3;--color-orange-100: #ffe6c4;--color-orange-200: #ffd9a2;--color-orange-300: #ffcb7e;--color-orange-400: #ffbc51;--color-orange-500: #fbaf18;--color-orange-600: #cc8c00;--color-orange-700: #8f6000;--color-orange-800: #533600;--color-orange-900: #241500;--color-green-50: #e1ffe0;--color-green-100: #b0fbb0;--color-green-200: #86f98c;--color-green-300: #73f27a;--color-green-400: #4dde58;--color-green-500: #36d046;--color-green-600: #00ab26;--color-green-700: #007818;--color-green-800: #00470a;--color-green-900: #002002;--color-red-50: #fff2f0;--color-red-100: #ffcfc9;--color-red-200: #ffa9a0;--color-red-300: #ff7f74;--color-red-400: #fc4945;--color-red-500: #e2262a;--color-red-600: #c20017;--color-red-700: #90000e;--color-red-800: #5e0006;--color-red-900: #360002;--color-brand-50: #f0f6ff;--color-brand-100: #c8ddff;--color-brand-200: #9fc4ff;--color-brand-300: #76aaff;--color-brand-400: #4a8fff;--color-brand-500: #0870ff;--color-brand-600: #005cd7;--color-brand-700: #0042a0;--color-brand-800: #00296a;--color-brand-900: #00153e;--color-brand-950: #000c2b;--color-cyan-50: #e8f8ff;--color-cyan-100: #c3eeff;--color-cyan-200: #9ce4ff;--color-cyan-300: #79dbff;--color-cyan-400: #4ad0fc;--color-cyan-500: #2fc3f0;--color-cyan-600: #009ac0;--color-cyan-700: #006c88;--color-cyan-800: #004051;--color-cyan-900: #001c26;--font-weight-100: 100;--font-weight-200: 200;--font-weight-300: 300;--font-weight-400: 400;--font-weight-500: 500;--font-weight-600: 600;--font-weight-700: 700;--font-weight-800: 800;--font-weight-900: 900;--scale-size-0: 0rem;--scale-size-1: .0625rem;--scale-size-2: .125rem;--scale-size-4: .25rem;--scale-size-6: .375rem;--scale-size-8: .5rem;--scale-size-10: .625rem;--scale-size-12: .75rem;--scale-size-14: .875rem;--scale-size-16: 1rem;--scale-size-18: 1.125rem;--scale-size-20: 1.25rem;--scale-size-22: 1.375rem;--scale-size-24: 1.5rem;--scale-size-26: 1.625rem;--scale-size-28: 1.75rem;--scale-size-30: 1.875rem;--scale-size-32: 2rem;--scale-size-36: 2.25rem;--scale-size-40: 2.5rem;--scale-size-48: 3rem;--scale-size-56: 3.5rem;--scale-size-64: 4rem;--scale-size-72: 4.5rem;--scale-size-80: 5rem;--scale-size-96: 6rem;--scale-size-128: 8rem;--scale-size-160: 10rem;--scale-size-192: 12rem;--scale-size-224: 14rem;--scale-size-256: 16rem;--scale-size-9999: 624.9375rem}:root{--color-interaction-primary-default: #0870ff;--color-interaction-primary-hover: #005cd7;--color-interaction-primary-pressed: #0042a0;--color-interaction-primary-disabled: #76aaff;--color-interaction-secondary-default: #ffffff;--color-interaction-secondary-hover: #f2f3f8;--color-interaction-secondary-pressed: #e2e3e9;--color-interaction-secondary-disabled: #e2e3e9;--color-interaction-secondary-dark: #f2f3f8;--color-interaction-critical-default: #e2262a;--color-interaction-critical-hover: #c20017;--color-interaction-critical-pressed: #90000e;--color-interaction-critical-disabled: #ffa9a0;--color-elevation-surface-sunken: #fafbfe;--color-elevation-surface-default: #ffffff;--color-elevation-surface-selected: #cdced4;--color-elevation-surface-hover: #e2e3e9;--color-elevation-surface-raised: #ffffff;--color-elevation-surface-overlay: #ffffff;--color-elevation-surface-frame: #fafbfe;--color-elevation-surface-backdrop: #101013;--color-elevation-surface-floating: #26262b;--color-elevation-backdrop-default: #10101399;--color-elevation-floating-default: #26262b;--color-elevation-shadow-default: #1010131a;--color-background-primary-default: #ffffff;--color-background-primary-disabled: #f2f3f8;--color-background-secondary-default: #fafbfe;--color-background-tertiary-default: #f2f3f8;--color-background-brand-default: #f0f6ff;--color-background-critical-default: #fff2f0;--color-background-critical-dark: #fff2f0;--color-background-attention-default: #fff3e3;--color-background-positive-default: #e1ffe0;--color-background-accent-default: #e4e1ff;--color-icon-primary-default: #1e1e24;--color-icon-primary-disabled: #b9babf;--color-icon-primary-inverse: #e2e3e9;--color-icon-secondary-default: #696a6e;--color-icon-secondary-disabled: #b9babf;--color-icon-secondary-inverse: #a5a6ab;--color-icon-brand-default: #0870ff;--color-icon-brand-hover: #005cd7;--color-icon-brand-pressed: #0042a0;--color-icon-brand-disabled: #76aaff;--color-icon-critical-default: #e2262a;--color-icon-critical-hover: #c20017;--color-icon-critical-disabled: #ff7f74;--color-icon-attention-default: #fbaf18;--color-icon-positive-default: #36d046;--color-icon-accent-default: #633bc6;--color-icon-static-default: #ffffff;--color-icon-static-dark: #0e0e11;--color-icon-inverse-default: #e2e3e9;--color-border-primary-default: #cdced4;--color-border-secondary-default: #e2e3e9;--color-border-brand-selected: #0870ff;--color-border-brand-default: #0870ff;--color-border-brand-disabled: #76aaff;--color-border-critical-default: #e2262a;--color-border-critical-dark: #5e0006;--color-border-critical-disabled: #ff7f74;--color-border-attention-default: #fbaf18;--color-border-positive-default: #36d046;--color-border-accent-default: #a694ff;--color-text-primary-default: #1e1e24;--color-text-primary-disabled: #b9babf;--color-text-primary-inverse: #e2e3e9;--color-text-secondary-default: #696a6e;--color-text-secondary-disabled: #b9babf;--color-text-secondary-inverse: #a5a6ab;--color-text-tertiary-default: #696a6e;--color-text-brand-default: #0870ff;--color-text-brand-hover: #005cd7;--color-text-brand-pressed: #0042a0;--color-text-brand-disabled: #76aaff;--color-text-brand-inverse: #4a8fff;--color-text-critical-default: #e2262a;--color-text-critical-hover: #c20017;--color-text-critical-pressed: #90000e;--color-text-critical-disabled: #ff7f74;--color-text-critical-dark: #e2262a;--color-text-attention-default: #533600;--color-text-positive-default: #00470a;--color-text-accent-default: #633bc6;--color-text-static-default: #ffffff;--color-text-static-dark: #0e0e11;--color-text-inverse-default: #e2e3e9;--color-static-white: #ffffff;--color-static-black: #0e0e11;--font-family-headings: "Inter";--font-family-body: "Inter";--font-size-2xs: .75rem;--font-size-xs: .875rem;--font-size-s: 1rem;--font-size-m: 1.125rem;--font-size-l: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-line-height-2xs: 1.125rem;--font-line-height-xs: 1.375rem;--font-line-height-s: 1.625rem;--font-line-height-m: 1.75rem;--font-line-height-l: 1.875rem;--font-line-height-xl: 2rem;--font-line-height-2xl: 2.25rem;--font-line-height-3xl: 2.5rem;--border-radius-card: .5rem;--border-radius-overlay: .25rem;--border-radius-button: .25rem;--border-radius-checkbox: .25rem;--border-radius-none: 0rem;--border-radius-2xs: .125rem;--border-radius-xs: .25rem;--border-radius-s: .375rem;--border-radius-m: .5rem;--border-radius-l: .75rem;--border-radius-xl: 1rem;--border-radius-2xl: 1.25rem;--border-radius-3xl: 1.5rem;--border-radius-4xl: 2rem;--border-radius-round: 624.9375rem}[data-theme=dark]{--color-interaction-primary-default: #0870ff;--color-interaction-primary-hover: #005cd7;--color-interaction-primary-pressed: #0042a0;--color-interaction-primary-disabled: #00296a;--color-interaction-secondary-default: #1e1e24;--color-interaction-secondary-hover: #26262b;--color-interaction-secondary-pressed: #2d2e32;--color-interaction-secondary-disabled: #3d3e42;--color-interaction-secondary-dark: #2d2e32;--color-interaction-critical-default: #e2262a;--color-interaction-critical-hover: #c20017;--color-interaction-critical-pressed: #90000e;--color-interaction-critical-disabled: #5e0006;--color-elevation-surface-sunken: #0e0e11;--color-elevation-surface-default: #101013;--color-elevation-surface-selected: #2d2e32;--color-elevation-surface-hover: #3d3e42;--color-elevation-surface-raised: #141418;--color-elevation-surface-overlay: #26262b;--color-elevation-surface-frame: #1e1e24;--color-elevation-surface-backdrop: #101013;--color-elevation-surface-floating: #ffffff;--color-elevation-backdrop-default: #101013e5;--color-elevation-floating-default: #ffffff;--color-elevation-shadow-default: #1010131a;--color-background-primary-default: #1e1e24;--color-background-primary-disabled: #2d2e32;--color-background-secondary-default: #26262b;--color-background-tertiary-default: #2d2e32;--color-background-brand-default: #00153e;--color-background-critical-default: #360002;--color-background-critical-dark: #360002;--color-background-attention-default: #241500;--color-background-positive-default: #002002;--color-background-accent-default: #1c0049;--color-icon-primary-default: #e2e3e9;--color-icon-primary-disabled: #696a6e;--color-icon-primary-inverse: #1e1e24;--color-icon-secondary-default: #a5a6ab;--color-icon-secondary-disabled: #696a6e;--color-icon-secondary-inverse: #696a6e;--color-icon-brand-default: #0870ff;--color-icon-brand-hover: #005cd7;--color-icon-brand-pressed: #0042a0;--color-icon-brand-disabled: #0042a0;--color-icon-critical-default: #e2262a;--color-icon-critical-hover: #c20017;--color-icon-critical-disabled: #5e0006;--color-icon-attention-default: #ffbc51;--color-icon-positive-default: #4dde58;--color-icon-accent-default: #b5a8ff;--color-icon-static-default: #ffffff;--color-icon-static-dark: #0e0e11;--color-icon-inverse-default: #1e1e24;--color-border-primary-default: #3d3e42;--color-border-secondary-default: #26262b;--color-border-brand-selected: #0870ff;--color-border-brand-default: #0870ff;--color-border-brand-disabled: #0042a0;--color-border-critical-default: #e2262a;--color-border-critical-dark: #5e0006;--color-border-critical-disabled: #90000e;--color-border-attention-default: #cc8c00;--color-border-positive-default: #00ab26;--color-border-accent-default: #886fe9;--color-text-primary-default: #e2e3e9;--color-text-primary-disabled: #696a6e;--color-text-primary-inverse: #1e1e24;--color-text-secondary-default: #a5a6ab;--color-text-secondary-disabled: #696a6e;--color-text-secondary-inverse: #696a6e;--color-text-tertiary-default: #a5a6ab;--color-text-brand-default: #4a8fff;--color-text-brand-hover: #0870ff;--color-text-brand-pressed: #005cd7;--color-text-brand-disabled: #0042a0;--color-text-brand-inverse: #0870ff;--color-text-critical-default: #fc4945;--color-text-critical-hover: #e2262a;--color-text-critical-pressed: #c20017;--color-text-critical-disabled: #90000e;--color-text-critical-dark: #fc4945;--color-text-attention-default: #fff3e3;--color-text-positive-default: #e1ffe0;--color-text-accent-default: #b5a8ff;--color-text-static-default: #ffffff;--color-text-static-dark: #0e0e11;--color-text-inverse-default: #1e1e24;--color-static-white: #ffffff;--color-static-black: #0e0e11;--font-family-headings: "Inter";--font-family-body: "Inter";--font-size-2xs: .75rem;--font-size-xs: .875rem;--font-size-s: 1rem;--font-size-m: 1.125rem;--font-size-l: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-line-height-2xs: 1.125rem;--font-line-height-xs: 1.375rem;--font-line-height-s: 1.625rem;--font-line-height-m: 1.75rem;--font-line-height-l: 1.875rem;--font-line-height-xl: 2rem;--font-line-height-2xl: 2.25rem;--font-line-height-3xl: 2.5rem;--border-radius-card: .5rem;--border-radius-overlay: .25rem;--border-radius-button: .25rem;--border-radius-checkbox: .25rem;--border-radius-none: 0rem;--border-radius-2xs: .125rem;--border-radius-xs: .25rem;--border-radius-s: .375rem;--border-radius-m: .5rem;--border-radius-l: .75rem;--border-radius-xl: 1rem;--border-radius-2xl: 1.25rem;--border-radius-3xl: 1.5rem;--border-radius-4xl: 2rem;--border-radius-round: 624.9375rem}body{font-family:var( --font-family-body, "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--font-size-xs);line-height:1.5;background:#f9fafb;color:var(--color-text-primary-default)}[data-theme=dark]{color-scheme:dark}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes ellipsis{to{width:1.25rem}}.mt-tooltip{position:absolute;z-index:1100}.mt-tooltip--dark{background-color:var(--color-elevation-floating-default);border-radius:var(--border-radius-xs);color:var(--color-text-primary-inverse);padding:12px 16px;font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);font-family:var(--font-family-body);word-wrap:break-word}.mt-tooltip--dark:before{content:"";position:absolute;height:8px;width:8px;transform:rotate(45deg);background:var(--color-elevation-floating-default)}.mt-tooltip--dark.mt-tooltip--top:before{bottom:-4px;margin-left:-4px;left:50%}.mt-tooltip--dark.mt-tooltip--bottom:before{top:-4px;margin-left:-4px;left:50%}.mt-tooltip--dark.mt-tooltip--left:before{top:50%;margin-top:-4px;right:-4px}.mt-tooltip--dark.mt-tooltip--right:before{top:50%;margin-top:-4px;left:-4px}.mt-tooltip--light{color:#52667a;font-size:12px;font-weight:lighter;letter-spacing:0;line-height:19px;width:auto!important;height:auto!important;padding:5px 10px;background:#fff;border:1px solid #d1d9e0;box-shadow:0 3px 6px #788a9b80;border-radius:4px}.mt-tooltip--light.mt-tooltip--top{margin-top:6px}.mt-tooltip--light.mt-tooltip--bottom{margin-top:-4px}.mt-tooltip--light.mt-tooltip--left{margin-left:5px}.mt-tooltip--light.mt-tooltip--right{margin-right:-5px}.is--drag-element{position:absolute;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;z-index:1400;box-shadow:0 0 4px 0 var(--color-border-brand-selected);overflow:hidden;cursor:grab}.is--drag-element>*{-webkit-user-select:none;user-select:none;pointer-events:none;touch-action:none;-webkit-user-drag:none}.is--drag-element.is--valid-drag{box-shadow:0 0 4px 0 var(--color-border-positive-default)}.is--drag-element.is--invalid-drag{box-shadow:0 0 4px 0 var(--color-border-critical-default)}.is--draggable{-webkit-user-select:none;user-select:none;cursor:grab}.is--draggable img{-webkit-user-select:none;user-select:none;pointer-events:none;touch-action:none;-webkit-user-drag:none}.is--dragging{background:var(--color-background-secondary-default);border:1px dashed var(--color-border-primary-default);box-shadow:none;color:var(--color-background-secondary-default);cursor:grab}.is--dragging>*{opacity:0}