html {
font-family: system-ui;
font-size: 62.5%;
min-height: -webkit-fill-available;
}
body {
font-size: 1.6rem;
min-height: -webkit-fill-available;
}
html, body, #root {
height: 100vh;
height: 100dvh;
width: 100vw;
margin: 0;
padding: 0;
}
.fullHeight {
height: 100vh;
height: 100dvh;
}
@keyframes blink {
50% {
fill: transparent;
}
}
.dot {
animation: 1s blink infinite;
opacity:0.7;
}
.dot:nth-child(2) { animation-delay: 250ms }
.dot:nth-child(3) { animation-delay: 500ms }
.theme {
color: var(--theme-color-on-surface)
}
.theme, .theme-light {
color-scheme: light;
--theme-color-primary: var(--palette-primary40);
--theme-color-on-primary: var(--palette-primary100);
--theme-color-primary-container: var(--palette-primary90);
--theme-color-on-primary-container: var(--palette-primary10);
--theme-color-secondary: var(--palette-secondary40);
--theme-color-on-secondary: var(--palette-secondary100);
--theme-color-secondary-container: var(--palette-secondary90);
--theme-color-on-secondary-container: var(--palette-secondary10);
--theme-color-tertiary: var(--palette-tertiary40);
--theme-color-on-tertiary: var(--palette-tertiary100);
--theme-color-tertiary-container: var(--palette-tertiary90);
--theme-color-on-tertiary-container: var(--palette-tertiary10);
--theme-color-error: var(--palette-error40);
--theme-color-on-error: var(--palette-error100);
--theme-color-error-container: var(--palette-error90);
--theme-color-on-error-container: var(--palette-error10);
--theme-color-surface: var(--palette-neutral98);
--theme-color-surface-bright: var(--palette-neutral98);
--theme-color-surface-dim: var(--palette-neutral90);
--theme-color-surface-container-lowest: rgba(255, 255, 255, 0.7);
--theme-color-surface-container-low: var(--palette-neutral98);
--theme-color-surface-container: var(--palette-neutral95);
--theme-color-surface-container-high: var(--palette-neutral90);
--theme-color-surface-container-highest: var(--palette-neutral80);
--theme-color-on-surface: var(--palette-neutral10);
--theme-color-on-surface-variant: var(--palette-neutral-variant30);
--theme-color-outline: var(--palette-neutral-variant50);
--theme-color-outline-variant: var(--palette-neutral-variant80);
}
.theme-dark {
color-scheme: dark;
--theme-color-primary: var(--palette-primary80);
--theme-color-on-primary: var(--palette-primary20);
--theme-color-primary-container: var(--palette-primary30);
--theme-color-on-primary-container: var(--palette-primary90);
--theme-color-secondary: var(--palette-secondary80);
--theme-color-on-secondary: var(--palette-secondary20);
--theme-color-secondary-container: var(--palette-secondary30);
--theme-color-on-secondary-container: var(--palette-secondary90);
--theme-color-tertiary: var(--palette-tertiary80);
--theme-color-on-tertiary: var(--palette-tertiary20);
--theme-color-tertiary-container: var(--palette-tertiary30);
--theme-color-on-tertiary-container: var(--palette-tertiary90);
--theme-color-error: var(--palette-error80);
--theme-color-on-error: var(--palette-error20);
--theme-color-error-container: var(--palette-error30);
--theme-color-on-error-container: var(--palette-error90);
--theme-color-surface: var(--palette-neutral10);
--theme-color-surface-bright: var(--palette-neutral25);
--theme-color-surface-dim: var(--palette-neutral10);
--theme-color-surface-container-lowest: rgba(0, 0, 0, 0.8);
--theme-color-surface-container-low: var(--palette-neutral10);
--theme-color-surface-container: var(--palette-neutral20);
--theme-color-surface-container-high: var(--palette-neutral25);
--theme-color-surface-container-highest: var(--palette-neutral30);
--theme-color-on-surface: var(--palette-neutral90);
--theme-color-on-surface-variant: var(--palette-neutral-variant80);
--theme-color-outline: var(--palette-neutral-variant60);
--theme-color-outline-variant: var(--palette-neutral-variant30);
}
.palette {
/* primary */
--palette-primary0: #000000;
--palette-primary10: #001d31;
--palette-primary20: #003351;
--palette-primary25: #003f62;
--palette-primary30: #004b73;
--palette-primary35: #005785;
--palette-primary40: #006398;
--palette-primary50: #1a7dba;
--palette-primary60: #4197d5;
--palette-primary70: #60b2f2;
--palette-primary80: #93ccff;
--palette-primary90: #cce5ff;
--palette-primary95: #e7f2ff;
--palette-primary98: ;
--palette-primary99: #fcfcff;
--palette-primary100: #ffffff;
/* secondary */
--palette-secondary0: #000000;
--palette-secondary10: #0d1d2a;
--palette-secondary20: #23323f;
--palette-secondary25: #2e3d4b;
--palette-secondary30: #394857;
--palette-secondary35: #455463;
--palette-secondary40: #51606f;
--palette-secondary50: #697988;
--palette-secondary60: #8392a3;
--palette-secondary70: #9dadbe;
--palette-secondary80: #b8c8da;
--palette-secondary90: #d4e4f6;
--palette-secondary95: #e7f2ff;
--palette-secondary98: #f7f9ff;
--palette-secondary99: #fcfcff;
--palette-secondary100: #ffffff;
/* tertiary */
--palette-tertiary0: #000000;
--palette-tertiary10: #221533;
--palette-tertiary20: #372a4a;
--palette-tertiary25: #433555;
--palette-tertiary30: #4e4161;
--palette-tertiary35: #5a4c6e;
--palette-tertiary40: #67587a;
--palette-tertiary50: #807094;
--palette-tertiary60: #9a8aaf;
--palette-tertiary70: #b6a4cb;
--palette-tertiary80: #d2bfe7;
--palette-tertiary90: #eddcff;
--palette-tertiary95: #f8edff;
--palette-tertiary98: #fff7ff;
--palette-tertiary99: #fffbff;
--palette-tertiary100: #ffffff;
/* neutral */
--palette-neutral0: #000000;
--palette-neutral10: #1a1c1e;
--palette-neutral20: #2f3033;
--palette-neutral25: #3a3b3e;
--palette-neutral30: #45474a;
--palette-neutral35: #515255;
--palette-neutral40: #5d5e61;
--palette-neutral50: #76777a;
--palette-neutral60: #8f9194;
--palette-neutral70: #aaabae;
--palette-neutral80: #c6c6c9;
--palette-neutral90: #e2e2e5;
--palette-neutral95: #f0f0f4;
--palette-neutral98: #f9f9fc;
--palette-neutral99: #fcfcff;
--palette-neutral100: #ffffff;
/* neutral-variant */
--palette-neutral-variant0: #000000;
--palette-neutral-variant10: #171c22;
--palette-neutral-variant20: #2b3137;
--palette-neutral-variant25: #363c42;
--palette-neutral-variant30: #42474e;
--palette-neutral-variant35: #4d5359;
--palette-neutral-variant40: #595f65;
--palette-neutral-variant50: #72787e;
--palette-neutral-variant60: #8c9198;
--palette-neutral-variant70: #a6acb3;
--palette-neutral-variant80: #c2c7ce;
--palette-neutral-variant90: #dee3eb;
--palette-neutral-variant95: #ecf1f9;
--palette-neutral-variant98: #f7f9ff;
--palette-neutral-variant99: #fcfcff;
--palette-neutral-variant100: #ffffff;
/* error */
--palette-error0: #000000;
--palette-error10: #410002;
--palette-error20: #690005;
--palette-error25: #7e0007;
--palette-error30: #93000a;
--palette-error35: #a80710;
--palette-error40: #ba1a1a;
--palette-error50: #de3730;
--palette-error60: #ff5449;
--palette-error70: #ff897d;
--palette-error80: #ffb4ab;
--palette-error90: #ffdad6;
--palette-error95: #ffedea;
--palette-error98: #fff8f7;
--palette-error99: #fffbff;
--palette-error100: #ffffff;
}
.theme-work {
--theme-color-primary: var(--palette-primary40);
--theme-color-on-primary: var(--palette-primary100);
--theme-color-primary-container: var(--palette-primary90);
--theme-color-on-primary-container: var(--palette-primary10);
--theme-color-secondary: var(--palette-secondary40);
--theme-color-on-secondary: var(--palette-secondary100);
--theme-color-secondary-container: var(--palette-secondary90);
--theme-color-on-secondary-container: var(--palette-secondary10);
--theme-color-tertiary: var(--palette-tertiary40);
--theme-color-on-tertiary: var(--palette-tertiary100);
--theme-color-tertiary-container: var(--palette-tertiary90);
--theme-color-on-tertiary-container: var(--palette-tertiary10);
--theme-color-surface: var(--palette-neutral98);
--theme-color-surface-bright: var(--palette-neutral98);
--theme-color-surface-dim: var(--palette-neutral90);
--theme-color-surface-container-lowest: rgba(255, 255, 255, 0.7);
--theme-color-surface-container-low: var(--palette-neutral98);
--theme-color-surface-container: var(--palette-neutral95);
--theme-color-surface-container-high: var(--palette-neutral90);
--theme-color-surface-container-highest: var(--palette-neutral80);
--theme-color-on-surface: var(--palette-neutral10);
--theme-color-on-surface-variant: var(--palette-neutral-variant30);
--theme-color-outline: var(--palette-neutral-variant50);
--theme-color-outline-variant: var(--palette-neutral-variant80);
/* primary */
--palette-primary0: #000000;
--palette-primary10: #21005D;
--palette-primary20: #381E72;
--palette-primary30: #4F378B;
--palette-primary40: #6750A4;
--palette-primary50: #7F67BE;
--palette-primary60: #9A82DB;
--palette-primary70: #B69DF8;
--palette-primary80: #D0BCFF;
--palette-primary90: #EADDFF;
--palette-primary95: #F6EDFF;
--palette-primary99: #FFFBFE;
--palette-primary100: #FFFFFF;
/* secondary */
--palette-secondary0: #000000;
--palette-secondary10: #1D192B;
--palette-secondary20: #332D41;
--palette-secondary30: #4A4458;
--palette-secondary40: #625B71;
--palette-secondary50: #7A7289;
--palette-secondary60: #958DA5;
--palette-secondary70: #B0A7C0;
--palette-secondary80: #CCC2DC;
--palette-secondary90: #E8DEF8;
--palette-secondary95: #F6EDFF;
--palette-secondary99: #FFFBFE;
--palette-secondary100: #FFFFFF;
/* tertiary */
--palette-tertiary0: #000000;
--palette-tertiary10: #31111D;
--palette-tertiary20: #492532;
--palette-tertiary30: #633B48;
--palette-tertiary40: #7D5260;
--palette-tertiary50: #986977;
--palette-tertiary60: #B58392;
--palette-tertiary70: #D29DAC;
--palette-tertiary80: #EFB8C8;
--palette-tertiary90: #FFD8E4;
--palette-tertiary95: #FFECF1;
--palette-tertiary99: #FFFBFA;
--palette-tertiary100: #FFFFFF;
/* error */
--palette-error0: #000000;
--palette-error10: #410E0B;
--palette-error20: #601410;
--palette-error30: #8C1D18;
--palette-error40: #B3261E;
--palette-error50: #DC362E;
--palette-error60: #E46962;
--palette-error70: #EC928E;
--palette-error80: #F2B8B5;
--palette-error90: #F9DEDC;
--palette-error95: #FCEEEE;
--palette-error99: #FFFBF9;
--palette-error100: #FFFFFF;
/* neutral */
--palette-neutral0: #000000;
--palette-neutral10: #1C1B1F;
--palette-neutral20: #313033;
--palette-neutral30: #484649;
--palette-neutral40: #605D62;
--palette-neutral50: #787579;
--palette-neutral60: #939094;
--palette-neutral70: #AEAAAE;
--palette-neutral80: #C9C5CA;
--palette-neutral90: #E6E1E5;
--palette-neutral95: #F4EFF4;
--palette-neutral99: #FFFBFE;
--palette-neutral100: #FFFFFF;
/* neutral-variant */
--palette-neutral-variant0: #000000;
--palette-neutral-variant10: #1D1A22;
--palette-neutral-variant20: #322F37;
--palette-neutral-variant30: #49454F;
--palette-neutral-variant40: #605D66;
--palette-neutral-variant50: #79747E;
--palette-neutral-variant60: #938F99;
--palette-neutral-variant70: #AEA9B4;
--palette-neutral-variant80: #CAC4D0;
--palette-neutral-variant90: #E7E0EC;
--palette-neutral-variant95: #F5EEFA;
--palette-neutral-variant99: #FFFBFE;
--palette-neutral-variant100: #FFFFFF;
}
.theme-dating {
--theme-color-primary: var(--palette-primary40);
--theme-color-on-primary: var(--palette-primary100);
--theme-color-primary-container: var(--palette-primary90);
--theme-color-on-primary-container: var(--palette-primary10);
--theme-color-secondary: var(--palette-secondary40);
--theme-color-on-secondary: var(--palette-secondary100);
--theme-color-secondary-container: var(--palette-secondary90);
--theme-color-on-secondary-container: var(--palette-secondary10);
--theme-color-tertiary: var(--palette-tertiary40);
--theme-color-on-tertiary: var(--palette-tertiary100);
--theme-color-tertiary-container: var(--palette-tertiary90);
--theme-color-on-tertiary-container: var(--palette-tertiary10);
--theme-color-surface: var(--palette-neutral98);
--theme-color-surface-bright: var(--palette-neutral98);
--theme-color-surface-dim: var(--palette-neutral90);
--theme-color-surface-container-lowest: rgba(255, 255, 255, 0.7);
--theme-color-surface-container-low: var(--palette-neutral98);
--theme-color-surface-container: var(--palette-neutral95);
--theme-color-surface-container-high: var(--palette-neutral90);
--theme-color-surface-container-highest: var(--palette-neutral80);
--theme-color-on-surface: var(--palette-neutral10);
--theme-color-on-surface-variant: var(--palette-neutral-variant30);
--theme-color-outline: var(--palette-neutral-variant50);
--theme-color-outline-variant: var(--palette-neutral-variant80);
/* primary */
--palette-primary0: #000000;
--palette-primary10: #3e001e;
--palette-primary20: #5e1133;
--palette-primary25: #6c1d3e;
--palette-primary30: #7b294a;
--palette-primary35: #893455;
--palette-primary40: #984061;
--palette-primary50: #b6587a;
--palette-primary60: #d57194;
--palette-primary70: #f48bae;
--palette-primary80: #ffb0c8;
--palette-primary90: #ffd9e2;
--palette-primary95: #ffecf0;
--palette-primary98: #fff8f8;
--palette-primary99: #fffbff;
--palette-primary100: #ffffff;
/* secondary */
--palette-secondary0: #000000;
--palette-secondary10: #2b151c;
--palette-secondary20: #422931;
--palette-secondary25: #4e343c;
--palette-secondary30: #5a3f47;
--palette-secondary35: #674b53;
--palette-secondary40: #74565f;
--palette-secondary50: #8e6f77;
--palette-secondary60: #aa8891;
--palette-secondary70: #c6a2ab;
--palette-secondary80: #e2bdc6;
--palette-secondary90: #ffd9e2;
--palette-secondary95: #ffecf0;
--palette-secondary98: #fff8f8;
--palette-secondary99: #fffbff;
--palette-secondary100: #ffffff;
/* tertiary */
--palette-tertiary0: #000000;
--palette-tertiary10: #2e1500;
--palette-tertiary20: #48290c;
--palette-tertiary25: #553416;
--palette-tertiary30: #623f20;
--palette-tertiary35: #6f4a2a;
--palette-tertiary40: #7c5635;
--palette-tertiary50: #986e4b;
--palette-tertiary60: #b48862;
--palette-tertiary70: #d1a27b;
--palette-tertiary80: #efbd94;
--palette-tertiary90: #ffdcc2;
--palette-tertiary95: #ffeee2;
--palette-tertiary98: #fff8f5;
--palette-tertiary99: #fffbff;
--palette-tertiary100: #ffffff;
/* neutral */
--palette-neutral0: #000000;
--palette-neutral10: #201a1b;
--palette-neutral20: #352f30;
--palette-neutral25: #413a3b;
--palette-neutral30: #4c4546;
--palette-neutral35: #585052;
--palette-neutral40: #645c5e;
--palette-neutral50: #7e7576;
--palette-neutral60: #988e90;
--palette-neutral70: #b3a9aa;
--palette-neutral80: #cfc4c5;
--palette-neutral90: #ebe0e1;
--palette-neutral95: #faeeef;
--palette-neutral98: #fff8f8;
--palette-neutral99: #fffbff;
--palette-neutral100: #ffffff;
/* neutral-variant */
--palette-neutral-variant0: #000000;
--palette-neutral-variant10: #24191c;
--palette-neutral-variant20: #3a2d30;
--palette-neutral-variant25: #45383b;
--palette-neutral-variant30: #514347;
--palette-neutral-variant35: #5d4f52;
--palette-neutral-variant40: #6a5b5e;
--palette-neutral-variant50: #837377;
--palette-neutral-variant60: #9e8c90;
--palette-neutral-variant70: #b9a7ab;
--palette-neutral-variant80: #d5c2c6;
--palette-neutral-variant90: #f2dde2;
--palette-neutral-variant95: #ffecf0;
--palette-neutral-variant98: #fff8f8;
--palette-neutral-variant99: #fffbff;
--palette-neutral-variant100: #ffffff;
}
.theme-messenger, .theme-messenger-light {
--theme-color-primary: var(--palette-primary40);
--theme-color-on-primary: var(--palette-primary100);
--theme-color-primary-container: var(--palette-primary90);
--theme-color-on-primary-container: var(--palette-primary10);
--theme-color-secondary: var(--palette-secondary40);
--theme-color-on-secondary: var(--palette-secondary100);
--theme-color-secondary-container: var(--palette-secondary90);
--theme-color-on-secondary-container: var(--palette-secondary10);
--theme-color-tertiary: var(--palette-tertiary40);
--theme-color-on-tertiary: var(--palette-tertiary100);
--theme-color-tertiary-container: var(--palette-tertiary90);
--theme-color-on-tertiary-container: var(--palette-tertiary10);
--theme-color-surface: var(--palette-neutral98);
--theme-color-surface-bright: var(--palette-neutral98);
--theme-color-surface-dim: var(--palette-neutral90);
--theme-color-surface-container-lowest: rgba(255, 255, 255, 0.7);
--theme-color-surface-container-low: var(--palette-neutral98);
--theme-color-surface-container: var(--palette-neutral95);
--theme-color-surface-container-high: var(--palette-neutral90);
--theme-color-surface-container-highest: var(--palette-neutral80);
--theme-color-on-surface: var(--palette-neutral10);
--theme-color-on-surface-variant: var(--palette-neutral-variant30);
--theme-color-outline: var(--palette-neutral-variant50);
--theme-color-outline-variant: var(--palette-neutral-variant80);
/* primary */
--palette-primary0: #000000;
--palette-primary10: #001c39;
--palette-primary20: #00315d;
--palette-primary25: #003c70;
--palette-primary30: #004883;
--palette-primary35: #005397;
--palette-primary40: #1a60a5;
--palette-primary50: #3c79c0;
--palette-primary60: #5993dc;
--palette-primary70: #75aef8;
--palette-primary80: #a4c9ff;
--palette-primary90: #d4e3ff;
--palette-primary95: #ebf1ff;
--palette-primary98: #f8f9ff;
--palette-primary99: #fdfcff;
--palette-primary100: #ffffff;
/* secondary */
--palette-secondary0: #000000;
--palette-secondary10: #111c2b;
--palette-secondary20: #263141;
--palette-secondary25: #313c4c;
--palette-secondary30: #3d4758;
--palette-secondary35: #485364;
--palette-secondary40: #545f71;
--palette-secondary50: #6d788a;
--palette-secondary60: #8691a4;
--palette-secondary70: #a1acc0;
--palette-secondary80: #bcc7db;
--palette-secondary90: #d8e3f8;
--palette-secondary95: #ebf1ff;
--palette-secondary98: #f8f9ff;
--palette-secondary99: #fdfcff;
--palette-secondary100: #ffffff;
/* tertiary */
--palette-tertiary0: #000000;
--palette-tertiary10: #001f2a;
--palette-tertiary20: #003547;
--palette-tertiary25: #004156;
--palette-tertiary30: #004d65;
--palette-tertiary35: #005975;
--palette-tertiary40: #006685;
--palette-tertiary50: #0081a7;
--palette-tertiary60: #129cc8;
--palette-tertiary70: #43b7e5;
--palette-tertiary80: #6cd2ff;
--palette-tertiary90: #bfe9ff;
--palette-tertiary95: #e1f4ff;
--palette-tertiary98: #f4faff;
--palette-tertiary99: #fafcff;
--palette-tertiary100: #ffffff;
/* neutral */
--palette-neutral0: #000000;
--palette-neutral10: #1a1c1e;
--palette-neutral20: #2f3033;
--palette-neutral25: #3a3b3e;
--palette-neutral30: #46474a;
--palette-neutral35: #515256;
--palette-neutral40: #5d5e62;
--palette-neutral50: #76777a;
--palette-neutral60: #909094;
--palette-neutral70: #ababae;
--palette-neutral80: #c6c6ca;
--palette-neutral90: #e3e2e6;
--palette-neutral95: #f1f0f4;
--palette-neutral98: #faf9fd;
--palette-neutral99: #fdfcff;
--palette-neutral100: #ffffff;
/* neutral-variant */
--palette-neutral-variant0: #000000;
--palette-neutral-variant10: #181c22;
--palette-neutral-variant20: #2d3138;
--palette-neutral-variant25: #383c43;
--palette-neutral-variant30: #43474e;
--palette-neutral-variant35: #4f535a;
--palette-neutral-variant40: #5b5e66;
--palette-neutral-variant50: #73777f;
--palette-neutral-variant60: #8d9199;
--palette-neutral-variant70: #a8abb4;
--palette-neutral-variant80: #c3c6cf;
--palette-neutral-variant90: #dfe2eb;
--palette-neutral-variant95: #eef0fa;
--palette-neutral-variant98: #f8f9ff;
--palette-neutral-variant99: #fdfcff;
--palette-neutral-variant100: #ffffff;
}
.theme-messenger-dark {
color-scheme: dark;
--theme-color-primary: var(--palette-primary80);
--theme-color-on-primary: var(--palette-primary20);
--theme-color-primary-container: var(--palette-primary30);
--theme-color-on-primary-container: var(--palette-primary90);
--theme-color-secondary: var(--palette-secondary80);
--theme-color-on-secondary: var(--palette-secondary20);
--theme-color-secondary-container: var(--palette-secondary30);
--theme-color-on-secondary-container: var(--palette-secondary90);
--theme-color-tertiary: var(--palette-tertiary80);
--theme-color-on-tertiary: var(--palette-tertiary20);
--theme-color-tertiary-container: var(--palette-tertiary30);
--theme-color-on-tertiary-container: var(--palette-tertiary90);
--theme-color-error: var(--palette-error80);
--theme-color-on-error: var(--palette-error20);
--theme-color-error-container: var(--palette-error30);
--theme-color-on-error-container: var(--palette-error90);
--theme-color-surface: var(--palette-neutral10);
--theme-color-surface-bright: var(--palette-neutral25);
--theme-color-surface-dim: var(--palette-neutral10);
--theme-color-surface-container-lowest: rgba(0, 0, 0, 0.8);
--theme-color-surface-container-low: var(--palette-neutral10);
--theme-color-surface-container: var(--palette-neutral20);
--theme-color-surface-container-high: var(--palette-neutral25);
--theme-color-surface-container-highest: var(--palette-neutral30);
--theme-color-on-surface: var(--palette-neutral90);
--theme-color-on-surface-variant: var(--palette-neutral-variant80);
--theme-color-outline: var(--palette-neutral-variant60);
--theme-color-outline-variant: var(--palette-neutral-variant30);
}
.theme-sms {
--theme-color-primary: var(--palette-primary40);
--theme-color-on-primary: var(--palette-primary100);
--theme-color-primary-container: var(--palette-primary90);
--theme-color-on-primary-container: var(--palette-primary10);
--theme-color-secondary: var(--palette-secondary40);
--theme-color-on-secondary: var(--palette-secondary100);
--theme-color-secondary-container: var(--palette-secondary90);
--theme-color-on-secondary-container: var(--palette-secondary10);
--theme-color-tertiary: var(--palette-tertiary40);
--theme-color-on-tertiary: var(--palette-tertiary100);
--theme-color-tertiary-container: var(--palette-tertiary90);
--theme-color-on-tertiary-container: var(--palette-tertiary10);
--theme-color-surface: var(--palette-neutral98);
--theme-color-surface-bright: var(--palette-neutral98);
--theme-color-surface-dim: var(--palette-neutral90);
--theme-color-surface-container-lowest: rgba(255, 255, 255, 0.7);
--theme-color-surface-container-low: var(--palette-neutral98);
--theme-color-surface-container: var(--palette-neutral95);
--theme-color-surface-container-high: var(--palette-neutral90);
--theme-color-surface-container-highest: var(--palette-neutral80);
--theme-color-on-surface: var(--palette-neutral10);
--theme-color-on-surface-variant: var(--palette-neutral-variant30);
--theme-color-outline: var(--palette-neutral-variant50);
--theme-color-outline-variant: var(--palette-neutral-variant80);
/* primary */
--palette-primary0: #000000;
--palette-primary10: #002114;
--palette-primary20: #003825;
--palette-primary25: #00452e;
--palette-primary30: #005138;
--palette-primary35: #005f41;
--palette-primary40: #006c4b;
--palette-primary50: #00885f;
--palette-primary60: #2ea377;
--palette-primary70: #4fbf91;
--palette-primary80: #6ddbab;
--palette-primary90: #8af8c6;
--palette-primary95: #beffdd;
--palette-primary98: #e8fff0;
--palette-primary99: #f4fff6;
--palette-primary100: #ffffff;
/* secondary */
--palette-secondary0: #000000;
--palette-secondary10: #0a1f16;
--palette-secondary20: #1f352a;
--palette-secondary25: #2a4035;
--palette-secondary30: #364b40;
--palette-secondary35: #41574b;
--palette-secondary40: #4d6357;
--palette-secondary50: #657c6f;
--palette-secondary60: #7e9688;
--palette-secondary70: #99b1a2;
--palette-secondary80: #b4ccbd;
--palette-secondary90: #cfe9d9;
--palette-secondary95: #ddf7e7;
--palette-secondary98: #e8fff0;
--palette-secondary99: #f4fff6;
--palette-secondary100: #ffffff;
/* tertiary */
--palette-tertiary0: #000000;
--palette-tertiary10: #1f1c00;
--palette-tertiary20: #353100;
--palette-tertiary25: #413d00;
--palette-tertiary30: #4d4800;
--palette-tertiary35: #5a5400;
--palette-tertiary40: #666000;
--palette-tertiary50: #817900;
--palette-tertiary60: #9c931e;
--palette-tertiary70: #b7ae39;
--palette-tertiary80: #d3ca52;
--palette-tertiary90: #f0e66b;
--palette-tertiary95: #fff577;
--palette-tertiary98: #fffae1;
--palette-tertiary99: #fffbff;
--palette-tertiary100: #ffffff;
/* neutral */
--palette-neutral0: #000000;
--palette-neutral10: #191c1a;
--palette-neutral20: #2e312f;
--palette-neutral25: #393c3a;
--palette-neutral30: #444845;
--palette-neutral35: #505350;
--palette-neutral40: #5c5f5c;
--palette-neutral50: #757875;
--palette-neutral60: #8f918e;
--palette-neutral70: #a9aca8;
--palette-neutral80: #c5c7c3;
--palette-neutral90: #e1e3df;
--palette-neutral95: #eff1ed;
--palette-neutral98: #f8faf6;
--palette-neutral99: #fbfdf9;
--palette-neutral100: #ffffff;
/* neutral-variant */
--palette-neutral-variant0: #000000;
--palette-neutral-variant10: #151d19;
--palette-neutral-variant20: #2a322d;
--palette-neutral-variant25: #353d38;
--palette-neutral-variant30: #404943;
--palette-neutral-variant35: #4c554f;
--palette-neutral-variant40: #57605b;
--palette-neutral-variant50: #707973;
--palette-neutral-variant60: #8a938c;
--palette-neutral-variant70: #a4ada6;
--palette-neutral-variant80: #bfc9c1;
--palette-neutral-variant90: #dbe5dd;
--palette-neutral-variant95: #eaf3eb;
--palette-neutral-variant98: #f2fcf4;
--palette-neutral-variant99: #f5fff7;
--palette-neutral-variant100: #ffffff;
}
.theme-notes {
--theme-color-primary: var(--palette-primary40);
--theme-color-on-primary: var(--palette-primary100);
--theme-color-primary-container: var(--palette-primary90);
--theme-color-on-primary-container: var(--palette-primary10);
--theme-color-secondary: var(--palette-secondary40);
--theme-color-on-secondary: var(--palette-secondary100);
--theme-color-secondary-container: var(--palette-secondary90);
--theme-color-on-secondary-container: var(--palette-secondary10);
--theme-color-tertiary: var(--palette-tertiary40);
--theme-color-on-tertiary: var(--palette-tertiary100);
--theme-color-tertiary-container: var(--palette-tertiary90);
--theme-color-on-tertiary-container: var(--palette-tertiary10);
--theme-color-surface: var(--palette-neutral98);
--theme-color-surface-bright: var(--palette-neutral98);
--theme-color-surface-dim: var(--palette-neutral90);
--theme-color-surface-container-lowest: rgba(255, 250, 205, 0.7);
--theme-color-surface-container-low: var(--palette-neutral98);
--theme-color-surface-container: var(--palette-neutral95);
--theme-color-surface-container-high: var(--palette-neutral90);
--theme-color-surface-container-highest: var(--palette-neutral80);
--theme-color-on-surface: var(--palette-neutral10);
--theme-color-on-surface-variant: var(--palette-neutral-variant30);
--theme-color-outline: var(--palette-neutral-variant50);
--theme-color-outline-variant: var(--palette-neutral-variant80);
/* primary */
--palette-primary0: #000000;
--palette-primary10: #281900;
--palette-primary20: #432c00;
--palette-primary25: #513600;
--palette-primary30: #5f4100;
--palette-primary35: #6f4c00;
--palette-primary40: #7e5700;
--palette-primary50: #9e6e00;
--palette-primary60: #be8612;
--palette-primary70: #dca130;
--palette-primary80: #fabc49;
--palette-primary90: #ffdeac;
--palette-primary95: #ffeed9;
--palette-primary98: #fff8f3;
--palette-primary99: #fffbff;
--palette-primary100: #ffffff;
/* secondary */
--palette-secondary0: #000000;
--palette-secondary10: #261904;
--palette-secondary20: #3d2e16;
--palette-secondary25: #483920;
--palette-secondary30: #55442a;
--palette-secondary35: #615035;
--palette-secondary40: #6e5c40;
--palette-secondary50: #887456;
--palette-secondary60: #a38e6e;
--palette-secondary70: #bea887;
--palette-secondary80: #dbc3a1;
--palette-secondary90: #f8dfbb;
--palette-secondary95: #ffeed9;
--palette-secondary98: #fff8f3;
--palette-secondary99: #fffbff;
--palette-secondary100: #ffffff;
/* tertiary */
--palette-tertiary0: #000000;
--palette-tertiary10: #0d2005;
--palette-tertiary20: #213618;
--palette-tertiary25: #2c4122;
--palette-tertiary30: #374c2d;
--palette-tertiary35: #425837;
--palette-tertiary40: #4e6542;
--palette-tertiary50: #667e5a;
--palette-tertiary60: #809872;
--palette-tertiary70: #9ab38b;
--palette-tertiary80: #b5cea4;
--palette-tertiary90: #d0eabf;
--palette-tertiary95: #def9cd;
--palette-tertiary98: #edffdf;
--palette-tertiary99: #f7ffed;
--palette-tertiary100: #ffffff;
/* neutral */
--palette-neutral0: #000000;
--palette-neutral10: #1f1b16;
--palette-neutral20: #34302a;
--palette-neutral25: #3f3b35;
--palette-neutral30: #4b4640;
--palette-neutral35: #57524b;
--palette-neutral40: #635d57;
--palette-neutral50: #7c766f;
--palette-neutral60: #969088;
--palette-neutral70: #b1aaa2;
--palette-neutral80: #cdc5bd;
--palette-neutral90: #eae1d9;
--palette-neutral95: #f8efe7;
--palette-neutral98: #fff8f3;
--palette-neutral99: #fffbff;
--palette-neutral100: #ffffff;
/* neutral-variant */
--palette-neutral-variant0: #000000;
--palette-neutral-variant10: #211b10;
--palette-neutral-variant20: #372f24;
--palette-neutral-variant25: #433a2e;
--palette-neutral-variant30: #4e4539;
--palette-neutral-variant35: #5a5144;
--palette-neutral-variant40: #675d4f;
--palette-neutral-variant50: #807567;
--palette-neutral-variant60: #9b8f80;
--palette-neutral-variant70: #b6a999;
--palette-neutral-variant80: #d2c5b4;
--palette-neutral-variant90: #efe0cf;
--palette-neutral-variant95: #fdefdd;
--palette-neutral-variant98: #fff8f3;
--palette-neutral-variant99: #fffbff;
--palette-neutral-variant100: #ffffff;
}