/* [project]/packages/qwickapps-react-framework/dist/index.css [app-client] (css) */
html[data-palette="default"][data-theme="dark"] {
  --palette-surface-main: #252525;
  --palette-surface-variant: #2f2f2f;
  --palette-surface-elevated: #3a3a3a;
  --palette-background-main: #0e0e0e;
  --palette-background-dark: #1a1a1a;
  --palette-header-bg-start: rgba(13, 13, 13, .98);
  --palette-header-bg-end: rgba(13, 13, 13, .95);
  --palette-header-collapsed-bg-start: rgba(13, 13, 13, .99);
  --palette-header-collapsed-bg-end: rgba(13, 13, 13, .96);
}

html[data-palette="autumn"]:not([data-theme="dark"]), html[data-palette="autumn"][data-theme="light"] {
  --palette-primary-main: #ea580c;
  --palette-primary-light: #fb923c;
  --palette-primary-dark: #c2410c;
  --palette-on-primary: #fff;
  --palette-secondary-main: #b45309;
  --palette-secondary-light: #d97706;
  --palette-secondary-dark: #92400e;
  --palette-on-secondary: #fff;
  --palette-surface-main: #fffbeb;
  --palette-surface-variant: #fef3c7;
  --palette-surface-elevated: #fff;
  --palette-on-surface: #451a03;
  --palette-background-main: #fefce8;
  --palette-background-dark: #fef3c7;
  --palette-background-overlay: rgba(254, 252, 231, .95);
  --palette-on-background: #78350f;
  --palette-header-bg-start: rgba(254, 252, 231, .98);
  --palette-header-bg-end: rgba(254, 252, 231, .95);
  --palette-header-collapsed-bg-start: rgba(254, 252, 231, .99);
  --palette-header-collapsed-bg-end: rgba(254, 252, 231, .96);
  --palette-text-primary: #451a03;
  --palette-text-secondary: #78350f;
  --palette-text-disabled: rgba(69, 26, 3, .38);
  --palette-text-inverted: #fff;
  --palette-border-main: #d4d4aa;
  --palette-border-light: rgba(69, 26, 3, .12);
  --palette-border-lighter: rgba(69, 26, 3, .05);
  --palette-border-medium: #a8a29e;
  --palette-success-main: #16a34a;
  --palette-success-light: #dcfce7;
  --palette-success-dark: #14532d;
  --palette-success-border: #bbf7d0;
  --palette-error-main: #dc2626;
  --palette-error-light: #fee2e2;
  --palette-error-dark: #7f1d1d;
  --palette-on-error: #fff;
  --palette-error-border: #fecaca;
  --palette-warning-main: #f59e0b;
  --palette-warning-light: #fef3c7;
  --palette-warning-dark: #78350f;
  --palette-on-warning: #000;
  --palette-warning-border: #fde68a;
  --palette-info-main: #0891b2;
  --palette-info-light: #e6fffa;
  --palette-info-dark: #164e63;
  --palette-on-info: #fff;
  --palette-info-border: #67e8f9;
  --palette-accent-main: #dc2626;
  --palette-accent-light: #f87171;
  --palette-accent-dark: #991b1b;
  --palette-on-accent: #fff;
  --palette-control-main: #451a03;
  --palette-control-light: #78350f;
  --palette-control-text: #fef3c7;
  --palette-control-border: #92400e;
}

html[data-palette="autumn"][data-theme="dark"] {
  --palette-primary-main: #fb923c;
  --palette-primary-light: #fdba74;
  --palette-primary-dark: #ea580c;
  --palette-on-primary: #1c1917;
  --palette-secondary-main: #fbbf24;
  --palette-secondary-light: #fcd34d;
  --palette-secondary-dark: #f59e0b;
  --palette-on-secondary: #1c1917;
  --palette-surface-main: #231f1d;
  --palette-surface-variant: #302a27;
  --palette-surface-elevated: #44403c;
  --palette-on-surface: #fef3c7;
  --palette-background-main: #0a0807;
  --palette-background-dark: #151210;
  --palette-background-overlay: rgba(28, 25, 23, .95);
  --palette-on-background: #d6d3d1;
  --palette-header-bg-start: rgba(10, 8, 7, .98);
  --palette-header-bg-end: rgba(10, 8, 7, .95);
  --palette-header-collapsed-bg-start: rgba(10, 8, 7, .99);
  --palette-header-collapsed-bg-end: rgba(10, 8, 7, .96);
  --palette-text-primary: #fef3c7;
  --palette-text-secondary: #d6d3d1;
  --palette-text-disabled: rgba(254, 243, 200, .38);
  --palette-text-inverted: #0c0a09;
  --palette-border-main: #78716c;
  --palette-border-light: rgba(254, 243, 200, .12);
  --palette-border-lighter: rgba(254, 243, 200, .05);
  --palette-border-medium: #57534e;
  --palette-success-main: #4ade80;
  --palette-success-light: #14532d;
  --palette-success-dark: #22c55e;
  --palette-success-border: #166534;
  --palette-error-main: #f87171;
  --palette-error-light: #7f1d1d;
  --palette-error-dark: #ef4444;
  --palette-error-border: #991b1b;
  --palette-warning-main: #eab308;
  --palette-warning-light: #78350f;
  --palette-warning-dark: #ca8a04;
  --palette-warning-border: #a16207;
  --palette-info-main: #22d3ee;
  --palette-info-light: #164e63;
  --palette-info-dark: #06b6d4;
  --palette-on-info: #0c0a09;
  --palette-info-border: #0891b2;
  --palette-accent-main: #b91c1c;
  --palette-accent-light: #dc2626;
  --palette-accent-dark: #7f1d1d;
  --palette-on-accent: #fef3c7;
  --palette-control-main: #292524;
  --palette-control-light: #44403c;
  --palette-control-text: #f5f5f4;
  --palette-control-border: #57534e;
}

html[data-palette="boutique"]:not([data-theme="dark"]), html[data-palette="boutique"][data-theme="light"] {
  --palette-primary-main: #3ca6b6;
  --palette-primary-light: #6bc4d1;
  --palette-primary-dark: #2a7a86;
  --palette-on-primary: #fff;
  --palette-secondary-main: #be765e;
  --palette-secondary-light: #d4987e;
  --palette-secondary-dark: #9a5742;
  --palette-on-secondary: #fff;
  --palette-surface-main: #fefcf8;
  --palette-surface-variant: #f5f0ea;
  --palette-surface-elevated: #fff;
  --palette-on-surface: #2c2520;
  --palette-background-main: #fffdf9;
  --palette-background-dark: #f8f4ed;
  --palette-background-overlay: rgba(255, 253, 249, .95);
  --palette-on-background: #3d3530;
  --palette-header-bg-start: rgba(255, 253, 249, .98);
  --palette-header-bg-end: rgba(255, 253, 249, .95);
  --palette-header-collapsed-bg-start: rgba(255, 253, 249, .99);
  --palette-header-collapsed-bg-end: rgba(255, 253, 249, .96);
  --palette-text-primary: #2c2520;
  --palette-text-secondary: #5d5349;
  --palette-text-disabled: rgba(44, 37, 32, .38);
  --palette-text-inverted: #fff;
  --palette-border-main: #d4cdc4;
  --palette-border-light: rgba(44, 37, 32, .12);
  --palette-border-lighter: rgba(44, 37, 32, .05);
  --palette-border-medium: #b8afa4;
  --palette-success-main: #10b981;
  --palette-success-light: #d1fae5;
  --palette-success-dark: #047857;
  --palette-success-border: #a7f3d0;
  --palette-error-main: #f43f5e;
  --palette-error-light: #ffe4e6;
  --palette-error-dark: #9f1239;
  --palette-on-error: #fff;
  --palette-error-border: #fecdd3;
  --palette-warning-main: #f59e0b;
  --palette-warning-light: #fef3c7;
  --palette-warning-dark: #d97706;
  --palette-on-warning: #000;
  --palette-warning-border: #fde68a;
  --palette-info-main: #0284c7;
  --palette-info-light: #e0f2fe;
  --palette-info-dark: #075985;
  --palette-on-info: #fff;
  --palette-info-border: #7dd3fc;
  --palette-accent-main: #0a1a3e;
  --palette-accent-light: #1e3a73;
  --palette-accent-dark: #050d1f;
  --palette-on-accent: #fff;
  --palette-control-main: #2a7a86;
  --palette-control-light: #3ca6b6;
  --palette-control-text: #fff;
  --palette-control-border: #217380;
}

