body{font-family:Roboto,sans-serif}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}:root{--color-primary: #6750A4;--color-primary-container: #EADDFF;--color-on-primary: #FFFFFF;--color-on-primary-container: #22005D;--color-secondary: #625B71;--color-secondary-container: #E8DEF8;--color-on-secondary: #FFFFFF;--color-on-secondary-container: #1E192B;--color-tertiary: #7D5260;--color-tertiary-container: #FFD8E4;--color-on-tertiary: #FFFFFF;--color-on-tertiary-container: #31111D;--color-surface: #FFFBFE;--color-surface-variant: #E7E0EC;--color-on-surface: #1C1B1F;--color-on-surface-variant: #49454F;--color-surface-container-lowest: #FFFFFF;--color-surface-container-low: #F7F2FA;--color-surface-container: #F3EDF7;--color-surface-container-high: #ECE6F0;--color-surface-container-highest: #E6E0E9;--color-outline: #79747E;--color-outline-variant: #CAC4D0;--color-error: #B3261E;--color-error-container: #F9DEDC;--color-on-error: #FFFFFF;--color-on-error-container: #410E0B;--color-success: #1B873B;--bg-primary: var(--color-surface);--bg-secondary: var(--color-surface-container-low);--bg-tertiary: var(--color-surface-container);--bg-hover: var(--color-surface-container-high);--text-primary: var(--color-on-surface);--text-secondary: var(--color-on-surface-variant);--border-color: var(--color-outline-variant);--accent-primary: var(--color-primary);--accent-hover: #4F378B;--accent-text: var(--color-on-primary)}html.dark{--color-primary: #D0BCFF;--color-primary-container: #4F378B;--color-on-primary: #381E72;--color-on-primary-container: #EADDFF;--color-secondary: #CCC2DC;--color-secondary-container: #4A4458;--color-on-secondary: #332D41;--color-on-secondary-container: #E8DEF8;--color-tertiary: #EFB8C8;--color-tertiary-container: #633B48;--color-on-tertiary: #492532;--color-on-tertiary-container: #FFD8E4;--color-surface: #1C1B1F;--color-surface-variant: #49454F;--color-on-surface: #E6E1E5;--color-on-surface-variant: #CAC4D0;--color-surface-container-lowest: #0F0D13;--color-surface-container-low: #1D1B20;--color-surface-container: #211F26;--color-surface-container-high: #2B2930;--color-surface-container-highest: #36343B;--color-outline: #938F99;--color-outline-variant: #49454F;--color-error: #F2B8B5;--color-error-container: #8C1D18;--color-on-error: #601410;--color-on-error-container: #F9DEDC;--color-success: #4CAF50;--bg-primary: var(--color-surface);--bg-secondary: var(--color-surface-container-low);--bg-tertiary: var(--color-surface-container);--bg-hover: var(--color-surface-container-high);--text-primary: var(--color-on-surface);--text-secondary: var(--color-on-surface-variant);--border-color: var(--color-outline-variant);--accent-primary: var(--color-primary);--accent-hover: #6A5FA3;--accent-text: var(--color-on-primary-container)}