html[data-palette="boutique"][data-theme="dark"] {
  --palette-primary-main: #6bc4d1;
  --palette-primary-light: #8fd5de;
  --palette-primary-dark: #3ca6b6;
  --palette-on-primary: #0a1a1d;
  --palette-secondary-main: #d4987e;
  --palette-secondary-light: #e3b9a4;
  --palette-secondary-dark: #be765e;
  --palette-on-secondary: #1a1210;
  --palette-surface-main: #1a1614;
  --palette-surface-variant: #252220;
  --palette-surface-elevated: #332f2c;
  --palette-on-surface: #f5f0ea;
  --palette-background-main: #0f0d0c;
  --palette-background-dark: #1a1614;
  --palette-background-overlay: rgba(26, 22, 20, .95);
  --palette-on-background: #e8e4de;
  --palette-header-bg-start: rgba(15, 13, 12, .98);
  --palette-header-bg-end: rgba(15, 13, 12, .95);
  --palette-header-collapsed-bg-start: rgba(15, 13, 12, .99);
  --palette-header-collapsed-bg-end: rgba(15, 13, 12, .96);
  --palette-text-primary: #f5f0ea;
  --palette-text-secondary: #cdc5bc;
  --palette-text-disabled: rgba(245, 240, 234, .38);
  --palette-text-inverted: #0f0d0c;
  --palette-border-main: #4a4440;
  --palette-border-light: rgba(245, 240, 234, .12);
  --palette-border-lighter: rgba(245, 240, 234, .05);
  --palette-border-medium: #3d3833;
  --palette-success-main: #34d399;
  --palette-success-light: #064e3b;
  --palette-success-dark: #10b981;
  --palette-success-border: #065f46;
  --palette-error-main: #fb7185;
  --palette-error-light: #4c0519;
  --palette-error-dark: #f43f5e;
  --palette-on-error: #fff;
  --palette-error-border: #881337;
  --palette-warning-main: #fbbf24;
  --palette-warning-light: #451a03;
  --palette-warning-dark: #f59e0b;
  --palette-on-warning: #1c1917;
  --palette-warning-border: #78350f;
  --palette-info-main: #38bdf8;
  --palette-info-light: #0c4a6e;
  --palette-info-dark: #0284c7;
  --palette-on-info: #fff;
  --palette-info-border: #075985;
  --palette-accent-main: #3b5ba3;
  --palette-accent-light: #5a7cc4;
  --palette-accent-dark: #1e3a73;
  --palette-on-accent: #fff;
  --palette-control-main: #6bc4d1;
  --palette-control-light: #8fd5de;
  --palette-control-text: #0a1a1d;
  --palette-control-border: #3ca6b6;
}

html[data-palette="ocean"]:not([data-theme="dark"]), html[data-palette="ocean"][data-theme="light"] {
  --palette-primary-main: #0891b2;
  --palette-primary-light: #22d3ee;
  --palette-primary-dark: #164e63;
  --palette-on-primary: #fff;
  --palette-secondary-main: #0f766e;
  --palette-secondary-light: #14b8a6;
  --palette-secondary-dark: #134e4a;
  --palette-on-secondary: #fff;
  --palette-surface-main: #f0fdfa;
  --palette-surface-variant: #ccfbf1;
  --palette-surface-elevated: #fff;
  --palette-on-surface: #164e63;
  --palette-background-main: #ecfeff;
  --palette-background-dark: #cffafe;
  --palette-background-overlay: rgba(236, 254, 255, .95);
  --palette-on-background: #0f766e;
  --palette-header-bg-start: rgba(236, 254, 255, .98);
  --palette-header-bg-end: rgba(236, 254, 255, .95);
  --palette-header-collapsed-bg-start: rgba(236, 254, 255, .99);
  --palette-header-collapsed-bg-end: rgba(236, 254, 255, .96);
  --palette-text-primary: #164e63;
  --palette-text-secondary: #0891b2;
  --palette-text-disabled: rgba(22, 78, 99, .38);
  --palette-text-inverted: #fff;
  --palette-border-main: #a7f3d0;
  --palette-border-light: rgba(22, 78, 99, .12);
  --palette-border-lighter: rgba(22, 78, 99, .05);
  --palette-border-medium: #67e8f9;
  --palette-success-main: #059669;
  --palette-success-light: #d1fae5;
  --palette-success-dark: #065f46;
  --palette-success-border: #a7f3d0;
  --palette-error-main: #ef4444;
  --palette-error-light: #fee2e2;
  --palette-error-dark: #7f1d1d;
  --palette-on-error: #fff;
  --palette-error-border: #fecaca;
  --palette-warning-main: #f59e0b;
  --palette-warning-light: #fef3c7;
  --palette-warning-dark: #78350f;
  --palette-on-warning: #000;
  --palette-warning-border: #fde68a;
  --palette-info-main: #0ea5e9;
  --palette-info-light: #e0f2fe;
  --palette-info-dark: #0c4a6e;
  --palette-on-info: #fff;
  --palette-info-border: #7dd3fc;
  --palette-accent-main: #f97316;
  --palette-accent-light: #fb923c;
  --palette-accent-dark: #ea580c;
  --palette-on-accent: #fff;
  --palette-control-main: #0c4a6e;
  --palette-control-light: #075985;
  --palette-control-text: #cffafe;
  --palette-control-border: #0891b2;
}

html[data-palette="ocean"][data-theme="dark"] {
  --palette-primary-main: #22d3ee;
  --palette-primary-light: #67e8f9;
  --palette-primary-dark: #0891b2;
  --palette-on-primary: #0a1a1f;
  --palette-secondary-main: #5eead4;
  --palette-secondary-light: #99f6e4;
  --palette-secondary-dark: #14b8a6;
  --palette-on-secondary: #0a1a1f;
  --palette-surface-main: #122830;
  --palette-surface-variant: #1a3a45;
  --palette-surface-elevated: #0e7490;
  --palette-on-surface: #cffafe;
  --palette-background-main: #040a0d;
  --palette-background-dark: #0a1418;
  --palette-background-overlay: rgba(10, 26, 31, .95);
  --palette-on-background: #5eead4;
  --palette-header-bg-start: rgba(4, 10, 13, .98);
  --palette-header-bg-end: rgba(4, 10, 13, .95);
  --palette-header-collapsed-bg-start: rgba(4, 10, 13, .99);
  --palette-header-collapsed-bg-end: rgba(4, 10, 13, .96);
  --palette-text-primary: #cffafe;
  --palette-text-secondary: #a5f3fc;
  --palette-text-disabled: rgba(207, 250, 254, .38);
  --palette-text-inverted: #020617;
  --palette-border-main: #155e75;
  --palette-border-light: rgba(207, 250, 254, .12);
  --palette-border-lighter: rgba(207, 250, 254, .05);
  --palette-border-medium: #0c4a6e;
  --palette-success-main: #34d399;
  --palette-success-light: #065f46;
  --palette-success-dark: #10b981;
  --palette-success-border: #047857;
  --palette-error-main: #f87171;
  --palette-error-light: #7f1d1d;
  --palette-error-dark: #ef4444;
  --palette-error-border: #991b1b;
  --palette-warning-main: #fb7185;
  --palette-warning-light: #881337;
  --palette-warning-dark: #e11d48;
  --palette-warning-border: #be123c;
  --palette-info-main: #0ea5e9;
  --palette-info-light: #0c4a6e;
  --palette-info-dark: #38bdf8;
  --palette-on-info: #020617;
  --palette-info-border: #0284c7;
  --palette-accent-main: #ea580c;
  --palette-accent-light: #fb923c;
  --palette-accent-dark: #c2410c;
  --palette-on-accent: #cffafe;
  --palette-control-main: #164e63;
  --palette-control-light: #0e7490;
  --palette-control-text: #ecfeff;
  --palette-control-border: #155e75;
}

html[data-palette="spring"]:not([data-theme="dark"]), html[data-palette="spring"][data-theme="light"] {
  --palette-primary-main: #16a34a;
  --palette-primary-light: #4ade80;
  --palette-primary-dark: #15803d;
  --palette-on-primary: #fff;
  --palette-secondary-main: #ec4899;
  --palette-secondary-light: #f472b6;
  --palette-secondary-dark: #be185d;
  --palette-on-secondary: #fff;
  --palette-surface-main: #f7fee7;
  --palette-surface-variant: #d9f7be;
  --palette-surface-elevated: #fff;
  --palette-on-surface: #14532d;
  --palette-background-main: #f0fdf4;
  --palette-background-dark: #dcfce7;
  --palette-background-overlay: rgba(240, 253, 244, .95);
  --palette-on-background: #166534;
  --palette-text-primary: #14532d;
  --palette-text-secondary: #166534;
  --palette-text-disabled: rgba(20, 83, 45, .38);
  --palette-text-inverted: #fff;
  --palette-border-main: #bbf7d0;
  --palette-border-light: rgba(20, 83, 45, .12);
  --palette-border-lighter: rgba(20, 83, 45, .05);
  --palette-border-medium: #86efac;
  --palette-success-main: #22c55e;
  --palette-success-light: #dcfce7;
  --palette-success-dark: #15803d;
  --palette-success-border: #bbf7d0;
  --palette-error-main: #f43f5e;
  --palette-error-light: #ffe4e6;
  --palette-error-dark: #881337;
  --palette-on-error: #fff;
  --palette-error-border: #fecdd3;
  --palette-warning-main: #eab308;
  --palette-warning-light: #fefce8;
  --palette-warning-dark: #713f12;
  --palette-on-warning: #000;
  --palette-warning-border: #fef08a;
  --palette-info-main: #0ea5e9;
  --palette-info-light: #e0f2fe;
  --palette-info-dark: #0c4a6e;
  --palette-on-info: #14532d;
  --palette-info-border: #7dd3fc;
  --palette-accent-main: #ec4899;
  --palette-accent-light: #fce7f3;
  --palette-accent-dark: #be185d;
  --palette-on-accent: #fff;
  --palette-control-main: #365314;
  --palette-control-light: #4d7c0f;
  --palette-control-text: #ecfdf5;
  --palette-control-border: #65a30d;
}

html[data-palette="spring"][data-theme="dark"] {
  --palette-primary-main: #4ade80;
  --palette-primary-light: #86efac;
  --palette-primary-dark: #16a34a;
  --palette-on-primary: #0f1f0f;
  --palette-secondary-main: #f472b6;
  --palette-secondary-light: #f9a8d4;
  --palette-secondary-dark: #ec4899;
  --palette-on-secondary: #0f1f0f;
  --palette-surface-main: #162816;
  --palette-surface-variant: #1f351f;
  --palette-surface-elevated: #2d4a2d;
  --palette-on-surface: #dcfce7;
  --palette-background-main: #060b06;
  --palette-background-dark: #0c140c;
  --palette-background-overlay: rgba(6, 11, 6, .95);
  --palette-on-background: #bbf7d0;
  --palette-header-bg-start: rgba(6, 11, 6, .98);
  --palette-header-bg-end: rgba(6, 11, 6, .95);
  --palette-header-collapsed-bg-start: rgba(6, 11, 6, .99);
  --palette-header-collapsed-bg-end: rgba(6, 11, 6, .96);
  --palette-text-primary: #dcfce7;
  --palette-text-secondary: #bbf7d0;
  --palette-text-disabled: rgba(220, 252, 231, .38);
  --palette-text-inverted: #0a120a;
  --palette-border-main: #166534;
  --palette-border-light: rgba(220, 252, 231, .12);
  --palette-border-lighter: rgba(220, 252, 231, .05);
  --palette-border-medium: #14532d;
  --palette-success-main: #22c55e;
  --palette-success-light: #14532d;
  --palette-success-dark: #4ade80;
  --palette-success-border: #166534;
  --palette-error-main: #f472b6;
  --palette-error-light: #881337;
  --palette-error-dark: #ec4899;
  --palette-error-border: #be185d;
  --palette-warning-main: #facc15;
  --palette-warning-light: #713f12;
  --palette-warning-dark: #eab308;
  --palette-warning-border: #a16207;
  --palette-info-main: #06b6d4;
  --palette-info-light: #164e63;
  --palette-info-dark: #22d3ee;
  --palette-on-info: #0a120a;
  --palette-info-border: #0891b2;
  --palette-accent-main: #f472b6;
  --palette-accent-light: #fce7f3;
  --palette-accent-dark: #db2777;
  --palette-on-accent: #dcfce7;
  --palette-control-main: #1a2e1a;
  --palette-control-light: #2d4a2d;
  --palette-control-text: #dcfce7;
  --palette-control-border: #166534;
}

html[data-palette="winter"]:not([data-theme="dark"]), html[data-palette="winter"][data-theme="light"] {
  --palette-primary-main: #0077be;
  --palette-primary-light: #5ba3d0;
  --palette-primary-dark: #005082;
  --palette-on-primary: #fff;
  --palette-secondary-main: #4682b4;
  --palette-secondary-light: #7ba7cc;
  --palette-secondary-dark: #2e5984;
  --palette-on-secondary: #fff;
  --palette-surface-main: #fafbfc;
  --palette-surface-variant: #e2e8f0;
  --palette-surface-elevated: #fff;
  --palette-on-surface: #0f172a;
  --palette-background-main: #f8fafc;
  --palette-background-dark: #f1f5f9;
  --palette-background-overlay: rgba(248, 250, 252, .95);
  --palette-on-background: #475569;
  --palette-header-bg-start: rgba(248, 250, 252, .98);
  --palette-header-bg-end: rgba(248, 250, 252, .95);
  --palette-header-collapsed-bg-start: rgba(248, 250, 252, .99);
  --palette-header-collapsed-bg-end: rgba(248, 250, 252, .96);
  --palette-text-primary: #0f172a;
  --palette-text-secondary: #475569;
  --palette-text-disabled: rgba(15, 23, 42, .38);
  --palette-text-inverted: #fff;
  --palette-border-main: #cbd5e1;
  --palette-border-light: rgba(15, 23, 42, .12);
  --palette-border-lighter: rgba(15, 23, 42, .05);
  --palette-border-medium: #94a3b8;
  --palette-success-main: #059669;
  --palette-success-light: #d1fae5;
  --palette-success-dark: #064e3b;
  --palette-success-border: #a7f3d0;
  --palette-error-main: #dc2626;
  --palette-error-light: #fee2e2;
  --palette-error-dark: #7f1d1d;
  --palette-on-error: #fff;
  --palette-error-border: #fecaca;
  --palette-warning-main: #d97706;
  --palette-warning-light: #fef3c7;
  --palette-warning-dark: #92400e;
  --palette-on-warning: #000;
  --palette-warning-border: #fde68a;
  --palette-info-main: #0284c7;
  --palette-info-light: #e0f2fe;
  --palette-info-dark: #0c4a6e;
  --palette-on-info: #fff;
  --palette-info-border: #7dd3fc;
  --palette-accent-main: #ec4899;
  --palette-accent-light: #fce7f3;
  --palette-accent-dark: #be185d;
  --palette-on-accent: #fff;
  --palette-control-main: #1e293b;
  --palette-control-light: #334155;
  --palette-control-text: #e2e8f0;
  --palette-control-border: #475569;
}

html[data-palette="winter"][data-theme="dark"] {
  --palette-primary-main: #7dd3fc;
  --palette-primary-light: #bae6fd;
  --palette-primary-dark: #0369a1;
  --palette-on-primary: #020617;
  --palette-secondary-main: #94a3b8;
  --palette-secondary-light: #cbd5e1;
  --palette-secondary-dark: #64748b;
  --palette-on-secondary: #020617;
  --palette-surface-main: #172033;
  --palette-surface-variant: #1e293b;
  --palette-surface-elevated: #334155;
  --palette-on-surface: #f8fafc;
  --palette-background-main: #04080f;
  --palette-background-dark: #0a1018;
  --palette-background-overlay: rgba(15, 23, 42, .95);
  --palette-on-background: #cbd5e1;
  --palette-header-bg-start: rgba(4, 8, 15, .98);
  --palette-header-bg-end: rgba(4, 8, 15, .95);
  --palette-header-collapsed-bg-start: rgba(4, 8, 15, .99);
  --palette-header-collapsed-bg-end: rgba(4, 8, 15, .96);
  --palette-text-primary: #f8fafc;
  --palette-text-secondary: #cbd5e1;
  --palette-text-disabled: rgba(248, 250, 252, .38);
  --palette-text-inverted: #020617;
  --palette-border-main: #475569;
  --palette-border-light: rgba(248, 250, 252, .12);
  --palette-border-lighter: rgba(248, 250, 252, .05);
  --palette-border-medium: #334155;
  --palette-success-main: #34d399;
  --palette-success-light: #064e3b;
  --palette-success-dark: #10b981;
  --palette-success-border: #065f46;
  --palette-error-main: #f87171;
  --palette-error-light: #7f1d1d;
  --palette-error-dark: #ef4444;
  --palette-error-border: #991b1b;
  --palette-warning-main: #fb923c;
  --palette-warning-light: #9a3412;
  --palette-warning-dark: #f97316;
  --palette-warning-border: #c2410c;
  --palette-info-main: #38bdf8;
  --palette-info-light: #0c4a6e;
  --palette-info-dark: #0ea5e9;
  --palette-on-info: #020617;
  --palette-info-border: #0284c7;
  --palette-accent-main: #f472b6;
  --palette-accent-light: #fce7f3;
  --palette-accent-dark: #db2777;
  --palette-on-accent: #f8fafc;
  --palette-control-main: #1e293b;
  --palette-control-light: #334155;
  --palette-control-text: #e2e8f0;
  --palette-control-border: #475569;
}

html[data-palette="cosmic"]:not([data-theme="dark"]), html[data-palette="cosmic"][data-theme="light"] {
  --palette-primary-main: #8b5cf6;
  --palette-primary-light: #a78bfa;
  --palette-primary-dark: #7c3aed;
  --palette-on-primary: #fff;
  --palette-secondary-main: #8b5cf6;
  --palette-secondary-light: #c4b5fd;
  --palette-secondary-dark: #6d28d9;
  --palette-on-secondary: #fff;
  --palette-surface-main: #faf7ff;
  --palette-surface-variant: #f3e8ff;
  --palette-surface-elevated: #fff;
  --palette-on-surface: #4c1d95;
  --palette-background-main: #fef7ff;
  --palette-background-dark: #fae8ff;
  --palette-background-overlay: rgba(254, 247, 255, .95);
  --palette-on-background: #6b21a8;
  --palette-header-bg-start: rgba(254, 247, 255, .98);
  --palette-header-bg-end: rgba(254, 247, 255, .95);
  --palette-header-collapsed-bg-start: rgba(254, 247, 255, .99);
  --palette-header-collapsed-bg-end: rgba(254, 247, 255, .96);
  --palette-text-primary: #4c1d95;
  --palette-text-secondary: #7c3aed;
  --palette-text-disabled: rgba(76, 29, 149, .38);
  --palette-text-inverted: #fff;
  --palette-border-main: #c4b5fd;
  --palette-border-light: rgba(76, 29, 149, .12);
  --palette-border-lighter: rgba(76, 29, 149, .05);
  --palette-border-medium: #a78bfa;
  --palette-success-main: #10b981;
  --palette-success-light: #d1fae5;
  --palette-success-dark: #047857;
  --palette-success-border: #6ee7b7;
  --palette-error-main: #ef4444;
  --palette-error-light: #fee2e2;
  --palette-error-dark: #b91c1c;
  --palette-on-error: #fff;
  --palette-error-border: #fecaca;
  --palette-warning-main: #f59e0b;
  --palette-warning-light: #fef3c7;
  --palette-warning-dark: #b45309;
  --palette-on-warning: #000;
  --palette-warning-border: #fde68a;
  --palette-info-main: #3b82f6;
  --palette-info-light: #dbeafe;
  --palette-info-dark: #1d4ed8;
  --palette-on-info: #fff;
  --palette-info-border: #93c5fd;
  --palette-accent-main: #ec4899;
  --palette-accent-light: #f472b6;
  --palette-accent-dark: #be185d;
  --palette-on-accent: #fff;
  --palette-control-main: #1e1b4b;
  --palette-control-light: #3730a3;
  --palette-control-text: #e0e7ff;
  --palette-control-border: #8b5cf6;
}

html[data-palette="cosmic"][data-theme="dark"] {
  --palette-primary-main: #a78bfa;
  --palette-primary-light: #c4b5fd;
  --palette-primary-dark: #8b5cf6;
  --palette-on-primary: #1e1b4b;
  --palette-secondary-main: #c4b5fd;
  --palette-secondary-light: #ddd6fe;
  --palette-secondary-dark: #a78bfa;
  --palette-on-secondary: #1e1b4b;
  --palette-surface-main: #252059;
  --palette-surface-variant: #312e81;
  --palette-surface-elevated: #3730a3;
  --palette-on-surface: #e0e7ff;
  --palette-background-main: #0a0818;
  --palette-background-dark: #12101f;
  --palette-background-overlay: rgba(10, 8, 24, .95);
  --palette-on-background: #c4b5fd;
  --palette-header-bg-start: rgba(10, 8, 24, .98);
  --palette-header-bg-end: rgba(10, 8, 24, .95);
  --palette-header-collapsed-bg-start: rgba(10, 8, 24, .99);
  --palette-header-collapsed-bg-end: rgba(10, 8, 24, .96);
  --palette-text-primary: #e0e7ff;
  --palette-text-secondary: #c4b5fd;
  --palette-text-disabled: rgba(224, 231, 255, .38);
  --palette-text-inverted: #0f0c29;
  --palette-border-main: #4338ca;
  --palette-border-light: rgba(224, 231, 255, .12);
  --palette-border-lighter: rgba(224, 231, 255, .05);
  --palette-border-medium: #312e81;
  --palette-success-main: #34d399;
  --palette-success-light: #047857;
  --palette-success-dark: #10b981;
  --palette-success-border: #065f46;
  --palette-error-main: #f87171;
  --palette-error-light: #b91c1c;
  --palette-error-dark: #ef4444;
  --palette-error-border: #991b1b;
  --palette-warning-main: #fb7185;
  --palette-warning-light: #881337;
  --palette-warning-dark: #e11d48;
  --palette-warning-border: #be123c;
  --palette-info-main: #60a5fa;
  --palette-info-light: #1d4ed8;
  --palette-info-dark: #3b82f6;
  --palette-on-info: #0f0c29;
  --palette-info-border: #2563eb;
  --palette-accent-main: #f472b6;
  --palette-accent-light: #f9a8d4;
  --palette-accent-dark: #ec4899;
  --palette-on-accent: #0f0c29;
  --palette-control-main: #312e81;
  --palette-control-light: #4338ca;
  --palette-control-text: #f3f4f6;
  --palette-control-border: #4338ca;
}

@media (max-width: 600px) {
  .cover-image-header .MuiButton-root .MuiButton-startIcon + * {
    display: none;
  }

  .cover-image-header .MuiButton-root {
    min-width: 36px;
    padding: 6px 8px;
  }
}

.dynamic-logo {
  transition: all .3s;
}

.dynamic-logo:hover {
  transform: scale(1.05);
}

.logo-first-part {
  fill: var(--theme-primary);
  transition: fill .3s;
}

.logo-second-part {
  fill: var(--theme-accent);
  transition: fill .3s;
}

.logo-badge {
  fill: var(--theme-warning);
  transition: fill .3s;
}

.logo-badge-circle {
  opacity: .9;
}

.logo-badge-star {
  fill: var(--theme-accent, var(--theme-warning));
  opacity: .8;
}

.logo-badge-square {
  fill: var(--theme-info, var(--theme-warning));
  opacity: .7;
}

.logo-badge-heart {
  fill: var(--theme-error, var(--theme-warning));
  opacity: .8;
}

.logo-tiny, .logo-tiny .logo-first-part, .logo-tiny .logo-second-part {
  font-size: 16px;
}

.logo-small, .logo-small .logo-first-part, .logo-small .logo-second-part {
  font-size: 20px;
}

.logo-medium, .logo-medium .logo-first-part, .logo-medium .logo-second-part {
  font-size: 28px;
}

.logo-large, .logo-large .logo-first-part, .logo-large .logo-second-part {
  font-size: 36px;
}

.logo-extra-large, .logo-extra-large .logo-first-part, .logo-extra-large .logo-second-part {
  font-size: 48px;
}

.dynamic-logo.logo-high-contrast .logo-first-part {
  filter: drop-shadow(0 0 2px var(--theme-accent));
  opacity: 1;
}

.dynamic-logo.logo-high-contrast .logo-second-part {
  filter: drop-shadow(0 0 2px var(--theme-warning));
  opacity: 1;
}

.dynamic-logo.logo-high-contrast .logo-badge {
  filter: drop-shadow(0 0 2px var(--theme-primary));
  opacity: 1;
}

.dynamic-logo.logo-monochrome .logo-first-part, .dynamic-logo.logo-monochrome .logo-second-part {
  fill: #000;
  font-weight: 900;
}

.dynamic-logo.logo-monochrome .logo-badge {
  fill: #000;
  opacity: .8;
}

html[data-theme="dark"] .dynamic-logo.logo-monochrome .logo-badge, html[data-theme="dark"] .dynamic-logo.logo-monochrome .logo-first-part, html[data-theme="dark"] .dynamic-logo.logo-monochrome .logo-second-part {
  fill: #fff;
}

.dynamic-logo.logo-on-primary .logo-first-part {
  fill: var(--theme-text-inverted, #fff);
  font-weight: 700;
}

.dynamic-logo.logo-on-primary .logo-second-part {
  fill: var(--theme-accent-light, #60a5fa);
  font-weight: 700;
}

.dynamic-logo.logo-on-primary .logo-badge {
  fill: var(--theme-warning, #ffb020);
  opacity: .9;
}

.dynamic-logo.colorway-accent .logo-first-part {
  fill: var(--theme-accent, var(--theme-success));
}

.dynamic-logo.colorway-accent .logo-second-part {
  fill: var(--theme-info);
}

.dynamic-logo.colorway-accent .logo-badge {
  fill: var(--theme-error);
}

.dynamic-logo.colorway-vibrant .logo-first-part {
  fill: var(--theme-primary);
}

.dynamic-logo.colorway-vibrant .logo-second-part {
  fill: var(--theme-accent, var(--theme-success));
}

.dynamic-logo.colorway-vibrant .logo-badge {
  fill: var(--theme-warning);
}

.dynamic-logo.logo-default .logo-first-part {
  fill: var(--theme-primary, #3b82f6);
}

.dynamic-logo.logo-default .logo-second-part {
  fill: var(--theme-accent, var(--theme-secondary, #6366f1));
}

.dynamic-logo.logo-default .logo-badge {
  fill: var(--theme-warning, #f59e0b);
}

.custom-first-part {
  fill: #ff6b35 !important;
  font-weight: 900 !important;
}

.custom-second-part {
  fill: #004e89 !important;
  font-weight: 200 !important;
}

.custom-styling {
  filter: drop-shadow(0 0 3px rgba(255, 107, 53, .4));
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
}

.gradient-text {
  fill: url("#textGradient");
  font-weight: 600;
}

.page {
  --page-background: var(--theme-surface, #fff);
  --page-text-color: var(--theme-on-surface, #000);
  --page-padding-none: 0;
  --page-padding-small: var(--theme-spacing-small, 1rem);
  --page-padding-medium: var(--theme-spacing-medium, 1.5rem);
  --page-padding-large: var(--theme-spacing-large, 2rem);
  --print-page-size: A4;
  --print-page-margins: 12mm;
  --print-background: transparent;
  --print-background-first-page: var(--print-background, transparent);
  --print-header-height: 0px;
  --print-footer-height: 0px;
  background: var(--page-background);
  color: var(--page-text-color);
  width: 100%;
  min-height: 100%;
}

.page-content {
  color: inherit;
  line-height: var(--theme-line-height, 1.6);
  background: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
}

.page-variant-centered {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.page-variant-narrow {
  max-width: var(--page-max-width-narrow, 600px);
  margin: 0 auto;
}

.page-variant-wide {
  max-width: var(--page-max-width-wide, 1400px);
  margin: 0 auto;
}

.page-variant-fullwidth {
  width: 100%;
  max-width: none;
}

.page-padding-none {
  padding: var(--page-padding-none);
}

.page-padding-small {
  padding: var(--page-padding-small);
}

.page-padding-medium {
  padding: var(--page-padding-medium);
}

.page-padding-large {
  padding: var(--page-padding-large);
}

.page-background-default {
  background: none;
}

.page-background-surface {
  background: var(--theme-surface);
}

.page-background-alternate {
  background: var(--theme-surface-variant);
}

.page-max-width-small {
  max-width: var(--page-max-width-small, 600px);
  margin-left: auto;
  margin-right: auto;
}

.page-max-width-medium {
  max-width: var(--page-max-width-medium, 800px);
  margin-left: auto;
  margin-right: auto;
}

.page-max-width-large {
  max-width: var(--page-max-width-large, 1200px);
  margin-left: auto;
  margin-right: auto;
}

.page-max-width-extra-large {
  max-width: var(--page-max-width-extra-large, 1400px);
  margin-left: auto;
  margin-right: auto;
}

.page-max-width-none {
  max-width: none;
}

@media print {
  @page {
    size: A4;
    margin: 12mm;
  }

  .page-print-mode {
    box-sizing: border-box;
    width: 100vw;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    overflow: visible;
    max-width: none !important;
  }

  .page-print-mode, .page-print-mode.has-background:before {
    background: var(--print-background, transparent);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .page-print-mode.has-background:before {
    background-position: var(--print-background-position, center);
    background-repeat: var(--print-background-repeat, no-repeat);
    background-size: var(--print-background-size, cover);
    content: "";
    z-index: -1;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .page-print-mode.has-background:first-child:before {
    background: var(--print-background-first-page, var(--print-background, transparent));
  }

  .page-print-header {
    align-items: var(--print-header-align-items, center);
    background: var(--print-header-background, transparent);
    box-sizing: border-box;
    display: var(--print-header-display, flex);
    height: var(--print-header-height, 0);
    justify-content: var(--print-header-justify-content, flex-start);
    max-height: var(--print-header-height, 0);
    min-height: var(--print-header-height, 0);
    overflow: var(--print-header-overflow, hidden);
    z-index: 1000;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .page-print-footer-first-page, .page-print-header-first-page {
    display: none !important;
  }

  .page-print-footer {
    align-items: var(--print-footer-align-items, center);
    background: var(--print-footer-background, transparent);
    box-sizing: border-box;
    display: var(--print-footer-display, flex);
    height: var(--print-footer-height, 0);
    justify-content: var(--print-footer-justify-content, center);
    max-height: var(--print-footer-height, 0);
    min-height: var(--print-footer-height, 0);
    overflow: var(--print-footer-overflow, hidden);
    z-index: 1000;
    margin: 0;
    padding: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .page-print-footer *, .page-print-header * {
    box-sizing: border-box;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    max-height: 100%;
  }

  .page-print-mode .page-content {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    width: 100%;
    overflow: visible;
    box-sizing: border-box !important;
    padding: 0 !important;
    padding-bottom: var(--print-footer-height, 0) !important;
    padding-top: var(--print-header-height, 0) !important;
    background: none !important;
    outline: none !important;
    margin: 0 !important;
  }

  .page-print-mode .page-content * {
    position: relative !important;
  }

  .page-print-mode .page-content > * {
    margin-top: 0 !important;
  }

  .page-print-mode .page-error, .page-print-mode .page-header-actions, .page-print-mode .page-loading, .page-print-mode [data-print-hide="true"], .page-print-mode button:not(.page-print-header button):not(.page-print-footer button), .page-print-mode ~ .app-footer, .page-print-mode ~ [data-testid="footer"], .page-print-mode ~ footer {
    display: none !important;
  }

  .page-print-mode a {
    color: inherit;
    text-decoration: none;
  }

  .page-print-mode, .page-print-mode * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .page-print-mode * {
    box-sizing: border-box;
  }

  .page-break-before {
    break-before: page;
    page-break-before: always;
  }

  .page-break-after {
    break-after: page;
    page-break-after: always;
  }

  .page-break-inside-avoid {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .page-break-inside-auto {
    break-inside: auto;
    page-break-inside: auto;
  }

  .page-print-mode .page-content:after, .page-print-mode .page-content:before {
    content: "";
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .page-padding-medium {
    padding: var(--page-padding-small);
  }

  .page-padding-large {
    padding: var(--page-padding-medium);
  }

  .page-max-width-extra-large, .page-max-width-large, .page-max-width-medium, .page-max-width-small {
    margin-left: var(--theme-spacing-small, 1rem);
    margin-right: var(--theme-spacing-small, 1rem);
    max-width: calc(100% - var(--theme-spacing-small, 1rem) * 2);
  }
}

@media (prefers-contrast: high) {
  .page {
    background: var(--theme-surface-high-contrast, var(--theme-surface));
    color: var(--theme-on-surface-high-contrast, var(--theme-on-surface));
  }
}

@media (prefers-reduced-motion: reduce) {
  .page * {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

.app-scaffold {
  --appbar-height: 64px;
  --bottom-nav-height: 80px;
  --rail-width-collapsed: 80px;
  --rail-width-expanded: 280px;
  --touch-target-size: 48px;
  --menu-bg: var(--theme-surface);
  --menu-text: var(--theme-on-surface);
  --menu-hover: var(--theme-surface-variant);
  --menu-active: var(--theme-primary);
  --menu-active-text: var(--theme-on-primary);
  --menu-border: var(--theme-outline-variant);
  --menu-shadow: rgba(0, 0, 0, .1);
  --scaffold-background: var(--theme-background);
  --scaffold-surface: var(--theme-surface);
  --scaffold-on-surface: var(--theme-on-surface);
  --scaffold-primary: var(--theme-primary);
  --scaffold-on-primary: var(--theme-on-primary);
  --scaffold-outline: var(--theme-border-main);
  --scaffold-shadow: var(--theme-elevation-2);
  background: var(--scaffold-background);
  font-family: var(--theme-font-family, "Segoe UI", sans-serif);
  min-height: 100vh;
  position: relative;
}

.app-scaffold-appbar {
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  background: var(--scaffold-surface);
  border-bottom: 1px solid var(--scaffold-outline);
  box-shadow: var(--scaffold-shadow);
  isolation: isolate;
  z-index: 1100;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.appbar-content {
  align-items: center;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
}

.appbar-center, .appbar-left, .appbar-right {
  align-items: center;
  gap: 8px;
  display: flex;
}

.appbar-left {
  flex: none;
}

.appbar-center {
  flex: 1;
  justify-content: center;
  position: relative;
}

.appbar-right {
  flex: none;
}

.appbar-logo {
  align-items: center;
  height: 40px;
  display: flex;
}

.appbar-navigation {
  align-items: center;
  gap: 4px;
  display: flex;
}

.appbar-actions, .appbar-page-actions, .appbar-theme-controls {
  align-items: center;
  gap: 8px;
  display: flex;
}

.menu-button {
  color: var(--scaffold-on-surface);
  cursor: pointer;
  height: var(--touch-target-size);
  width: var(--touch-target-size);
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: background-color .2s;
  display: flex;
}

.menu-button:hover {
  background: rgba(0, 0, 0, .04);
}

.menu-button:active {
  background: rgba(0, 0, 0, .08);
}

.hamburger-icon span {
  background: currentColor;
  border-radius: 1px;
  width: 100%;
  height: 2px;
  transition: all .3s;
  display: block;
}

.menu-item {
  color: var(--scaffold-on-surface);
  min-height: var(--touch-target-size);
  min-width: var(--touch-target-size);
  border-radius: 12px;
  justify-content: center;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 500;
}

.menu-item:hover:not(.disabled) {
  background: rgba(0, 0, 0, .04);
}

.menu-item:active:not(.disabled) {
  background: rgba(0, 0, 0, .08);
}

.menu-item.active {
  background: var(--scaffold-primary);
  color: var(--scaffold-on-primary);
}

.menu-item.disabled {
  cursor: default;
  opacity: .38;
}

.menu-item-label {
  font-size: inherit;
  font-weight: inherit;
}

.menu-item-badge {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 16px;
  height: 16px;
  padding: 2px 6px;
  font-size: 11px;
  line-height: 1;
  display: flex;
  position: absolute;
  top: 6px;
  right: 6px;
}

.menu-item-appbar {
  flex-direction: row;
  gap: 8px;
  min-width: auto;
  padding: 8px 16px;
}

.menu-item-icon-appbar {
  width: 20px;
  height: 20px;
}

.menu-item-label-appbar {
  font-size: 14px;
}

.bottom-navigation {
  background: var(--scaffold-surface);
  border-top: 1px solid var(--scaffold-outline);
  height: var(--bottom-nav-height);
  z-index: 1000;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, .1);
}

.bottom-nav-items {
  justify-content: space-around;
  align-items: center;
  max-width: 600px;
  height: 100%;
  margin: 0 auto;
  padding: 0 8px;
  display: flex;
}

.menu-item-bottom {
  text-align: center;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 64px;
  max-width: 120px;
  padding: 8px 12px;
}

.menu-item-icon-bottom {
  width: 24px;
  height: 24px;
  margin: 0 auto;
}

.menu-item-label-bottom {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}

.navigation-rail {
  background: var(--scaffold-surface);
  border-right: 1px solid var(--scaffold-outline);
  bottom: 0;
  left: 0;
  top: var(--appbar-height);
  z-index: 1000;
  transition: width .3s;
  position: fixed;
  overflow: hidden;
  box-shadow: 2px 0 8px rgba(0, 0, 0, .1);
}

.navigation-rail.collapsed {
  width: var(--rail-width-collapsed);
}

.navigation-rail.expanded {
  width: var(--rail-width-expanded);
}

.rail-items {
  flex-direction: column;
  gap: 4px;
  height: 100%;
  padding: 12px;
  display: flex;
  overflow-y: auto;
}

.menu-item-rail {
  min-width: var(--touch-target-size);
  flex-direction: row;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 16px;
}

.collapsed .menu-item-rail {
  justify-content: center;
  padding: 12px;
}

.collapsed .menu-item-rail .menu-item-label {
  display: none;
}

.menu-item-icon-rail {
  width: 24px;
  height: 24px;
}

.menu-item-label-rail {
  font-size: 14px;
  font-weight: 500;
}

.drawer-overlay {
  z-index: 1200;
  background: rgba(0, 0, 0, .5);
  animation: .2s fadeIn;
  left: 0;
}

.drawer-overlay, .navigation-drawer {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
}

.navigation-drawer {
  background: var(--scaffold-surface, #fff);
  flex-direction: column;
  width: 320px;
  max-width: 80vw;
  animation: .3s slideInRight;
  display: flex;
  overflow: hidden;
  box-shadow: -5px 0 20px rgba(0, 0, 0, .2);
}

.drawer-header {
  border-bottom: 1px solid var(--scaffold-outline);
  min-height: var(--appbar-height);
  justify-content: space-between;
  padding: 16px 24px;
}

.drawer-header h3 {
  color: var(--scaffold-on-surface);
  margin: 0;
  font-size: 20px;
  font-weight: 500;
}

.drawer-close, .drawer-header {
  align-items: center;
  display: flex;
}

.drawer-close {
  color: var(--scaffold-on-surface);
  cursor: pointer;
  height: var(--touch-target-size);
  width: var(--touch-target-size);
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  font-size: 24px;
}

.drawer-close:hover {
  background: rgba(0, 0, 0, .04);
}

.drawer-items {
  flex: 1;
  padding: 8px;
  overflow-y: auto;
}

.drawer-section {
  margin-bottom: 16px;
}

.drawer-section h4 {
  color: var(--scaffold-primary);
  letter-spacing: .5px;
  text-transform: uppercase;
  margin: 0 0 8px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
}

.menu-item-drawer {
  flex-direction: row;
  justify-content: flex-start;
  gap: 16px;
  width: 100%;
  margin: 2px 0;
  padding: 12px 16px;
}

.menu-item-icon-drawer {
  width: 24px;
  height: 24px;
}

.menu-item-label-drawer {
  text-align: left;
  flex: 1;
  font-size: 16px;
  font-weight: 400;
}

.app-scaffold-content {
  background: var(--scaffold-background);
  box-sizing: border-box;
  min-height: 100vh;
  transition: padding .3s;
}

@media (max-width: 599px) {
  .appbar-content {
    padding: 0 8px;
  }

  .menu-button {
    width: 40px;
    height: 40px;
  }

  .bottom-nav-items {
    padding: 0 4px;
  }

  .menu-item-bottom {
    min-width: 56px;
  }
}

@media (min-width: 600px) and (max-width: 1023px) {
  .appbar-content {
    padding: 0 12px;
  }
}

@media (min-width: 1024px) {
  .appbar-content {
    padding: 0 16px;
  }
}

@media (prefers-contrast: high) {
  .menu-item:hover:not(.disabled) {
    outline: 2px solid var(--scaffold-on-surface);
    background: rgba(0, 0, 0, .1);
  }

  .menu-item.active {
    outline: 2px solid var(--scaffold-on-primary);
  }
}

@media (prefers-reduced-motion: reduce) {
  .app-scaffold-content, .hamburger-icon span, .menu-item, .navigation-rail {
    transition: none;
  }

  .drawer-overlay, .navigation-drawer {
    animation: none;
  }
}

@media (prefers-color-scheme: dark) {
  .app-scaffold {
    --scaffold-shadow: 0 2px 8px rgba(0, 0, 0, .3);
  }

  .menu-item:hover:not(.disabled) {
    background: rgba(255, 255, 255, .08);
  }

  .menu-item:active:not(.disabled) {
    background: rgba(255, 255, 255, .12);
  }

  .menu-button:hover {
    background: rgba(255, 255, 255, .08);
  }

  .menu-button:active {
    background: rgba(255, 255, 255, .12);
  }
}

.responsive-menu {
  --menu-bg: var(--theme-surface);
  --menu-text: var(--theme-on-surface);
  --menu-hover: var(--theme-surface-variant);
  --menu-active: var(--theme-primary);
  --menu-active-text: var(--theme-on-primary);
  --menu-border: var(--theme-outline-variant);
  --menu-shadow: rgba(0, 0, 0, .1);
  font-family: var(--theme-font-family, "Segoe UI", sans-serif);
  font-size: var(--theme-font-size-body, 14px);
  line-height: 1.5;
}

.menu-item {
  border-radius: var(--theme-border-radius, 8px);
  color: var(--menu-text);
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  background: none;
  border: none;
  align-items: center;
  gap: .75rem;
  min-height: 48px;
  padding: .75rem 1rem;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.menu-item:hover:not(.disabled) {
  background: var(--menu-hover);
  transform: translateY(-1px);
}

.menu-item:active:not(.disabled) {
  transform: translateY(0);
}

.menu-item.active {
  color: var(--menu-active);
  background: none;
  font-weight: 600;
}

.menu-item.disabled {
  cursor: not-allowed;
  opacity: .5;
}

.menu-item-icon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.menu-item-label {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.menu-item-badge {
  background: var(--theme-error, #dc2626);
  color: var(--theme-on-error, #fff);
  text-align: center;
  border-radius: 12px;
  min-width: 20px;
  padding: .125rem .375rem;
  font-size: .75rem;
  font-weight: 600;
}

.hamburger-icon {
  cursor: pointer;
  flex-direction: column;
  gap: 3px;
  width: 20px;
  height: 16px;
  display: flex;
}

.hamburger-icon span {
  background: currentColor;
  border-radius: 1px;
  width: 100%;
  height: 2px;
  transition: all .3s;
  display: block;
}

.mobile-bottom-nav {
  background: var(--menu-bg);
  border-top: 1px solid var(--menu-border);
  box-shadow: 0 -2px 10px var(--menu-shadow);
  z-index: 1000;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.mobile-bottom-nav .mobile-nav-items {
  -ms-overflow-style: none;
  scrollbar-width: none;
  justify-content: space-around;
  align-items: center;
  max-width: 100%;
  padding: .5rem 0;
  display: flex;
  overflow-x: auto;
}

.mobile-bottom-nav .mobile-nav-items::-webkit-scrollbar {
  display: none;
}

.mobile-bottom-nav .menu-item {
  text-align: center;
  flex-direction: column;
  flex: 1;
  gap: .25rem;
  min-width: 0;
  max-width: 100px;
  padding: .5rem .75rem;
}

.mobile-bottom-nav .menu-item .menu-item-icon {
  margin: 0 auto;
}

.mobile-bottom-nav .menu-item .menu-item-label {
  text-align: center;
  font-size: .75rem;
}

.tablet-nav-rail {
  background: var(--menu-bg);
  border-right: 1px solid var(--menu-border);
  box-shadow: 2px 0 10px var(--menu-shadow);
  z-index: 1000;
  height: 100vh;
  transition: width .3s;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}

.tablet-nav-rail.collapsed {
  width: 72px;
}

.tablet-nav-rail.expanded {
  width: 280px;
}

.tablet-nav-rail .nav-rail-header {
  border-bottom: 1px solid var(--menu-border);
  justify-content: space-between;
  align-items: center;
  min-height: 72px;
  padding: 1rem;
  display: flex;
}

.tablet-nav-rail .nav-rail-logo {
  flex: 1;
  transition: opacity .3s;
  overflow: hidden;
}

.tablet-nav-rail .nav-rail-toggle {
  border-radius: var(--theme-border-radius, 8px);
  color: var(--menu-text);
  cursor: pointer;
  background: none;
  border: none;
  padding: .5rem;
}

.tablet-nav-rail .nav-rail-toggle:hover {
  background: var(--menu-hover);
}

.tablet-nav-rail .nav-rail-items {
  flex-direction: column;
  gap: .5rem;
  height: calc(100vh - 72px);
  padding: 1rem;
  display: flex;
  overflow-y: auto;
}

.tablet-nav-rail.collapsed .nav-rail-logo {
  opacity: 0;
}

.tablet-nav-rail.collapsed .menu-item {
  justify-content: center;
}

.tablet-nav-rail.collapsed .menu-item .menu-item-label {
  display: none;
}

.desktop-top-nav {
  background: var(--menu-bg);
  border-bottom: 1px solid var(--menu-border);
  box-shadow: 0 2px 10px var(--menu-shadow);
  z-index: 1000;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.desktop-top-nav .top-nav-content {
  align-items: center;
  max-width: 1200px;
  height: 64px;
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
}

.desktop-top-nav .top-nav-logo.logo-left {
  margin-right: 2rem;
}

.desktop-top-nav .top-nav-logo.logo-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.desktop-top-nav .top-nav-logo.logo-right {
  margin-left: 2rem;
}

.desktop-top-nav .top-nav-items {
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.logo-left ~ :is(.desktop-top-nav .top-nav-items) {
  justify-content: flex-start;
}

.logo-right ~ :is(.desktop-top-nav .top-nav-items) {
  justify-content: flex-end;
}

.desktop-top-nav .menu-toggle {
  border-radius: var(--theme-border-radius, 8px);
  color: var(--menu-text);
  cursor: pointer;
  background: none;
  border: none;
  padding: .75rem;
}

.desktop-top-nav .menu-toggle:hover {
  background: var(--menu-hover);
}

.menu-drawer-overlay {
  z-index: 2000;
  background: rgba(0, 0, 0, .5);
  animation: .2s fadeIn;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.menu-drawer {
  background: var(--menu-bg);
  box-shadow: -5px 0 20px var(--menu-shadow);
  flex-direction: column;
  width: 320px;
  max-width: 90vw;
  height: 100vh;
  animation: .3s slideInRight;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
}

.menu-drawer .drawer-header {
  border-bottom: 1px solid var(--menu-border);
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
  display: flex;
}

.menu-drawer .drawer-header h3 {
  color: var(--menu-text);
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.menu-drawer .drawer-close {
  border-radius: var(--theme-border-radius, 8px);
  color: var(--menu-text);
  cursor: pointer;
  background: none;
  border: none;
  padding: .25rem;
  font-size: 1.5rem;
}

.menu-drawer .drawer-close:hover {
  background: var(--menu-hover);
}

.menu-drawer .drawer-items {
  flex-direction: column;
  flex: 1;
  gap: .5rem;
  padding: 1rem 2rem;
  display: flex;
  overflow-y: auto;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes slideInRight {
  0% {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

@media (max-width: 767px) {
  body {
    padding-bottom: 80px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  body {
    margin-left: 72px;
  }
}

@media (prefers-color-scheme: dark) {
  .responsive-menu {
    --menu-shadow: rgba(0, 0, 0, .3);
  }
}

html[data-theme="dark"] .responsive-menu {
  --menu-hover: var(--theme-surface-elevated, #353535);
  --menu-shadow: rgba(0, 0, 0, .4);
}

html[data-theme="dark"] .menu-item {
  color: var(--theme-on-surface, #fff);
}

html[data-theme="dark"] .menu-item:hover:not(.disabled) {
  background: var(--theme-surface-elevated, #353535);
  color: var(--theme-on-surface, #fff);
}

html[data-theme="dark"] .menu-item.active {
  color: var(--theme-primary-light, #87ceeb);
  background: none;
}

html[data-theme="dark"] .menu-item-icon {
  color: inherit;
  opacity: .9;
}

html[data-theme="dark"] .menu-item-label {
  color: inherit;
  font-weight: 500;
}

html[data-palette="default"]:not([data-theme="dark"]), html[data-palette="default"][data-theme="light"] {
  --palette-primary-main: #007bff;
  --palette-primary-light: #4a90e2;
  --palette-primary-dark: #0056b3;
  --palette-on-primary: #fff;
  --palette-secondary-main: #6c757d;
  --palette-secondary-light: #868e96;
  --palette-secondary-dark: #495057;
  --palette-on-secondary: #fff;
  --palette-surface-main: #fff;
  --palette-surface-variant: #f5f5f5;
  --palette-surface-elevated: #fff;
  --palette-on-surface: #000;
  --palette-background-main: #fff;
  --palette-background-dark: #fafafa;
  --palette-background-overlay: rgba(255, 255, 255, .95);
  --palette-on-background: #000;
  --palette-header-bg-start: rgba(255, 255, 255, .98);
  --palette-header-bg-end: rgba(255, 255, 255, .95);
  --palette-header-collapsed-bg-start: rgba(255, 255, 255, .99);
  --palette-header-collapsed-bg-end: rgba(255, 255, 255, .96);
  --palette-text-primary: #000;
  --palette-text-secondary: #666;
  --palette-text-disabled: rgba(0, 0, 0, .38);
  --palette-text-inverted: #fff;
  --palette-border-main: #e0e0e0;
  --palette-border-light: rgba(0, 0, 0, .12);
  --palette-border-lighter: rgba(0, 0, 0, .05);
  --palette-border-medium: #ccc;
  --palette-success-main: #28a745;
  --palette-success-light: #d4edda;
  --palette-success-dark: #155724;
  --palette-on-success: #fff;
  --palette-success-border: #c3e6cb;
  --palette-error-main: #dc3545;
  --palette-error-light: #f8d7da;
  --palette-error-dark: #721c24;
  --palette-on-error: #fff;
  --palette-error-border: #f5c6cb;
  --palette-warning-main: #ffc107;
  --palette-warning-light: #fff3cd;
  --palette-warning-dark: #856404;
  --palette-on-warning: #000;
  --palette-warning-border: #ffeeba;
  --palette-info-main: #007acc;
  --palette-info-light: #f0f8ff;
  --palette-info-dark: #058;
  --palette-on-info: #fff;
  --palette-info-border: #007acc;
  --palette-accent-main: #ff6b35;
  --palette-accent-light: #ffb3a0;
  --palette-accent-dark: #cc5429;
  --palette-on-accent: #fff;
  --palette-control-main: #1a1a1a;
  --palette-control-light: #2a2a2a;
  --palette-control-text: #ccc;
  --palette-control-border: #333;
}

html[data-palette="default"][data-theme="dark"] {
  --palette-primary-main: #4a90e2;
  --palette-primary-light: #87ceeb;
  --palette-primary-dark: #1a365d;
  --palette-on-primary: #fff;
  --palette-secondary-main: #868e96;
  --palette-secondary-light: #adb5bd;
  --palette-secondary-dark: #6c757d;
  --palette-on-secondary: #fff;
  --palette-surface-main: #1e1e1e;
  --palette-surface-variant: #2a2a2a;
  --palette-surface-elevated: #353535;
  --palette-on-surface: #fff;
  --palette-background-main: #121212;
  --palette-background-dark: #2a2a2a;
  --palette-background-overlay: rgba(30, 30, 30, .95);
  --palette-on-background: #fff;
  --palette-header-bg-start: rgba(18, 18, 18, .98);
  --palette-header-bg-end: rgba(18, 18, 18, .95);
  --palette-header-collapsed-bg-start: rgba(18, 18, 18, .99);
  --palette-header-collapsed-bg-end: rgba(18, 18, 18, .96);
  --palette-text-primary: #fff;
  --palette-text-secondary: #b0b0b0;
  --palette-text-disabled: rgba(255, 255, 255, .38);
  --palette-text-inverted: #000;
  --palette-border-main: #555;
  --palette-border-light: rgba(255, 255, 255, .12);
  --palette-border-lighter: rgba(255, 255, 255, .05);
  --palette-border-medium: #333;
  --palette-success-main: #4ade80;
  --palette-success-light: #064e3b;
  --palette-success-dark: #22c55e;
  --palette-on-success: #fff;
  --palette-success-border: #065f46;
  --palette-error-main: #f87171;
  --palette-error-light: #7f1d1d;
  --palette-error-dark: #ef4444;
  --palette-on-error: #fff;
  --palette-error-border: #991b1b;
  --palette-warning-main: #fbbf24;
  --palette-warning-light: #78350f;
  --palette-warning-dark: #f59e0b;
  --palette-on-warning: #000;
  --palette-warning-border: #92400e;
  --palette-info-main: #60a5fa;
  --palette-info-light: #1e3a8a;
  --palette-info-dark: #3b82f6;
  --palette-on-info: #fff;
  --palette-info-border: #1d4ed8;
  --palette-accent-main: #ff8a65;
  --palette-accent-light: #ffcc9c;
  --palette-accent-dark: #cc6e52;
  --palette-on-accent: #fff;
  --palette-control-main: #2a2a2a;
  --palette-control-light: #3a3a3a;
  --palette-control-text: #e0e0e0;
  --palette-control-border: #555;
}

:root {
  --theme-primary: var(--palette-primary-main);
  --theme-primary-light: var(--palette-primary-light);
  --theme-primary-dark: var(--palette-primary-dark);
  --theme-on-primary: var(--palette-on-primary);
  --theme-secondary: var(--palette-secondary-main);
  --theme-secondary-light: var(--palette-secondary-light);
  --theme-secondary-dark: var(--palette-secondary-dark);
  --theme-on-secondary: var(--palette-on-secondary);
  --theme-accent: var(--palette-accent-main);
  --theme-accent-light: var(--palette-accent-light);
  --theme-accent-dark: var(--palette-accent-dark);
  --theme-on-accent: var(--palette-on-accent);
  --theme-success: var(--palette-success-main);
  --theme-success-light: var(--palette-success-light);
  --theme-success-dark: var(--palette-success-dark);
  --theme-on-success: var(--palette-on-success);
  --theme-success-border: var(--palette-success-border);
  --theme-warning: var(--palette-warning-main);
  --theme-warning-light: var(--palette-warning-light);
  --theme-warning-dark: var(--palette-warning-dark);
  --theme-on-warning: var(--palette-on-warning);
  --theme-warning-border: var(--palette-warning-border);
  --theme-error: var(--palette-error-main);
  --theme-error-light: var(--palette-error-light);
  --theme-error-dark: var(--palette-error-dark);
  --theme-on-error: var(--palette-on-error);
  --theme-error-border: var(--palette-error-border);
  --theme-info: var(--palette-info-main);
  --theme-info-light: var(--palette-info-light);
  --theme-info-dark: var(--palette-info-dark);
  --theme-on-info: var(--palette-on-info);
  --theme-info-border: var(--palette-info-border);
  --theme-background: var(--palette-background-main);
  --theme-background-dark: var(--palette-background-dark);
  --theme-background-overlay: var(--palette-background-overlay);
  --theme-on-background: var(--palette-on-background);
  --theme-surface: var(--palette-surface-main);
  --theme-surface-variant: var(--palette-surface-variant);
  --theme-surface-elevated: var(--palette-surface-elevated);
  --theme-on-surface: var(--palette-on-surface);
  --theme-border-main: var(--palette-border-main);
  --theme-border-light: var(--palette-border-light);
  --theme-border-lighter: var(--palette-border-lighter);
  --theme-border-medium: var(--palette-border-medium);
  --theme-border-dark: var(--palette-border-medium);
  --theme-text-primary: var(--palette-text-primary);
  --theme-text-secondary: var(--palette-text-secondary);
  --theme-text-disabled: var(--palette-text-disabled);
  --theme-text-inverted: var(--palette-text-inverted);
  --theme-control-bg: var(--palette-control-main);
  --theme-control-text: var(--palette-control-text);
  --theme-control-border: var(--palette-control-border);
  --theme-control-hover-bg: var(--palette-control-light);
  --theme-control-hover-text: var(--palette-text-inverted);
  --theme-control-hover-border: var(--palette-control-border);
  --theme-panel-bg-start: var(--palette-control-main);
  --theme-panel-bg-end: var(--palette-surface-elevated);
  --theme-panel-border: var(--palette-control-border);
  --theme-panel-shadow: rgba(0, 0, 0, .6);
  --theme-floating-bg: var(--palette-background-overlay);
  --theme-floating-border: var(--palette-border-light);
  --theme-option-bg: var(--palette-surface-variant);
  --theme-option-text: var(--palette-text-primary);
  --theme-option-border: var(--palette-border-main);
  --theme-option-hover-bg: var(--palette-surface-variant);
  --theme-option-selected-bg: var(--palette-primary-light);
  --theme-option-selected-border: var(--palette-primary-main);
  --theme-option-selected-text: var(--palette-on-primary);
  --theme-option-correct-bg: var(--palette-success-light);
  --theme-option-correct-border: var(--palette-success-border);
  --theme-option-correct-text: var(--palette-success-dark);
  --theme-option-incorrect-bg: var(--palette-error-light);
  --theme-option-incorrect-border: var(--palette-error-border);
  --theme-option-incorrect-text: var(--palette-error-dark);
  --theme-explanation-bg: var(--palette-info-light);
  --theme-explanation-border: var(--palette-info-main);
  --theme-link-color: var(--palette-info-main);
  --theme-link-hover: var(--palette-info-dark);
  --theme-code-bg: var(--palette-surface-main);
  --theme-code-text: var(--palette-primary);
  --theme-mui-label-bg: var(--palette-surface-main);
  --theme-outline: var(--palette-border-main);
  --theme-outline-variant: var(--palette-border-light);
  --theme-border-radius: 12px;
  --theme-border-radius-small: 8px;
  --theme-border-radius-large: 16px;
  --theme-elevation-1: 0 2px 4px rgba(0, 0, 0, .1);
  --theme-elevation-2: 0 4px 8px rgba(0, 0, 0, .15);
  --theme-elevation-3: 0 6px 12px rgba(0, 0, 0, .2);
  --theme-elevation-4: 0 8px 16px rgba(0, 0, 0, .25);
  --theme-overlay-80: color-mix(in srgb, var(--palette-surface-main) 80%, transparent);
  --theme-overlay-90: color-mix(in srgb, var(--palette-surface-main) 90%, transparent);
  --theme-overlay-95: color-mix(in srgb, var(--palette-surface-main) 95%, transparent);
}

html[data-theme="light"] {
  --theme-header-bg-start: var(--palette-header-bg-start);
  --theme-header-bg-end: var(--palette-header-bg-end);
  --theme-header-collapsed-bg-start: var(--palette-header-collapsed-bg-start);
  --theme-header-collapsed-bg-end: var(--palette-header-collapsed-bg-end);
  --theme-control-hover-text: var(--palette-text-inverted);
  --theme-control-hover-border: #555;
  --theme-panel-bg-end: #252525;
  --theme-panel-shadow: rgba(0, 0, 0, .6);
  --theme-floating-border: rgba(255, 255, 255, .5);
  --theme-option-text: #222;
  --theme-option-hover-bg: #e0e0e0;
  --theme-option-selected-bg: #d0e0ff;
  --theme-option-selected-text: var(--palette-primary-dark);
  --theme-code-text: var(--palette-primary-dark);
}

html[data-theme="dark"] {
  --theme-header-bg-start: var(--palette-header-bg-start);
  --theme-header-bg-end: var(--palette-header-bg-end);
  --theme-header-collapsed-bg-start: var(--palette-header-collapsed-bg-start);
  --theme-header-collapsed-bg-end: var(--palette-header-collapsed-bg-end);
  --theme-control-hover-text: var(--palette-text-primary);
  --theme-control-hover-border: #777;
  --theme-panel-bg-end: var(--palette-surface-elevated);
  --theme-panel-shadow: rgba(0, 0, 0, .8);
  --theme-floating-border: rgba(255, 255, 255, .2);
  --theme-option-text: var(--palette-text-secondary);
  --theme-option-hover-bg: var(--palette-surface-elevated);
  --theme-option-selected-bg: var(--palette-primary-dark);
  --theme-option-selected-text: var(--palette-primary-light);
  --theme-code-text: var(--palette-primary-light);
  --theme-mui-label-bg: #292929;
  --theme-elevation-1: 0 2px 4px rgba(0, 0, 0, .2);
  --theme-elevation-2: 0 4px 8px rgba(0, 0, 0, .3);
  --theme-elevation-3: 0 6px 12px rgba(0, 0, 0, .4);
  --theme-elevation-4: 0 8px 16px rgba(0, 0, 0, .5);
}

* {
  transition: background-color .3s cubic-bezier(.4, 0, .2, 1), border-color .3s cubic-bezier(.4, 0, .2, 1), color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1);
}

.MuiButton-root:focus, .MuiFab-root:hover, .MuiIconButton-root:focus, .MuiMenuItem-root:hover, :active, :focus, :hover, button:focus, input:focus, select:focus, textarea:focus {
  transition: none;
}

#root, body, html {
  margin: 0;
  padding: 0;
  font-family: Roboto, sans-serif;
  line-height: 1.6;
  background-color: var(--theme-surface) !important;
  color: var(--theme-on-surface) !important;
}

code, code.inline-code, pre.code-block {
  border-radius: 4px;
  padding: 2px 4px;
  font-family: Source Code Pro, monospace;
  background-color: var(--theme-code-bg) !important;
  color: var(--theme-code-text) !important;
}

pre code {
  border-radius: 0;
  padding: 0;
  color: inherit !important;
  background-color: rgba(0, 0, 0, 0) !important;
}

a {
  color: var(--theme-link-color);
  text-decoration: none;
  transition: color .2s;
}

a:hover:not(.MuiButton-root) {
  color: var(--theme-link-hover);
  text-decoration: underline;
}

a:visited:not(.MuiButton-root) {
  color: var(--theme-link-color);
  opacity: .8;
}

/*# sourceMappingURL=packages_qwickapps-react-framework_dist_index_5a4b3331.css.map*/