:root {
  --red: #F44336;
  --red-lighten-5: #FFEBEE;
  --red-lighten-4: #FFCDD2;
  --red-lighten-3: #EF9A9A;
  --red-lighten-2: #E57373;
  --red-lighten-1: #EF5350;
  --red-darken-1: #E53935;
  --red-darken-2: #D32F2F;
  --red-darken-3: #C62828;
  --red-darken-4: #B71C1C;
  --red-accent-1: #FF8A80;
  --red-accent-2: #FF5252;
  --red-accent-3: #FF1744;
  --red-accent-4: #D50000;
  --pink: #E91E63;
  --pink-lighten-5: #FCE4EC;
  --pink-lighten-4: #F8BBD0;
  --pink-lighten-3: #F48FB1;
  --pink-lighten-2: #F06292;
  --pink-lighten-1: #EC407A;
  --pink-darken-1: #D81B60;
  --pink-darken-2: #C2185B;
  --pink-darken-3: #AD1457;
  --pink-darken-4: #880E4F;
  --pink-accent-1: #FF80AB;
  --pink-accent-2: #FF4081;
  --pink-accent-3: #F50057;
  --pink-accent-4: #C51162;
  --purple: #9C27B0;
  --purple-lighten-5: #F3E5F5;
  --purple-lighten-4: #E1BEE7;
  --purple-lighten-3: #CE93D8;
  --purple-lighten-2: #BA68C8;
  --purple-lighten-1: #AB47BC;
  --purple-darken-1: #8E24AA;
  --purple-darken-2: #7B1FA2;
  --purple-darken-3: #6A1B9A;
  --purple-darken-4: #4A148C;
  --purple-accent-1: #EA80FC;
  --purple-accent-2: #E040FB;
  --purple-accent-3: #D500F9;
  --purple-accent-4: #AA00FF;
  --deep-purple: #673AB7;
  --deep-purple-lighten-5: #EDE7F6;
  --deep-purple-lighten-4: #D1C4E9;
  --deep-purple-lighten-3: #B39DDB;
  --deep-purple-lighten-2: #9575CD;
  --deep-purple-lighten-1: #7E57C2;
  --deep-purple-darken-1: #5E35B1;
  --deep-purple-darken-2: #512DA8;
  --deep-purple-darken-3: #4527A0;
  --deep-purple-darken-4: #311B92;
  --deep-purple-accent-1: #B388FF;
  --deep-purple-accent-2: #7C4DFF;
  --deep-purple-accent-3: #651FFF;
  --deep-purple-accent-4: #6200EA;
  --indigo: #3F51B5;
  --indigo-lighten-5: #E8EAF6;
  --indigo-lighten-4: #C5CAE9;
  --indigo-lighten-3: #9FA8DA;
  --indigo-lighten-2: #7986CB;
  --indigo-lighten-1: #5C6BC0;
  --indigo-darken-1: #3949AB;
  --indigo-darken-2: #303F9F;
  --indigo-darken-3: #283593;
  --indigo-darken-4: #1A237E;
  --indigo-accent-1: #8C9EFF;
  --indigo-accent-2: #536DFE;
  --indigo-accent-3: #3D5AFE;
  --indigo-accent-4: #304FFE;
  --blue: #2196F3;
  --blue-lighten-5: #E3F2FD;
  --blue-lighten-4: #BBDEFB;
  --blue-lighten-3: #90CAF9;
  --blue-lighten-2: #64B5F6;
  --blue-lighten-1: #42A5F5;
  --blue-darken-1: #1E88E5;
  --blue-darken-2: #1976D2;
  --blue-darken-3: #1565C0;
  --blue-darken-4: #0D47A1;
  --blue-accent-1: #82B1FF;
  --blue-accent-2: #448AFF;
  --blue-accent-3: #2979FF;
  --blue-accent-4: #2962FF;
  --light-blue: #03A9F4;
  --light-blue-lighten-5: #E1F5FE;
  --light-blue-lighten-4: #B3E5FC;
  --light-blue-lighten-3: #81D4FA;
  --light-blue-lighten-2: #4FC3F7;
  --light-blue-lighten-1: #29B6F6;
  --light-blue-darken-1: #039BE5;
  --light-blue-darken-2: #0288D1;
  --light-blue-darken-3: #0277BD;
  --light-blue-darken-4: #01579B;
  --light-blue-accent-1: #80D8FF;
  --light-blue-accent-2: #40C4FF;
  --light-blue-accent-3: #00B0FF;
  --light-blue-accent-4: #0091EA;
  --cyan: #00BCD4;
  --cyan-lighten-5: #E0F7FA;
  --cyan-lighten-4: #B2EBF2;
  --cyan-lighten-3: #80DEEA;
  --cyan-lighten-2: #4DD0E1;
  --cyan-lighten-1: #26C6DA;
  --cyan-darken-1: #00ACC1;
  --cyan-darken-2: #0097A7;
  --cyan-darken-3: #00838F;
  --cyan-darken-4: #006064;
  --cyan-accent-1: #84FFFF;
  --cyan-accent-2: #18FFFF;
  --cyan-accent-3: #00E5FF;
  --cyan-accent-4: #00B8D4;
  --teal: #009688;
  --teal-lighten-5: #E0F2F1;
  --teal-lighten-4: #B2DFDB;
  --teal-lighten-3: #80CBC4;
  --teal-lighten-2: #4DB6AC;
  --teal-lighten-1: #26A69A;
  --teal-darken-1: #00897B;
  --teal-darken-2: #00796B;
  --teal-darken-3: #00695C;
  --teal-darken-4: #004D40;
  --teal-accent-1: #A7FFEB;
  --teal-accent-2: #64FFDA;
  --teal-accent-3: #1DE9B6;
  --teal-accent-4: #00BFA5;
  --green: #4CAF50;
  --green-lighten-5: #E8F5E9;
  --green-lighten-4: #C8E6C9;
  --green-lighten-3: #A5D6A7;
  --green-lighten-2: #81C784;
  --green-lighten-1: #66BB6A;
  --green-darken-1: #43A047;
  --green-darken-2: #388E3C;
  --green-darken-3: #2E7D32;
  --green-darken-4: #1B5E20;
  --green-accent-1: #B9F6CA;
  --green-accent-2: #69F0AE;
  --green-accent-3: #00E676;
  --green-accent-4: #00C853;
  --light-green: #8BC34A;
  --light-green-lighten-5: #F1F8E9;
  --light-green-lighten-4: #DCEDC8;
  --light-green-lighten-3: #C5E1A5;
  --light-green-lighten-2: #AED581;
  --light-green-lighten-1: #9CCC65;
  --light-green-darken-1: #7CB342;
  --light-green-darken-2: #689F38;
  --light-green-darken-3: #558B2F;
  --light-green-darken-4: #33691E;
  --light-green-accent-1: #CCFF90;
  --light-green-accent-2: #B2FF59;
  --light-green-accent-3: #76FF03;
  --light-green-accent-4: #64DD17;
  --lime: #CDDC39;
  --lime-lighten-5: #F9FBE7;
  --lime-lighten-4: #F0F4C3;
  --lime-lighten-3: #E6EE9C;
  --lime-lighten-2: #DCE775;
  --lime-lighten-1: #D4E157;
  --lime-darken-1: #C0CA33;
  --lime-darken-2: #AFB42B;
  --lime-darken-3: #9E9D24;
  --lime-darken-4: #827717;
  --lime-accent-1: #F4FF81;
  --lime-accent-2: #EEFF41;
  --lime-accent-3: #C6FF00;
  --lime-accent-4: #AEEA00;
  --yellow: #FFEB3B;
  --yellow-lighten-5: #FFFDE7;
  --yellow-lighten-4: #FFF9C4;
  --yellow-lighten-3: #FFF59D;
  --yellow-lighten-2: #FFF176;
  --yellow-lighten-1: #FFEE58;
  --yellow-darken-1: #FDD835;
  --yellow-darken-2: #FBC02D;
  --yellow-darken-3: #F9A825;
  --yellow-darken-4: #F57F17;
  --yellow-accent-1: #FFFF8D;
  --yellow-accent-2: #FFFF00;
  --yellow-accent-3: #FFEA00;
  --yellow-accent-4: #FFD600;
  --amber: #FFC107;
  --amber-lighten-5: #FFF8E1;
  --amber-lighten-4: #FFECB3;
  --amber-lighten-3: #FFE082;
  --amber-lighten-2: #FFD54F;
  --amber-lighten-1: #FFCA28;
  --amber-darken-1: #FFB300;
  --amber-darken-2: #FFA000;
  --amber-darken-3: #FF8F00;
  --amber-darken-4: #FF6F00;
  --amber-accent-1: #FFE57F;
  --amber-accent-2: #FFD740;
  --amber-accent-3: #FFC400;
  --amber-accent-4: #FFAB00;
  --orange: #FF9800;
  --orange-lighten-5: #FFF3E0;
  --orange-lighten-4: #FFE0B2;
  --orange-lighten-3: #FFCC80;
  --orange-lighten-2: #FFB74D;
  --orange-lighten-1: #FFA726;
  --orange-darken-1: #FB8C00;
  --orange-darken-2: #F57C00;
  --orange-darken-3: #EF6C00;
  --orange-darken-4: #E65100;
  --orange-accent-1: #FFD180;
  --orange-accent-2: #FFAB40;
  --orange-accent-3: #FF9100;
  --orange-accent-4: #FF6D00;
  --deep-orange: #FF5722;
  --deep-orange-lighten-5: #FBE9E7;
  --deep-orange-lighten-4: #FFCCBC;
  --deep-orange-lighten-3: #FFAB91;
  --deep-orange-lighten-2: #FF8A65;
  --deep-orange-lighten-1: #FF7043;
  --deep-orange-darken-1: #F4511E;
  --deep-orange-darken-2: #E64A19;
  --deep-orange-darken-3: #D84315;
  --deep-orange-darken-4: #BF360C;
  --deep-orange-accent-1: #FF9E80;
  --deep-orange-accent-2: #FF6E40;
  --deep-orange-accent-3: #FF3D00;
  --deep-orange-accent-4: #DD2C00;
  --brown: #795548;
  --brown-lighten-5: #EFEBE9;
  --brown-lighten-4: #D7CCC8;
  --brown-lighten-3: #BCAAA4;
  --brown-lighten-2: #A1887F;
  --brown-lighten-1: #8D6E63;
  --brown-darken-1: #6D4C41;
  --brown-darken-2: #5D4037;
  --brown-darken-3: #4E342E;
  --brown-darken-4: #3E2723;
  --blue-grey: #607D8B;
  --blue-grey-lighten-5: #ECEFF1;
  --blue-grey-lighten-4: #CFD8DC;
  --blue-grey-lighten-3: #B0BEC5;
  --blue-grey-lighten-2: #90A4AE;
  --blue-grey-lighten-1: #78909C;
  --blue-grey-darken-1: #546E7A;
  --blue-grey-darken-2: #455A64;
  --blue-grey-darken-3: #37474F;
  --blue-grey-darken-4: #263238;
  --grey: #9E9E9E;
  --grey-lighten-5: #FAFAFA;
  --grey-lighten-4: #F5F5F5;
  --grey-lighten-3: #EEEEEE;
  --grey-lighten-2: #E0E0E0;
  --grey-lighten-1: #BDBDBD;
  --grey-darken-1: #757575;
  --grey-darken-2: #616161;
  --grey-darken-3: #424242;
  --grey-darken-4: #212121;
  --black: #000000;
  --white: #FFFFFF;
}

.opt-out-of-high-contrast {
  forced-color-adjust: none;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-red {
    color: #F44336 !important;
  }
  :root {
    --red: #F44336;
  }
  .bg-red {
    background-color: #F44336;
  }
  .border-red {
    border-color: #F44336;
  }
  .border-left-red {
    border-left-color: #F44336;
  }
  .border-right-red {
    border-right-color: #F44336;
  }
  .border-top-red {
    border-top-color: #F44336;
  }
  .border-bottom-red {
    border-bottom-color: #F44336;
  }
  .badge-red {
    background-color: #F44336;
  }
  .btn-red {
    background-color: rgba(244, 67, 54, 0.9);
  }
  .btn-red:disabled,
  .btn-red.disabled {
    background-color: rgba(244, 67, 54, 0.4);
  }
  .btn-red:not(:disabled):not(.disabled):hover {
    background-color: #F44336;
  }
  .btn-outline-red {
    color: #F44336;
    border-color: #F44336;
  }
  .btn-outline-red:hover {
    background-color: #F44336;
    color: #FFFFFF;
  }
}
.text-red {
  color: #F44336 !important;
}

:root {
  --red: #F44336;
}

.bg-red {
  background-color: #F44336;
}

.border-red {
  border-color: #F44336;
}

.border-left-red {
  border-left-color: #F44336;
}

.border-right-red {
  border-right-color: #F44336;
}

.border-top-red {
  border-top-color: #F44336;
}

.border-bottom-red {
  border-bottom-color: #F44336;
}

.badge-red {
  background-color: #F44336;
}

.btn-red {
  background-color: rgba(244, 67, 54, 0.9);
}

.btn-red:disabled,
.btn-red.disabled {
  background-color: rgba(244, 67, 54, 0.4);
}

.btn-red:not(:disabled):not(.disabled):hover {
  background-color: #F44336;
}

.btn-outline-red {
  color: #F44336;
  border-color: #F44336;
}

.btn-outline-red:hover {
  background-color: #F44336;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-red-lighten-5 {
    color: #FFEBEE !important;
  }
  :root {
    --red-lighten-5: #FFEBEE;
  }
  .bg-red-lighten-5 {
    background-color: #FFEBEE;
  }
  .border-red-lighten-5 {
    border-color: #FFEBEE;
  }
  .border-left-red-lighten-5 {
    border-left-color: #FFEBEE;
  }
  .border-right-red-lighten-5 {
    border-right-color: #FFEBEE;
  }
  .border-top-red-lighten-5 {
    border-top-color: #FFEBEE;
  }
  .border-bottom-red-lighten-5 {
    border-bottom-color: #FFEBEE;
  }
  .badge-red-lighten-5 {
    background-color: #FFEBEE;
    color: #000000;
  }
  .btn-red-lighten-5 {
    background-color: rgba(255, 235, 238, 0.9);
    color: #000000 !important;
  }
  .btn-red-lighten-5:disabled,
  .btn-red-lighten-5.disabled {
    background-color: rgba(255, 235, 238, 0.4);
  }
  .btn-red-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #FFEBEE;
  }
  .btn-outline-red-lighten-5 {
    color: #FFEBEE;
    border-color: #FFEBEE;
  }
  .btn-outline-red-lighten-5:hover {
    background-color: #FFEBEE;
    color: #000000;
  }
}
.text-red-lighten-5 {
  color: #FFEBEE !important;
}

:root {
  --red-lighten-5: #FFEBEE;
}

.bg-red-lighten-5 {
  background-color: #FFEBEE;
}

.border-red-lighten-5 {
  border-color: #FFEBEE;
}

.border-left-red-lighten-5 {
  border-left-color: #FFEBEE;
}

.border-right-red-lighten-5 {
  border-right-color: #FFEBEE;
}

.border-top-red-lighten-5 {
  border-top-color: #FFEBEE;
}

.border-bottom-red-lighten-5 {
  border-bottom-color: #FFEBEE;
}

.badge-red-lighten-5 {
  background-color: #FFEBEE;
  color: #000000;
}

.btn-red-lighten-5 {
  background-color: rgba(255, 235, 238, 0.9);
  color: #000000 !important;
}

.btn-red-lighten-5:disabled,
.btn-red-lighten-5.disabled {
  background-color: rgba(255, 235, 238, 0.4);
}

.btn-red-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #FFEBEE;
}

.btn-outline-red-lighten-5 {
  color: #FFEBEE;
  border-color: #FFEBEE;
}

.btn-outline-red-lighten-5:hover {
  background-color: #FFEBEE;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-red-lighten-4 {
    color: #FFCDD2 !important;
  }
  :root {
    --red-lighten-4: #FFCDD2;
  }
  .bg-red-lighten-4 {
    background-color: #FFCDD2;
  }
  .border-red-lighten-4 {
    border-color: #FFCDD2;
  }
  .border-left-red-lighten-4 {
    border-left-color: #FFCDD2;
  }
  .border-right-red-lighten-4 {
    border-right-color: #FFCDD2;
  }
  .border-top-red-lighten-4 {
    border-top-color: #FFCDD2;
  }
  .border-bottom-red-lighten-4 {
    border-bottom-color: #FFCDD2;
  }
  .badge-red-lighten-4 {
    background-color: #FFCDD2;
    color: #000000;
  }
  .btn-red-lighten-4 {
    background-color: rgba(255, 205, 210, 0.9);
    color: #000000 !important;
  }
  .btn-red-lighten-4:disabled,
  .btn-red-lighten-4.disabled {
    background-color: rgba(255, 205, 210, 0.4);
  }
  .btn-red-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #FFCDD2;
  }
  .btn-outline-red-lighten-4 {
    color: #FFCDD2;
    border-color: #FFCDD2;
  }
  .btn-outline-red-lighten-4:hover {
    background-color: #FFCDD2;
    color: #000000;
  }
}
.text-red-lighten-4 {
  color: #FFCDD2 !important;
}

:root {
  --red-lighten-4: #FFCDD2;
}

.bg-red-lighten-4 {
  background-color: #FFCDD2;
}

.border-red-lighten-4 {
  border-color: #FFCDD2;
}

.border-left-red-lighten-4 {
  border-left-color: #FFCDD2;
}

.border-right-red-lighten-4 {
  border-right-color: #FFCDD2;
}

.border-top-red-lighten-4 {
  border-top-color: #FFCDD2;
}

.border-bottom-red-lighten-4 {
  border-bottom-color: #FFCDD2;
}

.badge-red-lighten-4 {
  background-color: #FFCDD2;
  color: #000000;
}

.btn-red-lighten-4 {
  background-color: rgba(255, 205, 210, 0.9);
  color: #000000 !important;
}

.btn-red-lighten-4:disabled,
.btn-red-lighten-4.disabled {
  background-color: rgba(255, 205, 210, 0.4);
}

.btn-red-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #FFCDD2;
}

.btn-outline-red-lighten-4 {
  color: #FFCDD2;
  border-color: #FFCDD2;
}

.btn-outline-red-lighten-4:hover {
  background-color: #FFCDD2;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-red-lighten-3 {
    color: #EF9A9A !important;
  }
  :root {
    --red-lighten-3: #EF9A9A;
  }
  .bg-red-lighten-3 {
    background-color: #EF9A9A;
  }
  .border-red-lighten-3 {
    border-color: #EF9A9A;
  }
  .border-left-red-lighten-3 {
    border-left-color: #EF9A9A;
  }
  .border-right-red-lighten-3 {
    border-right-color: #EF9A9A;
  }
  .border-top-red-lighten-3 {
    border-top-color: #EF9A9A;
  }
  .border-bottom-red-lighten-3 {
    border-bottom-color: #EF9A9A;
  }
  .badge-red-lighten-3 {
    background-color: #EF9A9A;
    color: #000000;
  }
  .btn-red-lighten-3 {
    background-color: rgba(239, 154, 154, 0.9);
    color: #000000 !important;
  }
  .btn-red-lighten-3:disabled,
  .btn-red-lighten-3.disabled {
    background-color: rgba(239, 154, 154, 0.4);
  }
  .btn-red-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #EF9A9A;
  }
  .btn-outline-red-lighten-3 {
    color: #EF9A9A;
    border-color: #EF9A9A;
  }
  .btn-outline-red-lighten-3:hover {
    background-color: #EF9A9A;
    color: #000000;
  }
}
.text-red-lighten-3 {
  color: #EF9A9A !important;
}

:root {
  --red-lighten-3: #EF9A9A;
}

.bg-red-lighten-3 {
  background-color: #EF9A9A;
}

.border-red-lighten-3 {
  border-color: #EF9A9A;
}

.border-left-red-lighten-3 {
  border-left-color: #EF9A9A;
}

.border-right-red-lighten-3 {
  border-right-color: #EF9A9A;
}

.border-top-red-lighten-3 {
  border-top-color: #EF9A9A;
}

.border-bottom-red-lighten-3 {
  border-bottom-color: #EF9A9A;
}

.badge-red-lighten-3 {
  background-color: #EF9A9A;
  color: #000000;
}

.btn-red-lighten-3 {
  background-color: rgba(239, 154, 154, 0.9);
  color: #000000 !important;
}

.btn-red-lighten-3:disabled,
.btn-red-lighten-3.disabled {
  background-color: rgba(239, 154, 154, 0.4);
}

.btn-red-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #EF9A9A;
}

.btn-outline-red-lighten-3 {
  color: #EF9A9A;
  border-color: #EF9A9A;
}

.btn-outline-red-lighten-3:hover {
  background-color: #EF9A9A;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-red-lighten-2 {
    color: #E57373 !important;
  }
  :root {
    --red-lighten-2: #E57373;
  }
  .bg-red-lighten-2 {
    background-color: #E57373;
  }
  .border-red-lighten-2 {
    border-color: #E57373;
  }
  .border-left-red-lighten-2 {
    border-left-color: #E57373;
  }
  .border-right-red-lighten-2 {
    border-right-color: #E57373;
  }
  .border-top-red-lighten-2 {
    border-top-color: #E57373;
  }
  .border-bottom-red-lighten-2 {
    border-bottom-color: #E57373;
  }
  .badge-red-lighten-2 {
    background-color: #E57373;
    color: #000000;
  }
  .btn-red-lighten-2 {
    background-color: rgba(229, 115, 115, 0.9);
    color: #000000 !important;
  }
  .btn-red-lighten-2:disabled,
  .btn-red-lighten-2.disabled {
    background-color: rgba(229, 115, 115, 0.4);
  }
  .btn-red-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #E57373;
  }
  .btn-outline-red-lighten-2 {
    color: #E57373;
    border-color: #E57373;
  }
  .btn-outline-red-lighten-2:hover {
    background-color: #E57373;
    color: #000000;
  }
}
.text-red-lighten-2 {
  color: #E57373 !important;
}

:root {
  --red-lighten-2: #E57373;
}

.bg-red-lighten-2 {
  background-color: #E57373;
}

.border-red-lighten-2 {
  border-color: #E57373;
}

.border-left-red-lighten-2 {
  border-left-color: #E57373;
}

.border-right-red-lighten-2 {
  border-right-color: #E57373;
}

.border-top-red-lighten-2 {
  border-top-color: #E57373;
}

.border-bottom-red-lighten-2 {
  border-bottom-color: #E57373;
}

.badge-red-lighten-2 {
  background-color: #E57373;
  color: #000000;
}

.btn-red-lighten-2 {
  background-color: rgba(229, 115, 115, 0.9);
  color: #000000 !important;
}

.btn-red-lighten-2:disabled,
.btn-red-lighten-2.disabled {
  background-color: rgba(229, 115, 115, 0.4);
}

.btn-red-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #E57373;
}

.btn-outline-red-lighten-2 {
  color: #E57373;
  border-color: #E57373;
}

.btn-outline-red-lighten-2:hover {
  background-color: #E57373;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-red-lighten-1 {
    color: #EF5350 !important;
  }
  :root {
    --red-lighten-1: #EF5350;
  }
  .bg-red-lighten-1 {
    background-color: #EF5350;
  }
  .border-red-lighten-1 {
    border-color: #EF5350;
  }
  .border-left-red-lighten-1 {
    border-left-color: #EF5350;
  }
  .border-right-red-lighten-1 {
    border-right-color: #EF5350;
  }
  .border-top-red-lighten-1 {
    border-top-color: #EF5350;
  }
  .border-bottom-red-lighten-1 {
    border-bottom-color: #EF5350;
  }
  .badge-red-lighten-1 {
    background-color: #EF5350;
    color: #000000;
  }
  .btn-red-lighten-1 {
    background-color: rgba(239, 83, 80, 0.9);
    color: #000000 !important;
  }
  .btn-red-lighten-1:disabled,
  .btn-red-lighten-1.disabled {
    background-color: rgba(239, 83, 80, 0.4);
  }
  .btn-red-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #EF5350;
  }
  .btn-outline-red-lighten-1 {
    color: #EF5350;
    border-color: #EF5350;
  }
  .btn-outline-red-lighten-1:hover {
    background-color: #EF5350;
    color: #000000;
  }
}
.text-red-lighten-1 {
  color: #EF5350 !important;
}

:root {
  --red-lighten-1: #EF5350;
}

.bg-red-lighten-1 {
  background-color: #EF5350;
}

.border-red-lighten-1 {
  border-color: #EF5350;
}

.border-left-red-lighten-1 {
  border-left-color: #EF5350;
}

.border-right-red-lighten-1 {
  border-right-color: #EF5350;
}

.border-top-red-lighten-1 {
  border-top-color: #EF5350;
}

.border-bottom-red-lighten-1 {
  border-bottom-color: #EF5350;
}

.badge-red-lighten-1 {
  background-color: #EF5350;
  color: #000000;
}

.btn-red-lighten-1 {
  background-color: rgba(239, 83, 80, 0.9);
  color: #000000 !important;
}

.btn-red-lighten-1:disabled,
.btn-red-lighten-1.disabled {
  background-color: rgba(239, 83, 80, 0.4);
}

.btn-red-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #EF5350;
}

.btn-outline-red-lighten-1 {
  color: #EF5350;
  border-color: #EF5350;
}

.btn-outline-red-lighten-1:hover {
  background-color: #EF5350;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-red-darken-1 {
    color: #E53935 !important;
  }
  :root {
    --red-darken-1: #E53935;
  }
  .bg-red-darken-1 {
    background-color: #E53935;
  }
  .border-red-darken-1 {
    border-color: #E53935;
  }
  .border-left-red-darken-1 {
    border-left-color: #E53935;
  }
  .border-right-red-darken-1 {
    border-right-color: #E53935;
  }
  .border-top-red-darken-1 {
    border-top-color: #E53935;
  }
  .border-bottom-red-darken-1 {
    border-bottom-color: #E53935;
  }
  .badge-red-darken-1 {
    background-color: #E53935;
    color: #FFFFFF;
  }
  .btn-red-darken-1 {
    background-color: rgba(229, 57, 53, 0.9);
    color: #FFFFFF !important;
  }
  .btn-red-darken-1:disabled,
  .btn-red-darken-1.disabled {
    background-color: rgba(229, 57, 53, 0.4);
  }
  .btn-red-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #E53935;
  }
  .btn-outline-red-darken-1 {
    color: #E53935;
    border-color: #E53935;
  }
  .btn-outline-red-darken-1:hover {
    background-color: #E53935;
    color: #FFFFFF;
  }
}
.text-red-darken-1 {
  color: #E53935 !important;
}

:root {
  --red-darken-1: #E53935;
}

.bg-red-darken-1 {
  background-color: #E53935;
}

.border-red-darken-1 {
  border-color: #E53935;
}

.border-left-red-darken-1 {
  border-left-color: #E53935;
}

.border-right-red-darken-1 {
  border-right-color: #E53935;
}

.border-top-red-darken-1 {
  border-top-color: #E53935;
}

.border-bottom-red-darken-1 {
  border-bottom-color: #E53935;
}

.badge-red-darken-1 {
  background-color: #E53935;
  color: #FFFFFF;
}

.btn-red-darken-1 {
  background-color: rgba(229, 57, 53, 0.9);
  color: #FFFFFF !important;
}

.btn-red-darken-1:disabled,
.btn-red-darken-1.disabled {
  background-color: rgba(229, 57, 53, 0.4);
}

.btn-red-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #E53935;
}

.btn-outline-red-darken-1 {
  color: #E53935;
  border-color: #E53935;
}

.btn-outline-red-darken-1:hover {
  background-color: #E53935;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-red-darken-2 {
    color: #D32F2F !important;
  }
  :root {
    --red-darken-2: #D32F2F;
  }
  .bg-red-darken-2 {
    background-color: #D32F2F;
  }
  .border-red-darken-2 {
    border-color: #D32F2F;
  }
  .border-left-red-darken-2 {
    border-left-color: #D32F2F;
  }
  .border-right-red-darken-2 {
    border-right-color: #D32F2F;
  }
  .border-top-red-darken-2 {
    border-top-color: #D32F2F;
  }
  .border-bottom-red-darken-2 {
    border-bottom-color: #D32F2F;
  }
  .badge-red-darken-2 {
    background-color: #D32F2F;
    color: #FFFFFF;
  }
  .btn-red-darken-2 {
    background-color: rgba(211, 47, 47, 0.9);
    color: #FFFFFF !important;
  }
  .btn-red-darken-2:disabled,
  .btn-red-darken-2.disabled {
    background-color: rgba(211, 47, 47, 0.4);
  }
  .btn-red-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #D32F2F;
  }
  .btn-outline-red-darken-2 {
    color: #D32F2F;
    border-color: #D32F2F;
  }
  .btn-outline-red-darken-2:hover {
    background-color: #D32F2F;
    color: #FFFFFF;
  }
}
.text-red-darken-2 {
  color: #D32F2F !important;
}

:root {
  --red-darken-2: #D32F2F;
}

.bg-red-darken-2 {
  background-color: #D32F2F;
}

.border-red-darken-2 {
  border-color: #D32F2F;
}

.border-left-red-darken-2 {
  border-left-color: #D32F2F;
}

.border-right-red-darken-2 {
  border-right-color: #D32F2F;
}

.border-top-red-darken-2 {
  border-top-color: #D32F2F;
}

.border-bottom-red-darken-2 {
  border-bottom-color: #D32F2F;
}

.badge-red-darken-2 {
  background-color: #D32F2F;
  color: #FFFFFF;
}

.btn-red-darken-2 {
  background-color: rgba(211, 47, 47, 0.9);
  color: #FFFFFF !important;
}

.btn-red-darken-2:disabled,
.btn-red-darken-2.disabled {
  background-color: rgba(211, 47, 47, 0.4);
}

.btn-red-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #D32F2F;
}

.btn-outline-red-darken-2 {
  color: #D32F2F;
  border-color: #D32F2F;
}

.btn-outline-red-darken-2:hover {
  background-color: #D32F2F;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-red-darken-3 {
    color: #C62828 !important;
  }
  :root {
    --red-darken-3: #C62828;
  }
  .bg-red-darken-3 {
    background-color: #C62828;
  }
  .border-red-darken-3 {
    border-color: #C62828;
  }
  .border-left-red-darken-3 {
    border-left-color: #C62828;
  }
  .border-right-red-darken-3 {
    border-right-color: #C62828;
  }
  .border-top-red-darken-3 {
    border-top-color: #C62828;
  }
  .border-bottom-red-darken-3 {
    border-bottom-color: #C62828;
  }
  .badge-red-darken-3 {
    background-color: #C62828;
    color: #FFFFFF;
  }
  .btn-red-darken-3 {
    background-color: rgba(198, 40, 40, 0.9);
    color: #FFFFFF !important;
  }
  .btn-red-darken-3:disabled,
  .btn-red-darken-3.disabled {
    background-color: rgba(198, 40, 40, 0.4);
  }
  .btn-red-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #C62828;
  }
  .btn-outline-red-darken-3 {
    color: #C62828;
    border-color: #C62828;
  }
  .btn-outline-red-darken-3:hover {
    background-color: #C62828;
    color: #FFFFFF;
  }
}
.text-red-darken-3 {
  color: #C62828 !important;
}

:root {
  --red-darken-3: #C62828;
}

.bg-red-darken-3 {
  background-color: #C62828;
}

.border-red-darken-3 {
  border-color: #C62828;
}

.border-left-red-darken-3 {
  border-left-color: #C62828;
}

.border-right-red-darken-3 {
  border-right-color: #C62828;
}

.border-top-red-darken-3 {
  border-top-color: #C62828;
}

.border-bottom-red-darken-3 {
  border-bottom-color: #C62828;
}

.badge-red-darken-3 {
  background-color: #C62828;
  color: #FFFFFF;
}

.btn-red-darken-3 {
  background-color: rgba(198, 40, 40, 0.9);
  color: #FFFFFF !important;
}

.btn-red-darken-3:disabled,
.btn-red-darken-3.disabled {
  background-color: rgba(198, 40, 40, 0.4);
}

.btn-red-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #C62828;
}

.btn-outline-red-darken-3 {
  color: #C62828;
  border-color: #C62828;
}

.btn-outline-red-darken-3:hover {
  background-color: #C62828;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-red-darken-4 {
    color: #B71C1C !important;
  }
  :root {
    --red-darken-4: #B71C1C;
  }
  .bg-red-darken-4 {
    background-color: #B71C1C;
  }
  .border-red-darken-4 {
    border-color: #B71C1C;
  }
  .border-left-red-darken-4 {
    border-left-color: #B71C1C;
  }
  .border-right-red-darken-4 {
    border-right-color: #B71C1C;
  }
  .border-top-red-darken-4 {
    border-top-color: #B71C1C;
  }
  .border-bottom-red-darken-4 {
    border-bottom-color: #B71C1C;
  }
  .badge-red-darken-4 {
    background-color: #B71C1C;
    color: #FFFFFF;
  }
  .btn-red-darken-4 {
    background-color: rgba(183, 28, 28, 0.9);
    color: #FFFFFF !important;
  }
  .btn-red-darken-4:disabled,
  .btn-red-darken-4.disabled {
    background-color: rgba(183, 28, 28, 0.4);
  }
  .btn-red-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #B71C1C;
  }
  .btn-outline-red-darken-4 {
    color: #B71C1C;
    border-color: #B71C1C;
  }
  .btn-outline-red-darken-4:hover {
    background-color: #B71C1C;
    color: #FFFFFF;
  }
}
.text-red-darken-4 {
  color: #B71C1C !important;
}

:root {
  --red-darken-4: #B71C1C;
}

.bg-red-darken-4 {
  background-color: #B71C1C;
}

.border-red-darken-4 {
  border-color: #B71C1C;
}

.border-left-red-darken-4 {
  border-left-color: #B71C1C;
}

.border-right-red-darken-4 {
  border-right-color: #B71C1C;
}

.border-top-red-darken-4 {
  border-top-color: #B71C1C;
}

.border-bottom-red-darken-4 {
  border-bottom-color: #B71C1C;
}

.badge-red-darken-4 {
  background-color: #B71C1C;
  color: #FFFFFF;
}

.btn-red-darken-4 {
  background-color: rgba(183, 28, 28, 0.9);
  color: #FFFFFF !important;
}

.btn-red-darken-4:disabled,
.btn-red-darken-4.disabled {
  background-color: rgba(183, 28, 28, 0.4);
}

.btn-red-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #B71C1C;
}

.btn-outline-red-darken-4 {
  color: #B71C1C;
  border-color: #B71C1C;
}

.btn-outline-red-darken-4:hover {
  background-color: #B71C1C;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-red-accent-1 {
    color: #FF8A80 !important;
  }
  :root {
    --red-accent-1: #FF8A80;
  }
  .bg-red-accent-1 {
    background-color: #FF8A80;
  }
  .border-red-accent-1 {
    border-color: #FF8A80;
  }
  .border-left-red-accent-1 {
    border-left-color: #FF8A80;
  }
  .border-right-red-accent-1 {
    border-right-color: #FF8A80;
  }
  .border-top-red-accent-1 {
    border-top-color: #FF8A80;
  }
  .border-bottom-red-accent-1 {
    border-bottom-color: #FF8A80;
  }
  .badge-red-accent-1 {
    background-color: #FF8A80;
    color: #000000;
  }
  .btn-red-accent-1 {
    background-color: rgba(255, 138, 128, 0.9);
    color: #000000 !important;
  }
  .btn-red-accent-1:disabled,
  .btn-red-accent-1.disabled {
    background-color: rgba(255, 138, 128, 0.4);
  }
  .btn-red-accent-1:not(:disabled):not(.disabled):hover {
    background-color: #FF8A80;
  }
  .btn-outline-red-accent-1 {
    color: #FF8A80;
    border-color: #FF8A80;
  }
  .btn-outline-red-accent-1:hover {
    background-color: #FF8A80;
    color: #000000;
  }
}
.text-red-accent-1 {
  color: #FF8A80 !important;
}

:root {
  --red-accent-1: #FF8A80;
}

.bg-red-accent-1 {
  background-color: #FF8A80;
}

.border-red-accent-1 {
  border-color: #FF8A80;
}

.border-left-red-accent-1 {
  border-left-color: #FF8A80;
}

.border-right-red-accent-1 {
  border-right-color: #FF8A80;
}

.border-top-red-accent-1 {
  border-top-color: #FF8A80;
}

.border-bottom-red-accent-1 {
  border-bottom-color: #FF8A80;
}

.badge-red-accent-1 {
  background-color: #FF8A80;
  color: #000000;
}

.btn-red-accent-1 {
  background-color: rgba(255, 138, 128, 0.9);
  color: #000000 !important;
}

.btn-red-accent-1:disabled,
.btn-red-accent-1.disabled {
  background-color: rgba(255, 138, 128, 0.4);
}

.btn-red-accent-1:not(:disabled):not(.disabled):hover {
  background-color: #FF8A80;
}

.btn-outline-red-accent-1 {
  color: #FF8A80;
  border-color: #FF8A80;
}

.btn-outline-red-accent-1:hover {
  background-color: #FF8A80;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-red-accent-2 {
    color: #FF5252 !important;
  }
  :root {
    --red-accent-2: #FF5252;
  }
  .bg-red-accent-2 {
    background-color: #FF5252;
  }
  .border-red-accent-2 {
    border-color: #FF5252;
  }
  .border-left-red-accent-2 {
    border-left-color: #FF5252;
  }
  .border-right-red-accent-2 {
    border-right-color: #FF5252;
  }
  .border-top-red-accent-2 {
    border-top-color: #FF5252;
  }
  .border-bottom-red-accent-2 {
    border-bottom-color: #FF5252;
  }
  .badge-red-accent-2 {
    background-color: #FF5252;
    color: #000000;
  }
  .btn-red-accent-2 {
    background-color: rgba(255, 82, 82, 0.9);
    color: #000000 !important;
  }
  .btn-red-accent-2:disabled,
  .btn-red-accent-2.disabled {
    background-color: rgba(255, 82, 82, 0.4);
  }
  .btn-red-accent-2:not(:disabled):not(.disabled):hover {
    background-color: #FF5252;
  }
  .btn-outline-red-accent-2 {
    color: #FF5252;
    border-color: #FF5252;
  }
  .btn-outline-red-accent-2:hover {
    background-color: #FF5252;
    color: #000000;
  }
}
.text-red-accent-2 {
  color: #FF5252 !important;
}

:root {
  --red-accent-2: #FF5252;
}

.bg-red-accent-2 {
  background-color: #FF5252;
}

.border-red-accent-2 {
  border-color: #FF5252;
}

.border-left-red-accent-2 {
  border-left-color: #FF5252;
}

.border-right-red-accent-2 {
  border-right-color: #FF5252;
}

.border-top-red-accent-2 {
  border-top-color: #FF5252;
}

.border-bottom-red-accent-2 {
  border-bottom-color: #FF5252;
}

.badge-red-accent-2 {
  background-color: #FF5252;
  color: #000000;
}

.btn-red-accent-2 {
  background-color: rgba(255, 82, 82, 0.9);
  color: #000000 !important;
}

.btn-red-accent-2:disabled,
.btn-red-accent-2.disabled {
  background-color: rgba(255, 82, 82, 0.4);
}

.btn-red-accent-2:not(:disabled):not(.disabled):hover {
  background-color: #FF5252;
}

.btn-outline-red-accent-2 {
  color: #FF5252;
  border-color: #FF5252;
}

.btn-outline-red-accent-2:hover {
  background-color: #FF5252;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-red-accent-3 {
    color: #FF1744 !important;
  }
  :root {
    --red-accent-3: #FF1744;
  }
  .bg-red-accent-3 {
    background-color: #FF1744;
  }
  .border-red-accent-3 {
    border-color: #FF1744;
  }
  .border-left-red-accent-3 {
    border-left-color: #FF1744;
  }
  .border-right-red-accent-3 {
    border-right-color: #FF1744;
  }
  .border-top-red-accent-3 {
    border-top-color: #FF1744;
  }
  .border-bottom-red-accent-3 {
    border-bottom-color: #FF1744;
  }
  .badge-red-accent-3 {
    background-color: #FF1744;
    color: #FFFFFF;
  }
  .btn-red-accent-3 {
    background-color: rgba(255, 23, 68, 0.9);
    color: #FFFFFF !important;
  }
  .btn-red-accent-3:disabled,
  .btn-red-accent-3.disabled {
    background-color: rgba(255, 23, 68, 0.4);
  }
  .btn-red-accent-3:not(:disabled):not(.disabled):hover {
    background-color: #FF1744;
  }
  .btn-outline-red-accent-3 {
    color: #FF1744;
    border-color: #FF1744;
  }
  .btn-outline-red-accent-3:hover {
    background-color: #FF1744;
    color: #FFFFFF;
  }
}
.text-red-accent-3 {
  color: #FF1744 !important;
}

:root {
  --red-accent-3: #FF1744;
}

.bg-red-accent-3 {
  background-color: #FF1744;
}

.border-red-accent-3 {
  border-color: #FF1744;
}

.border-left-red-accent-3 {
  border-left-color: #FF1744;
}

.border-right-red-accent-3 {
  border-right-color: #FF1744;
}

.border-top-red-accent-3 {
  border-top-color: #FF1744;
}

.border-bottom-red-accent-3 {
  border-bottom-color: #FF1744;
}

.badge-red-accent-3 {
  background-color: #FF1744;
  color: #FFFFFF;
}

.btn-red-accent-3 {
  background-color: rgba(255, 23, 68, 0.9);
  color: #FFFFFF !important;
}

.btn-red-accent-3:disabled,
.btn-red-accent-3.disabled {
  background-color: rgba(255, 23, 68, 0.4);
}

.btn-red-accent-3:not(:disabled):not(.disabled):hover {
  background-color: #FF1744;
}

.btn-outline-red-accent-3 {
  color: #FF1744;
  border-color: #FF1744;
}

.btn-outline-red-accent-3:hover {
  background-color: #FF1744;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-red-accent-4 {
    color: #D50000 !important;
  }
  :root {
    --red-accent-4: #D50000;
  }
  .bg-red-accent-4 {
    background-color: #D50000;
  }
  .border-red-accent-4 {
    border-color: #D50000;
  }
  .border-left-red-accent-4 {
    border-left-color: #D50000;
  }
  .border-right-red-accent-4 {
    border-right-color: #D50000;
  }
  .border-top-red-accent-4 {
    border-top-color: #D50000;
  }
  .border-bottom-red-accent-4 {
    border-bottom-color: #D50000;
  }
  .badge-red-accent-4 {
    background-color: #D50000;
    color: #FFFFFF;
  }
  .btn-red-accent-4 {
    background-color: rgba(213, 0, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-red-accent-4:disabled,
  .btn-red-accent-4.disabled {
    background-color: rgba(213, 0, 0, 0.4);
  }
  .btn-red-accent-4:not(:disabled):not(.disabled):hover {
    background-color: #D50000;
  }
  .btn-outline-red-accent-4 {
    color: #D50000;
    border-color: #D50000;
  }
  .btn-outline-red-accent-4:hover {
    background-color: #D50000;
    color: #FFFFFF;
  }
}
.text-red-accent-4 {
  color: #D50000 !important;
}

:root {
  --red-accent-4: #D50000;
}

.bg-red-accent-4 {
  background-color: #D50000;
}

.border-red-accent-4 {
  border-color: #D50000;
}

.border-left-red-accent-4 {
  border-left-color: #D50000;
}

.border-right-red-accent-4 {
  border-right-color: #D50000;
}

.border-top-red-accent-4 {
  border-top-color: #D50000;
}

.border-bottom-red-accent-4 {
  border-bottom-color: #D50000;
}

.badge-red-accent-4 {
  background-color: #D50000;
  color: #FFFFFF;
}

.btn-red-accent-4 {
  background-color: rgba(213, 0, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-red-accent-4:disabled,
.btn-red-accent-4.disabled {
  background-color: rgba(213, 0, 0, 0.4);
}

.btn-red-accent-4:not(:disabled):not(.disabled):hover {
  background-color: #D50000;
}

.btn-outline-red-accent-4 {
  color: #D50000;
  border-color: #D50000;
}

.btn-outline-red-accent-4:hover {
  background-color: #D50000;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-pink {
    color: #E91E63 !important;
  }
  :root {
    --pink: #E91E63;
  }
  .bg-pink {
    background-color: #E91E63;
  }
  .border-pink {
    border-color: #E91E63;
  }
  .border-left-pink {
    border-left-color: #E91E63;
  }
  .border-right-pink {
    border-right-color: #E91E63;
  }
  .border-top-pink {
    border-top-color: #E91E63;
  }
  .border-bottom-pink {
    border-bottom-color: #E91E63;
  }
  .badge-pink {
    background-color: #E91E63;
  }
  .btn-pink {
    background-color: rgba(233, 30, 99, 0.9);
  }
  .btn-pink:disabled,
  .btn-pink.disabled {
    background-color: rgba(233, 30, 99, 0.4);
  }
  .btn-pink:not(:disabled):not(.disabled):hover {
    background-color: #E91E63;
  }
  .btn-outline-pink {
    color: #E91E63;
    border-color: #E91E63;
  }
  .btn-outline-pink:hover {
    background-color: #E91E63;
    color: #FFFFFF;
  }
}
.text-pink {
  color: #E91E63 !important;
}

:root {
  --pink: #E91E63;
}

.bg-pink {
  background-color: #E91E63;
}

.border-pink {
  border-color: #E91E63;
}

.border-left-pink {
  border-left-color: #E91E63;
}

.border-right-pink {
  border-right-color: #E91E63;
}

.border-top-pink {
  border-top-color: #E91E63;
}

.border-bottom-pink {
  border-bottom-color: #E91E63;
}

.badge-pink {
  background-color: #E91E63;
}

.btn-pink {
  background-color: rgba(233, 30, 99, 0.9);
}

.btn-pink:disabled,
.btn-pink.disabled {
  background-color: rgba(233, 30, 99, 0.4);
}

.btn-pink:not(:disabled):not(.disabled):hover {
  background-color: #E91E63;
}

.btn-outline-pink {
  color: #E91E63;
  border-color: #E91E63;
}

.btn-outline-pink:hover {
  background-color: #E91E63;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-pink-lighten-5 {
    color: #FCE4EC !important;
  }
  :root {
    --pink-lighten-5: #FCE4EC;
  }
  .bg-pink-lighten-5 {
    background-color: #FCE4EC;
  }
  .border-pink-lighten-5 {
    border-color: #FCE4EC;
  }
  .border-left-pink-lighten-5 {
    border-left-color: #FCE4EC;
  }
  .border-right-pink-lighten-5 {
    border-right-color: #FCE4EC;
  }
  .border-top-pink-lighten-5 {
    border-top-color: #FCE4EC;
  }
  .border-bottom-pink-lighten-5 {
    border-bottom-color: #FCE4EC;
  }
  .badge-pink-lighten-5 {
    background-color: #FCE4EC;
    color: #000000;
  }
  .btn-pink-lighten-5 {
    background-color: rgba(252, 228, 236, 0.9);
    color: #000000 !important;
  }
  .btn-pink-lighten-5:disabled,
  .btn-pink-lighten-5.disabled {
    background-color: rgba(252, 228, 236, 0.4);
  }
  .btn-pink-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #FCE4EC;
  }
  .btn-outline-pink-lighten-5 {
    color: #FCE4EC;
    border-color: #FCE4EC;
  }
  .btn-outline-pink-lighten-5:hover {
    background-color: #FCE4EC;
    color: #000000;
  }
}
.text-pink-lighten-5 {
  color: #FCE4EC !important;
}

:root {
  --pink-lighten-5: #FCE4EC;
}

.bg-pink-lighten-5 {
  background-color: #FCE4EC;
}

.border-pink-lighten-5 {
  border-color: #FCE4EC;
}

.border-left-pink-lighten-5 {
  border-left-color: #FCE4EC;
}

.border-right-pink-lighten-5 {
  border-right-color: #FCE4EC;
}

.border-top-pink-lighten-5 {
  border-top-color: #FCE4EC;
}

.border-bottom-pink-lighten-5 {
  border-bottom-color: #FCE4EC;
}

.badge-pink-lighten-5 {
  background-color: #FCE4EC;
  color: #000000;
}

.btn-pink-lighten-5 {
  background-color: rgba(252, 228, 236, 0.9);
  color: #000000 !important;
}

.btn-pink-lighten-5:disabled,
.btn-pink-lighten-5.disabled {
  background-color: rgba(252, 228, 236, 0.4);
}

.btn-pink-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #FCE4EC;
}

.btn-outline-pink-lighten-5 {
  color: #FCE4EC;
  border-color: #FCE4EC;
}

.btn-outline-pink-lighten-5:hover {
  background-color: #FCE4EC;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-pink-lighten-4 {
    color: #F8BBD0 !important;
  }
  :root {
    --pink-lighten-4: #F8BBD0;
  }
  .bg-pink-lighten-4 {
    background-color: #F8BBD0;
  }
  .border-pink-lighten-4 {
    border-color: #F8BBD0;
  }
  .border-left-pink-lighten-4 {
    border-left-color: #F8BBD0;
  }
  .border-right-pink-lighten-4 {
    border-right-color: #F8BBD0;
  }
  .border-top-pink-lighten-4 {
    border-top-color: #F8BBD0;
  }
  .border-bottom-pink-lighten-4 {
    border-bottom-color: #F8BBD0;
  }
  .badge-pink-lighten-4 {
    background-color: #F8BBD0;
    color: #000000;
  }
  .btn-pink-lighten-4 {
    background-color: rgba(248, 187, 208, 0.9);
    color: #000000 !important;
  }
  .btn-pink-lighten-4:disabled,
  .btn-pink-lighten-4.disabled {
    background-color: rgba(248, 187, 208, 0.4);
  }
  .btn-pink-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #F8BBD0;
  }
  .btn-outline-pink-lighten-4 {
    color: #F8BBD0;
    border-color: #F8BBD0;
  }
  .btn-outline-pink-lighten-4:hover {
    background-color: #F8BBD0;
    color: #000000;
  }
}
.text-pink-lighten-4 {
  color: #F8BBD0 !important;
}

:root {
  --pink-lighten-4: #F8BBD0;
}

.bg-pink-lighten-4 {
  background-color: #F8BBD0;
}

.border-pink-lighten-4 {
  border-color: #F8BBD0;
}

.border-left-pink-lighten-4 {
  border-left-color: #F8BBD0;
}

.border-right-pink-lighten-4 {
  border-right-color: #F8BBD0;
}

.border-top-pink-lighten-4 {
  border-top-color: #F8BBD0;
}

.border-bottom-pink-lighten-4 {
  border-bottom-color: #F8BBD0;
}

.badge-pink-lighten-4 {
  background-color: #F8BBD0;
  color: #000000;
}

.btn-pink-lighten-4 {
  background-color: rgba(248, 187, 208, 0.9);
  color: #000000 !important;
}

.btn-pink-lighten-4:disabled,
.btn-pink-lighten-4.disabled {
  background-color: rgba(248, 187, 208, 0.4);
}

.btn-pink-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #F8BBD0;
}

.btn-outline-pink-lighten-4 {
  color: #F8BBD0;
  border-color: #F8BBD0;
}

.btn-outline-pink-lighten-4:hover {
  background-color: #F8BBD0;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-pink-lighten-3 {
    color: #F48FB1 !important;
  }
  :root {
    --pink-lighten-3: #F48FB1;
  }
  .bg-pink-lighten-3 {
    background-color: #F48FB1;
  }
  .border-pink-lighten-3 {
    border-color: #F48FB1;
  }
  .border-left-pink-lighten-3 {
    border-left-color: #F48FB1;
  }
  .border-right-pink-lighten-3 {
    border-right-color: #F48FB1;
  }
  .border-top-pink-lighten-3 {
    border-top-color: #F48FB1;
  }
  .border-bottom-pink-lighten-3 {
    border-bottom-color: #F48FB1;
  }
  .badge-pink-lighten-3 {
    background-color: #F48FB1;
    color: #000000;
  }
  .btn-pink-lighten-3 {
    background-color: rgba(244, 143, 177, 0.9);
    color: #000000 !important;
  }
  .btn-pink-lighten-3:disabled,
  .btn-pink-lighten-3.disabled {
    background-color: rgba(244, 143, 177, 0.4);
  }
  .btn-pink-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #F48FB1;
  }
  .btn-outline-pink-lighten-3 {
    color: #F48FB1;
    border-color: #F48FB1;
  }
  .btn-outline-pink-lighten-3:hover {
    background-color: #F48FB1;
    color: #000000;
  }
}
.text-pink-lighten-3 {
  color: #F48FB1 !important;
}

:root {
  --pink-lighten-3: #F48FB1;
}

.bg-pink-lighten-3 {
  background-color: #F48FB1;
}

.border-pink-lighten-3 {
  border-color: #F48FB1;
}

.border-left-pink-lighten-3 {
  border-left-color: #F48FB1;
}

.border-right-pink-lighten-3 {
  border-right-color: #F48FB1;
}

.border-top-pink-lighten-3 {
  border-top-color: #F48FB1;
}

.border-bottom-pink-lighten-3 {
  border-bottom-color: #F48FB1;
}

.badge-pink-lighten-3 {
  background-color: #F48FB1;
  color: #000000;
}

.btn-pink-lighten-3 {
  background-color: rgba(244, 143, 177, 0.9);
  color: #000000 !important;
}

.btn-pink-lighten-3:disabled,
.btn-pink-lighten-3.disabled {
  background-color: rgba(244, 143, 177, 0.4);
}

.btn-pink-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #F48FB1;
}

.btn-outline-pink-lighten-3 {
  color: #F48FB1;
  border-color: #F48FB1;
}

.btn-outline-pink-lighten-3:hover {
  background-color: #F48FB1;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-pink-lighten-2 {
    color: #F06292 !important;
  }
  :root {
    --pink-lighten-2: #F06292;
  }
  .bg-pink-lighten-2 {
    background-color: #F06292;
  }
  .border-pink-lighten-2 {
    border-color: #F06292;
  }
  .border-left-pink-lighten-2 {
    border-left-color: #F06292;
  }
  .border-right-pink-lighten-2 {
    border-right-color: #F06292;
  }
  .border-top-pink-lighten-2 {
    border-top-color: #F06292;
  }
  .border-bottom-pink-lighten-2 {
    border-bottom-color: #F06292;
  }
  .badge-pink-lighten-2 {
    background-color: #F06292;
    color: #000000;
  }
  .btn-pink-lighten-2 {
    background-color: rgba(240, 98, 146, 0.9);
    color: #000000 !important;
  }
  .btn-pink-lighten-2:disabled,
  .btn-pink-lighten-2.disabled {
    background-color: rgba(240, 98, 146, 0.4);
  }
  .btn-pink-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #F06292;
  }
  .btn-outline-pink-lighten-2 {
    color: #F06292;
    border-color: #F06292;
  }
  .btn-outline-pink-lighten-2:hover {
    background-color: #F06292;
    color: #000000;
  }
}
.text-pink-lighten-2 {
  color: #F06292 !important;
}

:root {
  --pink-lighten-2: #F06292;
}

.bg-pink-lighten-2 {
  background-color: #F06292;
}

.border-pink-lighten-2 {
  border-color: #F06292;
}

.border-left-pink-lighten-2 {
  border-left-color: #F06292;
}

.border-right-pink-lighten-2 {
  border-right-color: #F06292;
}

.border-top-pink-lighten-2 {
  border-top-color: #F06292;
}

.border-bottom-pink-lighten-2 {
  border-bottom-color: #F06292;
}

.badge-pink-lighten-2 {
  background-color: #F06292;
  color: #000000;
}

.btn-pink-lighten-2 {
  background-color: rgba(240, 98, 146, 0.9);
  color: #000000 !important;
}

.btn-pink-lighten-2:disabled,
.btn-pink-lighten-2.disabled {
  background-color: rgba(240, 98, 146, 0.4);
}

.btn-pink-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #F06292;
}

.btn-outline-pink-lighten-2 {
  color: #F06292;
  border-color: #F06292;
}

.btn-outline-pink-lighten-2:hover {
  background-color: #F06292;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-pink-lighten-1 {
    color: #EC407A !important;
  }
  :root {
    --pink-lighten-1: #EC407A;
  }
  .bg-pink-lighten-1 {
    background-color: #EC407A;
  }
  .border-pink-lighten-1 {
    border-color: #EC407A;
  }
  .border-left-pink-lighten-1 {
    border-left-color: #EC407A;
  }
  .border-right-pink-lighten-1 {
    border-right-color: #EC407A;
  }
  .border-top-pink-lighten-1 {
    border-top-color: #EC407A;
  }
  .border-bottom-pink-lighten-1 {
    border-bottom-color: #EC407A;
  }
  .badge-pink-lighten-1 {
    background-color: #EC407A;
    color: #000000;
  }
  .btn-pink-lighten-1 {
    background-color: rgba(236, 64, 122, 0.9);
    color: #000000 !important;
  }
  .btn-pink-lighten-1:disabled,
  .btn-pink-lighten-1.disabled {
    background-color: rgba(236, 64, 122, 0.4);
  }
  .btn-pink-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #EC407A;
  }
  .btn-outline-pink-lighten-1 {
    color: #EC407A;
    border-color: #EC407A;
  }
  .btn-outline-pink-lighten-1:hover {
    background-color: #EC407A;
    color: #000000;
  }
}
.text-pink-lighten-1 {
  color: #EC407A !important;
}

:root {
  --pink-lighten-1: #EC407A;
}

.bg-pink-lighten-1 {
  background-color: #EC407A;
}

.border-pink-lighten-1 {
  border-color: #EC407A;
}

.border-left-pink-lighten-1 {
  border-left-color: #EC407A;
}

.border-right-pink-lighten-1 {
  border-right-color: #EC407A;
}

.border-top-pink-lighten-1 {
  border-top-color: #EC407A;
}

.border-bottom-pink-lighten-1 {
  border-bottom-color: #EC407A;
}

.badge-pink-lighten-1 {
  background-color: #EC407A;
  color: #000000;
}

.btn-pink-lighten-1 {
  background-color: rgba(236, 64, 122, 0.9);
  color: #000000 !important;
}

.btn-pink-lighten-1:disabled,
.btn-pink-lighten-1.disabled {
  background-color: rgba(236, 64, 122, 0.4);
}

.btn-pink-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #EC407A;
}

.btn-outline-pink-lighten-1 {
  color: #EC407A;
  border-color: #EC407A;
}

.btn-outline-pink-lighten-1:hover {
  background-color: #EC407A;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-pink-darken-1 {
    color: #D81B60 !important;
  }
  :root {
    --pink-darken-1: #D81B60;
  }
  .bg-pink-darken-1 {
    background-color: #D81B60;
  }
  .border-pink-darken-1 {
    border-color: #D81B60;
  }
  .border-left-pink-darken-1 {
    border-left-color: #D81B60;
  }
  .border-right-pink-darken-1 {
    border-right-color: #D81B60;
  }
  .border-top-pink-darken-1 {
    border-top-color: #D81B60;
  }
  .border-bottom-pink-darken-1 {
    border-bottom-color: #D81B60;
  }
  .badge-pink-darken-1 {
    background-color: #D81B60;
    color: #FFFFFF;
  }
  .btn-pink-darken-1 {
    background-color: rgba(216, 27, 96, 0.9);
    color: #FFFFFF !important;
  }
  .btn-pink-darken-1:disabled,
  .btn-pink-darken-1.disabled {
    background-color: rgba(216, 27, 96, 0.4);
  }
  .btn-pink-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #D81B60;
  }
  .btn-outline-pink-darken-1 {
    color: #D81B60;
    border-color: #D81B60;
  }
  .btn-outline-pink-darken-1:hover {
    background-color: #D81B60;
    color: #FFFFFF;
  }
}
.text-pink-darken-1 {
  color: #D81B60 !important;
}

:root {
  --pink-darken-1: #D81B60;
}

.bg-pink-darken-1 {
  background-color: #D81B60;
}

.border-pink-darken-1 {
  border-color: #D81B60;
}

.border-left-pink-darken-1 {
  border-left-color: #D81B60;
}

.border-right-pink-darken-1 {
  border-right-color: #D81B60;
}

.border-top-pink-darken-1 {
  border-top-color: #D81B60;
}

.border-bottom-pink-darken-1 {
  border-bottom-color: #D81B60;
}

.badge-pink-darken-1 {
  background-color: #D81B60;
  color: #FFFFFF;
}

.btn-pink-darken-1 {
  background-color: rgba(216, 27, 96, 0.9);
  color: #FFFFFF !important;
}

.btn-pink-darken-1:disabled,
.btn-pink-darken-1.disabled {
  background-color: rgba(216, 27, 96, 0.4);
}

.btn-pink-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #D81B60;
}

.btn-outline-pink-darken-1 {
  color: #D81B60;
  border-color: #D81B60;
}

.btn-outline-pink-darken-1:hover {
  background-color: #D81B60;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-pink-darken-2 {
    color: #C2185B !important;
  }
  :root {
    --pink-darken-2: #C2185B;
  }
  .bg-pink-darken-2 {
    background-color: #C2185B;
  }
  .border-pink-darken-2 {
    border-color: #C2185B;
  }
  .border-left-pink-darken-2 {
    border-left-color: #C2185B;
  }
  .border-right-pink-darken-2 {
    border-right-color: #C2185B;
  }
  .border-top-pink-darken-2 {
    border-top-color: #C2185B;
  }
  .border-bottom-pink-darken-2 {
    border-bottom-color: #C2185B;
  }
  .badge-pink-darken-2 {
    background-color: #C2185B;
    color: #FFFFFF;
  }
  .btn-pink-darken-2 {
    background-color: rgba(194, 24, 91, 0.9);
    color: #FFFFFF !important;
  }
  .btn-pink-darken-2:disabled,
  .btn-pink-darken-2.disabled {
    background-color: rgba(194, 24, 91, 0.4);
  }
  .btn-pink-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #C2185B;
  }
  .btn-outline-pink-darken-2 {
    color: #C2185B;
    border-color: #C2185B;
  }
  .btn-outline-pink-darken-2:hover {
    background-color: #C2185B;
    color: #FFFFFF;
  }
}
.text-pink-darken-2 {
  color: #C2185B !important;
}

:root {
  --pink-darken-2: #C2185B;
}

.bg-pink-darken-2 {
  background-color: #C2185B;
}

.border-pink-darken-2 {
  border-color: #C2185B;
}

.border-left-pink-darken-2 {
  border-left-color: #C2185B;
}

.border-right-pink-darken-2 {
  border-right-color: #C2185B;
}

.border-top-pink-darken-2 {
  border-top-color: #C2185B;
}

.border-bottom-pink-darken-2 {
  border-bottom-color: #C2185B;
}

.badge-pink-darken-2 {
  background-color: #C2185B;
  color: #FFFFFF;
}

.btn-pink-darken-2 {
  background-color: rgba(194, 24, 91, 0.9);
  color: #FFFFFF !important;
}

.btn-pink-darken-2:disabled,
.btn-pink-darken-2.disabled {
  background-color: rgba(194, 24, 91, 0.4);
}

.btn-pink-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #C2185B;
}

.btn-outline-pink-darken-2 {
  color: #C2185B;
  border-color: #C2185B;
}

.btn-outline-pink-darken-2:hover {
  background-color: #C2185B;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-pink-darken-3 {
    color: #AD1457 !important;
  }
  :root {
    --pink-darken-3: #AD1457;
  }
  .bg-pink-darken-3 {
    background-color: #AD1457;
  }
  .border-pink-darken-3 {
    border-color: #AD1457;
  }
  .border-left-pink-darken-3 {
    border-left-color: #AD1457;
  }
  .border-right-pink-darken-3 {
    border-right-color: #AD1457;
  }
  .border-top-pink-darken-3 {
    border-top-color: #AD1457;
  }
  .border-bottom-pink-darken-3 {
    border-bottom-color: #AD1457;
  }
  .badge-pink-darken-3 {
    background-color: #AD1457;
    color: #FFFFFF;
  }
  .btn-pink-darken-3 {
    background-color: rgba(173, 20, 87, 0.9);
    color: #FFFFFF !important;
  }
  .btn-pink-darken-3:disabled,
  .btn-pink-darken-3.disabled {
    background-color: rgba(173, 20, 87, 0.4);
  }
  .btn-pink-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #AD1457;
  }
  .btn-outline-pink-darken-3 {
    color: #AD1457;
    border-color: #AD1457;
  }
  .btn-outline-pink-darken-3:hover {
    background-color: #AD1457;
    color: #FFFFFF;
  }
}
.text-pink-darken-3 {
  color: #AD1457 !important;
}

:root {
  --pink-darken-3: #AD1457;
}

.bg-pink-darken-3 {
  background-color: #AD1457;
}

.border-pink-darken-3 {
  border-color: #AD1457;
}

.border-left-pink-darken-3 {
  border-left-color: #AD1457;
}

.border-right-pink-darken-3 {
  border-right-color: #AD1457;
}

.border-top-pink-darken-3 {
  border-top-color: #AD1457;
}

.border-bottom-pink-darken-3 {
  border-bottom-color: #AD1457;
}

.badge-pink-darken-3 {
  background-color: #AD1457;
  color: #FFFFFF;
}

.btn-pink-darken-3 {
  background-color: rgba(173, 20, 87, 0.9);
  color: #FFFFFF !important;
}

.btn-pink-darken-3:disabled,
.btn-pink-darken-3.disabled {
  background-color: rgba(173, 20, 87, 0.4);
}

.btn-pink-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #AD1457;
}

.btn-outline-pink-darken-3 {
  color: #AD1457;
  border-color: #AD1457;
}

.btn-outline-pink-darken-3:hover {
  background-color: #AD1457;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-pink-darken-4 {
    color: #880E4F !important;
  }
  :root {
    --pink-darken-4: #880E4F;
  }
  .bg-pink-darken-4 {
    background-color: #880E4F;
  }
  .border-pink-darken-4 {
    border-color: #880E4F;
  }
  .border-left-pink-darken-4 {
    border-left-color: #880E4F;
  }
  .border-right-pink-darken-4 {
    border-right-color: #880E4F;
  }
  .border-top-pink-darken-4 {
    border-top-color: #880E4F;
  }
  .border-bottom-pink-darken-4 {
    border-bottom-color: #880E4F;
  }
  .badge-pink-darken-4 {
    background-color: #880E4F;
    color: #FFFFFF;
  }
  .btn-pink-darken-4 {
    background-color: rgba(136, 14, 79, 0.9);
    color: #FFFFFF !important;
  }
  .btn-pink-darken-4:disabled,
  .btn-pink-darken-4.disabled {
    background-color: rgba(136, 14, 79, 0.4);
  }
  .btn-pink-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #880E4F;
  }
  .btn-outline-pink-darken-4 {
    color: #880E4F;
    border-color: #880E4F;
  }
  .btn-outline-pink-darken-4:hover {
    background-color: #880E4F;
    color: #FFFFFF;
  }
}
.text-pink-darken-4 {
  color: #880E4F !important;
}

:root {
  --pink-darken-4: #880E4F;
}

.bg-pink-darken-4 {
  background-color: #880E4F;
}

.border-pink-darken-4 {
  border-color: #880E4F;
}

.border-left-pink-darken-4 {
  border-left-color: #880E4F;
}

.border-right-pink-darken-4 {
  border-right-color: #880E4F;
}

.border-top-pink-darken-4 {
  border-top-color: #880E4F;
}

.border-bottom-pink-darken-4 {
  border-bottom-color: #880E4F;
}

.badge-pink-darken-4 {
  background-color: #880E4F;
  color: #FFFFFF;
}

.btn-pink-darken-4 {
  background-color: rgba(136, 14, 79, 0.9);
  color: #FFFFFF !important;
}

.btn-pink-darken-4:disabled,
.btn-pink-darken-4.disabled {
  background-color: rgba(136, 14, 79, 0.4);
}

.btn-pink-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #880E4F;
}

.btn-outline-pink-darken-4 {
  color: #880E4F;
  border-color: #880E4F;
}

.btn-outline-pink-darken-4:hover {
  background-color: #880E4F;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-pink-accent-1 {
    color: #FF80AB !important;
  }
  :root {
    --pink-accent-1: #FF80AB;
  }
  .bg-pink-accent-1 {
    background-color: #FF80AB;
  }
  .border-pink-accent-1 {
    border-color: #FF80AB;
  }
  .border-left-pink-accent-1 {
    border-left-color: #FF80AB;
  }
  .border-right-pink-accent-1 {
    border-right-color: #FF80AB;
  }
  .border-top-pink-accent-1 {
    border-top-color: #FF80AB;
  }
  .border-bottom-pink-accent-1 {
    border-bottom-color: #FF80AB;
  }
  .badge-pink-accent-1 {
    background-color: #FF80AB;
    color: #000000;
  }
  .btn-pink-accent-1 {
    background-color: rgba(255, 128, 171, 0.9);
    color: #000000 !important;
  }
  .btn-pink-accent-1:disabled,
  .btn-pink-accent-1.disabled {
    background-color: rgba(255, 128, 171, 0.4);
  }
  .btn-pink-accent-1:not(:disabled):not(.disabled):hover {
    background-color: #FF80AB;
  }
  .btn-outline-pink-accent-1 {
    color: #FF80AB;
    border-color: #FF80AB;
  }
  .btn-outline-pink-accent-1:hover {
    background-color: #FF80AB;
    color: #000000;
  }
}
.text-pink-accent-1 {
  color: #FF80AB !important;
}

:root {
  --pink-accent-1: #FF80AB;
}

.bg-pink-accent-1 {
  background-color: #FF80AB;
}

.border-pink-accent-1 {
  border-color: #FF80AB;
}

.border-left-pink-accent-1 {
  border-left-color: #FF80AB;
}

.border-right-pink-accent-1 {
  border-right-color: #FF80AB;
}

.border-top-pink-accent-1 {
  border-top-color: #FF80AB;
}

.border-bottom-pink-accent-1 {
  border-bottom-color: #FF80AB;
}

.badge-pink-accent-1 {
  background-color: #FF80AB;
  color: #000000;
}

.btn-pink-accent-1 {
  background-color: rgba(255, 128, 171, 0.9);
  color: #000000 !important;
}

.btn-pink-accent-1:disabled,
.btn-pink-accent-1.disabled {
  background-color: rgba(255, 128, 171, 0.4);
}

.btn-pink-accent-1:not(:disabled):not(.disabled):hover {
  background-color: #FF80AB;
}

.btn-outline-pink-accent-1 {
  color: #FF80AB;
  border-color: #FF80AB;
}

.btn-outline-pink-accent-1:hover {
  background-color: #FF80AB;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-pink-accent-2 {
    color: #FF4081 !important;
  }
  :root {
    --pink-accent-2: #FF4081;
  }
  .bg-pink-accent-2 {
    background-color: #FF4081;
  }
  .border-pink-accent-2 {
    border-color: #FF4081;
  }
  .border-left-pink-accent-2 {
    border-left-color: #FF4081;
  }
  .border-right-pink-accent-2 {
    border-right-color: #FF4081;
  }
  .border-top-pink-accent-2 {
    border-top-color: #FF4081;
  }
  .border-bottom-pink-accent-2 {
    border-bottom-color: #FF4081;
  }
  .badge-pink-accent-2 {
    background-color: #FF4081;
    color: #000000;
  }
  .btn-pink-accent-2 {
    background-color: rgba(255, 64, 129, 0.9);
    color: #000000 !important;
  }
  .btn-pink-accent-2:disabled,
  .btn-pink-accent-2.disabled {
    background-color: rgba(255, 64, 129, 0.4);
  }
  .btn-pink-accent-2:not(:disabled):not(.disabled):hover {
    background-color: #FF4081;
  }
  .btn-outline-pink-accent-2 {
    color: #FF4081;
    border-color: #FF4081;
  }
  .btn-outline-pink-accent-2:hover {
    background-color: #FF4081;
    color: #000000;
  }
}
.text-pink-accent-2 {
  color: #FF4081 !important;
}

:root {
  --pink-accent-2: #FF4081;
}

.bg-pink-accent-2 {
  background-color: #FF4081;
}

.border-pink-accent-2 {
  border-color: #FF4081;
}

.border-left-pink-accent-2 {
  border-left-color: #FF4081;
}

.border-right-pink-accent-2 {
  border-right-color: #FF4081;
}

.border-top-pink-accent-2 {
  border-top-color: #FF4081;
}

.border-bottom-pink-accent-2 {
  border-bottom-color: #FF4081;
}

.badge-pink-accent-2 {
  background-color: #FF4081;
  color: #000000;
}

.btn-pink-accent-2 {
  background-color: rgba(255, 64, 129, 0.9);
  color: #000000 !important;
}

.btn-pink-accent-2:disabled,
.btn-pink-accent-2.disabled {
  background-color: rgba(255, 64, 129, 0.4);
}

.btn-pink-accent-2:not(:disabled):not(.disabled):hover {
  background-color: #FF4081;
}

.btn-outline-pink-accent-2 {
  color: #FF4081;
  border-color: #FF4081;
}

.btn-outline-pink-accent-2:hover {
  background-color: #FF4081;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-pink-accent-3 {
    color: #F50057 !important;
  }
  :root {
    --pink-accent-3: #F50057;
  }
  .bg-pink-accent-3 {
    background-color: #F50057;
  }
  .border-pink-accent-3 {
    border-color: #F50057;
  }
  .border-left-pink-accent-3 {
    border-left-color: #F50057;
  }
  .border-right-pink-accent-3 {
    border-right-color: #F50057;
  }
  .border-top-pink-accent-3 {
    border-top-color: #F50057;
  }
  .border-bottom-pink-accent-3 {
    border-bottom-color: #F50057;
  }
  .badge-pink-accent-3 {
    background-color: #F50057;
    color: #FFFFFF;
  }
  .btn-pink-accent-3 {
    background-color: rgba(245, 0, 87, 0.9);
    color: #FFFFFF !important;
  }
  .btn-pink-accent-3:disabled,
  .btn-pink-accent-3.disabled {
    background-color: rgba(245, 0, 87, 0.4);
  }
  .btn-pink-accent-3:not(:disabled):not(.disabled):hover {
    background-color: #F50057;
  }
  .btn-outline-pink-accent-3 {
    color: #F50057;
    border-color: #F50057;
  }
  .btn-outline-pink-accent-3:hover {
    background-color: #F50057;
    color: #FFFFFF;
  }
}
.text-pink-accent-3 {
  color: #F50057 !important;
}

:root {
  --pink-accent-3: #F50057;
}

.bg-pink-accent-3 {
  background-color: #F50057;
}

.border-pink-accent-3 {
  border-color: #F50057;
}

.border-left-pink-accent-3 {
  border-left-color: #F50057;
}

.border-right-pink-accent-3 {
  border-right-color: #F50057;
}

.border-top-pink-accent-3 {
  border-top-color: #F50057;
}

.border-bottom-pink-accent-3 {
  border-bottom-color: #F50057;
}

.badge-pink-accent-3 {
  background-color: #F50057;
  color: #FFFFFF;
}

.btn-pink-accent-3 {
  background-color: rgba(245, 0, 87, 0.9);
  color: #FFFFFF !important;
}

.btn-pink-accent-3:disabled,
.btn-pink-accent-3.disabled {
  background-color: rgba(245, 0, 87, 0.4);
}

.btn-pink-accent-3:not(:disabled):not(.disabled):hover {
  background-color: #F50057;
}

.btn-outline-pink-accent-3 {
  color: #F50057;
  border-color: #F50057;
}

.btn-outline-pink-accent-3:hover {
  background-color: #F50057;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-pink-accent-4 {
    color: #C51162 !important;
  }
  :root {
    --pink-accent-4: #C51162;
  }
  .bg-pink-accent-4 {
    background-color: #C51162;
  }
  .border-pink-accent-4 {
    border-color: #C51162;
  }
  .border-left-pink-accent-4 {
    border-left-color: #C51162;
  }
  .border-right-pink-accent-4 {
    border-right-color: #C51162;
  }
  .border-top-pink-accent-4 {
    border-top-color: #C51162;
  }
  .border-bottom-pink-accent-4 {
    border-bottom-color: #C51162;
  }
  .badge-pink-accent-4 {
    background-color: #C51162;
    color: #FFFFFF;
  }
  .btn-pink-accent-4 {
    background-color: rgba(197, 17, 98, 0.9);
    color: #FFFFFF !important;
  }
  .btn-pink-accent-4:disabled,
  .btn-pink-accent-4.disabled {
    background-color: rgba(197, 17, 98, 0.4);
  }
  .btn-pink-accent-4:not(:disabled):not(.disabled):hover {
    background-color: #C51162;
  }
  .btn-outline-pink-accent-4 {
    color: #C51162;
    border-color: #C51162;
  }
  .btn-outline-pink-accent-4:hover {
    background-color: #C51162;
    color: #FFFFFF;
  }
}
.text-pink-accent-4 {
  color: #C51162 !important;
}

:root {
  --pink-accent-4: #C51162;
}

.bg-pink-accent-4 {
  background-color: #C51162;
}

.border-pink-accent-4 {
  border-color: #C51162;
}

.border-left-pink-accent-4 {
  border-left-color: #C51162;
}

.border-right-pink-accent-4 {
  border-right-color: #C51162;
}

.border-top-pink-accent-4 {
  border-top-color: #C51162;
}

.border-bottom-pink-accent-4 {
  border-bottom-color: #C51162;
}

.badge-pink-accent-4 {
  background-color: #C51162;
  color: #FFFFFF;
}

.btn-pink-accent-4 {
  background-color: rgba(197, 17, 98, 0.9);
  color: #FFFFFF !important;
}

.btn-pink-accent-4:disabled,
.btn-pink-accent-4.disabled {
  background-color: rgba(197, 17, 98, 0.4);
}

.btn-pink-accent-4:not(:disabled):not(.disabled):hover {
  background-color: #C51162;
}

.btn-outline-pink-accent-4 {
  color: #C51162;
  border-color: #C51162;
}

.btn-outline-pink-accent-4:hover {
  background-color: #C51162;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-purple {
    color: #9C27B0 !important;
  }
  :root {
    --purple: #9C27B0;
  }
  .bg-purple {
    background-color: #9C27B0;
  }
  .border-purple {
    border-color: #9C27B0;
  }
  .border-left-purple {
    border-left-color: #9C27B0;
  }
  .border-right-purple {
    border-right-color: #9C27B0;
  }
  .border-top-purple {
    border-top-color: #9C27B0;
  }
  .border-bottom-purple {
    border-bottom-color: #9C27B0;
  }
  .badge-purple {
    background-color: #9C27B0;
  }
  .btn-purple {
    background-color: rgba(156, 39, 176, 0.9);
  }
  .btn-purple:disabled,
  .btn-purple.disabled {
    background-color: rgba(156, 39, 176, 0.4);
  }
  .btn-purple:not(:disabled):not(.disabled):hover {
    background-color: #9C27B0;
  }
  .btn-outline-purple {
    color: #9C27B0;
    border-color: #9C27B0;
  }
  .btn-outline-purple:hover {
    background-color: #9C27B0;
    color: #FFFFFF;
  }
}
.text-purple {
  color: #9C27B0 !important;
}

:root {
  --purple: #9C27B0;
}

.bg-purple {
  background-color: #9C27B0;
}

.border-purple {
  border-color: #9C27B0;
}

.border-left-purple {
  border-left-color: #9C27B0;
}

.border-right-purple {
  border-right-color: #9C27B0;
}

.border-top-purple {
  border-top-color: #9C27B0;
}

.border-bottom-purple {
  border-bottom-color: #9C27B0;
}

.badge-purple {
  background-color: #9C27B0;
}

.btn-purple {
  background-color: rgba(156, 39, 176, 0.9);
}

.btn-purple:disabled,
.btn-purple.disabled {
  background-color: rgba(156, 39, 176, 0.4);
}

.btn-purple:not(:disabled):not(.disabled):hover {
  background-color: #9C27B0;
}

.btn-outline-purple {
  color: #9C27B0;
  border-color: #9C27B0;
}

.btn-outline-purple:hover {
  background-color: #9C27B0;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-purple-lighten-5 {
    color: #F3E5F5 !important;
  }
  :root {
    --purple-lighten-5: #F3E5F5;
  }
  .bg-purple-lighten-5 {
    background-color: #F3E5F5;
  }
  .border-purple-lighten-5 {
    border-color: #F3E5F5;
  }
  .border-left-purple-lighten-5 {
    border-left-color: #F3E5F5;
  }
  .border-right-purple-lighten-5 {
    border-right-color: #F3E5F5;
  }
  .border-top-purple-lighten-5 {
    border-top-color: #F3E5F5;
  }
  .border-bottom-purple-lighten-5 {
    border-bottom-color: #F3E5F5;
  }
  .badge-purple-lighten-5 {
    background-color: #F3E5F5;
    color: #000000;
  }
  .btn-purple-lighten-5 {
    background-color: rgba(243, 229, 245, 0.9);
    color: #000000 !important;
  }
  .btn-purple-lighten-5:disabled,
  .btn-purple-lighten-5.disabled {
    background-color: rgba(243, 229, 245, 0.4);
  }
  .btn-purple-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #F3E5F5;
  }
  .btn-outline-purple-lighten-5 {
    color: #F3E5F5;
    border-color: #F3E5F5;
  }
  .btn-outline-purple-lighten-5:hover {
    background-color: #F3E5F5;
    color: #000000;
  }
}
.text-purple-lighten-5 {
  color: #F3E5F5 !important;
}

:root {
  --purple-lighten-5: #F3E5F5;
}

.bg-purple-lighten-5 {
  background-color: #F3E5F5;
}

.border-purple-lighten-5 {
  border-color: #F3E5F5;
}

.border-left-purple-lighten-5 {
  border-left-color: #F3E5F5;
}

.border-right-purple-lighten-5 {
  border-right-color: #F3E5F5;
}

.border-top-purple-lighten-5 {
  border-top-color: #F3E5F5;
}

.border-bottom-purple-lighten-5 {
  border-bottom-color: #F3E5F5;
}

.badge-purple-lighten-5 {
  background-color: #F3E5F5;
  color: #000000;
}

.btn-purple-lighten-5 {
  background-color: rgba(243, 229, 245, 0.9);
  color: #000000 !important;
}

.btn-purple-lighten-5:disabled,
.btn-purple-lighten-5.disabled {
  background-color: rgba(243, 229, 245, 0.4);
}

.btn-purple-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #F3E5F5;
}

.btn-outline-purple-lighten-5 {
  color: #F3E5F5;
  border-color: #F3E5F5;
}

.btn-outline-purple-lighten-5:hover {
  background-color: #F3E5F5;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-purple-lighten-4 {
    color: #E1BEE7 !important;
  }
  :root {
    --purple-lighten-4: #E1BEE7;
  }
  .bg-purple-lighten-4 {
    background-color: #E1BEE7;
  }
  .border-purple-lighten-4 {
    border-color: #E1BEE7;
  }
  .border-left-purple-lighten-4 {
    border-left-color: #E1BEE7;
  }
  .border-right-purple-lighten-4 {
    border-right-color: #E1BEE7;
  }
  .border-top-purple-lighten-4 {
    border-top-color: #E1BEE7;
  }
  .border-bottom-purple-lighten-4 {
    border-bottom-color: #E1BEE7;
  }
  .badge-purple-lighten-4 {
    background-color: #E1BEE7;
    color: #000000;
  }
  .btn-purple-lighten-4 {
    background-color: rgba(225, 190, 231, 0.9);
    color: #000000 !important;
  }
  .btn-purple-lighten-4:disabled,
  .btn-purple-lighten-4.disabled {
    background-color: rgba(225, 190, 231, 0.4);
  }
  .btn-purple-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #E1BEE7;
  }
  .btn-outline-purple-lighten-4 {
    color: #E1BEE7;
    border-color: #E1BEE7;
  }
  .btn-outline-purple-lighten-4:hover {
    background-color: #E1BEE7;
    color: #000000;
  }
}
.text-purple-lighten-4 {
  color: #E1BEE7 !important;
}

:root {
  --purple-lighten-4: #E1BEE7;
}

.bg-purple-lighten-4 {
  background-color: #E1BEE7;
}

.border-purple-lighten-4 {
  border-color: #E1BEE7;
}

.border-left-purple-lighten-4 {
  border-left-color: #E1BEE7;
}

.border-right-purple-lighten-4 {
  border-right-color: #E1BEE7;
}

.border-top-purple-lighten-4 {
  border-top-color: #E1BEE7;
}

.border-bottom-purple-lighten-4 {
  border-bottom-color: #E1BEE7;
}

.badge-purple-lighten-4 {
  background-color: #E1BEE7;
  color: #000000;
}

.btn-purple-lighten-4 {
  background-color: rgba(225, 190, 231, 0.9);
  color: #000000 !important;
}

.btn-purple-lighten-4:disabled,
.btn-purple-lighten-4.disabled {
  background-color: rgba(225, 190, 231, 0.4);
}

.btn-purple-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #E1BEE7;
}

.btn-outline-purple-lighten-4 {
  color: #E1BEE7;
  border-color: #E1BEE7;
}

.btn-outline-purple-lighten-4:hover {
  background-color: #E1BEE7;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-purple-lighten-3 {
    color: #CE93D8 !important;
  }
  :root {
    --purple-lighten-3: #CE93D8;
  }
  .bg-purple-lighten-3 {
    background-color: #CE93D8;
  }
  .border-purple-lighten-3 {
    border-color: #CE93D8;
  }
  .border-left-purple-lighten-3 {
    border-left-color: #CE93D8;
  }
  .border-right-purple-lighten-3 {
    border-right-color: #CE93D8;
  }
  .border-top-purple-lighten-3 {
    border-top-color: #CE93D8;
  }
  .border-bottom-purple-lighten-3 {
    border-bottom-color: #CE93D8;
  }
  .badge-purple-lighten-3 {
    background-color: #CE93D8;
    color: #000000;
  }
  .btn-purple-lighten-3 {
    background-color: rgba(206, 147, 216, 0.9);
    color: #000000 !important;
  }
  .btn-purple-lighten-3:disabled,
  .btn-purple-lighten-3.disabled {
    background-color: rgba(206, 147, 216, 0.4);
  }
  .btn-purple-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #CE93D8;
  }
  .btn-outline-purple-lighten-3 {
    color: #CE93D8;
    border-color: #CE93D8;
  }
  .btn-outline-purple-lighten-3:hover {
    background-color: #CE93D8;
    color: #000000;
  }
}
.text-purple-lighten-3 {
  color: #CE93D8 !important;
}

:root {
  --purple-lighten-3: #CE93D8;
}

.bg-purple-lighten-3 {
  background-color: #CE93D8;
}

.border-purple-lighten-3 {
  border-color: #CE93D8;
}

.border-left-purple-lighten-3 {
  border-left-color: #CE93D8;
}

.border-right-purple-lighten-3 {
  border-right-color: #CE93D8;
}

.border-top-purple-lighten-3 {
  border-top-color: #CE93D8;
}

.border-bottom-purple-lighten-3 {
  border-bottom-color: #CE93D8;
}

.badge-purple-lighten-3 {
  background-color: #CE93D8;
  color: #000000;
}

.btn-purple-lighten-3 {
  background-color: rgba(206, 147, 216, 0.9);
  color: #000000 !important;
}

.btn-purple-lighten-3:disabled,
.btn-purple-lighten-3.disabled {
  background-color: rgba(206, 147, 216, 0.4);
}

.btn-purple-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #CE93D8;
}

.btn-outline-purple-lighten-3 {
  color: #CE93D8;
  border-color: #CE93D8;
}

.btn-outline-purple-lighten-3:hover {
  background-color: #CE93D8;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-purple-lighten-2 {
    color: #BA68C8 !important;
  }
  :root {
    --purple-lighten-2: #BA68C8;
  }
  .bg-purple-lighten-2 {
    background-color: #BA68C8;
  }
  .border-purple-lighten-2 {
    border-color: #BA68C8;
  }
  .border-left-purple-lighten-2 {
    border-left-color: #BA68C8;
  }
  .border-right-purple-lighten-2 {
    border-right-color: #BA68C8;
  }
  .border-top-purple-lighten-2 {
    border-top-color: #BA68C8;
  }
  .border-bottom-purple-lighten-2 {
    border-bottom-color: #BA68C8;
  }
  .badge-purple-lighten-2 {
    background-color: #BA68C8;
    color: #000000;
  }
  .btn-purple-lighten-2 {
    background-color: rgba(186, 104, 200, 0.9);
    color: #000000 !important;
  }
  .btn-purple-lighten-2:disabled,
  .btn-purple-lighten-2.disabled {
    background-color: rgba(186, 104, 200, 0.4);
  }
  .btn-purple-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #BA68C8;
  }
  .btn-outline-purple-lighten-2 {
    color: #BA68C8;
    border-color: #BA68C8;
  }
  .btn-outline-purple-lighten-2:hover {
    background-color: #BA68C8;
    color: #000000;
  }
}
.text-purple-lighten-2 {
  color: #BA68C8 !important;
}

:root {
  --purple-lighten-2: #BA68C8;
}

.bg-purple-lighten-2 {
  background-color: #BA68C8;
}

.border-purple-lighten-2 {
  border-color: #BA68C8;
}

.border-left-purple-lighten-2 {
  border-left-color: #BA68C8;
}

.border-right-purple-lighten-2 {
  border-right-color: #BA68C8;
}

.border-top-purple-lighten-2 {
  border-top-color: #BA68C8;
}

.border-bottom-purple-lighten-2 {
  border-bottom-color: #BA68C8;
}

.badge-purple-lighten-2 {
  background-color: #BA68C8;
  color: #000000;
}

.btn-purple-lighten-2 {
  background-color: rgba(186, 104, 200, 0.9);
  color: #000000 !important;
}

.btn-purple-lighten-2:disabled,
.btn-purple-lighten-2.disabled {
  background-color: rgba(186, 104, 200, 0.4);
}

.btn-purple-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #BA68C8;
}

.btn-outline-purple-lighten-2 {
  color: #BA68C8;
  border-color: #BA68C8;
}

.btn-outline-purple-lighten-2:hover {
  background-color: #BA68C8;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-purple-lighten-1 {
    color: #AB47BC !important;
  }
  :root {
    --purple-lighten-1: #AB47BC;
  }
  .bg-purple-lighten-1 {
    background-color: #AB47BC;
  }
  .border-purple-lighten-1 {
    border-color: #AB47BC;
  }
  .border-left-purple-lighten-1 {
    border-left-color: #AB47BC;
  }
  .border-right-purple-lighten-1 {
    border-right-color: #AB47BC;
  }
  .border-top-purple-lighten-1 {
    border-top-color: #AB47BC;
  }
  .border-bottom-purple-lighten-1 {
    border-bottom-color: #AB47BC;
  }
  .badge-purple-lighten-1 {
    background-color: #AB47BC;
    color: #000000;
  }
  .btn-purple-lighten-1 {
    background-color: rgba(171, 71, 188, 0.9);
    color: #000000 !important;
  }
  .btn-purple-lighten-1:disabled,
  .btn-purple-lighten-1.disabled {
    background-color: rgba(171, 71, 188, 0.4);
  }
  .btn-purple-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #AB47BC;
  }
  .btn-outline-purple-lighten-1 {
    color: #AB47BC;
    border-color: #AB47BC;
  }
  .btn-outline-purple-lighten-1:hover {
    background-color: #AB47BC;
    color: #000000;
  }
}
.text-purple-lighten-1 {
  color: #AB47BC !important;
}

:root {
  --purple-lighten-1: #AB47BC;
}

.bg-purple-lighten-1 {
  background-color: #AB47BC;
}

.border-purple-lighten-1 {
  border-color: #AB47BC;
}

.border-left-purple-lighten-1 {
  border-left-color: #AB47BC;
}

.border-right-purple-lighten-1 {
  border-right-color: #AB47BC;
}

.border-top-purple-lighten-1 {
  border-top-color: #AB47BC;
}

.border-bottom-purple-lighten-1 {
  border-bottom-color: #AB47BC;
}

.badge-purple-lighten-1 {
  background-color: #AB47BC;
  color: #000000;
}

.btn-purple-lighten-1 {
  background-color: rgba(171, 71, 188, 0.9);
  color: #000000 !important;
}

.btn-purple-lighten-1:disabled,
.btn-purple-lighten-1.disabled {
  background-color: rgba(171, 71, 188, 0.4);
}

.btn-purple-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #AB47BC;
}

.btn-outline-purple-lighten-1 {
  color: #AB47BC;
  border-color: #AB47BC;
}

.btn-outline-purple-lighten-1:hover {
  background-color: #AB47BC;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-purple-darken-1 {
    color: #8E24AA !important;
  }
  :root {
    --purple-darken-1: #8E24AA;
  }
  .bg-purple-darken-1 {
    background-color: #8E24AA;
  }
  .border-purple-darken-1 {
    border-color: #8E24AA;
  }
  .border-left-purple-darken-1 {
    border-left-color: #8E24AA;
  }
  .border-right-purple-darken-1 {
    border-right-color: #8E24AA;
  }
  .border-top-purple-darken-1 {
    border-top-color: #8E24AA;
  }
  .border-bottom-purple-darken-1 {
    border-bottom-color: #8E24AA;
  }
  .badge-purple-darken-1 {
    background-color: #8E24AA;
    color: #FFFFFF;
  }
  .btn-purple-darken-1 {
    background-color: rgba(142, 36, 170, 0.9);
    color: #FFFFFF !important;
  }
  .btn-purple-darken-1:disabled,
  .btn-purple-darken-1.disabled {
    background-color: rgba(142, 36, 170, 0.4);
  }
  .btn-purple-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #8E24AA;
  }
  .btn-outline-purple-darken-1 {
    color: #8E24AA;
    border-color: #8E24AA;
  }
  .btn-outline-purple-darken-1:hover {
    background-color: #8E24AA;
    color: #FFFFFF;
  }
}
.text-purple-darken-1 {
  color: #8E24AA !important;
}

:root {
  --purple-darken-1: #8E24AA;
}

.bg-purple-darken-1 {
  background-color: #8E24AA;
}

.border-purple-darken-1 {
  border-color: #8E24AA;
}

.border-left-purple-darken-1 {
  border-left-color: #8E24AA;
}

.border-right-purple-darken-1 {
  border-right-color: #8E24AA;
}

.border-top-purple-darken-1 {
  border-top-color: #8E24AA;
}

.border-bottom-purple-darken-1 {
  border-bottom-color: #8E24AA;
}

.badge-purple-darken-1 {
  background-color: #8E24AA;
  color: #FFFFFF;
}

.btn-purple-darken-1 {
  background-color: rgba(142, 36, 170, 0.9);
  color: #FFFFFF !important;
}

.btn-purple-darken-1:disabled,
.btn-purple-darken-1.disabled {
  background-color: rgba(142, 36, 170, 0.4);
}

.btn-purple-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #8E24AA;
}

.btn-outline-purple-darken-1 {
  color: #8E24AA;
  border-color: #8E24AA;
}

.btn-outline-purple-darken-1:hover {
  background-color: #8E24AA;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-purple-darken-2 {
    color: #7B1FA2 !important;
  }
  :root {
    --purple-darken-2: #7B1FA2;
  }
  .bg-purple-darken-2 {
    background-color: #7B1FA2;
  }
  .border-purple-darken-2 {
    border-color: #7B1FA2;
  }
  .border-left-purple-darken-2 {
    border-left-color: #7B1FA2;
  }
  .border-right-purple-darken-2 {
    border-right-color: #7B1FA2;
  }
  .border-top-purple-darken-2 {
    border-top-color: #7B1FA2;
  }
  .border-bottom-purple-darken-2 {
    border-bottom-color: #7B1FA2;
  }
  .badge-purple-darken-2 {
    background-color: #7B1FA2;
    color: #FFFFFF;
  }
  .btn-purple-darken-2 {
    background-color: rgba(123, 31, 162, 0.9);
    color: #FFFFFF !important;
  }
  .btn-purple-darken-2:disabled,
  .btn-purple-darken-2.disabled {
    background-color: rgba(123, 31, 162, 0.4);
  }
  .btn-purple-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #7B1FA2;
  }
  .btn-outline-purple-darken-2 {
    color: #7B1FA2;
    border-color: #7B1FA2;
  }
  .btn-outline-purple-darken-2:hover {
    background-color: #7B1FA2;
    color: #FFFFFF;
  }
}
.text-purple-darken-2 {
  color: #7B1FA2 !important;
}

:root {
  --purple-darken-2: #7B1FA2;
}

.bg-purple-darken-2 {
  background-color: #7B1FA2;
}

.border-purple-darken-2 {
  border-color: #7B1FA2;
}

.border-left-purple-darken-2 {
  border-left-color: #7B1FA2;
}

.border-right-purple-darken-2 {
  border-right-color: #7B1FA2;
}

.border-top-purple-darken-2 {
  border-top-color: #7B1FA2;
}

.border-bottom-purple-darken-2 {
  border-bottom-color: #7B1FA2;
}

.badge-purple-darken-2 {
  background-color: #7B1FA2;
  color: #FFFFFF;
}

.btn-purple-darken-2 {
  background-color: rgba(123, 31, 162, 0.9);
  color: #FFFFFF !important;
}

.btn-purple-darken-2:disabled,
.btn-purple-darken-2.disabled {
  background-color: rgba(123, 31, 162, 0.4);
}

.btn-purple-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #7B1FA2;
}

.btn-outline-purple-darken-2 {
  color: #7B1FA2;
  border-color: #7B1FA2;
}

.btn-outline-purple-darken-2:hover {
  background-color: #7B1FA2;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-purple-darken-3 {
    color: #6A1B9A !important;
  }
  :root {
    --purple-darken-3: #6A1B9A;
  }
  .bg-purple-darken-3 {
    background-color: #6A1B9A;
  }
  .border-purple-darken-3 {
    border-color: #6A1B9A;
  }
  .border-left-purple-darken-3 {
    border-left-color: #6A1B9A;
  }
  .border-right-purple-darken-3 {
    border-right-color: #6A1B9A;
  }
  .border-top-purple-darken-3 {
    border-top-color: #6A1B9A;
  }
  .border-bottom-purple-darken-3 {
    border-bottom-color: #6A1B9A;
  }
  .badge-purple-darken-3 {
    background-color: #6A1B9A;
    color: #FFFFFF;
  }
  .btn-purple-darken-3 {
    background-color: rgba(106, 27, 154, 0.9);
    color: #FFFFFF !important;
  }
  .btn-purple-darken-3:disabled,
  .btn-purple-darken-3.disabled {
    background-color: rgba(106, 27, 154, 0.4);
  }
  .btn-purple-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #6A1B9A;
  }
  .btn-outline-purple-darken-3 {
    color: #6A1B9A;
    border-color: #6A1B9A;
  }
  .btn-outline-purple-darken-3:hover {
    background-color: #6A1B9A;
    color: #FFFFFF;
  }
}
.text-purple-darken-3 {
  color: #6A1B9A !important;
}

:root {
  --purple-darken-3: #6A1B9A;
}

.bg-purple-darken-3 {
  background-color: #6A1B9A;
}

.border-purple-darken-3 {
  border-color: #6A1B9A;
}

.border-left-purple-darken-3 {
  border-left-color: #6A1B9A;
}

.border-right-purple-darken-3 {
  border-right-color: #6A1B9A;
}

.border-top-purple-darken-3 {
  border-top-color: #6A1B9A;
}

.border-bottom-purple-darken-3 {
  border-bottom-color: #6A1B9A;
}

.badge-purple-darken-3 {
  background-color: #6A1B9A;
  color: #FFFFFF;
}

.btn-purple-darken-3 {
  background-color: rgba(106, 27, 154, 0.9);
  color: #FFFFFF !important;
}

.btn-purple-darken-3:disabled,
.btn-purple-darken-3.disabled {
  background-color: rgba(106, 27, 154, 0.4);
}

.btn-purple-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #6A1B9A;
}

.btn-outline-purple-darken-3 {
  color: #6A1B9A;
  border-color: #6A1B9A;
}

.btn-outline-purple-darken-3:hover {
  background-color: #6A1B9A;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-purple-darken-4 {
    color: #4A148C !important;
  }
  :root {
    --purple-darken-4: #4A148C;
  }
  .bg-purple-darken-4 {
    background-color: #4A148C;
  }
  .border-purple-darken-4 {
    border-color: #4A148C;
  }
  .border-left-purple-darken-4 {
    border-left-color: #4A148C;
  }
  .border-right-purple-darken-4 {
    border-right-color: #4A148C;
  }
  .border-top-purple-darken-4 {
    border-top-color: #4A148C;
  }
  .border-bottom-purple-darken-4 {
    border-bottom-color: #4A148C;
  }
  .badge-purple-darken-4 {
    background-color: #4A148C;
    color: #FFFFFF;
  }
  .btn-purple-darken-4 {
    background-color: rgba(74, 20, 140, 0.9);
    color: #FFFFFF !important;
  }
  .btn-purple-darken-4:disabled,
  .btn-purple-darken-4.disabled {
    background-color: rgba(74, 20, 140, 0.4);
  }
  .btn-purple-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #4A148C;
  }
  .btn-outline-purple-darken-4 {
    color: #4A148C;
    border-color: #4A148C;
  }
  .btn-outline-purple-darken-4:hover {
    background-color: #4A148C;
    color: #FFFFFF;
  }
}
.text-purple-darken-4 {
  color: #4A148C !important;
}

:root {
  --purple-darken-4: #4A148C;
}

.bg-purple-darken-4 {
  background-color: #4A148C;
}

.border-purple-darken-4 {
  border-color: #4A148C;
}

.border-left-purple-darken-4 {
  border-left-color: #4A148C;
}

.border-right-purple-darken-4 {
  border-right-color: #4A148C;
}

.border-top-purple-darken-4 {
  border-top-color: #4A148C;
}

.border-bottom-purple-darken-4 {
  border-bottom-color: #4A148C;
}

.badge-purple-darken-4 {
  background-color: #4A148C;
  color: #FFFFFF;
}

.btn-purple-darken-4 {
  background-color: rgba(74, 20, 140, 0.9);
  color: #FFFFFF !important;
}

.btn-purple-darken-4:disabled,
.btn-purple-darken-4.disabled {
  background-color: rgba(74, 20, 140, 0.4);
}

.btn-purple-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #4A148C;
}

.btn-outline-purple-darken-4 {
  color: #4A148C;
  border-color: #4A148C;
}

.btn-outline-purple-darken-4:hover {
  background-color: #4A148C;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-purple-accent-1 {
    color: #EA80FC !important;
  }
  :root {
    --purple-accent-1: #EA80FC;
  }
  .bg-purple-accent-1 {
    background-color: #EA80FC;
  }
  .border-purple-accent-1 {
    border-color: #EA80FC;
  }
  .border-left-purple-accent-1 {
    border-left-color: #EA80FC;
  }
  .border-right-purple-accent-1 {
    border-right-color: #EA80FC;
  }
  .border-top-purple-accent-1 {
    border-top-color: #EA80FC;
  }
  .border-bottom-purple-accent-1 {
    border-bottom-color: #EA80FC;
  }
  .badge-purple-accent-1 {
    background-color: #EA80FC;
    color: #000000;
  }
  .btn-purple-accent-1 {
    background-color: rgba(234, 128, 252, 0.9);
    color: #000000 !important;
  }
  .btn-purple-accent-1:disabled,
  .btn-purple-accent-1.disabled {
    background-color: rgba(234, 128, 252, 0.4);
  }
  .btn-purple-accent-1:not(:disabled):not(.disabled):hover {
    background-color: #EA80FC;
  }
  .btn-outline-purple-accent-1 {
    color: #EA80FC;
    border-color: #EA80FC;
  }
  .btn-outline-purple-accent-1:hover {
    background-color: #EA80FC;
    color: #000000;
  }
}
.text-purple-accent-1 {
  color: #EA80FC !important;
}

:root {
  --purple-accent-1: #EA80FC;
}

.bg-purple-accent-1 {
  background-color: #EA80FC;
}

.border-purple-accent-1 {
  border-color: #EA80FC;
}

.border-left-purple-accent-1 {
  border-left-color: #EA80FC;
}

.border-right-purple-accent-1 {
  border-right-color: #EA80FC;
}

.border-top-purple-accent-1 {
  border-top-color: #EA80FC;
}

.border-bottom-purple-accent-1 {
  border-bottom-color: #EA80FC;
}

.badge-purple-accent-1 {
  background-color: #EA80FC;
  color: #000000;
}

.btn-purple-accent-1 {
  background-color: rgba(234, 128, 252, 0.9);
  color: #000000 !important;
}

.btn-purple-accent-1:disabled,
.btn-purple-accent-1.disabled {
  background-color: rgba(234, 128, 252, 0.4);
}

.btn-purple-accent-1:not(:disabled):not(.disabled):hover {
  background-color: #EA80FC;
}

.btn-outline-purple-accent-1 {
  color: #EA80FC;
  border-color: #EA80FC;
}

.btn-outline-purple-accent-1:hover {
  background-color: #EA80FC;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-purple-accent-2 {
    color: #E040FB !important;
  }
  :root {
    --purple-accent-2: #E040FB;
  }
  .bg-purple-accent-2 {
    background-color: #E040FB;
  }
  .border-purple-accent-2 {
    border-color: #E040FB;
  }
  .border-left-purple-accent-2 {
    border-left-color: #E040FB;
  }
  .border-right-purple-accent-2 {
    border-right-color: #E040FB;
  }
  .border-top-purple-accent-2 {
    border-top-color: #E040FB;
  }
  .border-bottom-purple-accent-2 {
    border-bottom-color: #E040FB;
  }
  .badge-purple-accent-2 {
    background-color: #E040FB;
    color: #000000;
  }
  .btn-purple-accent-2 {
    background-color: rgba(224, 64, 251, 0.9);
    color: #000000 !important;
  }
  .btn-purple-accent-2:disabled,
  .btn-purple-accent-2.disabled {
    background-color: rgba(224, 64, 251, 0.4);
  }
  .btn-purple-accent-2:not(:disabled):not(.disabled):hover {
    background-color: #E040FB;
  }
  .btn-outline-purple-accent-2 {
    color: #E040FB;
    border-color: #E040FB;
  }
  .btn-outline-purple-accent-2:hover {
    background-color: #E040FB;
    color: #000000;
  }
}
.text-purple-accent-2 {
  color: #E040FB !important;
}

:root {
  --purple-accent-2: #E040FB;
}

.bg-purple-accent-2 {
  background-color: #E040FB;
}

.border-purple-accent-2 {
  border-color: #E040FB;
}

.border-left-purple-accent-2 {
  border-left-color: #E040FB;
}

.border-right-purple-accent-2 {
  border-right-color: #E040FB;
}

.border-top-purple-accent-2 {
  border-top-color: #E040FB;
}

.border-bottom-purple-accent-2 {
  border-bottom-color: #E040FB;
}

.badge-purple-accent-2 {
  background-color: #E040FB;
  color: #000000;
}

.btn-purple-accent-2 {
  background-color: rgba(224, 64, 251, 0.9);
  color: #000000 !important;
}

.btn-purple-accent-2:disabled,
.btn-purple-accent-2.disabled {
  background-color: rgba(224, 64, 251, 0.4);
}

.btn-purple-accent-2:not(:disabled):not(.disabled):hover {
  background-color: #E040FB;
}

.btn-outline-purple-accent-2 {
  color: #E040FB;
  border-color: #E040FB;
}

.btn-outline-purple-accent-2:hover {
  background-color: #E040FB;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-purple-accent-3 {
    color: #D500F9 !important;
  }
  :root {
    --purple-accent-3: #D500F9;
  }
  .bg-purple-accent-3 {
    background-color: #D500F9;
  }
  .border-purple-accent-3 {
    border-color: #D500F9;
  }
  .border-left-purple-accent-3 {
    border-left-color: #D500F9;
  }
  .border-right-purple-accent-3 {
    border-right-color: #D500F9;
  }
  .border-top-purple-accent-3 {
    border-top-color: #D500F9;
  }
  .border-bottom-purple-accent-3 {
    border-bottom-color: #D500F9;
  }
  .badge-purple-accent-3 {
    background-color: #D500F9;
    color: #FFFFFF;
  }
  .btn-purple-accent-3 {
    background-color: rgba(213, 0, 249, 0.9);
    color: #FFFFFF !important;
  }
  .btn-purple-accent-3:disabled,
  .btn-purple-accent-3.disabled {
    background-color: rgba(213, 0, 249, 0.4);
  }
  .btn-purple-accent-3:not(:disabled):not(.disabled):hover {
    background-color: #D500F9;
  }
  .btn-outline-purple-accent-3 {
    color: #D500F9;
    border-color: #D500F9;
  }
  .btn-outline-purple-accent-3:hover {
    background-color: #D500F9;
    color: #FFFFFF;
  }
}
.text-purple-accent-3 {
  color: #D500F9 !important;
}

:root {
  --purple-accent-3: #D500F9;
}

.bg-purple-accent-3 {
  background-color: #D500F9;
}

.border-purple-accent-3 {
  border-color: #D500F9;
}

.border-left-purple-accent-3 {
  border-left-color: #D500F9;
}

.border-right-purple-accent-3 {
  border-right-color: #D500F9;
}

.border-top-purple-accent-3 {
  border-top-color: #D500F9;
}

.border-bottom-purple-accent-3 {
  border-bottom-color: #D500F9;
}

.badge-purple-accent-3 {
  background-color: #D500F9;
  color: #FFFFFF;
}

.btn-purple-accent-3 {
  background-color: rgba(213, 0, 249, 0.9);
  color: #FFFFFF !important;
}

.btn-purple-accent-3:disabled,
.btn-purple-accent-3.disabled {
  background-color: rgba(213, 0, 249, 0.4);
}

.btn-purple-accent-3:not(:disabled):not(.disabled):hover {
  background-color: #D500F9;
}

.btn-outline-purple-accent-3 {
  color: #D500F9;
  border-color: #D500F9;
}

.btn-outline-purple-accent-3:hover {
  background-color: #D500F9;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-purple-accent-4 {
    color: #AA00FF !important;
  }
  :root {
    --purple-accent-4: #AA00FF;
  }
  .bg-purple-accent-4 {
    background-color: #AA00FF;
  }
  .border-purple-accent-4 {
    border-color: #AA00FF;
  }
  .border-left-purple-accent-4 {
    border-left-color: #AA00FF;
  }
  .border-right-purple-accent-4 {
    border-right-color: #AA00FF;
  }
  .border-top-purple-accent-4 {
    border-top-color: #AA00FF;
  }
  .border-bottom-purple-accent-4 {
    border-bottom-color: #AA00FF;
  }
  .badge-purple-accent-4 {
    background-color: #AA00FF;
    color: #FFFFFF;
  }
  .btn-purple-accent-4 {
    background-color: rgba(170, 0, 255, 0.9);
    color: #FFFFFF !important;
  }
  .btn-purple-accent-4:disabled,
  .btn-purple-accent-4.disabled {
    background-color: rgba(170, 0, 255, 0.4);
  }
  .btn-purple-accent-4:not(:disabled):not(.disabled):hover {
    background-color: #AA00FF;
  }
  .btn-outline-purple-accent-4 {
    color: #AA00FF;
    border-color: #AA00FF;
  }
  .btn-outline-purple-accent-4:hover {
    background-color: #AA00FF;
    color: #FFFFFF;
  }
}
.text-purple-accent-4 {
  color: #AA00FF !important;
}

:root {
  --purple-accent-4: #AA00FF;
}

.bg-purple-accent-4 {
  background-color: #AA00FF;
}

.border-purple-accent-4 {
  border-color: #AA00FF;
}

.border-left-purple-accent-4 {
  border-left-color: #AA00FF;
}

.border-right-purple-accent-4 {
  border-right-color: #AA00FF;
}

.border-top-purple-accent-4 {
  border-top-color: #AA00FF;
}

.border-bottom-purple-accent-4 {
  border-bottom-color: #AA00FF;
}

.badge-purple-accent-4 {
  background-color: #AA00FF;
  color: #FFFFFF;
}

.btn-purple-accent-4 {
  background-color: rgba(170, 0, 255, 0.9);
  color: #FFFFFF !important;
}

.btn-purple-accent-4:disabled,
.btn-purple-accent-4.disabled {
  background-color: rgba(170, 0, 255, 0.4);
}

.btn-purple-accent-4:not(:disabled):not(.disabled):hover {
  background-color: #AA00FF;
}

.btn-outline-purple-accent-4 {
  color: #AA00FF;
  border-color: #AA00FF;
}

.btn-outline-purple-accent-4:hover {
  background-color: #AA00FF;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-purple {
    color: #673AB7 !important;
  }
  :root {
    --deep-purple: #673AB7;
  }
  .bg-deep-purple {
    background-color: #673AB7;
  }
  .border-deep-purple {
    border-color: #673AB7;
  }
  .border-left-deep-purple {
    border-left-color: #673AB7;
  }
  .border-right-deep-purple {
    border-right-color: #673AB7;
  }
  .border-top-deep-purple {
    border-top-color: #673AB7;
  }
  .border-bottom-deep-purple {
    border-bottom-color: #673AB7;
  }
  .badge-deep-purple {
    background-color: #673AB7;
  }
  .btn-deep-purple {
    background-color: rgba(103, 58, 183, 0.9);
  }
  .btn-deep-purple:disabled,
  .btn-deep-purple.disabled {
    background-color: rgba(103, 58, 183, 0.4);
  }
  .btn-deep-purple:not(:disabled):not(.disabled):hover {
    background-color: #673AB7;
  }
  .btn-outline-deep-purple {
    color: #673AB7;
    border-color: #673AB7;
  }
  .btn-outline-deep-purple:hover {
    background-color: #673AB7;
    color: #FFFFFF;
  }
}
.text-deep-purple {
  color: #673AB7 !important;
}

:root {
  --deep-purple: #673AB7;
}

.bg-deep-purple {
  background-color: #673AB7;
}

.border-deep-purple {
  border-color: #673AB7;
}

.border-left-deep-purple {
  border-left-color: #673AB7;
}

.border-right-deep-purple {
  border-right-color: #673AB7;
}

.border-top-deep-purple {
  border-top-color: #673AB7;
}

.border-bottom-deep-purple {
  border-bottom-color: #673AB7;
}

.badge-deep-purple {
  background-color: #673AB7;
}

.btn-deep-purple {
  background-color: rgba(103, 58, 183, 0.9);
}

.btn-deep-purple:disabled,
.btn-deep-purple.disabled {
  background-color: rgba(103, 58, 183, 0.4);
}

.btn-deep-purple:not(:disabled):not(.disabled):hover {
  background-color: #673AB7;
}

.btn-outline-deep-purple {
  color: #673AB7;
  border-color: #673AB7;
}

.btn-outline-deep-purple:hover {
  background-color: #673AB7;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-purple-lighten-5 {
    color: #EDE7F6 !important;
  }
  :root {
    --deep-purple-lighten-5: #EDE7F6;
  }
  .bg-deep-purple-lighten-5 {
    background-color: #EDE7F6;
  }
  .border-deep-purple-lighten-5 {
    border-color: #EDE7F6;
  }
  .border-left-deep-purple-lighten-5 {
    border-left-color: #EDE7F6;
  }
  .border-right-deep-purple-lighten-5 {
    border-right-color: #EDE7F6;
  }
  .border-top-deep-purple-lighten-5 {
    border-top-color: #EDE7F6;
  }
  .border-bottom-deep-purple-lighten-5 {
    border-bottom-color: #EDE7F6;
  }
  .badge-deep-purple-lighten-5 {
    background-color: #EDE7F6;
    color: #000000;
  }
  .btn-deep-purple-lighten-5 {
    background-color: rgba(237, 231, 246, 0.9);
    color: #000000 !important;
  }
  .btn-deep-purple-lighten-5:disabled,
  .btn-deep-purple-lighten-5.disabled {
    background-color: rgba(237, 231, 246, 0.4);
  }
  .btn-deep-purple-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #EDE7F6;
  }
  .btn-outline-deep-purple-lighten-5 {
    color: #EDE7F6;
    border-color: #EDE7F6;
  }
  .btn-outline-deep-purple-lighten-5:hover {
    background-color: #EDE7F6;
    color: #000000;
  }
}
.text-deep-purple-lighten-5 {
  color: #EDE7F6 !important;
}

:root {
  --deep-purple-lighten-5: #EDE7F6;
}

.bg-deep-purple-lighten-5 {
  background-color: #EDE7F6;
}

.border-deep-purple-lighten-5 {
  border-color: #EDE7F6;
}

.border-left-deep-purple-lighten-5 {
  border-left-color: #EDE7F6;
}

.border-right-deep-purple-lighten-5 {
  border-right-color: #EDE7F6;
}

.border-top-deep-purple-lighten-5 {
  border-top-color: #EDE7F6;
}

.border-bottom-deep-purple-lighten-5 {
  border-bottom-color: #EDE7F6;
}

.badge-deep-purple-lighten-5 {
  background-color: #EDE7F6;
  color: #000000;
}

.btn-deep-purple-lighten-5 {
  background-color: rgba(237, 231, 246, 0.9);
  color: #000000 !important;
}

.btn-deep-purple-lighten-5:disabled,
.btn-deep-purple-lighten-5.disabled {
  background-color: rgba(237, 231, 246, 0.4);
}

.btn-deep-purple-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #EDE7F6;
}

.btn-outline-deep-purple-lighten-5 {
  color: #EDE7F6;
  border-color: #EDE7F6;
}

.btn-outline-deep-purple-lighten-5:hover {
  background-color: #EDE7F6;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-purple-lighten-4 {
    color: #D1C4E9 !important;
  }
  :root {
    --deep-purple-lighten-4: #D1C4E9;
  }
  .bg-deep-purple-lighten-4 {
    background-color: #D1C4E9;
  }
  .border-deep-purple-lighten-4 {
    border-color: #D1C4E9;
  }
  .border-left-deep-purple-lighten-4 {
    border-left-color: #D1C4E9;
  }
  .border-right-deep-purple-lighten-4 {
    border-right-color: #D1C4E9;
  }
  .border-top-deep-purple-lighten-4 {
    border-top-color: #D1C4E9;
  }
  .border-bottom-deep-purple-lighten-4 {
    border-bottom-color: #D1C4E9;
  }
  .badge-deep-purple-lighten-4 {
    background-color: #D1C4E9;
    color: #000000;
  }
  .btn-deep-purple-lighten-4 {
    background-color: rgba(209, 196, 233, 0.9);
    color: #000000 !important;
  }
  .btn-deep-purple-lighten-4:disabled,
  .btn-deep-purple-lighten-4.disabled {
    background-color: rgba(209, 196, 233, 0.4);
  }
  .btn-deep-purple-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #D1C4E9;
  }
  .btn-outline-deep-purple-lighten-4 {
    color: #D1C4E9;
    border-color: #D1C4E9;
  }
  .btn-outline-deep-purple-lighten-4:hover {
    background-color: #D1C4E9;
    color: #000000;
  }
}
.text-deep-purple-lighten-4 {
  color: #D1C4E9 !important;
}

:root {
  --deep-purple-lighten-4: #D1C4E9;
}

.bg-deep-purple-lighten-4 {
  background-color: #D1C4E9;
}

.border-deep-purple-lighten-4 {
  border-color: #D1C4E9;
}

.border-left-deep-purple-lighten-4 {
  border-left-color: #D1C4E9;
}

.border-right-deep-purple-lighten-4 {
  border-right-color: #D1C4E9;
}

.border-top-deep-purple-lighten-4 {
  border-top-color: #D1C4E9;
}

.border-bottom-deep-purple-lighten-4 {
  border-bottom-color: #D1C4E9;
}

.badge-deep-purple-lighten-4 {
  background-color: #D1C4E9;
  color: #000000;
}

.btn-deep-purple-lighten-4 {
  background-color: rgba(209, 196, 233, 0.9);
  color: #000000 !important;
}

.btn-deep-purple-lighten-4:disabled,
.btn-deep-purple-lighten-4.disabled {
  background-color: rgba(209, 196, 233, 0.4);
}

.btn-deep-purple-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #D1C4E9;
}

.btn-outline-deep-purple-lighten-4 {
  color: #D1C4E9;
  border-color: #D1C4E9;
}

.btn-outline-deep-purple-lighten-4:hover {
  background-color: #D1C4E9;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-purple-lighten-3 {
    color: #B39DDB !important;
  }
  :root {
    --deep-purple-lighten-3: #B39DDB;
  }
  .bg-deep-purple-lighten-3 {
    background-color: #B39DDB;
  }
  .border-deep-purple-lighten-3 {
    border-color: #B39DDB;
  }
  .border-left-deep-purple-lighten-3 {
    border-left-color: #B39DDB;
  }
  .border-right-deep-purple-lighten-3 {
    border-right-color: #B39DDB;
  }
  .border-top-deep-purple-lighten-3 {
    border-top-color: #B39DDB;
  }
  .border-bottom-deep-purple-lighten-3 {
    border-bottom-color: #B39DDB;
  }
  .badge-deep-purple-lighten-3 {
    background-color: #B39DDB;
    color: #000000;
  }
  .btn-deep-purple-lighten-3 {
    background-color: rgba(179, 157, 219, 0.9);
    color: #000000 !important;
  }
  .btn-deep-purple-lighten-3:disabled,
  .btn-deep-purple-lighten-3.disabled {
    background-color: rgba(179, 157, 219, 0.4);
  }
  .btn-deep-purple-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #B39DDB;
  }
  .btn-outline-deep-purple-lighten-3 {
    color: #B39DDB;
    border-color: #B39DDB;
  }
  .btn-outline-deep-purple-lighten-3:hover {
    background-color: #B39DDB;
    color: #000000;
  }
}
.text-deep-purple-lighten-3 {
  color: #B39DDB !important;
}

:root {
  --deep-purple-lighten-3: #B39DDB;
}

.bg-deep-purple-lighten-3 {
  background-color: #B39DDB;
}

.border-deep-purple-lighten-3 {
  border-color: #B39DDB;
}

.border-left-deep-purple-lighten-3 {
  border-left-color: #B39DDB;
}

.border-right-deep-purple-lighten-3 {
  border-right-color: #B39DDB;
}

.border-top-deep-purple-lighten-3 {
  border-top-color: #B39DDB;
}

.border-bottom-deep-purple-lighten-3 {
  border-bottom-color: #B39DDB;
}

.badge-deep-purple-lighten-3 {
  background-color: #B39DDB;
  color: #000000;
}

.btn-deep-purple-lighten-3 {
  background-color: rgba(179, 157, 219, 0.9);
  color: #000000 !important;
}

.btn-deep-purple-lighten-3:disabled,
.btn-deep-purple-lighten-3.disabled {
  background-color: rgba(179, 157, 219, 0.4);
}

.btn-deep-purple-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #B39DDB;
}

.btn-outline-deep-purple-lighten-3 {
  color: #B39DDB;
  border-color: #B39DDB;
}

.btn-outline-deep-purple-lighten-3:hover {
  background-color: #B39DDB;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-purple-lighten-2 {
    color: #9575CD !important;
  }
  :root {
    --deep-purple-lighten-2: #9575CD;
  }
  .bg-deep-purple-lighten-2 {
    background-color: #9575CD;
  }
  .border-deep-purple-lighten-2 {
    border-color: #9575CD;
  }
  .border-left-deep-purple-lighten-2 {
    border-left-color: #9575CD;
  }
  .border-right-deep-purple-lighten-2 {
    border-right-color: #9575CD;
  }
  .border-top-deep-purple-lighten-2 {
    border-top-color: #9575CD;
  }
  .border-bottom-deep-purple-lighten-2 {
    border-bottom-color: #9575CD;
  }
  .badge-deep-purple-lighten-2 {
    background-color: #9575CD;
    color: #000000;
  }
  .btn-deep-purple-lighten-2 {
    background-color: rgba(149, 117, 205, 0.9);
    color: #000000 !important;
  }
  .btn-deep-purple-lighten-2:disabled,
  .btn-deep-purple-lighten-2.disabled {
    background-color: rgba(149, 117, 205, 0.4);
  }
  .btn-deep-purple-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #9575CD;
  }
  .btn-outline-deep-purple-lighten-2 {
    color: #9575CD;
    border-color: #9575CD;
  }
  .btn-outline-deep-purple-lighten-2:hover {
    background-color: #9575CD;
    color: #000000;
  }
}
.text-deep-purple-lighten-2 {
  color: #9575CD !important;
}

:root {
  --deep-purple-lighten-2: #9575CD;
}

.bg-deep-purple-lighten-2 {
  background-color: #9575CD;
}

.border-deep-purple-lighten-2 {
  border-color: #9575CD;
}

.border-left-deep-purple-lighten-2 {
  border-left-color: #9575CD;
}

.border-right-deep-purple-lighten-2 {
  border-right-color: #9575CD;
}

.border-top-deep-purple-lighten-2 {
  border-top-color: #9575CD;
}

.border-bottom-deep-purple-lighten-2 {
  border-bottom-color: #9575CD;
}

.badge-deep-purple-lighten-2 {
  background-color: #9575CD;
  color: #000000;
}

.btn-deep-purple-lighten-2 {
  background-color: rgba(149, 117, 205, 0.9);
  color: #000000 !important;
}

.btn-deep-purple-lighten-2:disabled,
.btn-deep-purple-lighten-2.disabled {
  background-color: rgba(149, 117, 205, 0.4);
}

.btn-deep-purple-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #9575CD;
}

.btn-outline-deep-purple-lighten-2 {
  color: #9575CD;
  border-color: #9575CD;
}

.btn-outline-deep-purple-lighten-2:hover {
  background-color: #9575CD;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-purple-lighten-1 {
    color: #7E57C2 !important;
  }
  :root {
    --deep-purple-lighten-1: #7E57C2;
  }
  .bg-deep-purple-lighten-1 {
    background-color: #7E57C2;
  }
  .border-deep-purple-lighten-1 {
    border-color: #7E57C2;
  }
  .border-left-deep-purple-lighten-1 {
    border-left-color: #7E57C2;
  }
  .border-right-deep-purple-lighten-1 {
    border-right-color: #7E57C2;
  }
  .border-top-deep-purple-lighten-1 {
    border-top-color: #7E57C2;
  }
  .border-bottom-deep-purple-lighten-1 {
    border-bottom-color: #7E57C2;
  }
  .badge-deep-purple-lighten-1 {
    background-color: #7E57C2;
    color: #000000;
  }
  .btn-deep-purple-lighten-1 {
    background-color: rgba(126, 87, 194, 0.9);
    color: #000000 !important;
  }
  .btn-deep-purple-lighten-1:disabled,
  .btn-deep-purple-lighten-1.disabled {
    background-color: rgba(126, 87, 194, 0.4);
  }
  .btn-deep-purple-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #7E57C2;
  }
  .btn-outline-deep-purple-lighten-1 {
    color: #7E57C2;
    border-color: #7E57C2;
  }
  .btn-outline-deep-purple-lighten-1:hover {
    background-color: #7E57C2;
    color: #000000;
  }
}
.text-deep-purple-lighten-1 {
  color: #7E57C2 !important;
}

:root {
  --deep-purple-lighten-1: #7E57C2;
}

.bg-deep-purple-lighten-1 {
  background-color: #7E57C2;
}

.border-deep-purple-lighten-1 {
  border-color: #7E57C2;
}

.border-left-deep-purple-lighten-1 {
  border-left-color: #7E57C2;
}

.border-right-deep-purple-lighten-1 {
  border-right-color: #7E57C2;
}

.border-top-deep-purple-lighten-1 {
  border-top-color: #7E57C2;
}

.border-bottom-deep-purple-lighten-1 {
  border-bottom-color: #7E57C2;
}

.badge-deep-purple-lighten-1 {
  background-color: #7E57C2;
  color: #000000;
}

.btn-deep-purple-lighten-1 {
  background-color: rgba(126, 87, 194, 0.9);
  color: #000000 !important;
}

.btn-deep-purple-lighten-1:disabled,
.btn-deep-purple-lighten-1.disabled {
  background-color: rgba(126, 87, 194, 0.4);
}

.btn-deep-purple-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #7E57C2;
}

.btn-outline-deep-purple-lighten-1 {
  color: #7E57C2;
  border-color: #7E57C2;
}

.btn-outline-deep-purple-lighten-1:hover {
  background-color: #7E57C2;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-purple-darken-1 {
    color: #5E35B1 !important;
  }
  :root {
    --deep-purple-darken-1: #5E35B1;
  }
  .bg-deep-purple-darken-1 {
    background-color: #5E35B1;
  }
  .border-deep-purple-darken-1 {
    border-color: #5E35B1;
  }
  .border-left-deep-purple-darken-1 {
    border-left-color: #5E35B1;
  }
  .border-right-deep-purple-darken-1 {
    border-right-color: #5E35B1;
  }
  .border-top-deep-purple-darken-1 {
    border-top-color: #5E35B1;
  }
  .border-bottom-deep-purple-darken-1 {
    border-bottom-color: #5E35B1;
  }
  .badge-deep-purple-darken-1 {
    background-color: #5E35B1;
    color: #FFFFFF;
  }
  .btn-deep-purple-darken-1 {
    background-color: rgba(94, 53, 177, 0.9);
    color: #FFFFFF !important;
  }
  .btn-deep-purple-darken-1:disabled,
  .btn-deep-purple-darken-1.disabled {
    background-color: rgba(94, 53, 177, 0.4);
  }
  .btn-deep-purple-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #5E35B1;
  }
  .btn-outline-deep-purple-darken-1 {
    color: #5E35B1;
    border-color: #5E35B1;
  }
  .btn-outline-deep-purple-darken-1:hover {
    background-color: #5E35B1;
    color: #FFFFFF;
  }
}
.text-deep-purple-darken-1 {
  color: #5E35B1 !important;
}

:root {
  --deep-purple-darken-1: #5E35B1;
}

.bg-deep-purple-darken-1 {
  background-color: #5E35B1;
}

.border-deep-purple-darken-1 {
  border-color: #5E35B1;
}

.border-left-deep-purple-darken-1 {
  border-left-color: #5E35B1;
}

.border-right-deep-purple-darken-1 {
  border-right-color: #5E35B1;
}

.border-top-deep-purple-darken-1 {
  border-top-color: #5E35B1;
}

.border-bottom-deep-purple-darken-1 {
  border-bottom-color: #5E35B1;
}

.badge-deep-purple-darken-1 {
  background-color: #5E35B1;
  color: #FFFFFF;
}

.btn-deep-purple-darken-1 {
  background-color: rgba(94, 53, 177, 0.9);
  color: #FFFFFF !important;
}

.btn-deep-purple-darken-1:disabled,
.btn-deep-purple-darken-1.disabled {
  background-color: rgba(94, 53, 177, 0.4);
}

.btn-deep-purple-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #5E35B1;
}

.btn-outline-deep-purple-darken-1 {
  color: #5E35B1;
  border-color: #5E35B1;
}

.btn-outline-deep-purple-darken-1:hover {
  background-color: #5E35B1;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-purple-darken-2 {
    color: #512DA8 !important;
  }
  :root {
    --deep-purple-darken-2: #512DA8;
  }
  .bg-deep-purple-darken-2 {
    background-color: #512DA8;
  }
  .border-deep-purple-darken-2 {
    border-color: #512DA8;
  }
  .border-left-deep-purple-darken-2 {
    border-left-color: #512DA8;
  }
  .border-right-deep-purple-darken-2 {
    border-right-color: #512DA8;
  }
  .border-top-deep-purple-darken-2 {
    border-top-color: #512DA8;
  }
  .border-bottom-deep-purple-darken-2 {
    border-bottom-color: #512DA8;
  }
  .badge-deep-purple-darken-2 {
    background-color: #512DA8;
    color: #FFFFFF;
  }
  .btn-deep-purple-darken-2 {
    background-color: rgba(81, 45, 168, 0.9);
    color: #FFFFFF !important;
  }
  .btn-deep-purple-darken-2:disabled,
  .btn-deep-purple-darken-2.disabled {
    background-color: rgba(81, 45, 168, 0.4);
  }
  .btn-deep-purple-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #512DA8;
  }
  .btn-outline-deep-purple-darken-2 {
    color: #512DA8;
    border-color: #512DA8;
  }
  .btn-outline-deep-purple-darken-2:hover {
    background-color: #512DA8;
    color: #FFFFFF;
  }
}
.text-deep-purple-darken-2 {
  color: #512DA8 !important;
}

:root {
  --deep-purple-darken-2: #512DA8;
}

.bg-deep-purple-darken-2 {
  background-color: #512DA8;
}

.border-deep-purple-darken-2 {
  border-color: #512DA8;
}

.border-left-deep-purple-darken-2 {
  border-left-color: #512DA8;
}

.border-right-deep-purple-darken-2 {
  border-right-color: #512DA8;
}

.border-top-deep-purple-darken-2 {
  border-top-color: #512DA8;
}

.border-bottom-deep-purple-darken-2 {
  border-bottom-color: #512DA8;
}

.badge-deep-purple-darken-2 {
  background-color: #512DA8;
  color: #FFFFFF;
}

.btn-deep-purple-darken-2 {
  background-color: rgba(81, 45, 168, 0.9);
  color: #FFFFFF !important;
}

.btn-deep-purple-darken-2:disabled,
.btn-deep-purple-darken-2.disabled {
  background-color: rgba(81, 45, 168, 0.4);
}

.btn-deep-purple-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #512DA8;
}

.btn-outline-deep-purple-darken-2 {
  color: #512DA8;
  border-color: #512DA8;
}

.btn-outline-deep-purple-darken-2:hover {
  background-color: #512DA8;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-purple-darken-3 {
    color: #4527A0 !important;
  }
  :root {
    --deep-purple-darken-3: #4527A0;
  }
  .bg-deep-purple-darken-3 {
    background-color: #4527A0;
  }
  .border-deep-purple-darken-3 {
    border-color: #4527A0;
  }
  .border-left-deep-purple-darken-3 {
    border-left-color: #4527A0;
  }
  .border-right-deep-purple-darken-3 {
    border-right-color: #4527A0;
  }
  .border-top-deep-purple-darken-3 {
    border-top-color: #4527A0;
  }
  .border-bottom-deep-purple-darken-3 {
    border-bottom-color: #4527A0;
  }
  .badge-deep-purple-darken-3 {
    background-color: #4527A0;
    color: #FFFFFF;
  }
  .btn-deep-purple-darken-3 {
    background-color: rgba(69, 39, 160, 0.9);
    color: #FFFFFF !important;
  }
  .btn-deep-purple-darken-3:disabled,
  .btn-deep-purple-darken-3.disabled {
    background-color: rgba(69, 39, 160, 0.4);
  }
  .btn-deep-purple-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #4527A0;
  }
  .btn-outline-deep-purple-darken-3 {
    color: #4527A0;
    border-color: #4527A0;
  }
  .btn-outline-deep-purple-darken-3:hover {
    background-color: #4527A0;
    color: #FFFFFF;
  }
}
.text-deep-purple-darken-3 {
  color: #4527A0 !important;
}

:root {
  --deep-purple-darken-3: #4527A0;
}

.bg-deep-purple-darken-3 {
  background-color: #4527A0;
}

.border-deep-purple-darken-3 {
  border-color: #4527A0;
}

.border-left-deep-purple-darken-3 {
  border-left-color: #4527A0;
}

.border-right-deep-purple-darken-3 {
  border-right-color: #4527A0;
}

.border-top-deep-purple-darken-3 {
  border-top-color: #4527A0;
}

.border-bottom-deep-purple-darken-3 {
  border-bottom-color: #4527A0;
}

.badge-deep-purple-darken-3 {
  background-color: #4527A0;
  color: #FFFFFF;
}

.btn-deep-purple-darken-3 {
  background-color: rgba(69, 39, 160, 0.9);
  color: #FFFFFF !important;
}

.btn-deep-purple-darken-3:disabled,
.btn-deep-purple-darken-3.disabled {
  background-color: rgba(69, 39, 160, 0.4);
}

.btn-deep-purple-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #4527A0;
}

.btn-outline-deep-purple-darken-3 {
  color: #4527A0;
  border-color: #4527A0;
}

.btn-outline-deep-purple-darken-3:hover {
  background-color: #4527A0;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-purple-darken-4 {
    color: #311B92 !important;
  }
  :root {
    --deep-purple-darken-4: #311B92;
  }
  .bg-deep-purple-darken-4 {
    background-color: #311B92;
  }
  .border-deep-purple-darken-4 {
    border-color: #311B92;
  }
  .border-left-deep-purple-darken-4 {
    border-left-color: #311B92;
  }
  .border-right-deep-purple-darken-4 {
    border-right-color: #311B92;
  }
  .border-top-deep-purple-darken-4 {
    border-top-color: #311B92;
  }
  .border-bottom-deep-purple-darken-4 {
    border-bottom-color: #311B92;
  }
  .badge-deep-purple-darken-4 {
    background-color: #311B92;
    color: #FFFFFF;
  }
  .btn-deep-purple-darken-4 {
    background-color: rgba(49, 27, 146, 0.9);
    color: #FFFFFF !important;
  }
  .btn-deep-purple-darken-4:disabled,
  .btn-deep-purple-darken-4.disabled {
    background-color: rgba(49, 27, 146, 0.4);
  }
  .btn-deep-purple-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #311B92;
  }
  .btn-outline-deep-purple-darken-4 {
    color: #311B92;
    border-color: #311B92;
  }
  .btn-outline-deep-purple-darken-4:hover {
    background-color: #311B92;
    color: #FFFFFF;
  }
}
.text-deep-purple-darken-4 {
  color: #311B92 !important;
}

:root {
  --deep-purple-darken-4: #311B92;
}

.bg-deep-purple-darken-4 {
  background-color: #311B92;
}

.border-deep-purple-darken-4 {
  border-color: #311B92;
}

.border-left-deep-purple-darken-4 {
  border-left-color: #311B92;
}

.border-right-deep-purple-darken-4 {
  border-right-color: #311B92;
}

.border-top-deep-purple-darken-4 {
  border-top-color: #311B92;
}

.border-bottom-deep-purple-darken-4 {
  border-bottom-color: #311B92;
}

.badge-deep-purple-darken-4 {
  background-color: #311B92;
  color: #FFFFFF;
}

.btn-deep-purple-darken-4 {
  background-color: rgba(49, 27, 146, 0.9);
  color: #FFFFFF !important;
}

.btn-deep-purple-darken-4:disabled,
.btn-deep-purple-darken-4.disabled {
  background-color: rgba(49, 27, 146, 0.4);
}

.btn-deep-purple-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #311B92;
}

.btn-outline-deep-purple-darken-4 {
  color: #311B92;
  border-color: #311B92;
}

.btn-outline-deep-purple-darken-4:hover {
  background-color: #311B92;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-purple-accent-1 {
    color: #B388FF !important;
  }
  :root {
    --deep-purple-accent-1: #B388FF;
  }
  .bg-deep-purple-accent-1 {
    background-color: #B388FF;
  }
  .border-deep-purple-accent-1 {
    border-color: #B388FF;
  }
  .border-left-deep-purple-accent-1 {
    border-left-color: #B388FF;
  }
  .border-right-deep-purple-accent-1 {
    border-right-color: #B388FF;
  }
  .border-top-deep-purple-accent-1 {
    border-top-color: #B388FF;
  }
  .border-bottom-deep-purple-accent-1 {
    border-bottom-color: #B388FF;
  }
  .badge-deep-purple-accent-1 {
    background-color: #B388FF;
    color: #000000;
  }
  .btn-deep-purple-accent-1 {
    background-color: rgba(179, 136, 255, 0.9);
    color: #000000 !important;
  }
  .btn-deep-purple-accent-1:disabled,
  .btn-deep-purple-accent-1.disabled {
    background-color: rgba(179, 136, 255, 0.4);
  }
  .btn-deep-purple-accent-1:not(:disabled):not(.disabled):hover {
    background-color: #B388FF;
  }
  .btn-outline-deep-purple-accent-1 {
    color: #B388FF;
    border-color: #B388FF;
  }
  .btn-outline-deep-purple-accent-1:hover {
    background-color: #B388FF;
    color: #000000;
  }
}
.text-deep-purple-accent-1 {
  color: #B388FF !important;
}

:root {
  --deep-purple-accent-1: #B388FF;
}

.bg-deep-purple-accent-1 {
  background-color: #B388FF;
}

.border-deep-purple-accent-1 {
  border-color: #B388FF;
}

.border-left-deep-purple-accent-1 {
  border-left-color: #B388FF;
}

.border-right-deep-purple-accent-1 {
  border-right-color: #B388FF;
}

.border-top-deep-purple-accent-1 {
  border-top-color: #B388FF;
}

.border-bottom-deep-purple-accent-1 {
  border-bottom-color: #B388FF;
}

.badge-deep-purple-accent-1 {
  background-color: #B388FF;
  color: #000000;
}

.btn-deep-purple-accent-1 {
  background-color: rgba(179, 136, 255, 0.9);
  color: #000000 !important;
}

.btn-deep-purple-accent-1:disabled,
.btn-deep-purple-accent-1.disabled {
  background-color: rgba(179, 136, 255, 0.4);
}

.btn-deep-purple-accent-1:not(:disabled):not(.disabled):hover {
  background-color: #B388FF;
}

.btn-outline-deep-purple-accent-1 {
  color: #B388FF;
  border-color: #B388FF;
}

.btn-outline-deep-purple-accent-1:hover {
  background-color: #B388FF;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-purple-accent-2 {
    color: #7C4DFF !important;
  }
  :root {
    --deep-purple-accent-2: #7C4DFF;
  }
  .bg-deep-purple-accent-2 {
    background-color: #7C4DFF;
  }
  .border-deep-purple-accent-2 {
    border-color: #7C4DFF;
  }
  .border-left-deep-purple-accent-2 {
    border-left-color: #7C4DFF;
  }
  .border-right-deep-purple-accent-2 {
    border-right-color: #7C4DFF;
  }
  .border-top-deep-purple-accent-2 {
    border-top-color: #7C4DFF;
  }
  .border-bottom-deep-purple-accent-2 {
    border-bottom-color: #7C4DFF;
  }
  .badge-deep-purple-accent-2 {
    background-color: #7C4DFF;
    color: #000000;
  }
  .btn-deep-purple-accent-2 {
    background-color: rgba(124, 77, 255, 0.9);
    color: #000000 !important;
  }
  .btn-deep-purple-accent-2:disabled,
  .btn-deep-purple-accent-2.disabled {
    background-color: rgba(124, 77, 255, 0.4);
  }
  .btn-deep-purple-accent-2:not(:disabled):not(.disabled):hover {
    background-color: #7C4DFF;
  }
  .btn-outline-deep-purple-accent-2 {
    color: #7C4DFF;
    border-color: #7C4DFF;
  }
  .btn-outline-deep-purple-accent-2:hover {
    background-color: #7C4DFF;
    color: #000000;
  }
}
.text-deep-purple-accent-2 {
  color: #7C4DFF !important;
}

:root {
  --deep-purple-accent-2: #7C4DFF;
}

.bg-deep-purple-accent-2 {
  background-color: #7C4DFF;
}

.border-deep-purple-accent-2 {
  border-color: #7C4DFF;
}

.border-left-deep-purple-accent-2 {
  border-left-color: #7C4DFF;
}

.border-right-deep-purple-accent-2 {
  border-right-color: #7C4DFF;
}

.border-top-deep-purple-accent-2 {
  border-top-color: #7C4DFF;
}

.border-bottom-deep-purple-accent-2 {
  border-bottom-color: #7C4DFF;
}

.badge-deep-purple-accent-2 {
  background-color: #7C4DFF;
  color: #000000;
}

.btn-deep-purple-accent-2 {
  background-color: rgba(124, 77, 255, 0.9);
  color: #000000 !important;
}

.btn-deep-purple-accent-2:disabled,
.btn-deep-purple-accent-2.disabled {
  background-color: rgba(124, 77, 255, 0.4);
}

.btn-deep-purple-accent-2:not(:disabled):not(.disabled):hover {
  background-color: #7C4DFF;
}

.btn-outline-deep-purple-accent-2 {
  color: #7C4DFF;
  border-color: #7C4DFF;
}

.btn-outline-deep-purple-accent-2:hover {
  background-color: #7C4DFF;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-purple-accent-3 {
    color: #651FFF !important;
  }
  :root {
    --deep-purple-accent-3: #651FFF;
  }
  .bg-deep-purple-accent-3 {
    background-color: #651FFF;
  }
  .border-deep-purple-accent-3 {
    border-color: #651FFF;
  }
  .border-left-deep-purple-accent-3 {
    border-left-color: #651FFF;
  }
  .border-right-deep-purple-accent-3 {
    border-right-color: #651FFF;
  }
  .border-top-deep-purple-accent-3 {
    border-top-color: #651FFF;
  }
  .border-bottom-deep-purple-accent-3 {
    border-bottom-color: #651FFF;
  }
  .badge-deep-purple-accent-3 {
    background-color: #651FFF;
    color: #FFFFFF;
  }
  .btn-deep-purple-accent-3 {
    background-color: rgba(101, 31, 255, 0.9);
    color: #FFFFFF !important;
  }
  .btn-deep-purple-accent-3:disabled,
  .btn-deep-purple-accent-3.disabled {
    background-color: rgba(101, 31, 255, 0.4);
  }
  .btn-deep-purple-accent-3:not(:disabled):not(.disabled):hover {
    background-color: #651FFF;
  }
  .btn-outline-deep-purple-accent-3 {
    color: #651FFF;
    border-color: #651FFF;
  }
  .btn-outline-deep-purple-accent-3:hover {
    background-color: #651FFF;
    color: #FFFFFF;
  }
}
.text-deep-purple-accent-3 {
  color: #651FFF !important;
}

:root {
  --deep-purple-accent-3: #651FFF;
}

.bg-deep-purple-accent-3 {
  background-color: #651FFF;
}

.border-deep-purple-accent-3 {
  border-color: #651FFF;
}

.border-left-deep-purple-accent-3 {
  border-left-color: #651FFF;
}

.border-right-deep-purple-accent-3 {
  border-right-color: #651FFF;
}

.border-top-deep-purple-accent-3 {
  border-top-color: #651FFF;
}

.border-bottom-deep-purple-accent-3 {
  border-bottom-color: #651FFF;
}

.badge-deep-purple-accent-3 {
  background-color: #651FFF;
  color: #FFFFFF;
}

.btn-deep-purple-accent-3 {
  background-color: rgba(101, 31, 255, 0.9);
  color: #FFFFFF !important;
}

.btn-deep-purple-accent-3:disabled,
.btn-deep-purple-accent-3.disabled {
  background-color: rgba(101, 31, 255, 0.4);
}

.btn-deep-purple-accent-3:not(:disabled):not(.disabled):hover {
  background-color: #651FFF;
}

.btn-outline-deep-purple-accent-3 {
  color: #651FFF;
  border-color: #651FFF;
}

.btn-outline-deep-purple-accent-3:hover {
  background-color: #651FFF;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-purple-accent-4 {
    color: #6200EA !important;
  }
  :root {
    --deep-purple-accent-4: #6200EA;
  }
  .bg-deep-purple-accent-4 {
    background-color: #6200EA;
  }
  .border-deep-purple-accent-4 {
    border-color: #6200EA;
  }
  .border-left-deep-purple-accent-4 {
    border-left-color: #6200EA;
  }
  .border-right-deep-purple-accent-4 {
    border-right-color: #6200EA;
  }
  .border-top-deep-purple-accent-4 {
    border-top-color: #6200EA;
  }
  .border-bottom-deep-purple-accent-4 {
    border-bottom-color: #6200EA;
  }
  .badge-deep-purple-accent-4 {
    background-color: #6200EA;
    color: #FFFFFF;
  }
  .btn-deep-purple-accent-4 {
    background-color: rgba(98, 0, 234, 0.9);
    color: #FFFFFF !important;
  }
  .btn-deep-purple-accent-4:disabled,
  .btn-deep-purple-accent-4.disabled {
    background-color: rgba(98, 0, 234, 0.4);
  }
  .btn-deep-purple-accent-4:not(:disabled):not(.disabled):hover {
    background-color: #6200EA;
  }
  .btn-outline-deep-purple-accent-4 {
    color: #6200EA;
    border-color: #6200EA;
  }
  .btn-outline-deep-purple-accent-4:hover {
    background-color: #6200EA;
    color: #FFFFFF;
  }
}
.text-deep-purple-accent-4 {
  color: #6200EA !important;
}

:root {
  --deep-purple-accent-4: #6200EA;
}

.bg-deep-purple-accent-4 {
  background-color: #6200EA;
}

.border-deep-purple-accent-4 {
  border-color: #6200EA;
}

.border-left-deep-purple-accent-4 {
  border-left-color: #6200EA;
}

.border-right-deep-purple-accent-4 {
  border-right-color: #6200EA;
}

.border-top-deep-purple-accent-4 {
  border-top-color: #6200EA;
}

.border-bottom-deep-purple-accent-4 {
  border-bottom-color: #6200EA;
}

.badge-deep-purple-accent-4 {
  background-color: #6200EA;
  color: #FFFFFF;
}

.btn-deep-purple-accent-4 {
  background-color: rgba(98, 0, 234, 0.9);
  color: #FFFFFF !important;
}

.btn-deep-purple-accent-4:disabled,
.btn-deep-purple-accent-4.disabled {
  background-color: rgba(98, 0, 234, 0.4);
}

.btn-deep-purple-accent-4:not(:disabled):not(.disabled):hover {
  background-color: #6200EA;
}

.btn-outline-deep-purple-accent-4 {
  color: #6200EA;
  border-color: #6200EA;
}

.btn-outline-deep-purple-accent-4:hover {
  background-color: #6200EA;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-indigo {
    color: #3F51B5 !important;
  }
  :root {
    --indigo: #3F51B5;
  }
  .bg-indigo {
    background-color: #3F51B5;
  }
  .border-indigo {
    border-color: #3F51B5;
  }
  .border-left-indigo {
    border-left-color: #3F51B5;
  }
  .border-right-indigo {
    border-right-color: #3F51B5;
  }
  .border-top-indigo {
    border-top-color: #3F51B5;
  }
  .border-bottom-indigo {
    border-bottom-color: #3F51B5;
  }
  .badge-indigo {
    background-color: #3F51B5;
  }
  .btn-indigo {
    background-color: rgba(63, 81, 181, 0.9);
  }
  .btn-indigo:disabled,
  .btn-indigo.disabled {
    background-color: rgba(63, 81, 181, 0.4);
  }
  .btn-indigo:not(:disabled):not(.disabled):hover {
    background-color: #3F51B5;
  }
  .btn-outline-indigo {
    color: #3F51B5;
    border-color: #3F51B5;
  }
  .btn-outline-indigo:hover {
    background-color: #3F51B5;
    color: #FFFFFF;
  }
}
.text-indigo {
  color: #3F51B5 !important;
}

:root {
  --indigo: #3F51B5;
}

.bg-indigo {
  background-color: #3F51B5;
}

.border-indigo {
  border-color: #3F51B5;
}

.border-left-indigo {
  border-left-color: #3F51B5;
}

.border-right-indigo {
  border-right-color: #3F51B5;
}

.border-top-indigo {
  border-top-color: #3F51B5;
}

.border-bottom-indigo {
  border-bottom-color: #3F51B5;
}

.badge-indigo {
  background-color: #3F51B5;
}

.btn-indigo {
  background-color: rgba(63, 81, 181, 0.9);
}

.btn-indigo:disabled,
.btn-indigo.disabled {
  background-color: rgba(63, 81, 181, 0.4);
}

.btn-indigo:not(:disabled):not(.disabled):hover {
  background-color: #3F51B5;
}

.btn-outline-indigo {
  color: #3F51B5;
  border-color: #3F51B5;
}

.btn-outline-indigo:hover {
  background-color: #3F51B5;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-indigo-lighten-5 {
    color: #E8EAF6 !important;
  }
  :root {
    --indigo-lighten-5: #E8EAF6;
  }
  .bg-indigo-lighten-5 {
    background-color: #E8EAF6;
  }
  .border-indigo-lighten-5 {
    border-color: #E8EAF6;
  }
  .border-left-indigo-lighten-5 {
    border-left-color: #E8EAF6;
  }
  .border-right-indigo-lighten-5 {
    border-right-color: #E8EAF6;
  }
  .border-top-indigo-lighten-5 {
    border-top-color: #E8EAF6;
  }
  .border-bottom-indigo-lighten-5 {
    border-bottom-color: #E8EAF6;
  }
  .badge-indigo-lighten-5 {
    background-color: #E8EAF6;
    color: #000000;
  }
  .btn-indigo-lighten-5 {
    background-color: rgba(232, 234, 246, 0.9);
    color: #000000 !important;
  }
  .btn-indigo-lighten-5:disabled,
  .btn-indigo-lighten-5.disabled {
    background-color: rgba(232, 234, 246, 0.4);
  }
  .btn-indigo-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #E8EAF6;
  }
  .btn-outline-indigo-lighten-5 {
    color: #E8EAF6;
    border-color: #E8EAF6;
  }
  .btn-outline-indigo-lighten-5:hover {
    background-color: #E8EAF6;
    color: #000000;
  }
}
.text-indigo-lighten-5 {
  color: #E8EAF6 !important;
}

:root {
  --indigo-lighten-5: #E8EAF6;
}

.bg-indigo-lighten-5 {
  background-color: #E8EAF6;
}

.border-indigo-lighten-5 {
  border-color: #E8EAF6;
}

.border-left-indigo-lighten-5 {
  border-left-color: #E8EAF6;
}

.border-right-indigo-lighten-5 {
  border-right-color: #E8EAF6;
}

.border-top-indigo-lighten-5 {
  border-top-color: #E8EAF6;
}

.border-bottom-indigo-lighten-5 {
  border-bottom-color: #E8EAF6;
}

.badge-indigo-lighten-5 {
  background-color: #E8EAF6;
  color: #000000;
}

.btn-indigo-lighten-5 {
  background-color: rgba(232, 234, 246, 0.9);
  color: #000000 !important;
}

.btn-indigo-lighten-5:disabled,
.btn-indigo-lighten-5.disabled {
  background-color: rgba(232, 234, 246, 0.4);
}

.btn-indigo-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #E8EAF6;
}

.btn-outline-indigo-lighten-5 {
  color: #E8EAF6;
  border-color: #E8EAF6;
}

.btn-outline-indigo-lighten-5:hover {
  background-color: #E8EAF6;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-indigo-lighten-4 {
    color: #C5CAE9 !important;
  }
  :root {
    --indigo-lighten-4: #C5CAE9;
  }
  .bg-indigo-lighten-4 {
    background-color: #C5CAE9;
  }
  .border-indigo-lighten-4 {
    border-color: #C5CAE9;
  }
  .border-left-indigo-lighten-4 {
    border-left-color: #C5CAE9;
  }
  .border-right-indigo-lighten-4 {
    border-right-color: #C5CAE9;
  }
  .border-top-indigo-lighten-4 {
    border-top-color: #C5CAE9;
  }
  .border-bottom-indigo-lighten-4 {
    border-bottom-color: #C5CAE9;
  }
  .badge-indigo-lighten-4 {
    background-color: #C5CAE9;
    color: #000000;
  }
  .btn-indigo-lighten-4 {
    background-color: rgba(197, 202, 233, 0.9);
    color: #000000 !important;
  }
  .btn-indigo-lighten-4:disabled,
  .btn-indigo-lighten-4.disabled {
    background-color: rgba(197, 202, 233, 0.4);
  }
  .btn-indigo-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #C5CAE9;
  }
  .btn-outline-indigo-lighten-4 {
    color: #C5CAE9;
    border-color: #C5CAE9;
  }
  .btn-outline-indigo-lighten-4:hover {
    background-color: #C5CAE9;
    color: #000000;
  }
}
.text-indigo-lighten-4 {
  color: #C5CAE9 !important;
}

:root {
  --indigo-lighten-4: #C5CAE9;
}

.bg-indigo-lighten-4 {
  background-color: #C5CAE9;
}

.border-indigo-lighten-4 {
  border-color: #C5CAE9;
}

.border-left-indigo-lighten-4 {
  border-left-color: #C5CAE9;
}

.border-right-indigo-lighten-4 {
  border-right-color: #C5CAE9;
}

.border-top-indigo-lighten-4 {
  border-top-color: #C5CAE9;
}

.border-bottom-indigo-lighten-4 {
  border-bottom-color: #C5CAE9;
}

.badge-indigo-lighten-4 {
  background-color: #C5CAE9;
  color: #000000;
}

.btn-indigo-lighten-4 {
  background-color: rgba(197, 202, 233, 0.9);
  color: #000000 !important;
}

.btn-indigo-lighten-4:disabled,
.btn-indigo-lighten-4.disabled {
  background-color: rgba(197, 202, 233, 0.4);
}

.btn-indigo-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #C5CAE9;
}

.btn-outline-indigo-lighten-4 {
  color: #C5CAE9;
  border-color: #C5CAE9;
}

.btn-outline-indigo-lighten-4:hover {
  background-color: #C5CAE9;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-indigo-lighten-3 {
    color: #9FA8DA !important;
  }
  :root {
    --indigo-lighten-3: #9FA8DA;
  }
  .bg-indigo-lighten-3 {
    background-color: #9FA8DA;
  }
  .border-indigo-lighten-3 {
    border-color: #9FA8DA;
  }
  .border-left-indigo-lighten-3 {
    border-left-color: #9FA8DA;
  }
  .border-right-indigo-lighten-3 {
    border-right-color: #9FA8DA;
  }
  .border-top-indigo-lighten-3 {
    border-top-color: #9FA8DA;
  }
  .border-bottom-indigo-lighten-3 {
    border-bottom-color: #9FA8DA;
  }
  .badge-indigo-lighten-3 {
    background-color: #9FA8DA;
    color: #000000;
  }
  .btn-indigo-lighten-3 {
    background-color: rgba(159, 168, 218, 0.9);
    color: #000000 !important;
  }
  .btn-indigo-lighten-3:disabled,
  .btn-indigo-lighten-3.disabled {
    background-color: rgba(159, 168, 218, 0.4);
  }
  .btn-indigo-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #9FA8DA;
  }
  .btn-outline-indigo-lighten-3 {
    color: #9FA8DA;
    border-color: #9FA8DA;
  }
  .btn-outline-indigo-lighten-3:hover {
    background-color: #9FA8DA;
    color: #000000;
  }
}
.text-indigo-lighten-3 {
  color: #9FA8DA !important;
}

:root {
  --indigo-lighten-3: #9FA8DA;
}

.bg-indigo-lighten-3 {
  background-color: #9FA8DA;
}

.border-indigo-lighten-3 {
  border-color: #9FA8DA;
}

.border-left-indigo-lighten-3 {
  border-left-color: #9FA8DA;
}

.border-right-indigo-lighten-3 {
  border-right-color: #9FA8DA;
}

.border-top-indigo-lighten-3 {
  border-top-color: #9FA8DA;
}

.border-bottom-indigo-lighten-3 {
  border-bottom-color: #9FA8DA;
}

.badge-indigo-lighten-3 {
  background-color: #9FA8DA;
  color: #000000;
}

.btn-indigo-lighten-3 {
  background-color: rgba(159, 168, 218, 0.9);
  color: #000000 !important;
}

.btn-indigo-lighten-3:disabled,
.btn-indigo-lighten-3.disabled {
  background-color: rgba(159, 168, 218, 0.4);
}

.btn-indigo-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #9FA8DA;
}

.btn-outline-indigo-lighten-3 {
  color: #9FA8DA;
  border-color: #9FA8DA;
}

.btn-outline-indigo-lighten-3:hover {
  background-color: #9FA8DA;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-indigo-lighten-2 {
    color: #7986CB !important;
  }
  :root {
    --indigo-lighten-2: #7986CB;
  }
  .bg-indigo-lighten-2 {
    background-color: #7986CB;
  }
  .border-indigo-lighten-2 {
    border-color: #7986CB;
  }
  .border-left-indigo-lighten-2 {
    border-left-color: #7986CB;
  }
  .border-right-indigo-lighten-2 {
    border-right-color: #7986CB;
  }
  .border-top-indigo-lighten-2 {
    border-top-color: #7986CB;
  }
  .border-bottom-indigo-lighten-2 {
    border-bottom-color: #7986CB;
  }
  .badge-indigo-lighten-2 {
    background-color: #7986CB;
    color: #000000;
  }
  .btn-indigo-lighten-2 {
    background-color: rgba(121, 134, 203, 0.9);
    color: #000000 !important;
  }
  .btn-indigo-lighten-2:disabled,
  .btn-indigo-lighten-2.disabled {
    background-color: rgba(121, 134, 203, 0.4);
  }
  .btn-indigo-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #7986CB;
  }
  .btn-outline-indigo-lighten-2 {
    color: #7986CB;
    border-color: #7986CB;
  }
  .btn-outline-indigo-lighten-2:hover {
    background-color: #7986CB;
    color: #000000;
  }
}
.text-indigo-lighten-2 {
  color: #7986CB !important;
}

:root {
  --indigo-lighten-2: #7986CB;
}

.bg-indigo-lighten-2 {
  background-color: #7986CB;
}

.border-indigo-lighten-2 {
  border-color: #7986CB;
}

.border-left-indigo-lighten-2 {
  border-left-color: #7986CB;
}

.border-right-indigo-lighten-2 {
  border-right-color: #7986CB;
}

.border-top-indigo-lighten-2 {
  border-top-color: #7986CB;
}

.border-bottom-indigo-lighten-2 {
  border-bottom-color: #7986CB;
}

.badge-indigo-lighten-2 {
  background-color: #7986CB;
  color: #000000;
}

.btn-indigo-lighten-2 {
  background-color: rgba(121, 134, 203, 0.9);
  color: #000000 !important;
}

.btn-indigo-lighten-2:disabled,
.btn-indigo-lighten-2.disabled {
  background-color: rgba(121, 134, 203, 0.4);
}

.btn-indigo-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #7986CB;
}

.btn-outline-indigo-lighten-2 {
  color: #7986CB;
  border-color: #7986CB;
}

.btn-outline-indigo-lighten-2:hover {
  background-color: #7986CB;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-indigo-lighten-1 {
    color: #5C6BC0 !important;
  }
  :root {
    --indigo-lighten-1: #5C6BC0;
  }
  .bg-indigo-lighten-1 {
    background-color: #5C6BC0;
  }
  .border-indigo-lighten-1 {
    border-color: #5C6BC0;
  }
  .border-left-indigo-lighten-1 {
    border-left-color: #5C6BC0;
  }
  .border-right-indigo-lighten-1 {
    border-right-color: #5C6BC0;
  }
  .border-top-indigo-lighten-1 {
    border-top-color: #5C6BC0;
  }
  .border-bottom-indigo-lighten-1 {
    border-bottom-color: #5C6BC0;
  }
  .badge-indigo-lighten-1 {
    background-color: #5C6BC0;
    color: #000000;
  }
  .btn-indigo-lighten-1 {
    background-color: rgba(92, 107, 192, 0.9);
    color: #000000 !important;
  }
  .btn-indigo-lighten-1:disabled,
  .btn-indigo-lighten-1.disabled {
    background-color: rgba(92, 107, 192, 0.4);
  }
  .btn-indigo-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #5C6BC0;
  }
  .btn-outline-indigo-lighten-1 {
    color: #5C6BC0;
    border-color: #5C6BC0;
  }
  .btn-outline-indigo-lighten-1:hover {
    background-color: #5C6BC0;
    color: #000000;
  }
}
.text-indigo-lighten-1 {
  color: #5C6BC0 !important;
}

:root {
  --indigo-lighten-1: #5C6BC0;
}

.bg-indigo-lighten-1 {
  background-color: #5C6BC0;
}

.border-indigo-lighten-1 {
  border-color: #5C6BC0;
}

.border-left-indigo-lighten-1 {
  border-left-color: #5C6BC0;
}

.border-right-indigo-lighten-1 {
  border-right-color: #5C6BC0;
}

.border-top-indigo-lighten-1 {
  border-top-color: #5C6BC0;
}

.border-bottom-indigo-lighten-1 {
  border-bottom-color: #5C6BC0;
}

.badge-indigo-lighten-1 {
  background-color: #5C6BC0;
  color: #000000;
}

.btn-indigo-lighten-1 {
  background-color: rgba(92, 107, 192, 0.9);
  color: #000000 !important;
}

.btn-indigo-lighten-1:disabled,
.btn-indigo-lighten-1.disabled {
  background-color: rgba(92, 107, 192, 0.4);
}

.btn-indigo-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #5C6BC0;
}

.btn-outline-indigo-lighten-1 {
  color: #5C6BC0;
  border-color: #5C6BC0;
}

.btn-outline-indigo-lighten-1:hover {
  background-color: #5C6BC0;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-indigo-darken-1 {
    color: #3949AB !important;
  }
  :root {
    --indigo-darken-1: #3949AB;
  }
  .bg-indigo-darken-1 {
    background-color: #3949AB;
  }
  .border-indigo-darken-1 {
    border-color: #3949AB;
  }
  .border-left-indigo-darken-1 {
    border-left-color: #3949AB;
  }
  .border-right-indigo-darken-1 {
    border-right-color: #3949AB;
  }
  .border-top-indigo-darken-1 {
    border-top-color: #3949AB;
  }
  .border-bottom-indigo-darken-1 {
    border-bottom-color: #3949AB;
  }
  .badge-indigo-darken-1 {
    background-color: #3949AB;
    color: #FFFFFF;
  }
  .btn-indigo-darken-1 {
    background-color: rgba(57, 73, 171, 0.9);
    color: #FFFFFF !important;
  }
  .btn-indigo-darken-1:disabled,
  .btn-indigo-darken-1.disabled {
    background-color: rgba(57, 73, 171, 0.4);
  }
  .btn-indigo-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #3949AB;
  }
  .btn-outline-indigo-darken-1 {
    color: #3949AB;
    border-color: #3949AB;
  }
  .btn-outline-indigo-darken-1:hover {
    background-color: #3949AB;
    color: #FFFFFF;
  }
}
.text-indigo-darken-1 {
  color: #3949AB !important;
}

:root {
  --indigo-darken-1: #3949AB;
}

.bg-indigo-darken-1 {
  background-color: #3949AB;
}

.border-indigo-darken-1 {
  border-color: #3949AB;
}

.border-left-indigo-darken-1 {
  border-left-color: #3949AB;
}

.border-right-indigo-darken-1 {
  border-right-color: #3949AB;
}

.border-top-indigo-darken-1 {
  border-top-color: #3949AB;
}

.border-bottom-indigo-darken-1 {
  border-bottom-color: #3949AB;
}

.badge-indigo-darken-1 {
  background-color: #3949AB;
  color: #FFFFFF;
}

.btn-indigo-darken-1 {
  background-color: rgba(57, 73, 171, 0.9);
  color: #FFFFFF !important;
}

.btn-indigo-darken-1:disabled,
.btn-indigo-darken-1.disabled {
  background-color: rgba(57, 73, 171, 0.4);
}

.btn-indigo-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #3949AB;
}

.btn-outline-indigo-darken-1 {
  color: #3949AB;
  border-color: #3949AB;
}

.btn-outline-indigo-darken-1:hover {
  background-color: #3949AB;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-indigo-darken-2 {
    color: #303F9F !important;
  }
  :root {
    --indigo-darken-2: #303F9F;
  }
  .bg-indigo-darken-2 {
    background-color: #303F9F;
  }
  .border-indigo-darken-2 {
    border-color: #303F9F;
  }
  .border-left-indigo-darken-2 {
    border-left-color: #303F9F;
  }
  .border-right-indigo-darken-2 {
    border-right-color: #303F9F;
  }
  .border-top-indigo-darken-2 {
    border-top-color: #303F9F;
  }
  .border-bottom-indigo-darken-2 {
    border-bottom-color: #303F9F;
  }
  .badge-indigo-darken-2 {
    background-color: #303F9F;
    color: #FFFFFF;
  }
  .btn-indigo-darken-2 {
    background-color: rgba(48, 63, 159, 0.9);
    color: #FFFFFF !important;
  }
  .btn-indigo-darken-2:disabled,
  .btn-indigo-darken-2.disabled {
    background-color: rgba(48, 63, 159, 0.4);
  }
  .btn-indigo-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #303F9F;
  }
  .btn-outline-indigo-darken-2 {
    color: #303F9F;
    border-color: #303F9F;
  }
  .btn-outline-indigo-darken-2:hover {
    background-color: #303F9F;
    color: #FFFFFF;
  }
}
.text-indigo-darken-2 {
  color: #303F9F !important;
}

:root {
  --indigo-darken-2: #303F9F;
}

.bg-indigo-darken-2 {
  background-color: #303F9F;
}

.border-indigo-darken-2 {
  border-color: #303F9F;
}

.border-left-indigo-darken-2 {
  border-left-color: #303F9F;
}

.border-right-indigo-darken-2 {
  border-right-color: #303F9F;
}

.border-top-indigo-darken-2 {
  border-top-color: #303F9F;
}

.border-bottom-indigo-darken-2 {
  border-bottom-color: #303F9F;
}

.badge-indigo-darken-2 {
  background-color: #303F9F;
  color: #FFFFFF;
}

.btn-indigo-darken-2 {
  background-color: rgba(48, 63, 159, 0.9);
  color: #FFFFFF !important;
}

.btn-indigo-darken-2:disabled,
.btn-indigo-darken-2.disabled {
  background-color: rgba(48, 63, 159, 0.4);
}

.btn-indigo-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #303F9F;
}

.btn-outline-indigo-darken-2 {
  color: #303F9F;
  border-color: #303F9F;
}

.btn-outline-indigo-darken-2:hover {
  background-color: #303F9F;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-indigo-darken-3 {
    color: #283593 !important;
  }
  :root {
    --indigo-darken-3: #283593;
  }
  .bg-indigo-darken-3 {
    background-color: #283593;
  }
  .border-indigo-darken-3 {
    border-color: #283593;
  }
  .border-left-indigo-darken-3 {
    border-left-color: #283593;
  }
  .border-right-indigo-darken-3 {
    border-right-color: #283593;
  }
  .border-top-indigo-darken-3 {
    border-top-color: #283593;
  }
  .border-bottom-indigo-darken-3 {
    border-bottom-color: #283593;
  }
  .badge-indigo-darken-3 {
    background-color: #283593;
    color: #FFFFFF;
  }
  .btn-indigo-darken-3 {
    background-color: rgba(40, 53, 147, 0.9);
    color: #FFFFFF !important;
  }
  .btn-indigo-darken-3:disabled,
  .btn-indigo-darken-3.disabled {
    background-color: rgba(40, 53, 147, 0.4);
  }
  .btn-indigo-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #283593;
  }
  .btn-outline-indigo-darken-3 {
    color: #283593;
    border-color: #283593;
  }
  .btn-outline-indigo-darken-3:hover {
    background-color: #283593;
    color: #FFFFFF;
  }
}
.text-indigo-darken-3 {
  color: #283593 !important;
}

:root {
  --indigo-darken-3: #283593;
}

.bg-indigo-darken-3 {
  background-color: #283593;
}

.border-indigo-darken-3 {
  border-color: #283593;
}

.border-left-indigo-darken-3 {
  border-left-color: #283593;
}

.border-right-indigo-darken-3 {
  border-right-color: #283593;
}

.border-top-indigo-darken-3 {
  border-top-color: #283593;
}

.border-bottom-indigo-darken-3 {
  border-bottom-color: #283593;
}

.badge-indigo-darken-3 {
  background-color: #283593;
  color: #FFFFFF;
}

.btn-indigo-darken-3 {
  background-color: rgba(40, 53, 147, 0.9);
  color: #FFFFFF !important;
}

.btn-indigo-darken-3:disabled,
.btn-indigo-darken-3.disabled {
  background-color: rgba(40, 53, 147, 0.4);
}

.btn-indigo-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #283593;
}

.btn-outline-indigo-darken-3 {
  color: #283593;
  border-color: #283593;
}

.btn-outline-indigo-darken-3:hover {
  background-color: #283593;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-indigo-darken-4 {
    color: #1A237E !important;
  }
  :root {
    --indigo-darken-4: #1A237E;
  }
  .bg-indigo-darken-4 {
    background-color: #1A237E;
  }
  .border-indigo-darken-4 {
    border-color: #1A237E;
  }
  .border-left-indigo-darken-4 {
    border-left-color: #1A237E;
  }
  .border-right-indigo-darken-4 {
    border-right-color: #1A237E;
  }
  .border-top-indigo-darken-4 {
    border-top-color: #1A237E;
  }
  .border-bottom-indigo-darken-4 {
    border-bottom-color: #1A237E;
  }
  .badge-indigo-darken-4 {
    background-color: #1A237E;
    color: #FFFFFF;
  }
  .btn-indigo-darken-4 {
    background-color: rgba(26, 35, 126, 0.9);
    color: #FFFFFF !important;
  }
  .btn-indigo-darken-4:disabled,
  .btn-indigo-darken-4.disabled {
    background-color: rgba(26, 35, 126, 0.4);
  }
  .btn-indigo-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #1A237E;
  }
  .btn-outline-indigo-darken-4 {
    color: #1A237E;
    border-color: #1A237E;
  }
  .btn-outline-indigo-darken-4:hover {
    background-color: #1A237E;
    color: #FFFFFF;
  }
}
.text-indigo-darken-4 {
  color: #1A237E !important;
}

:root {
  --indigo-darken-4: #1A237E;
}

.bg-indigo-darken-4 {
  background-color: #1A237E;
}

.border-indigo-darken-4 {
  border-color: #1A237E;
}

.border-left-indigo-darken-4 {
  border-left-color: #1A237E;
}

.border-right-indigo-darken-4 {
  border-right-color: #1A237E;
}

.border-top-indigo-darken-4 {
  border-top-color: #1A237E;
}

.border-bottom-indigo-darken-4 {
  border-bottom-color: #1A237E;
}

.badge-indigo-darken-4 {
  background-color: #1A237E;
  color: #FFFFFF;
}

.btn-indigo-darken-4 {
  background-color: rgba(26, 35, 126, 0.9);
  color: #FFFFFF !important;
}

.btn-indigo-darken-4:disabled,
.btn-indigo-darken-4.disabled {
  background-color: rgba(26, 35, 126, 0.4);
}

.btn-indigo-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #1A237E;
}

.btn-outline-indigo-darken-4 {
  color: #1A237E;
  border-color: #1A237E;
}

.btn-outline-indigo-darken-4:hover {
  background-color: #1A237E;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-indigo-accent-1 {
    color: #8C9EFF !important;
  }
  :root {
    --indigo-accent-1: #8C9EFF;
  }
  .bg-indigo-accent-1 {
    background-color: #8C9EFF;
  }
  .border-indigo-accent-1 {
    border-color: #8C9EFF;
  }
  .border-left-indigo-accent-1 {
    border-left-color: #8C9EFF;
  }
  .border-right-indigo-accent-1 {
    border-right-color: #8C9EFF;
  }
  .border-top-indigo-accent-1 {
    border-top-color: #8C9EFF;
  }
  .border-bottom-indigo-accent-1 {
    border-bottom-color: #8C9EFF;
  }
  .badge-indigo-accent-1 {
    background-color: #8C9EFF;
    color: #000000;
  }
  .btn-indigo-accent-1 {
    background-color: rgba(140, 158, 255, 0.9);
    color: #000000 !important;
  }
  .btn-indigo-accent-1:disabled,
  .btn-indigo-accent-1.disabled {
    background-color: rgba(140, 158, 255, 0.4);
  }
  .btn-indigo-accent-1:not(:disabled):not(.disabled):hover {
    background-color: #8C9EFF;
  }
  .btn-outline-indigo-accent-1 {
    color: #8C9EFF;
    border-color: #8C9EFF;
  }
  .btn-outline-indigo-accent-1:hover {
    background-color: #8C9EFF;
    color: #000000;
  }
}
.text-indigo-accent-1 {
  color: #8C9EFF !important;
}

:root {
  --indigo-accent-1: #8C9EFF;
}

.bg-indigo-accent-1 {
  background-color: #8C9EFF;
}

.border-indigo-accent-1 {
  border-color: #8C9EFF;
}

.border-left-indigo-accent-1 {
  border-left-color: #8C9EFF;
}

.border-right-indigo-accent-1 {
  border-right-color: #8C9EFF;
}

.border-top-indigo-accent-1 {
  border-top-color: #8C9EFF;
}

.border-bottom-indigo-accent-1 {
  border-bottom-color: #8C9EFF;
}

.badge-indigo-accent-1 {
  background-color: #8C9EFF;
  color: #000000;
}

.btn-indigo-accent-1 {
  background-color: rgba(140, 158, 255, 0.9);
  color: #000000 !important;
}

.btn-indigo-accent-1:disabled,
.btn-indigo-accent-1.disabled {
  background-color: rgba(140, 158, 255, 0.4);
}

.btn-indigo-accent-1:not(:disabled):not(.disabled):hover {
  background-color: #8C9EFF;
}

.btn-outline-indigo-accent-1 {
  color: #8C9EFF;
  border-color: #8C9EFF;
}

.btn-outline-indigo-accent-1:hover {
  background-color: #8C9EFF;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-indigo-accent-2 {
    color: #536DFE !important;
  }
  :root {
    --indigo-accent-2: #536DFE;
  }
  .bg-indigo-accent-2 {
    background-color: #536DFE;
  }
  .border-indigo-accent-2 {
    border-color: #536DFE;
  }
  .border-left-indigo-accent-2 {
    border-left-color: #536DFE;
  }
  .border-right-indigo-accent-2 {
    border-right-color: #536DFE;
  }
  .border-top-indigo-accent-2 {
    border-top-color: #536DFE;
  }
  .border-bottom-indigo-accent-2 {
    border-bottom-color: #536DFE;
  }
  .badge-indigo-accent-2 {
    background-color: #536DFE;
    color: #000000;
  }
  .btn-indigo-accent-2 {
    background-color: rgba(83, 109, 254, 0.9);
    color: #000000 !important;
  }
  .btn-indigo-accent-2:disabled,
  .btn-indigo-accent-2.disabled {
    background-color: rgba(83, 109, 254, 0.4);
  }
  .btn-indigo-accent-2:not(:disabled):not(.disabled):hover {
    background-color: #536DFE;
  }
  .btn-outline-indigo-accent-2 {
    color: #536DFE;
    border-color: #536DFE;
  }
  .btn-outline-indigo-accent-2:hover {
    background-color: #536DFE;
    color: #000000;
  }
}
.text-indigo-accent-2 {
  color: #536DFE !important;
}

:root {
  --indigo-accent-2: #536DFE;
}

.bg-indigo-accent-2 {
  background-color: #536DFE;
}

.border-indigo-accent-2 {
  border-color: #536DFE;
}

.border-left-indigo-accent-2 {
  border-left-color: #536DFE;
}

.border-right-indigo-accent-2 {
  border-right-color: #536DFE;
}

.border-top-indigo-accent-2 {
  border-top-color: #536DFE;
}

.border-bottom-indigo-accent-2 {
  border-bottom-color: #536DFE;
}

.badge-indigo-accent-2 {
  background-color: #536DFE;
  color: #000000;
}

.btn-indigo-accent-2 {
  background-color: rgba(83, 109, 254, 0.9);
  color: #000000 !important;
}

.btn-indigo-accent-2:disabled,
.btn-indigo-accent-2.disabled {
  background-color: rgba(83, 109, 254, 0.4);
}

.btn-indigo-accent-2:not(:disabled):not(.disabled):hover {
  background-color: #536DFE;
}

.btn-outline-indigo-accent-2 {
  color: #536DFE;
  border-color: #536DFE;
}

.btn-outline-indigo-accent-2:hover {
  background-color: #536DFE;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-indigo-accent-3 {
    color: #3D5AFE !important;
  }
  :root {
    --indigo-accent-3: #3D5AFE;
  }
  .bg-indigo-accent-3 {
    background-color: #3D5AFE;
  }
  .border-indigo-accent-3 {
    border-color: #3D5AFE;
  }
  .border-left-indigo-accent-3 {
    border-left-color: #3D5AFE;
  }
  .border-right-indigo-accent-3 {
    border-right-color: #3D5AFE;
  }
  .border-top-indigo-accent-3 {
    border-top-color: #3D5AFE;
  }
  .border-bottom-indigo-accent-3 {
    border-bottom-color: #3D5AFE;
  }
  .badge-indigo-accent-3 {
    background-color: #3D5AFE;
    color: #FFFFFF;
  }
  .btn-indigo-accent-3 {
    background-color: rgba(61, 90, 254, 0.9);
    color: #FFFFFF !important;
  }
  .btn-indigo-accent-3:disabled,
  .btn-indigo-accent-3.disabled {
    background-color: rgba(61, 90, 254, 0.4);
  }
  .btn-indigo-accent-3:not(:disabled):not(.disabled):hover {
    background-color: #3D5AFE;
  }
  .btn-outline-indigo-accent-3 {
    color: #3D5AFE;
    border-color: #3D5AFE;
  }
  .btn-outline-indigo-accent-3:hover {
    background-color: #3D5AFE;
    color: #FFFFFF;
  }
}
.text-indigo-accent-3 {
  color: #3D5AFE !important;
}

:root {
  --indigo-accent-3: #3D5AFE;
}

.bg-indigo-accent-3 {
  background-color: #3D5AFE;
}

.border-indigo-accent-3 {
  border-color: #3D5AFE;
}

.border-left-indigo-accent-3 {
  border-left-color: #3D5AFE;
}

.border-right-indigo-accent-3 {
  border-right-color: #3D5AFE;
}

.border-top-indigo-accent-3 {
  border-top-color: #3D5AFE;
}

.border-bottom-indigo-accent-3 {
  border-bottom-color: #3D5AFE;
}

.badge-indigo-accent-3 {
  background-color: #3D5AFE;
  color: #FFFFFF;
}

.btn-indigo-accent-3 {
  background-color: rgba(61, 90, 254, 0.9);
  color: #FFFFFF !important;
}

.btn-indigo-accent-3:disabled,
.btn-indigo-accent-3.disabled {
  background-color: rgba(61, 90, 254, 0.4);
}

.btn-indigo-accent-3:not(:disabled):not(.disabled):hover {
  background-color: #3D5AFE;
}

.btn-outline-indigo-accent-3 {
  color: #3D5AFE;
  border-color: #3D5AFE;
}

.btn-outline-indigo-accent-3:hover {
  background-color: #3D5AFE;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-indigo-accent-4 {
    color: #304FFE !important;
  }
  :root {
    --indigo-accent-4: #304FFE;
  }
  .bg-indigo-accent-4 {
    background-color: #304FFE;
  }
  .border-indigo-accent-4 {
    border-color: #304FFE;
  }
  .border-left-indigo-accent-4 {
    border-left-color: #304FFE;
  }
  .border-right-indigo-accent-4 {
    border-right-color: #304FFE;
  }
  .border-top-indigo-accent-4 {
    border-top-color: #304FFE;
  }
  .border-bottom-indigo-accent-4 {
    border-bottom-color: #304FFE;
  }
  .badge-indigo-accent-4 {
    background-color: #304FFE;
    color: #FFFFFF;
  }
  .btn-indigo-accent-4 {
    background-color: rgba(48, 79, 254, 0.9);
    color: #FFFFFF !important;
  }
  .btn-indigo-accent-4:disabled,
  .btn-indigo-accent-4.disabled {
    background-color: rgba(48, 79, 254, 0.4);
  }
  .btn-indigo-accent-4:not(:disabled):not(.disabled):hover {
    background-color: #304FFE;
  }
  .btn-outline-indigo-accent-4 {
    color: #304FFE;
    border-color: #304FFE;
  }
  .btn-outline-indigo-accent-4:hover {
    background-color: #304FFE;
    color: #FFFFFF;
  }
}
.text-indigo-accent-4 {
  color: #304FFE !important;
}

:root {
  --indigo-accent-4: #304FFE;
}

.bg-indigo-accent-4 {
  background-color: #304FFE;
}

.border-indigo-accent-4 {
  border-color: #304FFE;
}

.border-left-indigo-accent-4 {
  border-left-color: #304FFE;
}

.border-right-indigo-accent-4 {
  border-right-color: #304FFE;
}

.border-top-indigo-accent-4 {
  border-top-color: #304FFE;
}

.border-bottom-indigo-accent-4 {
  border-bottom-color: #304FFE;
}

.badge-indigo-accent-4 {
  background-color: #304FFE;
  color: #FFFFFF;
}

.btn-indigo-accent-4 {
  background-color: rgba(48, 79, 254, 0.9);
  color: #FFFFFF !important;
}

.btn-indigo-accent-4:disabled,
.btn-indigo-accent-4.disabled {
  background-color: rgba(48, 79, 254, 0.4);
}

.btn-indigo-accent-4:not(:disabled):not(.disabled):hover {
  background-color: #304FFE;
}

.btn-outline-indigo-accent-4 {
  color: #304FFE;
  border-color: #304FFE;
}

.btn-outline-indigo-accent-4:hover {
  background-color: #304FFE;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue {
    color: #2196F3 !important;
  }
  :root {
    --blue: #2196F3;
  }
  .bg-blue {
    background-color: #2196F3;
  }
  .border-blue {
    border-color: #2196F3;
  }
  .border-left-blue {
    border-left-color: #2196F3;
  }
  .border-right-blue {
    border-right-color: #2196F3;
  }
  .border-top-blue {
    border-top-color: #2196F3;
  }
  .border-bottom-blue {
    border-bottom-color: #2196F3;
  }
  .badge-blue {
    background-color: #2196F3;
  }
  .btn-blue {
    background-color: rgba(33, 150, 243, 0.9);
  }
  .btn-blue:disabled,
  .btn-blue.disabled {
    background-color: rgba(33, 150, 243, 0.4);
  }
  .btn-blue:not(:disabled):not(.disabled):hover {
    background-color: #2196F3;
  }
  .btn-outline-blue {
    color: #2196F3;
    border-color: #2196F3;
  }
  .btn-outline-blue:hover {
    background-color: #2196F3;
    color: #FFFFFF;
  }
}
.text-blue {
  color: #2196F3 !important;
}

:root {
  --blue: #2196F3;
}

.bg-blue {
  background-color: #2196F3;
}

.border-blue {
  border-color: #2196F3;
}

.border-left-blue {
  border-left-color: #2196F3;
}

.border-right-blue {
  border-right-color: #2196F3;
}

.border-top-blue {
  border-top-color: #2196F3;
}

.border-bottom-blue {
  border-bottom-color: #2196F3;
}

.badge-blue {
  background-color: #2196F3;
}

.btn-blue {
  background-color: rgba(33, 150, 243, 0.9);
}

.btn-blue:disabled,
.btn-blue.disabled {
  background-color: rgba(33, 150, 243, 0.4);
}

.btn-blue:not(:disabled):not(.disabled):hover {
  background-color: #2196F3;
}

.btn-outline-blue {
  color: #2196F3;
  border-color: #2196F3;
}

.btn-outline-blue:hover {
  background-color: #2196F3;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-lighten-5 {
    color: #E3F2FD !important;
  }
  :root {
    --blue-lighten-5: #E3F2FD;
  }
  .bg-blue-lighten-5 {
    background-color: #E3F2FD;
  }
  .border-blue-lighten-5 {
    border-color: #E3F2FD;
  }
  .border-left-blue-lighten-5 {
    border-left-color: #E3F2FD;
  }
  .border-right-blue-lighten-5 {
    border-right-color: #E3F2FD;
  }
  .border-top-blue-lighten-5 {
    border-top-color: #E3F2FD;
  }
  .border-bottom-blue-lighten-5 {
    border-bottom-color: #E3F2FD;
  }
  .badge-blue-lighten-5 {
    background-color: #E3F2FD;
    color: #000000;
  }
  .btn-blue-lighten-5 {
    background-color: rgba(227, 242, 253, 0.9);
    color: #000000 !important;
  }
  .btn-blue-lighten-5:disabled,
  .btn-blue-lighten-5.disabled {
    background-color: rgba(227, 242, 253, 0.4);
  }
  .btn-blue-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #E3F2FD;
  }
  .btn-outline-blue-lighten-5 {
    color: #E3F2FD;
    border-color: #E3F2FD;
  }
  .btn-outline-blue-lighten-5:hover {
    background-color: #E3F2FD;
    color: #000000;
  }
}
.text-blue-lighten-5 {
  color: #E3F2FD !important;
}

:root {
  --blue-lighten-5: #E3F2FD;
}

.bg-blue-lighten-5 {
  background-color: #E3F2FD;
}

.border-blue-lighten-5 {
  border-color: #E3F2FD;
}

.border-left-blue-lighten-5 {
  border-left-color: #E3F2FD;
}

.border-right-blue-lighten-5 {
  border-right-color: #E3F2FD;
}

.border-top-blue-lighten-5 {
  border-top-color: #E3F2FD;
}

.border-bottom-blue-lighten-5 {
  border-bottom-color: #E3F2FD;
}

.badge-blue-lighten-5 {
  background-color: #E3F2FD;
  color: #000000;
}

.btn-blue-lighten-5 {
  background-color: rgba(227, 242, 253, 0.9);
  color: #000000 !important;
}

.btn-blue-lighten-5:disabled,
.btn-blue-lighten-5.disabled {
  background-color: rgba(227, 242, 253, 0.4);
}

.btn-blue-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #E3F2FD;
}

.btn-outline-blue-lighten-5 {
  color: #E3F2FD;
  border-color: #E3F2FD;
}

.btn-outline-blue-lighten-5:hover {
  background-color: #E3F2FD;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-lighten-4 {
    color: #BBDEFB !important;
  }
  :root {
    --blue-lighten-4: #BBDEFB;
  }
  .bg-blue-lighten-4 {
    background-color: #BBDEFB;
  }
  .border-blue-lighten-4 {
    border-color: #BBDEFB;
  }
  .border-left-blue-lighten-4 {
    border-left-color: #BBDEFB;
  }
  .border-right-blue-lighten-4 {
    border-right-color: #BBDEFB;
  }
  .border-top-blue-lighten-4 {
    border-top-color: #BBDEFB;
  }
  .border-bottom-blue-lighten-4 {
    border-bottom-color: #BBDEFB;
  }
  .badge-blue-lighten-4 {
    background-color: #BBDEFB;
    color: #000000;
  }
  .btn-blue-lighten-4 {
    background-color: rgba(187, 222, 251, 0.9);
    color: #000000 !important;
  }
  .btn-blue-lighten-4:disabled,
  .btn-blue-lighten-4.disabled {
    background-color: rgba(187, 222, 251, 0.4);
  }
  .btn-blue-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #BBDEFB;
  }
  .btn-outline-blue-lighten-4 {
    color: #BBDEFB;
    border-color: #BBDEFB;
  }
  .btn-outline-blue-lighten-4:hover {
    background-color: #BBDEFB;
    color: #000000;
  }
}
.text-blue-lighten-4 {
  color: #BBDEFB !important;
}

:root {
  --blue-lighten-4: #BBDEFB;
}

.bg-blue-lighten-4 {
  background-color: #BBDEFB;
}

.border-blue-lighten-4 {
  border-color: #BBDEFB;
}

.border-left-blue-lighten-4 {
  border-left-color: #BBDEFB;
}

.border-right-blue-lighten-4 {
  border-right-color: #BBDEFB;
}

.border-top-blue-lighten-4 {
  border-top-color: #BBDEFB;
}

.border-bottom-blue-lighten-4 {
  border-bottom-color: #BBDEFB;
}

.badge-blue-lighten-4 {
  background-color: #BBDEFB;
  color: #000000;
}

.btn-blue-lighten-4 {
  background-color: rgba(187, 222, 251, 0.9);
  color: #000000 !important;
}

.btn-blue-lighten-4:disabled,
.btn-blue-lighten-4.disabled {
  background-color: rgba(187, 222, 251, 0.4);
}

.btn-blue-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #BBDEFB;
}

.btn-outline-blue-lighten-4 {
  color: #BBDEFB;
  border-color: #BBDEFB;
}

.btn-outline-blue-lighten-4:hover {
  background-color: #BBDEFB;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-lighten-3 {
    color: #90CAF9 !important;
  }
  :root {
    --blue-lighten-3: #90CAF9;
  }
  .bg-blue-lighten-3 {
    background-color: #90CAF9;
  }
  .border-blue-lighten-3 {
    border-color: #90CAF9;
  }
  .border-left-blue-lighten-3 {
    border-left-color: #90CAF9;
  }
  .border-right-blue-lighten-3 {
    border-right-color: #90CAF9;
  }
  .border-top-blue-lighten-3 {
    border-top-color: #90CAF9;
  }
  .border-bottom-blue-lighten-3 {
    border-bottom-color: #90CAF9;
  }
  .badge-blue-lighten-3 {
    background-color: #90CAF9;
    color: #000000;
  }
  .btn-blue-lighten-3 {
    background-color: rgba(144, 202, 249, 0.9);
    color: #000000 !important;
  }
  .btn-blue-lighten-3:disabled,
  .btn-blue-lighten-3.disabled {
    background-color: rgba(144, 202, 249, 0.4);
  }
  .btn-blue-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #90CAF9;
  }
  .btn-outline-blue-lighten-3 {
    color: #90CAF9;
    border-color: #90CAF9;
  }
  .btn-outline-blue-lighten-3:hover {
    background-color: #90CAF9;
    color: #000000;
  }
}
.text-blue-lighten-3 {
  color: #90CAF9 !important;
}

:root {
  --blue-lighten-3: #90CAF9;
}

.bg-blue-lighten-3 {
  background-color: #90CAF9;
}

.border-blue-lighten-3 {
  border-color: #90CAF9;
}

.border-left-blue-lighten-3 {
  border-left-color: #90CAF9;
}

.border-right-blue-lighten-3 {
  border-right-color: #90CAF9;
}

.border-top-blue-lighten-3 {
  border-top-color: #90CAF9;
}

.border-bottom-blue-lighten-3 {
  border-bottom-color: #90CAF9;
}

.badge-blue-lighten-3 {
  background-color: #90CAF9;
  color: #000000;
}

.btn-blue-lighten-3 {
  background-color: rgba(144, 202, 249, 0.9);
  color: #000000 !important;
}

.btn-blue-lighten-3:disabled,
.btn-blue-lighten-3.disabled {
  background-color: rgba(144, 202, 249, 0.4);
}

.btn-blue-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #90CAF9;
}

.btn-outline-blue-lighten-3 {
  color: #90CAF9;
  border-color: #90CAF9;
}

.btn-outline-blue-lighten-3:hover {
  background-color: #90CAF9;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-lighten-2 {
    color: #64B5F6 !important;
  }
  :root {
    --blue-lighten-2: #64B5F6;
  }
  .bg-blue-lighten-2 {
    background-color: #64B5F6;
  }
  .border-blue-lighten-2 {
    border-color: #64B5F6;
  }
  .border-left-blue-lighten-2 {
    border-left-color: #64B5F6;
  }
  .border-right-blue-lighten-2 {
    border-right-color: #64B5F6;
  }
  .border-top-blue-lighten-2 {
    border-top-color: #64B5F6;
  }
  .border-bottom-blue-lighten-2 {
    border-bottom-color: #64B5F6;
  }
  .badge-blue-lighten-2 {
    background-color: #64B5F6;
    color: #000000;
  }
  .btn-blue-lighten-2 {
    background-color: rgba(100, 181, 246, 0.9);
    color: #000000 !important;
  }
  .btn-blue-lighten-2:disabled,
  .btn-blue-lighten-2.disabled {
    background-color: rgba(100, 181, 246, 0.4);
  }
  .btn-blue-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #64B5F6;
  }
  .btn-outline-blue-lighten-2 {
    color: #64B5F6;
    border-color: #64B5F6;
  }
  .btn-outline-blue-lighten-2:hover {
    background-color: #64B5F6;
    color: #000000;
  }
}
.text-blue-lighten-2 {
  color: #64B5F6 !important;
}

:root {
  --blue-lighten-2: #64B5F6;
}

.bg-blue-lighten-2 {
  background-color: #64B5F6;
}

.border-blue-lighten-2 {
  border-color: #64B5F6;
}

.border-left-blue-lighten-2 {
  border-left-color: #64B5F6;
}

.border-right-blue-lighten-2 {
  border-right-color: #64B5F6;
}

.border-top-blue-lighten-2 {
  border-top-color: #64B5F6;
}

.border-bottom-blue-lighten-2 {
  border-bottom-color: #64B5F6;
}

.badge-blue-lighten-2 {
  background-color: #64B5F6;
  color: #000000;
}

.btn-blue-lighten-2 {
  background-color: rgba(100, 181, 246, 0.9);
  color: #000000 !important;
}

.btn-blue-lighten-2:disabled,
.btn-blue-lighten-2.disabled {
  background-color: rgba(100, 181, 246, 0.4);
}

.btn-blue-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #64B5F6;
}

.btn-outline-blue-lighten-2 {
  color: #64B5F6;
  border-color: #64B5F6;
}

.btn-outline-blue-lighten-2:hover {
  background-color: #64B5F6;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-lighten-1 {
    color: #42A5F5 !important;
  }
  :root {
    --blue-lighten-1: #42A5F5;
  }
  .bg-blue-lighten-1 {
    background-color: #42A5F5;
  }
  .border-blue-lighten-1 {
    border-color: #42A5F5;
  }
  .border-left-blue-lighten-1 {
    border-left-color: #42A5F5;
  }
  .border-right-blue-lighten-1 {
    border-right-color: #42A5F5;
  }
  .border-top-blue-lighten-1 {
    border-top-color: #42A5F5;
  }
  .border-bottom-blue-lighten-1 {
    border-bottom-color: #42A5F5;
  }
  .badge-blue-lighten-1 {
    background-color: #42A5F5;
    color: #000000;
  }
  .btn-blue-lighten-1 {
    background-color: rgba(66, 165, 245, 0.9);
    color: #000000 !important;
  }
  .btn-blue-lighten-1:disabled,
  .btn-blue-lighten-1.disabled {
    background-color: rgba(66, 165, 245, 0.4);
  }
  .btn-blue-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #42A5F5;
  }
  .btn-outline-blue-lighten-1 {
    color: #42A5F5;
    border-color: #42A5F5;
  }
  .btn-outline-blue-lighten-1:hover {
    background-color: #42A5F5;
    color: #000000;
  }
}
.text-blue-lighten-1 {
  color: #42A5F5 !important;
}

:root {
  --blue-lighten-1: #42A5F5;
}

.bg-blue-lighten-1 {
  background-color: #42A5F5;
}

.border-blue-lighten-1 {
  border-color: #42A5F5;
}

.border-left-blue-lighten-1 {
  border-left-color: #42A5F5;
}

.border-right-blue-lighten-1 {
  border-right-color: #42A5F5;
}

.border-top-blue-lighten-1 {
  border-top-color: #42A5F5;
}

.border-bottom-blue-lighten-1 {
  border-bottom-color: #42A5F5;
}

.badge-blue-lighten-1 {
  background-color: #42A5F5;
  color: #000000;
}

.btn-blue-lighten-1 {
  background-color: rgba(66, 165, 245, 0.9);
  color: #000000 !important;
}

.btn-blue-lighten-1:disabled,
.btn-blue-lighten-1.disabled {
  background-color: rgba(66, 165, 245, 0.4);
}

.btn-blue-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #42A5F5;
}

.btn-outline-blue-lighten-1 {
  color: #42A5F5;
  border-color: #42A5F5;
}

.btn-outline-blue-lighten-1:hover {
  background-color: #42A5F5;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-darken-1 {
    color: #1E88E5 !important;
  }
  :root {
    --blue-darken-1: #1E88E5;
  }
  .bg-blue-darken-1 {
    background-color: #1E88E5;
  }
  .border-blue-darken-1 {
    border-color: #1E88E5;
  }
  .border-left-blue-darken-1 {
    border-left-color: #1E88E5;
  }
  .border-right-blue-darken-1 {
    border-right-color: #1E88E5;
  }
  .border-top-blue-darken-1 {
    border-top-color: #1E88E5;
  }
  .border-bottom-blue-darken-1 {
    border-bottom-color: #1E88E5;
  }
  .badge-blue-darken-1 {
    background-color: #1E88E5;
    color: #FFFFFF;
  }
  .btn-blue-darken-1 {
    background-color: rgba(30, 136, 229, 0.9);
    color: #FFFFFF !important;
  }
  .btn-blue-darken-1:disabled,
  .btn-blue-darken-1.disabled {
    background-color: rgba(30, 136, 229, 0.4);
  }
  .btn-blue-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #1E88E5;
  }
  .btn-outline-blue-darken-1 {
    color: #1E88E5;
    border-color: #1E88E5;
  }
  .btn-outline-blue-darken-1:hover {
    background-color: #1E88E5;
    color: #FFFFFF;
  }
}
.text-blue-darken-1 {
  color: #1E88E5 !important;
}

:root {
  --blue-darken-1: #1E88E5;
}

.bg-blue-darken-1 {
  background-color: #1E88E5;
}

.border-blue-darken-1 {
  border-color: #1E88E5;
}

.border-left-blue-darken-1 {
  border-left-color: #1E88E5;
}

.border-right-blue-darken-1 {
  border-right-color: #1E88E5;
}

.border-top-blue-darken-1 {
  border-top-color: #1E88E5;
}

.border-bottom-blue-darken-1 {
  border-bottom-color: #1E88E5;
}

.badge-blue-darken-1 {
  background-color: #1E88E5;
  color: #FFFFFF;
}

.btn-blue-darken-1 {
  background-color: rgba(30, 136, 229, 0.9);
  color: #FFFFFF !important;
}

.btn-blue-darken-1:disabled,
.btn-blue-darken-1.disabled {
  background-color: rgba(30, 136, 229, 0.4);
}

.btn-blue-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #1E88E5;
}

.btn-outline-blue-darken-1 {
  color: #1E88E5;
  border-color: #1E88E5;
}

.btn-outline-blue-darken-1:hover {
  background-color: #1E88E5;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-darken-2 {
    color: #1976D2 !important;
  }
  :root {
    --blue-darken-2: #1976D2;
  }
  .bg-blue-darken-2 {
    background-color: #1976D2;
  }
  .border-blue-darken-2 {
    border-color: #1976D2;
  }
  .border-left-blue-darken-2 {
    border-left-color: #1976D2;
  }
  .border-right-blue-darken-2 {
    border-right-color: #1976D2;
  }
  .border-top-blue-darken-2 {
    border-top-color: #1976D2;
  }
  .border-bottom-blue-darken-2 {
    border-bottom-color: #1976D2;
  }
  .badge-blue-darken-2 {
    background-color: #1976D2;
    color: #FFFFFF;
  }
  .btn-blue-darken-2 {
    background-color: rgba(25, 118, 210, 0.9);
    color: #FFFFFF !important;
  }
  .btn-blue-darken-2:disabled,
  .btn-blue-darken-2.disabled {
    background-color: rgba(25, 118, 210, 0.4);
  }
  .btn-blue-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #1976D2;
  }
  .btn-outline-blue-darken-2 {
    color: #1976D2;
    border-color: #1976D2;
  }
  .btn-outline-blue-darken-2:hover {
    background-color: #1976D2;
    color: #FFFFFF;
  }
}
.text-blue-darken-2 {
  color: #1976D2 !important;
}

:root {
  --blue-darken-2: #1976D2;
}

.bg-blue-darken-2 {
  background-color: #1976D2;
}

.border-blue-darken-2 {
  border-color: #1976D2;
}

.border-left-blue-darken-2 {
  border-left-color: #1976D2;
}

.border-right-blue-darken-2 {
  border-right-color: #1976D2;
}

.border-top-blue-darken-2 {
  border-top-color: #1976D2;
}

.border-bottom-blue-darken-2 {
  border-bottom-color: #1976D2;
}

.badge-blue-darken-2 {
  background-color: #1976D2;
  color: #FFFFFF;
}

.btn-blue-darken-2 {
  background-color: rgba(25, 118, 210, 0.9);
  color: #FFFFFF !important;
}

.btn-blue-darken-2:disabled,
.btn-blue-darken-2.disabled {
  background-color: rgba(25, 118, 210, 0.4);
}

.btn-blue-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #1976D2;
}

.btn-outline-blue-darken-2 {
  color: #1976D2;
  border-color: #1976D2;
}

.btn-outline-blue-darken-2:hover {
  background-color: #1976D2;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-darken-3 {
    color: #1565C0 !important;
  }
  :root {
    --blue-darken-3: #1565C0;
  }
  .bg-blue-darken-3 {
    background-color: #1565C0;
  }
  .border-blue-darken-3 {
    border-color: #1565C0;
  }
  .border-left-blue-darken-3 {
    border-left-color: #1565C0;
  }
  .border-right-blue-darken-3 {
    border-right-color: #1565C0;
  }
  .border-top-blue-darken-3 {
    border-top-color: #1565C0;
  }
  .border-bottom-blue-darken-3 {
    border-bottom-color: #1565C0;
  }
  .badge-blue-darken-3 {
    background-color: #1565C0;
    color: #FFFFFF;
  }
  .btn-blue-darken-3 {
    background-color: rgba(21, 101, 192, 0.9);
    color: #FFFFFF !important;
  }
  .btn-blue-darken-3:disabled,
  .btn-blue-darken-3.disabled {
    background-color: rgba(21, 101, 192, 0.4);
  }
  .btn-blue-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #1565C0;
  }
  .btn-outline-blue-darken-3 {
    color: #1565C0;
    border-color: #1565C0;
  }
  .btn-outline-blue-darken-3:hover {
    background-color: #1565C0;
    color: #FFFFFF;
  }
}
.text-blue-darken-3 {
  color: #1565C0 !important;
}

:root {
  --blue-darken-3: #1565C0;
}

.bg-blue-darken-3 {
  background-color: #1565C0;
}

.border-blue-darken-3 {
  border-color: #1565C0;
}

.border-left-blue-darken-3 {
  border-left-color: #1565C0;
}

.border-right-blue-darken-3 {
  border-right-color: #1565C0;
}

.border-top-blue-darken-3 {
  border-top-color: #1565C0;
}

.border-bottom-blue-darken-3 {
  border-bottom-color: #1565C0;
}

.badge-blue-darken-3 {
  background-color: #1565C0;
  color: #FFFFFF;
}

.btn-blue-darken-3 {
  background-color: rgba(21, 101, 192, 0.9);
  color: #FFFFFF !important;
}

.btn-blue-darken-3:disabled,
.btn-blue-darken-3.disabled {
  background-color: rgba(21, 101, 192, 0.4);
}

.btn-blue-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #1565C0;
}

.btn-outline-blue-darken-3 {
  color: #1565C0;
  border-color: #1565C0;
}

.btn-outline-blue-darken-3:hover {
  background-color: #1565C0;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-darken-4 {
    color: #0D47A1 !important;
  }
  :root {
    --blue-darken-4: #0D47A1;
  }
  .bg-blue-darken-4 {
    background-color: #0D47A1;
  }
  .border-blue-darken-4 {
    border-color: #0D47A1;
  }
  .border-left-blue-darken-4 {
    border-left-color: #0D47A1;
  }
  .border-right-blue-darken-4 {
    border-right-color: #0D47A1;
  }
  .border-top-blue-darken-4 {
    border-top-color: #0D47A1;
  }
  .border-bottom-blue-darken-4 {
    border-bottom-color: #0D47A1;
  }
  .badge-blue-darken-4 {
    background-color: #0D47A1;
    color: #FFFFFF;
  }
  .btn-blue-darken-4 {
    background-color: rgba(13, 71, 161, 0.9);
    color: #FFFFFF !important;
  }
  .btn-blue-darken-4:disabled,
  .btn-blue-darken-4.disabled {
    background-color: rgba(13, 71, 161, 0.4);
  }
  .btn-blue-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #0D47A1;
  }
  .btn-outline-blue-darken-4 {
    color: #0D47A1;
    border-color: #0D47A1;
  }
  .btn-outline-blue-darken-4:hover {
    background-color: #0D47A1;
    color: #FFFFFF;
  }
}
.text-blue-darken-4 {
  color: #0D47A1 !important;
}

:root {
  --blue-darken-4: #0D47A1;
}

.bg-blue-darken-4 {
  background-color: #0D47A1;
}

.border-blue-darken-4 {
  border-color: #0D47A1;
}

.border-left-blue-darken-4 {
  border-left-color: #0D47A1;
}

.border-right-blue-darken-4 {
  border-right-color: #0D47A1;
}

.border-top-blue-darken-4 {
  border-top-color: #0D47A1;
}

.border-bottom-blue-darken-4 {
  border-bottom-color: #0D47A1;
}

.badge-blue-darken-4 {
  background-color: #0D47A1;
  color: #FFFFFF;
}

.btn-blue-darken-4 {
  background-color: rgba(13, 71, 161, 0.9);
  color: #FFFFFF !important;
}

.btn-blue-darken-4:disabled,
.btn-blue-darken-4.disabled {
  background-color: rgba(13, 71, 161, 0.4);
}

.btn-blue-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #0D47A1;
}

.btn-outline-blue-darken-4 {
  color: #0D47A1;
  border-color: #0D47A1;
}

.btn-outline-blue-darken-4:hover {
  background-color: #0D47A1;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-accent-1 {
    color: #82B1FF !important;
  }
  :root {
    --blue-accent-1: #82B1FF;
  }
  .bg-blue-accent-1 {
    background-color: #82B1FF;
  }
  .border-blue-accent-1 {
    border-color: #82B1FF;
  }
  .border-left-blue-accent-1 {
    border-left-color: #82B1FF;
  }
  .border-right-blue-accent-1 {
    border-right-color: #82B1FF;
  }
  .border-top-blue-accent-1 {
    border-top-color: #82B1FF;
  }
  .border-bottom-blue-accent-1 {
    border-bottom-color: #82B1FF;
  }
  .badge-blue-accent-1 {
    background-color: #82B1FF;
    color: #000000;
  }
  .btn-blue-accent-1 {
    background-color: rgba(130, 177, 255, 0.9);
    color: #000000 !important;
  }
  .btn-blue-accent-1:disabled,
  .btn-blue-accent-1.disabled {
    background-color: rgba(130, 177, 255, 0.4);
  }
  .btn-blue-accent-1:not(:disabled):not(.disabled):hover {
    background-color: #82B1FF;
  }
  .btn-outline-blue-accent-1 {
    color: #82B1FF;
    border-color: #82B1FF;
  }
  .btn-outline-blue-accent-1:hover {
    background-color: #82B1FF;
    color: #000000;
  }
}
.text-blue-accent-1 {
  color: #82B1FF !important;
}

:root {
  --blue-accent-1: #82B1FF;
}

.bg-blue-accent-1 {
  background-color: #82B1FF;
}

.border-blue-accent-1 {
  border-color: #82B1FF;
}

.border-left-blue-accent-1 {
  border-left-color: #82B1FF;
}

.border-right-blue-accent-1 {
  border-right-color: #82B1FF;
}

.border-top-blue-accent-1 {
  border-top-color: #82B1FF;
}

.border-bottom-blue-accent-1 {
  border-bottom-color: #82B1FF;
}

.badge-blue-accent-1 {
  background-color: #82B1FF;
  color: #000000;
}

.btn-blue-accent-1 {
  background-color: rgba(130, 177, 255, 0.9);
  color: #000000 !important;
}

.btn-blue-accent-1:disabled,
.btn-blue-accent-1.disabled {
  background-color: rgba(130, 177, 255, 0.4);
}

.btn-blue-accent-1:not(:disabled):not(.disabled):hover {
  background-color: #82B1FF;
}

.btn-outline-blue-accent-1 {
  color: #82B1FF;
  border-color: #82B1FF;
}

.btn-outline-blue-accent-1:hover {
  background-color: #82B1FF;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-accent-2 {
    color: #448AFF !important;
  }
  :root {
    --blue-accent-2: #448AFF;
  }
  .bg-blue-accent-2 {
    background-color: #448AFF;
  }
  .border-blue-accent-2 {
    border-color: #448AFF;
  }
  .border-left-blue-accent-2 {
    border-left-color: #448AFF;
  }
  .border-right-blue-accent-2 {
    border-right-color: #448AFF;
  }
  .border-top-blue-accent-2 {
    border-top-color: #448AFF;
  }
  .border-bottom-blue-accent-2 {
    border-bottom-color: #448AFF;
  }
  .badge-blue-accent-2 {
    background-color: #448AFF;
    color: #000000;
  }
  .btn-blue-accent-2 {
    background-color: rgba(68, 138, 255, 0.9);
    color: #000000 !important;
  }
  .btn-blue-accent-2:disabled,
  .btn-blue-accent-2.disabled {
    background-color: rgba(68, 138, 255, 0.4);
  }
  .btn-blue-accent-2:not(:disabled):not(.disabled):hover {
    background-color: #448AFF;
  }
  .btn-outline-blue-accent-2 {
    color: #448AFF;
    border-color: #448AFF;
  }
  .btn-outline-blue-accent-2:hover {
    background-color: #448AFF;
    color: #000000;
  }
}
.text-blue-accent-2 {
  color: #448AFF !important;
}

:root {
  --blue-accent-2: #448AFF;
}

.bg-blue-accent-2 {
  background-color: #448AFF;
}

.border-blue-accent-2 {
  border-color: #448AFF;
}

.border-left-blue-accent-2 {
  border-left-color: #448AFF;
}

.border-right-blue-accent-2 {
  border-right-color: #448AFF;
}

.border-top-blue-accent-2 {
  border-top-color: #448AFF;
}

.border-bottom-blue-accent-2 {
  border-bottom-color: #448AFF;
}

.badge-blue-accent-2 {
  background-color: #448AFF;
  color: #000000;
}

.btn-blue-accent-2 {
  background-color: rgba(68, 138, 255, 0.9);
  color: #000000 !important;
}

.btn-blue-accent-2:disabled,
.btn-blue-accent-2.disabled {
  background-color: rgba(68, 138, 255, 0.4);
}

.btn-blue-accent-2:not(:disabled):not(.disabled):hover {
  background-color: #448AFF;
}

.btn-outline-blue-accent-2 {
  color: #448AFF;
  border-color: #448AFF;
}

.btn-outline-blue-accent-2:hover {
  background-color: #448AFF;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-accent-3 {
    color: #2979FF !important;
  }
  :root {
    --blue-accent-3: #2979FF;
  }
  .bg-blue-accent-3 {
    background-color: #2979FF;
  }
  .border-blue-accent-3 {
    border-color: #2979FF;
  }
  .border-left-blue-accent-3 {
    border-left-color: #2979FF;
  }
  .border-right-blue-accent-3 {
    border-right-color: #2979FF;
  }
  .border-top-blue-accent-3 {
    border-top-color: #2979FF;
  }
  .border-bottom-blue-accent-3 {
    border-bottom-color: #2979FF;
  }
  .badge-blue-accent-3 {
    background-color: #2979FF;
    color: #FFFFFF;
  }
  .btn-blue-accent-3 {
    background-color: rgba(41, 121, 255, 0.9);
    color: #FFFFFF !important;
  }
  .btn-blue-accent-3:disabled,
  .btn-blue-accent-3.disabled {
    background-color: rgba(41, 121, 255, 0.4);
  }
  .btn-blue-accent-3:not(:disabled):not(.disabled):hover {
    background-color: #2979FF;
  }
  .btn-outline-blue-accent-3 {
    color: #2979FF;
    border-color: #2979FF;
  }
  .btn-outline-blue-accent-3:hover {
    background-color: #2979FF;
    color: #FFFFFF;
  }
}
.text-blue-accent-3 {
  color: #2979FF !important;
}

:root {
  --blue-accent-3: #2979FF;
}

.bg-blue-accent-3 {
  background-color: #2979FF;
}

.border-blue-accent-3 {
  border-color: #2979FF;
}

.border-left-blue-accent-3 {
  border-left-color: #2979FF;
}

.border-right-blue-accent-3 {
  border-right-color: #2979FF;
}

.border-top-blue-accent-3 {
  border-top-color: #2979FF;
}

.border-bottom-blue-accent-3 {
  border-bottom-color: #2979FF;
}

.badge-blue-accent-3 {
  background-color: #2979FF;
  color: #FFFFFF;
}

.btn-blue-accent-3 {
  background-color: rgba(41, 121, 255, 0.9);
  color: #FFFFFF !important;
}

.btn-blue-accent-3:disabled,
.btn-blue-accent-3.disabled {
  background-color: rgba(41, 121, 255, 0.4);
}

.btn-blue-accent-3:not(:disabled):not(.disabled):hover {
  background-color: #2979FF;
}

.btn-outline-blue-accent-3 {
  color: #2979FF;
  border-color: #2979FF;
}

.btn-outline-blue-accent-3:hover {
  background-color: #2979FF;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-accent-4 {
    color: #2962FF !important;
  }
  :root {
    --blue-accent-4: #2962FF;
  }
  .bg-blue-accent-4 {
    background-color: #2962FF;
  }
  .border-blue-accent-4 {
    border-color: #2962FF;
  }
  .border-left-blue-accent-4 {
    border-left-color: #2962FF;
  }
  .border-right-blue-accent-4 {
    border-right-color: #2962FF;
  }
  .border-top-blue-accent-4 {
    border-top-color: #2962FF;
  }
  .border-bottom-blue-accent-4 {
    border-bottom-color: #2962FF;
  }
  .badge-blue-accent-4 {
    background-color: #2962FF;
    color: #FFFFFF;
  }
  .btn-blue-accent-4 {
    background-color: rgba(41, 98, 255, 0.9);
    color: #FFFFFF !important;
  }
  .btn-blue-accent-4:disabled,
  .btn-blue-accent-4.disabled {
    background-color: rgba(41, 98, 255, 0.4);
  }
  .btn-blue-accent-4:not(:disabled):not(.disabled):hover {
    background-color: #2962FF;
  }
  .btn-outline-blue-accent-4 {
    color: #2962FF;
    border-color: #2962FF;
  }
  .btn-outline-blue-accent-4:hover {
    background-color: #2962FF;
    color: #FFFFFF;
  }
}
.text-blue-accent-4 {
  color: #2962FF !important;
}

:root {
  --blue-accent-4: #2962FF;
}

.bg-blue-accent-4 {
  background-color: #2962FF;
}

.border-blue-accent-4 {
  border-color: #2962FF;
}

.border-left-blue-accent-4 {
  border-left-color: #2962FF;
}

.border-right-blue-accent-4 {
  border-right-color: #2962FF;
}

.border-top-blue-accent-4 {
  border-top-color: #2962FF;
}

.border-bottom-blue-accent-4 {
  border-bottom-color: #2962FF;
}

.badge-blue-accent-4 {
  background-color: #2962FF;
  color: #FFFFFF;
}

.btn-blue-accent-4 {
  background-color: rgba(41, 98, 255, 0.9);
  color: #FFFFFF !important;
}

.btn-blue-accent-4:disabled,
.btn-blue-accent-4.disabled {
  background-color: rgba(41, 98, 255, 0.4);
}

.btn-blue-accent-4:not(:disabled):not(.disabled):hover {
  background-color: #2962FF;
}

.btn-outline-blue-accent-4 {
  color: #2962FF;
  border-color: #2962FF;
}

.btn-outline-blue-accent-4:hover {
  background-color: #2962FF;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-blue {
    color: #03A9F4 !important;
  }
  :root {
    --light-blue: #03A9F4;
  }
  .bg-light-blue {
    background-color: #03A9F4;
  }
  .border-light-blue {
    border-color: #03A9F4;
  }
  .border-left-light-blue {
    border-left-color: #03A9F4;
  }
  .border-right-light-blue {
    border-right-color: #03A9F4;
  }
  .border-top-light-blue {
    border-top-color: #03A9F4;
  }
  .border-bottom-light-blue {
    border-bottom-color: #03A9F4;
  }
  .badge-light-blue {
    background-color: #03A9F4;
  }
  .btn-light-blue {
    background-color: rgba(3, 169, 244, 0.9);
  }
  .btn-light-blue:disabled,
  .btn-light-blue.disabled {
    background-color: rgba(3, 169, 244, 0.4);
  }
  .btn-light-blue:not(:disabled):not(.disabled):hover {
    background-color: #03A9F4;
  }
  .btn-outline-light-blue {
    color: #03A9F4;
    border-color: #03A9F4;
  }
  .btn-outline-light-blue:hover {
    background-color: #03A9F4;
    color: #FFFFFF;
  }
}
.text-light-blue {
  color: #03A9F4 !important;
}

:root {
  --light-blue: #03A9F4;
}

.bg-light-blue {
  background-color: #03A9F4;
}

.border-light-blue {
  border-color: #03A9F4;
}

.border-left-light-blue {
  border-left-color: #03A9F4;
}

.border-right-light-blue {
  border-right-color: #03A9F4;
}

.border-top-light-blue {
  border-top-color: #03A9F4;
}

.border-bottom-light-blue {
  border-bottom-color: #03A9F4;
}

.badge-light-blue {
  background-color: #03A9F4;
}

.btn-light-blue {
  background-color: rgba(3, 169, 244, 0.9);
}

.btn-light-blue:disabled,
.btn-light-blue.disabled {
  background-color: rgba(3, 169, 244, 0.4);
}

.btn-light-blue:not(:disabled):not(.disabled):hover {
  background-color: #03A9F4;
}

.btn-outline-light-blue {
  color: #03A9F4;
  border-color: #03A9F4;
}

.btn-outline-light-blue:hover {
  background-color: #03A9F4;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-blue-lighten-5 {
    color: #E1F5FE !important;
  }
  :root {
    --light-blue-lighten-5: #E1F5FE;
  }
  .bg-light-blue-lighten-5 {
    background-color: #E1F5FE;
  }
  .border-light-blue-lighten-5 {
    border-color: #E1F5FE;
  }
  .border-left-light-blue-lighten-5 {
    border-left-color: #E1F5FE;
  }
  .border-right-light-blue-lighten-5 {
    border-right-color: #E1F5FE;
  }
  .border-top-light-blue-lighten-5 {
    border-top-color: #E1F5FE;
  }
  .border-bottom-light-blue-lighten-5 {
    border-bottom-color: #E1F5FE;
  }
  .badge-light-blue-lighten-5 {
    background-color: #E1F5FE;
    color: #000000;
  }
  .btn-light-blue-lighten-5 {
    background-color: rgba(225, 245, 254, 0.9);
    color: #000000 !important;
  }
  .btn-light-blue-lighten-5:disabled,
  .btn-light-blue-lighten-5.disabled {
    background-color: rgba(225, 245, 254, 0.4);
  }
  .btn-light-blue-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #E1F5FE;
  }
  .btn-outline-light-blue-lighten-5 {
    color: #E1F5FE;
    border-color: #E1F5FE;
  }
  .btn-outline-light-blue-lighten-5:hover {
    background-color: #E1F5FE;
    color: #000000;
  }
}
.text-light-blue-lighten-5 {
  color: #E1F5FE !important;
}

:root {
  --light-blue-lighten-5: #E1F5FE;
}

.bg-light-blue-lighten-5 {
  background-color: #E1F5FE;
}

.border-light-blue-lighten-5 {
  border-color: #E1F5FE;
}

.border-left-light-blue-lighten-5 {
  border-left-color: #E1F5FE;
}

.border-right-light-blue-lighten-5 {
  border-right-color: #E1F5FE;
}

.border-top-light-blue-lighten-5 {
  border-top-color: #E1F5FE;
}

.border-bottom-light-blue-lighten-5 {
  border-bottom-color: #E1F5FE;
}

.badge-light-blue-lighten-5 {
  background-color: #E1F5FE;
  color: #000000;
}

.btn-light-blue-lighten-5 {
  background-color: rgba(225, 245, 254, 0.9);
  color: #000000 !important;
}

.btn-light-blue-lighten-5:disabled,
.btn-light-blue-lighten-5.disabled {
  background-color: rgba(225, 245, 254, 0.4);
}

.btn-light-blue-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #E1F5FE;
}

.btn-outline-light-blue-lighten-5 {
  color: #E1F5FE;
  border-color: #E1F5FE;
}

.btn-outline-light-blue-lighten-5:hover {
  background-color: #E1F5FE;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-blue-lighten-4 {
    color: #B3E5FC !important;
  }
  :root {
    --light-blue-lighten-4: #B3E5FC;
  }
  .bg-light-blue-lighten-4 {
    background-color: #B3E5FC;
  }
  .border-light-blue-lighten-4 {
    border-color: #B3E5FC;
  }
  .border-left-light-blue-lighten-4 {
    border-left-color: #B3E5FC;
  }
  .border-right-light-blue-lighten-4 {
    border-right-color: #B3E5FC;
  }
  .border-top-light-blue-lighten-4 {
    border-top-color: #B3E5FC;
  }
  .border-bottom-light-blue-lighten-4 {
    border-bottom-color: #B3E5FC;
  }
  .badge-light-blue-lighten-4 {
    background-color: #B3E5FC;
    color: #000000;
  }
  .btn-light-blue-lighten-4 {
    background-color: rgba(179, 229, 252, 0.9);
    color: #000000 !important;
  }
  .btn-light-blue-lighten-4:disabled,
  .btn-light-blue-lighten-4.disabled {
    background-color: rgba(179, 229, 252, 0.4);
  }
  .btn-light-blue-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #B3E5FC;
  }
  .btn-outline-light-blue-lighten-4 {
    color: #B3E5FC;
    border-color: #B3E5FC;
  }
  .btn-outline-light-blue-lighten-4:hover {
    background-color: #B3E5FC;
    color: #000000;
  }
}
.text-light-blue-lighten-4 {
  color: #B3E5FC !important;
}

:root {
  --light-blue-lighten-4: #B3E5FC;
}

.bg-light-blue-lighten-4 {
  background-color: #B3E5FC;
}

.border-light-blue-lighten-4 {
  border-color: #B3E5FC;
}

.border-left-light-blue-lighten-4 {
  border-left-color: #B3E5FC;
}

.border-right-light-blue-lighten-4 {
  border-right-color: #B3E5FC;
}

.border-top-light-blue-lighten-4 {
  border-top-color: #B3E5FC;
}

.border-bottom-light-blue-lighten-4 {
  border-bottom-color: #B3E5FC;
}

.badge-light-blue-lighten-4 {
  background-color: #B3E5FC;
  color: #000000;
}

.btn-light-blue-lighten-4 {
  background-color: rgba(179, 229, 252, 0.9);
  color: #000000 !important;
}

.btn-light-blue-lighten-4:disabled,
.btn-light-blue-lighten-4.disabled {
  background-color: rgba(179, 229, 252, 0.4);
}

.btn-light-blue-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #B3E5FC;
}

.btn-outline-light-blue-lighten-4 {
  color: #B3E5FC;
  border-color: #B3E5FC;
}

.btn-outline-light-blue-lighten-4:hover {
  background-color: #B3E5FC;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-blue-lighten-3 {
    color: #81D4FA !important;
  }
  :root {
    --light-blue-lighten-3: #81D4FA;
  }
  .bg-light-blue-lighten-3 {
    background-color: #81D4FA;
  }
  .border-light-blue-lighten-3 {
    border-color: #81D4FA;
  }
  .border-left-light-blue-lighten-3 {
    border-left-color: #81D4FA;
  }
  .border-right-light-blue-lighten-3 {
    border-right-color: #81D4FA;
  }
  .border-top-light-blue-lighten-3 {
    border-top-color: #81D4FA;
  }
  .border-bottom-light-blue-lighten-3 {
    border-bottom-color: #81D4FA;
  }
  .badge-light-blue-lighten-3 {
    background-color: #81D4FA;
    color: #000000;
  }
  .btn-light-blue-lighten-3 {
    background-color: rgba(129, 212, 250, 0.9);
    color: #000000 !important;
  }
  .btn-light-blue-lighten-3:disabled,
  .btn-light-blue-lighten-3.disabled {
    background-color: rgba(129, 212, 250, 0.4);
  }
  .btn-light-blue-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #81D4FA;
  }
  .btn-outline-light-blue-lighten-3 {
    color: #81D4FA;
    border-color: #81D4FA;
  }
  .btn-outline-light-blue-lighten-3:hover {
    background-color: #81D4FA;
    color: #000000;
  }
}
.text-light-blue-lighten-3 {
  color: #81D4FA !important;
}

:root {
  --light-blue-lighten-3: #81D4FA;
}

.bg-light-blue-lighten-3 {
  background-color: #81D4FA;
}

.border-light-blue-lighten-3 {
  border-color: #81D4FA;
}

.border-left-light-blue-lighten-3 {
  border-left-color: #81D4FA;
}

.border-right-light-blue-lighten-3 {
  border-right-color: #81D4FA;
}

.border-top-light-blue-lighten-3 {
  border-top-color: #81D4FA;
}

.border-bottom-light-blue-lighten-3 {
  border-bottom-color: #81D4FA;
}

.badge-light-blue-lighten-3 {
  background-color: #81D4FA;
  color: #000000;
}

.btn-light-blue-lighten-3 {
  background-color: rgba(129, 212, 250, 0.9);
  color: #000000 !important;
}

.btn-light-blue-lighten-3:disabled,
.btn-light-blue-lighten-3.disabled {
  background-color: rgba(129, 212, 250, 0.4);
}

.btn-light-blue-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #81D4FA;
}

.btn-outline-light-blue-lighten-3 {
  color: #81D4FA;
  border-color: #81D4FA;
}

.btn-outline-light-blue-lighten-3:hover {
  background-color: #81D4FA;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-blue-lighten-2 {
    color: #4FC3F7 !important;
  }
  :root {
    --light-blue-lighten-2: #4FC3F7;
  }
  .bg-light-blue-lighten-2 {
    background-color: #4FC3F7;
  }
  .border-light-blue-lighten-2 {
    border-color: #4FC3F7;
  }
  .border-left-light-blue-lighten-2 {
    border-left-color: #4FC3F7;
  }
  .border-right-light-blue-lighten-2 {
    border-right-color: #4FC3F7;
  }
  .border-top-light-blue-lighten-2 {
    border-top-color: #4FC3F7;
  }
  .border-bottom-light-blue-lighten-2 {
    border-bottom-color: #4FC3F7;
  }
  .badge-light-blue-lighten-2 {
    background-color: #4FC3F7;
    color: #000000;
  }
  .btn-light-blue-lighten-2 {
    background-color: rgba(79, 195, 247, 0.9);
    color: #000000 !important;
  }
  .btn-light-blue-lighten-2:disabled,
  .btn-light-blue-lighten-2.disabled {
    background-color: rgba(79, 195, 247, 0.4);
  }
  .btn-light-blue-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #4FC3F7;
  }
  .btn-outline-light-blue-lighten-2 {
    color: #4FC3F7;
    border-color: #4FC3F7;
  }
  .btn-outline-light-blue-lighten-2:hover {
    background-color: #4FC3F7;
    color: #000000;
  }
}
.text-light-blue-lighten-2 {
  color: #4FC3F7 !important;
}

:root {
  --light-blue-lighten-2: #4FC3F7;
}

.bg-light-blue-lighten-2 {
  background-color: #4FC3F7;
}

.border-light-blue-lighten-2 {
  border-color: #4FC3F7;
}

.border-left-light-blue-lighten-2 {
  border-left-color: #4FC3F7;
}

.border-right-light-blue-lighten-2 {
  border-right-color: #4FC3F7;
}

.border-top-light-blue-lighten-2 {
  border-top-color: #4FC3F7;
}

.border-bottom-light-blue-lighten-2 {
  border-bottom-color: #4FC3F7;
}

.badge-light-blue-lighten-2 {
  background-color: #4FC3F7;
  color: #000000;
}

.btn-light-blue-lighten-2 {
  background-color: rgba(79, 195, 247, 0.9);
  color: #000000 !important;
}

.btn-light-blue-lighten-2:disabled,
.btn-light-blue-lighten-2.disabled {
  background-color: rgba(79, 195, 247, 0.4);
}

.btn-light-blue-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #4FC3F7;
}

.btn-outline-light-blue-lighten-2 {
  color: #4FC3F7;
  border-color: #4FC3F7;
}

.btn-outline-light-blue-lighten-2:hover {
  background-color: #4FC3F7;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-blue-lighten-1 {
    color: #29B6F6 !important;
  }
  :root {
    --light-blue-lighten-1: #29B6F6;
  }
  .bg-light-blue-lighten-1 {
    background-color: #29B6F6;
  }
  .border-light-blue-lighten-1 {
    border-color: #29B6F6;
  }
  .border-left-light-blue-lighten-1 {
    border-left-color: #29B6F6;
  }
  .border-right-light-blue-lighten-1 {
    border-right-color: #29B6F6;
  }
  .border-top-light-blue-lighten-1 {
    border-top-color: #29B6F6;
  }
  .border-bottom-light-blue-lighten-1 {
    border-bottom-color: #29B6F6;
  }
  .badge-light-blue-lighten-1 {
    background-color: #29B6F6;
    color: #000000;
  }
  .btn-light-blue-lighten-1 {
    background-color: rgba(41, 182, 246, 0.9);
    color: #000000 !important;
  }
  .btn-light-blue-lighten-1:disabled,
  .btn-light-blue-lighten-1.disabled {
    background-color: rgba(41, 182, 246, 0.4);
  }
  .btn-light-blue-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #29B6F6;
  }
  .btn-outline-light-blue-lighten-1 {
    color: #29B6F6;
    border-color: #29B6F6;
  }
  .btn-outline-light-blue-lighten-1:hover {
    background-color: #29B6F6;
    color: #000000;
  }
}
.text-light-blue-lighten-1 {
  color: #29B6F6 !important;
}

:root {
  --light-blue-lighten-1: #29B6F6;
}

.bg-light-blue-lighten-1 {
  background-color: #29B6F6;
}

.border-light-blue-lighten-1 {
  border-color: #29B6F6;
}

.border-left-light-blue-lighten-1 {
  border-left-color: #29B6F6;
}

.border-right-light-blue-lighten-1 {
  border-right-color: #29B6F6;
}

.border-top-light-blue-lighten-1 {
  border-top-color: #29B6F6;
}

.border-bottom-light-blue-lighten-1 {
  border-bottom-color: #29B6F6;
}

.badge-light-blue-lighten-1 {
  background-color: #29B6F6;
  color: #000000;
}

.btn-light-blue-lighten-1 {
  background-color: rgba(41, 182, 246, 0.9);
  color: #000000 !important;
}

.btn-light-blue-lighten-1:disabled,
.btn-light-blue-lighten-1.disabled {
  background-color: rgba(41, 182, 246, 0.4);
}

.btn-light-blue-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #29B6F6;
}

.btn-outline-light-blue-lighten-1 {
  color: #29B6F6;
  border-color: #29B6F6;
}

.btn-outline-light-blue-lighten-1:hover {
  background-color: #29B6F6;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-blue-darken-1 {
    color: #039BE5 !important;
  }
  :root {
    --light-blue-darken-1: #039BE5;
  }
  .bg-light-blue-darken-1 {
    background-color: #039BE5;
  }
  .border-light-blue-darken-1 {
    border-color: #039BE5;
  }
  .border-left-light-blue-darken-1 {
    border-left-color: #039BE5;
  }
  .border-right-light-blue-darken-1 {
    border-right-color: #039BE5;
  }
  .border-top-light-blue-darken-1 {
    border-top-color: #039BE5;
  }
  .border-bottom-light-blue-darken-1 {
    border-bottom-color: #039BE5;
  }
  .badge-light-blue-darken-1 {
    background-color: #039BE5;
    color: #FFFFFF;
  }
  .btn-light-blue-darken-1 {
    background-color: rgba(3, 155, 229, 0.9);
    color: #FFFFFF !important;
  }
  .btn-light-blue-darken-1:disabled,
  .btn-light-blue-darken-1.disabled {
    background-color: rgba(3, 155, 229, 0.4);
  }
  .btn-light-blue-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #039BE5;
  }
  .btn-outline-light-blue-darken-1 {
    color: #039BE5;
    border-color: #039BE5;
  }
  .btn-outline-light-blue-darken-1:hover {
    background-color: #039BE5;
    color: #FFFFFF;
  }
}
.text-light-blue-darken-1 {
  color: #039BE5 !important;
}

:root {
  --light-blue-darken-1: #039BE5;
}

.bg-light-blue-darken-1 {
  background-color: #039BE5;
}

.border-light-blue-darken-1 {
  border-color: #039BE5;
}

.border-left-light-blue-darken-1 {
  border-left-color: #039BE5;
}

.border-right-light-blue-darken-1 {
  border-right-color: #039BE5;
}

.border-top-light-blue-darken-1 {
  border-top-color: #039BE5;
}

.border-bottom-light-blue-darken-1 {
  border-bottom-color: #039BE5;
}

.badge-light-blue-darken-1 {
  background-color: #039BE5;
  color: #FFFFFF;
}

.btn-light-blue-darken-1 {
  background-color: rgba(3, 155, 229, 0.9);
  color: #FFFFFF !important;
}

.btn-light-blue-darken-1:disabled,
.btn-light-blue-darken-1.disabled {
  background-color: rgba(3, 155, 229, 0.4);
}

.btn-light-blue-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #039BE5;
}

.btn-outline-light-blue-darken-1 {
  color: #039BE5;
  border-color: #039BE5;
}

.btn-outline-light-blue-darken-1:hover {
  background-color: #039BE5;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-blue-darken-2 {
    color: #0288D1 !important;
  }
  :root {
    --light-blue-darken-2: #0288D1;
  }
  .bg-light-blue-darken-2 {
    background-color: #0288D1;
  }
  .border-light-blue-darken-2 {
    border-color: #0288D1;
  }
  .border-left-light-blue-darken-2 {
    border-left-color: #0288D1;
  }
  .border-right-light-blue-darken-2 {
    border-right-color: #0288D1;
  }
  .border-top-light-blue-darken-2 {
    border-top-color: #0288D1;
  }
  .border-bottom-light-blue-darken-2 {
    border-bottom-color: #0288D1;
  }
  .badge-light-blue-darken-2 {
    background-color: #0288D1;
    color: #FFFFFF;
  }
  .btn-light-blue-darken-2 {
    background-color: rgba(2, 136, 209, 0.9);
    color: #FFFFFF !important;
  }
  .btn-light-blue-darken-2:disabled,
  .btn-light-blue-darken-2.disabled {
    background-color: rgba(2, 136, 209, 0.4);
  }
  .btn-light-blue-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #0288D1;
  }
  .btn-outline-light-blue-darken-2 {
    color: #0288D1;
    border-color: #0288D1;
  }
  .btn-outline-light-blue-darken-2:hover {
    background-color: #0288D1;
    color: #FFFFFF;
  }
}
.text-light-blue-darken-2 {
  color: #0288D1 !important;
}

:root {
  --light-blue-darken-2: #0288D1;
}

.bg-light-blue-darken-2 {
  background-color: #0288D1;
}

.border-light-blue-darken-2 {
  border-color: #0288D1;
}

.border-left-light-blue-darken-2 {
  border-left-color: #0288D1;
}

.border-right-light-blue-darken-2 {
  border-right-color: #0288D1;
}

.border-top-light-blue-darken-2 {
  border-top-color: #0288D1;
}

.border-bottom-light-blue-darken-2 {
  border-bottom-color: #0288D1;
}

.badge-light-blue-darken-2 {
  background-color: #0288D1;
  color: #FFFFFF;
}

.btn-light-blue-darken-2 {
  background-color: rgba(2, 136, 209, 0.9);
  color: #FFFFFF !important;
}

.btn-light-blue-darken-2:disabled,
.btn-light-blue-darken-2.disabled {
  background-color: rgba(2, 136, 209, 0.4);
}

.btn-light-blue-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #0288D1;
}

.btn-outline-light-blue-darken-2 {
  color: #0288D1;
  border-color: #0288D1;
}

.btn-outline-light-blue-darken-2:hover {
  background-color: #0288D1;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-blue-darken-3 {
    color: #0277BD !important;
  }
  :root {
    --light-blue-darken-3: #0277BD;
  }
  .bg-light-blue-darken-3 {
    background-color: #0277BD;
  }
  .border-light-blue-darken-3 {
    border-color: #0277BD;
  }
  .border-left-light-blue-darken-3 {
    border-left-color: #0277BD;
  }
  .border-right-light-blue-darken-3 {
    border-right-color: #0277BD;
  }
  .border-top-light-blue-darken-3 {
    border-top-color: #0277BD;
  }
  .border-bottom-light-blue-darken-3 {
    border-bottom-color: #0277BD;
  }
  .badge-light-blue-darken-3 {
    background-color: #0277BD;
    color: #FFFFFF;
  }
  .btn-light-blue-darken-3 {
    background-color: rgba(2, 119, 189, 0.9);
    color: #FFFFFF !important;
  }
  .btn-light-blue-darken-3:disabled,
  .btn-light-blue-darken-3.disabled {
    background-color: rgba(2, 119, 189, 0.4);
  }
  .btn-light-blue-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #0277BD;
  }
  .btn-outline-light-blue-darken-3 {
    color: #0277BD;
    border-color: #0277BD;
  }
  .btn-outline-light-blue-darken-3:hover {
    background-color: #0277BD;
    color: #FFFFFF;
  }
}
.text-light-blue-darken-3 {
  color: #0277BD !important;
}

:root {
  --light-blue-darken-3: #0277BD;
}

.bg-light-blue-darken-3 {
  background-color: #0277BD;
}

.border-light-blue-darken-3 {
  border-color: #0277BD;
}

.border-left-light-blue-darken-3 {
  border-left-color: #0277BD;
}

.border-right-light-blue-darken-3 {
  border-right-color: #0277BD;
}

.border-top-light-blue-darken-3 {
  border-top-color: #0277BD;
}

.border-bottom-light-blue-darken-3 {
  border-bottom-color: #0277BD;
}

.badge-light-blue-darken-3 {
  background-color: #0277BD;
  color: #FFFFFF;
}

.btn-light-blue-darken-3 {
  background-color: rgba(2, 119, 189, 0.9);
  color: #FFFFFF !important;
}

.btn-light-blue-darken-3:disabled,
.btn-light-blue-darken-3.disabled {
  background-color: rgba(2, 119, 189, 0.4);
}

.btn-light-blue-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #0277BD;
}

.btn-outline-light-blue-darken-3 {
  color: #0277BD;
  border-color: #0277BD;
}

.btn-outline-light-blue-darken-3:hover {
  background-color: #0277BD;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-blue-darken-4 {
    color: #01579B !important;
  }
  :root {
    --light-blue-darken-4: #01579B;
  }
  .bg-light-blue-darken-4 {
    background-color: #01579B;
  }
  .border-light-blue-darken-4 {
    border-color: #01579B;
  }
  .border-left-light-blue-darken-4 {
    border-left-color: #01579B;
  }
  .border-right-light-blue-darken-4 {
    border-right-color: #01579B;
  }
  .border-top-light-blue-darken-4 {
    border-top-color: #01579B;
  }
  .border-bottom-light-blue-darken-4 {
    border-bottom-color: #01579B;
  }
  .badge-light-blue-darken-4 {
    background-color: #01579B;
    color: #FFFFFF;
  }
  .btn-light-blue-darken-4 {
    background-color: rgba(1, 87, 155, 0.9);
    color: #FFFFFF !important;
  }
  .btn-light-blue-darken-4:disabled,
  .btn-light-blue-darken-4.disabled {
    background-color: rgba(1, 87, 155, 0.4);
  }
  .btn-light-blue-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #01579B;
  }
  .btn-outline-light-blue-darken-4 {
    color: #01579B;
    border-color: #01579B;
  }
  .btn-outline-light-blue-darken-4:hover {
    background-color: #01579B;
    color: #FFFFFF;
  }
}
.text-light-blue-darken-4 {
  color: #01579B !important;
}

:root {
  --light-blue-darken-4: #01579B;
}

.bg-light-blue-darken-4 {
  background-color: #01579B;
}

.border-light-blue-darken-4 {
  border-color: #01579B;
}

.border-left-light-blue-darken-4 {
  border-left-color: #01579B;
}

.border-right-light-blue-darken-4 {
  border-right-color: #01579B;
}

.border-top-light-blue-darken-4 {
  border-top-color: #01579B;
}

.border-bottom-light-blue-darken-4 {
  border-bottom-color: #01579B;
}

.badge-light-blue-darken-4 {
  background-color: #01579B;
  color: #FFFFFF;
}

.btn-light-blue-darken-4 {
  background-color: rgba(1, 87, 155, 0.9);
  color: #FFFFFF !important;
}

.btn-light-blue-darken-4:disabled,
.btn-light-blue-darken-4.disabled {
  background-color: rgba(1, 87, 155, 0.4);
}

.btn-light-blue-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #01579B;
}

.btn-outline-light-blue-darken-4 {
  color: #01579B;
  border-color: #01579B;
}

.btn-outline-light-blue-darken-4:hover {
  background-color: #01579B;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-blue-accent-1 {
    color: #80D8FF !important;
  }
  :root {
    --light-blue-accent-1: #80D8FF;
  }
  .bg-light-blue-accent-1 {
    background-color: #80D8FF;
  }
  .border-light-blue-accent-1 {
    border-color: #80D8FF;
  }
  .border-left-light-blue-accent-1 {
    border-left-color: #80D8FF;
  }
  .border-right-light-blue-accent-1 {
    border-right-color: #80D8FF;
  }
  .border-top-light-blue-accent-1 {
    border-top-color: #80D8FF;
  }
  .border-bottom-light-blue-accent-1 {
    border-bottom-color: #80D8FF;
  }
  .badge-light-blue-accent-1 {
    background-color: #80D8FF;
    color: #000000;
  }
  .btn-light-blue-accent-1 {
    background-color: rgba(128, 216, 255, 0.9);
    color: #000000 !important;
  }
  .btn-light-blue-accent-1:disabled,
  .btn-light-blue-accent-1.disabled {
    background-color: rgba(128, 216, 255, 0.4);
  }
  .btn-light-blue-accent-1:not(:disabled):not(.disabled):hover {
    background-color: #80D8FF;
  }
  .btn-outline-light-blue-accent-1 {
    color: #80D8FF;
    border-color: #80D8FF;
  }
  .btn-outline-light-blue-accent-1:hover {
    background-color: #80D8FF;
    color: #000000;
  }
}
.text-light-blue-accent-1 {
  color: #80D8FF !important;
}

:root {
  --light-blue-accent-1: #80D8FF;
}

.bg-light-blue-accent-1 {
  background-color: #80D8FF;
}

.border-light-blue-accent-1 {
  border-color: #80D8FF;
}

.border-left-light-blue-accent-1 {
  border-left-color: #80D8FF;
}

.border-right-light-blue-accent-1 {
  border-right-color: #80D8FF;
}

.border-top-light-blue-accent-1 {
  border-top-color: #80D8FF;
}

.border-bottom-light-blue-accent-1 {
  border-bottom-color: #80D8FF;
}

.badge-light-blue-accent-1 {
  background-color: #80D8FF;
  color: #000000;
}

.btn-light-blue-accent-1 {
  background-color: rgba(128, 216, 255, 0.9);
  color: #000000 !important;
}

.btn-light-blue-accent-1:disabled,
.btn-light-blue-accent-1.disabled {
  background-color: rgba(128, 216, 255, 0.4);
}

.btn-light-blue-accent-1:not(:disabled):not(.disabled):hover {
  background-color: #80D8FF;
}

.btn-outline-light-blue-accent-1 {
  color: #80D8FF;
  border-color: #80D8FF;
}

.btn-outline-light-blue-accent-1:hover {
  background-color: #80D8FF;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-blue-accent-2 {
    color: #40C4FF !important;
  }
  :root {
    --light-blue-accent-2: #40C4FF;
  }
  .bg-light-blue-accent-2 {
    background-color: #40C4FF;
  }
  .border-light-blue-accent-2 {
    border-color: #40C4FF;
  }
  .border-left-light-blue-accent-2 {
    border-left-color: #40C4FF;
  }
  .border-right-light-blue-accent-2 {
    border-right-color: #40C4FF;
  }
  .border-top-light-blue-accent-2 {
    border-top-color: #40C4FF;
  }
  .border-bottom-light-blue-accent-2 {
    border-bottom-color: #40C4FF;
  }
  .badge-light-blue-accent-2 {
    background-color: #40C4FF;
    color: #000000;
  }
  .btn-light-blue-accent-2 {
    background-color: rgba(64, 196, 255, 0.9);
    color: #000000 !important;
  }
  .btn-light-blue-accent-2:disabled,
  .btn-light-blue-accent-2.disabled {
    background-color: rgba(64, 196, 255, 0.4);
  }
  .btn-light-blue-accent-2:not(:disabled):not(.disabled):hover {
    background-color: #40C4FF;
  }
  .btn-outline-light-blue-accent-2 {
    color: #40C4FF;
    border-color: #40C4FF;
  }
  .btn-outline-light-blue-accent-2:hover {
    background-color: #40C4FF;
    color: #000000;
  }
}
.text-light-blue-accent-2 {
  color: #40C4FF !important;
}

:root {
  --light-blue-accent-2: #40C4FF;
}

.bg-light-blue-accent-2 {
  background-color: #40C4FF;
}

.border-light-blue-accent-2 {
  border-color: #40C4FF;
}

.border-left-light-blue-accent-2 {
  border-left-color: #40C4FF;
}

.border-right-light-blue-accent-2 {
  border-right-color: #40C4FF;
}

.border-top-light-blue-accent-2 {
  border-top-color: #40C4FF;
}

.border-bottom-light-blue-accent-2 {
  border-bottom-color: #40C4FF;
}

.badge-light-blue-accent-2 {
  background-color: #40C4FF;
  color: #000000;
}

.btn-light-blue-accent-2 {
  background-color: rgba(64, 196, 255, 0.9);
  color: #000000 !important;
}

.btn-light-blue-accent-2:disabled,
.btn-light-blue-accent-2.disabled {
  background-color: rgba(64, 196, 255, 0.4);
}

.btn-light-blue-accent-2:not(:disabled):not(.disabled):hover {
  background-color: #40C4FF;
}

.btn-outline-light-blue-accent-2 {
  color: #40C4FF;
  border-color: #40C4FF;
}

.btn-outline-light-blue-accent-2:hover {
  background-color: #40C4FF;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-blue-accent-3 {
    color: #00B0FF !important;
  }
  :root {
    --light-blue-accent-3: #00B0FF;
  }
  .bg-light-blue-accent-3 {
    background-color: #00B0FF;
  }
  .border-light-blue-accent-3 {
    border-color: #00B0FF;
  }
  .border-left-light-blue-accent-3 {
    border-left-color: #00B0FF;
  }
  .border-right-light-blue-accent-3 {
    border-right-color: #00B0FF;
  }
  .border-top-light-blue-accent-3 {
    border-top-color: #00B0FF;
  }
  .border-bottom-light-blue-accent-3 {
    border-bottom-color: #00B0FF;
  }
  .badge-light-blue-accent-3 {
    background-color: #00B0FF;
    color: #FFFFFF;
  }
  .btn-light-blue-accent-3 {
    background-color: rgba(0, 176, 255, 0.9);
    color: #FFFFFF !important;
  }
  .btn-light-blue-accent-3:disabled,
  .btn-light-blue-accent-3.disabled {
    background-color: rgba(0, 176, 255, 0.4);
  }
  .btn-light-blue-accent-3:not(:disabled):not(.disabled):hover {
    background-color: #00B0FF;
  }
  .btn-outline-light-blue-accent-3 {
    color: #00B0FF;
    border-color: #00B0FF;
  }
  .btn-outline-light-blue-accent-3:hover {
    background-color: #00B0FF;
    color: #FFFFFF;
  }
}
.text-light-blue-accent-3 {
  color: #00B0FF !important;
}

:root {
  --light-blue-accent-3: #00B0FF;
}

.bg-light-blue-accent-3 {
  background-color: #00B0FF;
}

.border-light-blue-accent-3 {
  border-color: #00B0FF;
}

.border-left-light-blue-accent-3 {
  border-left-color: #00B0FF;
}

.border-right-light-blue-accent-3 {
  border-right-color: #00B0FF;
}

.border-top-light-blue-accent-3 {
  border-top-color: #00B0FF;
}

.border-bottom-light-blue-accent-3 {
  border-bottom-color: #00B0FF;
}

.badge-light-blue-accent-3 {
  background-color: #00B0FF;
  color: #FFFFFF;
}

.btn-light-blue-accent-3 {
  background-color: rgba(0, 176, 255, 0.9);
  color: #FFFFFF !important;
}

.btn-light-blue-accent-3:disabled,
.btn-light-blue-accent-3.disabled {
  background-color: rgba(0, 176, 255, 0.4);
}

.btn-light-blue-accent-3:not(:disabled):not(.disabled):hover {
  background-color: #00B0FF;
}

.btn-outline-light-blue-accent-3 {
  color: #00B0FF;
  border-color: #00B0FF;
}

.btn-outline-light-blue-accent-3:hover {
  background-color: #00B0FF;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-blue-accent-4 {
    color: #0091EA !important;
  }
  :root {
    --light-blue-accent-4: #0091EA;
  }
  .bg-light-blue-accent-4 {
    background-color: #0091EA;
  }
  .border-light-blue-accent-4 {
    border-color: #0091EA;
  }
  .border-left-light-blue-accent-4 {
    border-left-color: #0091EA;
  }
  .border-right-light-blue-accent-4 {
    border-right-color: #0091EA;
  }
  .border-top-light-blue-accent-4 {
    border-top-color: #0091EA;
  }
  .border-bottom-light-blue-accent-4 {
    border-bottom-color: #0091EA;
  }
  .badge-light-blue-accent-4 {
    background-color: #0091EA;
    color: #FFFFFF;
  }
  .btn-light-blue-accent-4 {
    background-color: rgba(0, 145, 234, 0.9);
    color: #FFFFFF !important;
  }
  .btn-light-blue-accent-4:disabled,
  .btn-light-blue-accent-4.disabled {
    background-color: rgba(0, 145, 234, 0.4);
  }
  .btn-light-blue-accent-4:not(:disabled):not(.disabled):hover {
    background-color: #0091EA;
  }
  .btn-outline-light-blue-accent-4 {
    color: #0091EA;
    border-color: #0091EA;
  }
  .btn-outline-light-blue-accent-4:hover {
    background-color: #0091EA;
    color: #FFFFFF;
  }
}
.text-light-blue-accent-4 {
  color: #0091EA !important;
}

:root {
  --light-blue-accent-4: #0091EA;
}

.bg-light-blue-accent-4 {
  background-color: #0091EA;
}

.border-light-blue-accent-4 {
  border-color: #0091EA;
}

.border-left-light-blue-accent-4 {
  border-left-color: #0091EA;
}

.border-right-light-blue-accent-4 {
  border-right-color: #0091EA;
}

.border-top-light-blue-accent-4 {
  border-top-color: #0091EA;
}

.border-bottom-light-blue-accent-4 {
  border-bottom-color: #0091EA;
}

.badge-light-blue-accent-4 {
  background-color: #0091EA;
  color: #FFFFFF;
}

.btn-light-blue-accent-4 {
  background-color: rgba(0, 145, 234, 0.9);
  color: #FFFFFF !important;
}

.btn-light-blue-accent-4:disabled,
.btn-light-blue-accent-4.disabled {
  background-color: rgba(0, 145, 234, 0.4);
}

.btn-light-blue-accent-4:not(:disabled):not(.disabled):hover {
  background-color: #0091EA;
}

.btn-outline-light-blue-accent-4 {
  color: #0091EA;
  border-color: #0091EA;
}

.btn-outline-light-blue-accent-4:hover {
  background-color: #0091EA;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-cyan {
    color: #00BCD4 !important;
  }
  :root {
    --cyan: #00BCD4;
  }
  .bg-cyan {
    background-color: #00BCD4;
  }
  .border-cyan {
    border-color: #00BCD4;
  }
  .border-left-cyan {
    border-left-color: #00BCD4;
  }
  .border-right-cyan {
    border-right-color: #00BCD4;
  }
  .border-top-cyan {
    border-top-color: #00BCD4;
  }
  .border-bottom-cyan {
    border-bottom-color: #00BCD4;
  }
  .badge-cyan {
    background-color: #00BCD4;
  }
  .btn-cyan {
    background-color: rgba(0, 188, 212, 0.9);
  }
  .btn-cyan:disabled,
  .btn-cyan.disabled {
    background-color: rgba(0, 188, 212, 0.4);
  }
  .btn-cyan:not(:disabled):not(.disabled):hover {
    background-color: #00BCD4;
  }
  .btn-outline-cyan {
    color: #00BCD4;
    border-color: #00BCD4;
  }
  .btn-outline-cyan:hover {
    background-color: #00BCD4;
    color: #FFFFFF;
  }
}
.text-cyan {
  color: #00BCD4 !important;
}

:root {
  --cyan: #00BCD4;
}

.bg-cyan {
  background-color: #00BCD4;
}

.border-cyan {
  border-color: #00BCD4;
}

.border-left-cyan {
  border-left-color: #00BCD4;
}

.border-right-cyan {
  border-right-color: #00BCD4;
}

.border-top-cyan {
  border-top-color: #00BCD4;
}

.border-bottom-cyan {
  border-bottom-color: #00BCD4;
}

.badge-cyan {
  background-color: #00BCD4;
}

.btn-cyan {
  background-color: rgba(0, 188, 212, 0.9);
}

.btn-cyan:disabled,
.btn-cyan.disabled {
  background-color: rgba(0, 188, 212, 0.4);
}

.btn-cyan:not(:disabled):not(.disabled):hover {
  background-color: #00BCD4;
}

.btn-outline-cyan {
  color: #00BCD4;
  border-color: #00BCD4;
}

.btn-outline-cyan:hover {
  background-color: #00BCD4;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-cyan-lighten-5 {
    color: #E0F7FA !important;
  }
  :root {
    --cyan-lighten-5: #E0F7FA;
  }
  .bg-cyan-lighten-5 {
    background-color: #E0F7FA;
  }
  .border-cyan-lighten-5 {
    border-color: #E0F7FA;
  }
  .border-left-cyan-lighten-5 {
    border-left-color: #E0F7FA;
  }
  .border-right-cyan-lighten-5 {
    border-right-color: #E0F7FA;
  }
  .border-top-cyan-lighten-5 {
    border-top-color: #E0F7FA;
  }
  .border-bottom-cyan-lighten-5 {
    border-bottom-color: #E0F7FA;
  }
  .badge-cyan-lighten-5 {
    background-color: #E0F7FA;
    color: #000000;
  }
  .btn-cyan-lighten-5 {
    background-color: rgba(224, 247, 250, 0.9);
    color: #000000 !important;
  }
  .btn-cyan-lighten-5:disabled,
  .btn-cyan-lighten-5.disabled {
    background-color: rgba(224, 247, 250, 0.4);
  }
  .btn-cyan-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #E0F7FA;
  }
  .btn-outline-cyan-lighten-5 {
    color: #E0F7FA;
    border-color: #E0F7FA;
  }
  .btn-outline-cyan-lighten-5:hover {
    background-color: #E0F7FA;
    color: #000000;
  }
}
.text-cyan-lighten-5 {
  color: #E0F7FA !important;
}

:root {
  --cyan-lighten-5: #E0F7FA;
}

.bg-cyan-lighten-5 {
  background-color: #E0F7FA;
}

.border-cyan-lighten-5 {
  border-color: #E0F7FA;
}

.border-left-cyan-lighten-5 {
  border-left-color: #E0F7FA;
}

.border-right-cyan-lighten-5 {
  border-right-color: #E0F7FA;
}

.border-top-cyan-lighten-5 {
  border-top-color: #E0F7FA;
}

.border-bottom-cyan-lighten-5 {
  border-bottom-color: #E0F7FA;
}

.badge-cyan-lighten-5 {
  background-color: #E0F7FA;
  color: #000000;
}

.btn-cyan-lighten-5 {
  background-color: rgba(224, 247, 250, 0.9);
  color: #000000 !important;
}

.btn-cyan-lighten-5:disabled,
.btn-cyan-lighten-5.disabled {
  background-color: rgba(224, 247, 250, 0.4);
}

.btn-cyan-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #E0F7FA;
}

.btn-outline-cyan-lighten-5 {
  color: #E0F7FA;
  border-color: #E0F7FA;
}

.btn-outline-cyan-lighten-5:hover {
  background-color: #E0F7FA;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-cyan-lighten-4 {
    color: #B2EBF2 !important;
  }
  :root {
    --cyan-lighten-4: #B2EBF2;
  }
  .bg-cyan-lighten-4 {
    background-color: #B2EBF2;
  }
  .border-cyan-lighten-4 {
    border-color: #B2EBF2;
  }
  .border-left-cyan-lighten-4 {
    border-left-color: #B2EBF2;
  }
  .border-right-cyan-lighten-4 {
    border-right-color: #B2EBF2;
  }
  .border-top-cyan-lighten-4 {
    border-top-color: #B2EBF2;
  }
  .border-bottom-cyan-lighten-4 {
    border-bottom-color: #B2EBF2;
  }
  .badge-cyan-lighten-4 {
    background-color: #B2EBF2;
    color: #000000;
  }
  .btn-cyan-lighten-4 {
    background-color: rgba(178, 235, 242, 0.9);
    color: #000000 !important;
  }
  .btn-cyan-lighten-4:disabled,
  .btn-cyan-lighten-4.disabled {
    background-color: rgba(178, 235, 242, 0.4);
  }
  .btn-cyan-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #B2EBF2;
  }
  .btn-outline-cyan-lighten-4 {
    color: #B2EBF2;
    border-color: #B2EBF2;
  }
  .btn-outline-cyan-lighten-4:hover {
    background-color: #B2EBF2;
    color: #000000;
  }
}
.text-cyan-lighten-4 {
  color: #B2EBF2 !important;
}

:root {
  --cyan-lighten-4: #B2EBF2;
}

.bg-cyan-lighten-4 {
  background-color: #B2EBF2;
}

.border-cyan-lighten-4 {
  border-color: #B2EBF2;
}

.border-left-cyan-lighten-4 {
  border-left-color: #B2EBF2;
}

.border-right-cyan-lighten-4 {
  border-right-color: #B2EBF2;
}

.border-top-cyan-lighten-4 {
  border-top-color: #B2EBF2;
}

.border-bottom-cyan-lighten-4 {
  border-bottom-color: #B2EBF2;
}

.badge-cyan-lighten-4 {
  background-color: #B2EBF2;
  color: #000000;
}

.btn-cyan-lighten-4 {
  background-color: rgba(178, 235, 242, 0.9);
  color: #000000 !important;
}

.btn-cyan-lighten-4:disabled,
.btn-cyan-lighten-4.disabled {
  background-color: rgba(178, 235, 242, 0.4);
}

.btn-cyan-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #B2EBF2;
}

.btn-outline-cyan-lighten-4 {
  color: #B2EBF2;
  border-color: #B2EBF2;
}

.btn-outline-cyan-lighten-4:hover {
  background-color: #B2EBF2;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-cyan-lighten-3 {
    color: #80DEEA !important;
  }
  :root {
    --cyan-lighten-3: #80DEEA;
  }
  .bg-cyan-lighten-3 {
    background-color: #80DEEA;
  }
  .border-cyan-lighten-3 {
    border-color: #80DEEA;
  }
  .border-left-cyan-lighten-3 {
    border-left-color: #80DEEA;
  }
  .border-right-cyan-lighten-3 {
    border-right-color: #80DEEA;
  }
  .border-top-cyan-lighten-3 {
    border-top-color: #80DEEA;
  }
  .border-bottom-cyan-lighten-3 {
    border-bottom-color: #80DEEA;
  }
  .badge-cyan-lighten-3 {
    background-color: #80DEEA;
    color: #000000;
  }
  .btn-cyan-lighten-3 {
    background-color: rgba(128, 222, 234, 0.9);
    color: #000000 !important;
  }
  .btn-cyan-lighten-3:disabled,
  .btn-cyan-lighten-3.disabled {
    background-color: rgba(128, 222, 234, 0.4);
  }
  .btn-cyan-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #80DEEA;
  }
  .btn-outline-cyan-lighten-3 {
    color: #80DEEA;
    border-color: #80DEEA;
  }
  .btn-outline-cyan-lighten-3:hover {
    background-color: #80DEEA;
    color: #000000;
  }
}
.text-cyan-lighten-3 {
  color: #80DEEA !important;
}

:root {
  --cyan-lighten-3: #80DEEA;
}

.bg-cyan-lighten-3 {
  background-color: #80DEEA;
}

.border-cyan-lighten-3 {
  border-color: #80DEEA;
}

.border-left-cyan-lighten-3 {
  border-left-color: #80DEEA;
}

.border-right-cyan-lighten-3 {
  border-right-color: #80DEEA;
}

.border-top-cyan-lighten-3 {
  border-top-color: #80DEEA;
}

.border-bottom-cyan-lighten-3 {
  border-bottom-color: #80DEEA;
}

.badge-cyan-lighten-3 {
  background-color: #80DEEA;
  color: #000000;
}

.btn-cyan-lighten-3 {
  background-color: rgba(128, 222, 234, 0.9);
  color: #000000 !important;
}

.btn-cyan-lighten-3:disabled,
.btn-cyan-lighten-3.disabled {
  background-color: rgba(128, 222, 234, 0.4);
}

.btn-cyan-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #80DEEA;
}

.btn-outline-cyan-lighten-3 {
  color: #80DEEA;
  border-color: #80DEEA;
}

.btn-outline-cyan-lighten-3:hover {
  background-color: #80DEEA;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-cyan-lighten-2 {
    color: #4DD0E1 !important;
  }
  :root {
    --cyan-lighten-2: #4DD0E1;
  }
  .bg-cyan-lighten-2 {
    background-color: #4DD0E1;
  }
  .border-cyan-lighten-2 {
    border-color: #4DD0E1;
  }
  .border-left-cyan-lighten-2 {
    border-left-color: #4DD0E1;
  }
  .border-right-cyan-lighten-2 {
    border-right-color: #4DD0E1;
  }
  .border-top-cyan-lighten-2 {
    border-top-color: #4DD0E1;
  }
  .border-bottom-cyan-lighten-2 {
    border-bottom-color: #4DD0E1;
  }
  .badge-cyan-lighten-2 {
    background-color: #4DD0E1;
    color: #000000;
  }
  .btn-cyan-lighten-2 {
    background-color: rgba(77, 208, 225, 0.9);
    color: #000000 !important;
  }
  .btn-cyan-lighten-2:disabled,
  .btn-cyan-lighten-2.disabled {
    background-color: rgba(77, 208, 225, 0.4);
  }
  .btn-cyan-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #4DD0E1;
  }
  .btn-outline-cyan-lighten-2 {
    color: #4DD0E1;
    border-color: #4DD0E1;
  }
  .btn-outline-cyan-lighten-2:hover {
    background-color: #4DD0E1;
    color: #000000;
  }
}
.text-cyan-lighten-2 {
  color: #4DD0E1 !important;
}

:root {
  --cyan-lighten-2: #4DD0E1;
}

.bg-cyan-lighten-2 {
  background-color: #4DD0E1;
}

.border-cyan-lighten-2 {
  border-color: #4DD0E1;
}

.border-left-cyan-lighten-2 {
  border-left-color: #4DD0E1;
}

.border-right-cyan-lighten-2 {
  border-right-color: #4DD0E1;
}

.border-top-cyan-lighten-2 {
  border-top-color: #4DD0E1;
}

.border-bottom-cyan-lighten-2 {
  border-bottom-color: #4DD0E1;
}

.badge-cyan-lighten-2 {
  background-color: #4DD0E1;
  color: #000000;
}

.btn-cyan-lighten-2 {
  background-color: rgba(77, 208, 225, 0.9);
  color: #000000 !important;
}

.btn-cyan-lighten-2:disabled,
.btn-cyan-lighten-2.disabled {
  background-color: rgba(77, 208, 225, 0.4);
}

.btn-cyan-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #4DD0E1;
}

.btn-outline-cyan-lighten-2 {
  color: #4DD0E1;
  border-color: #4DD0E1;
}

.btn-outline-cyan-lighten-2:hover {
  background-color: #4DD0E1;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-cyan-lighten-1 {
    color: #26C6DA !important;
  }
  :root {
    --cyan-lighten-1: #26C6DA;
  }
  .bg-cyan-lighten-1 {
    background-color: #26C6DA;
  }
  .border-cyan-lighten-1 {
    border-color: #26C6DA;
  }
  .border-left-cyan-lighten-1 {
    border-left-color: #26C6DA;
  }
  .border-right-cyan-lighten-1 {
    border-right-color: #26C6DA;
  }
  .border-top-cyan-lighten-1 {
    border-top-color: #26C6DA;
  }
  .border-bottom-cyan-lighten-1 {
    border-bottom-color: #26C6DA;
  }
  .badge-cyan-lighten-1 {
    background-color: #26C6DA;
    color: #000000;
  }
  .btn-cyan-lighten-1 {
    background-color: rgba(38, 198, 218, 0.9);
    color: #000000 !important;
  }
  .btn-cyan-lighten-1:disabled,
  .btn-cyan-lighten-1.disabled {
    background-color: rgba(38, 198, 218, 0.4);
  }
  .btn-cyan-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #26C6DA;
  }
  .btn-outline-cyan-lighten-1 {
    color: #26C6DA;
    border-color: #26C6DA;
  }
  .btn-outline-cyan-lighten-1:hover {
    background-color: #26C6DA;
    color: #000000;
  }
}
.text-cyan-lighten-1 {
  color: #26C6DA !important;
}

:root {
  --cyan-lighten-1: #26C6DA;
}

.bg-cyan-lighten-1 {
  background-color: #26C6DA;
}

.border-cyan-lighten-1 {
  border-color: #26C6DA;
}

.border-left-cyan-lighten-1 {
  border-left-color: #26C6DA;
}

.border-right-cyan-lighten-1 {
  border-right-color: #26C6DA;
}

.border-top-cyan-lighten-1 {
  border-top-color: #26C6DA;
}

.border-bottom-cyan-lighten-1 {
  border-bottom-color: #26C6DA;
}

.badge-cyan-lighten-1 {
  background-color: #26C6DA;
  color: #000000;
}

.btn-cyan-lighten-1 {
  background-color: rgba(38, 198, 218, 0.9);
  color: #000000 !important;
}

.btn-cyan-lighten-1:disabled,
.btn-cyan-lighten-1.disabled {
  background-color: rgba(38, 198, 218, 0.4);
}

.btn-cyan-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #26C6DA;
}

.btn-outline-cyan-lighten-1 {
  color: #26C6DA;
  border-color: #26C6DA;
}

.btn-outline-cyan-lighten-1:hover {
  background-color: #26C6DA;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-cyan-darken-1 {
    color: #00ACC1 !important;
  }
  :root {
    --cyan-darken-1: #00ACC1;
  }
  .bg-cyan-darken-1 {
    background-color: #00ACC1;
  }
  .border-cyan-darken-1 {
    border-color: #00ACC1;
  }
  .border-left-cyan-darken-1 {
    border-left-color: #00ACC1;
  }
  .border-right-cyan-darken-1 {
    border-right-color: #00ACC1;
  }
  .border-top-cyan-darken-1 {
    border-top-color: #00ACC1;
  }
  .border-bottom-cyan-darken-1 {
    border-bottom-color: #00ACC1;
  }
  .badge-cyan-darken-1 {
    background-color: #00ACC1;
    color: #FFFFFF;
  }
  .btn-cyan-darken-1 {
    background-color: rgba(0, 172, 193, 0.9);
    color: #FFFFFF !important;
  }
  .btn-cyan-darken-1:disabled,
  .btn-cyan-darken-1.disabled {
    background-color: rgba(0, 172, 193, 0.4);
  }
  .btn-cyan-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #00ACC1;
  }
  .btn-outline-cyan-darken-1 {
    color: #00ACC1;
    border-color: #00ACC1;
  }
  .btn-outline-cyan-darken-1:hover {
    background-color: #00ACC1;
    color: #FFFFFF;
  }
}
.text-cyan-darken-1 {
  color: #00ACC1 !important;
}

:root {
  --cyan-darken-1: #00ACC1;
}

.bg-cyan-darken-1 {
  background-color: #00ACC1;
}

.border-cyan-darken-1 {
  border-color: #00ACC1;
}

.border-left-cyan-darken-1 {
  border-left-color: #00ACC1;
}

.border-right-cyan-darken-1 {
  border-right-color: #00ACC1;
}

.border-top-cyan-darken-1 {
  border-top-color: #00ACC1;
}

.border-bottom-cyan-darken-1 {
  border-bottom-color: #00ACC1;
}

.badge-cyan-darken-1 {
  background-color: #00ACC1;
  color: #FFFFFF;
}

.btn-cyan-darken-1 {
  background-color: rgba(0, 172, 193, 0.9);
  color: #FFFFFF !important;
}

.btn-cyan-darken-1:disabled,
.btn-cyan-darken-1.disabled {
  background-color: rgba(0, 172, 193, 0.4);
}

.btn-cyan-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #00ACC1;
}

.btn-outline-cyan-darken-1 {
  color: #00ACC1;
  border-color: #00ACC1;
}

.btn-outline-cyan-darken-1:hover {
  background-color: #00ACC1;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-cyan-darken-2 {
    color: #0097A7 !important;
  }
  :root {
    --cyan-darken-2: #0097A7;
  }
  .bg-cyan-darken-2 {
    background-color: #0097A7;
  }
  .border-cyan-darken-2 {
    border-color: #0097A7;
  }
  .border-left-cyan-darken-2 {
    border-left-color: #0097A7;
  }
  .border-right-cyan-darken-2 {
    border-right-color: #0097A7;
  }
  .border-top-cyan-darken-2 {
    border-top-color: #0097A7;
  }
  .border-bottom-cyan-darken-2 {
    border-bottom-color: #0097A7;
  }
  .badge-cyan-darken-2 {
    background-color: #0097A7;
    color: #FFFFFF;
  }
  .btn-cyan-darken-2 {
    background-color: rgba(0, 151, 167, 0.9);
    color: #FFFFFF !important;
  }
  .btn-cyan-darken-2:disabled,
  .btn-cyan-darken-2.disabled {
    background-color: rgba(0, 151, 167, 0.4);
  }
  .btn-cyan-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #0097A7;
  }
  .btn-outline-cyan-darken-2 {
    color: #0097A7;
    border-color: #0097A7;
  }
  .btn-outline-cyan-darken-2:hover {
    background-color: #0097A7;
    color: #FFFFFF;
  }
}
.text-cyan-darken-2 {
  color: #0097A7 !important;
}

:root {
  --cyan-darken-2: #0097A7;
}

.bg-cyan-darken-2 {
  background-color: #0097A7;
}

.border-cyan-darken-2 {
  border-color: #0097A7;
}

.border-left-cyan-darken-2 {
  border-left-color: #0097A7;
}

.border-right-cyan-darken-2 {
  border-right-color: #0097A7;
}

.border-top-cyan-darken-2 {
  border-top-color: #0097A7;
}

.border-bottom-cyan-darken-2 {
  border-bottom-color: #0097A7;
}

.badge-cyan-darken-2 {
  background-color: #0097A7;
  color: #FFFFFF;
}

.btn-cyan-darken-2 {
  background-color: rgba(0, 151, 167, 0.9);
  color: #FFFFFF !important;
}

.btn-cyan-darken-2:disabled,
.btn-cyan-darken-2.disabled {
  background-color: rgba(0, 151, 167, 0.4);
}

.btn-cyan-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #0097A7;
}

.btn-outline-cyan-darken-2 {
  color: #0097A7;
  border-color: #0097A7;
}

.btn-outline-cyan-darken-2:hover {
  background-color: #0097A7;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-cyan-darken-3 {
    color: #00838F !important;
  }
  :root {
    --cyan-darken-3: #00838F;
  }
  .bg-cyan-darken-3 {
    background-color: #00838F;
  }
  .border-cyan-darken-3 {
    border-color: #00838F;
  }
  .border-left-cyan-darken-3 {
    border-left-color: #00838F;
  }
  .border-right-cyan-darken-3 {
    border-right-color: #00838F;
  }
  .border-top-cyan-darken-3 {
    border-top-color: #00838F;
  }
  .border-bottom-cyan-darken-3 {
    border-bottom-color: #00838F;
  }
  .badge-cyan-darken-3 {
    background-color: #00838F;
    color: #FFFFFF;
  }
  .btn-cyan-darken-3 {
    background-color: rgba(0, 131, 143, 0.9);
    color: #FFFFFF !important;
  }
  .btn-cyan-darken-3:disabled,
  .btn-cyan-darken-3.disabled {
    background-color: rgba(0, 131, 143, 0.4);
  }
  .btn-cyan-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #00838F;
  }
  .btn-outline-cyan-darken-3 {
    color: #00838F;
    border-color: #00838F;
  }
  .btn-outline-cyan-darken-3:hover {
    background-color: #00838F;
    color: #FFFFFF;
  }
}
.text-cyan-darken-3 {
  color: #00838F !important;
}

:root {
  --cyan-darken-3: #00838F;
}

.bg-cyan-darken-3 {
  background-color: #00838F;
}

.border-cyan-darken-3 {
  border-color: #00838F;
}

.border-left-cyan-darken-3 {
  border-left-color: #00838F;
}

.border-right-cyan-darken-3 {
  border-right-color: #00838F;
}

.border-top-cyan-darken-3 {
  border-top-color: #00838F;
}

.border-bottom-cyan-darken-3 {
  border-bottom-color: #00838F;
}

.badge-cyan-darken-3 {
  background-color: #00838F;
  color: #FFFFFF;
}

.btn-cyan-darken-3 {
  background-color: rgba(0, 131, 143, 0.9);
  color: #FFFFFF !important;
}

.btn-cyan-darken-3:disabled,
.btn-cyan-darken-3.disabled {
  background-color: rgba(0, 131, 143, 0.4);
}

.btn-cyan-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #00838F;
}

.btn-outline-cyan-darken-3 {
  color: #00838F;
  border-color: #00838F;
}

.btn-outline-cyan-darken-3:hover {
  background-color: #00838F;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-cyan-darken-4 {
    color: #006064 !important;
  }
  :root {
    --cyan-darken-4: #006064;
  }
  .bg-cyan-darken-4 {
    background-color: #006064;
  }
  .border-cyan-darken-4 {
    border-color: #006064;
  }
  .border-left-cyan-darken-4 {
    border-left-color: #006064;
  }
  .border-right-cyan-darken-4 {
    border-right-color: #006064;
  }
  .border-top-cyan-darken-4 {
    border-top-color: #006064;
  }
  .border-bottom-cyan-darken-4 {
    border-bottom-color: #006064;
  }
  .badge-cyan-darken-4 {
    background-color: #006064;
    color: #FFFFFF;
  }
  .btn-cyan-darken-4 {
    background-color: rgba(0, 96, 100, 0.9);
    color: #FFFFFF !important;
  }
  .btn-cyan-darken-4:disabled,
  .btn-cyan-darken-4.disabled {
    background-color: rgba(0, 96, 100, 0.4);
  }
  .btn-cyan-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #006064;
  }
  .btn-outline-cyan-darken-4 {
    color: #006064;
    border-color: #006064;
  }
  .btn-outline-cyan-darken-4:hover {
    background-color: #006064;
    color: #FFFFFF;
  }
}
.text-cyan-darken-4 {
  color: #006064 !important;
}

:root {
  --cyan-darken-4: #006064;
}

.bg-cyan-darken-4 {
  background-color: #006064;
}

.border-cyan-darken-4 {
  border-color: #006064;
}

.border-left-cyan-darken-4 {
  border-left-color: #006064;
}

.border-right-cyan-darken-4 {
  border-right-color: #006064;
}

.border-top-cyan-darken-4 {
  border-top-color: #006064;
}

.border-bottom-cyan-darken-4 {
  border-bottom-color: #006064;
}

.badge-cyan-darken-4 {
  background-color: #006064;
  color: #FFFFFF;
}

.btn-cyan-darken-4 {
  background-color: rgba(0, 96, 100, 0.9);
  color: #FFFFFF !important;
}

.btn-cyan-darken-4:disabled,
.btn-cyan-darken-4.disabled {
  background-color: rgba(0, 96, 100, 0.4);
}

.btn-cyan-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #006064;
}

.btn-outline-cyan-darken-4 {
  color: #006064;
  border-color: #006064;
}

.btn-outline-cyan-darken-4:hover {
  background-color: #006064;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-cyan-accent-1 {
    color: #84FFFF !important;
  }
  :root {
    --cyan-accent-1: #84FFFF;
  }
  .bg-cyan-accent-1 {
    background-color: #84FFFF;
  }
  .border-cyan-accent-1 {
    border-color: #84FFFF;
  }
  .border-left-cyan-accent-1 {
    border-left-color: #84FFFF;
  }
  .border-right-cyan-accent-1 {
    border-right-color: #84FFFF;
  }
  .border-top-cyan-accent-1 {
    border-top-color: #84FFFF;
  }
  .border-bottom-cyan-accent-1 {
    border-bottom-color: #84FFFF;
  }
  .badge-cyan-accent-1 {
    background-color: #84FFFF;
    color: #000000;
  }
  .btn-cyan-accent-1 {
    background-color: rgba(132, 255, 255, 0.9);
    color: #000000 !important;
  }
  .btn-cyan-accent-1:disabled,
  .btn-cyan-accent-1.disabled {
    background-color: rgba(132, 255, 255, 0.4);
  }
  .btn-cyan-accent-1:not(:disabled):not(.disabled):hover {
    background-color: #84FFFF;
  }
  .btn-outline-cyan-accent-1 {
    color: #84FFFF;
    border-color: #84FFFF;
  }
  .btn-outline-cyan-accent-1:hover {
    background-color: #84FFFF;
    color: #000000;
  }
}
.text-cyan-accent-1 {
  color: #84FFFF !important;
}

:root {
  --cyan-accent-1: #84FFFF;
}

.bg-cyan-accent-1 {
  background-color: #84FFFF;
}

.border-cyan-accent-1 {
  border-color: #84FFFF;
}

.border-left-cyan-accent-1 {
  border-left-color: #84FFFF;
}

.border-right-cyan-accent-1 {
  border-right-color: #84FFFF;
}

.border-top-cyan-accent-1 {
  border-top-color: #84FFFF;
}

.border-bottom-cyan-accent-1 {
  border-bottom-color: #84FFFF;
}

.badge-cyan-accent-1 {
  background-color: #84FFFF;
  color: #000000;
}

.btn-cyan-accent-1 {
  background-color: rgba(132, 255, 255, 0.9);
  color: #000000 !important;
}

.btn-cyan-accent-1:disabled,
.btn-cyan-accent-1.disabled {
  background-color: rgba(132, 255, 255, 0.4);
}

.btn-cyan-accent-1:not(:disabled):not(.disabled):hover {
  background-color: #84FFFF;
}

.btn-outline-cyan-accent-1 {
  color: #84FFFF;
  border-color: #84FFFF;
}

.btn-outline-cyan-accent-1:hover {
  background-color: #84FFFF;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-cyan-accent-2 {
    color: #18FFFF !important;
  }
  :root {
    --cyan-accent-2: #18FFFF;
  }
  .bg-cyan-accent-2 {
    background-color: #18FFFF;
  }
  .border-cyan-accent-2 {
    border-color: #18FFFF;
  }
  .border-left-cyan-accent-2 {
    border-left-color: #18FFFF;
  }
  .border-right-cyan-accent-2 {
    border-right-color: #18FFFF;
  }
  .border-top-cyan-accent-2 {
    border-top-color: #18FFFF;
  }
  .border-bottom-cyan-accent-2 {
    border-bottom-color: #18FFFF;
  }
  .badge-cyan-accent-2 {
    background-color: #18FFFF;
    color: #000000;
  }
  .btn-cyan-accent-2 {
    background-color: rgba(24, 255, 255, 0.9);
    color: #000000 !important;
  }
  .btn-cyan-accent-2:disabled,
  .btn-cyan-accent-2.disabled {
    background-color: rgba(24, 255, 255, 0.4);
  }
  .btn-cyan-accent-2:not(:disabled):not(.disabled):hover {
    background-color: #18FFFF;
  }
  .btn-outline-cyan-accent-2 {
    color: #18FFFF;
    border-color: #18FFFF;
  }
  .btn-outline-cyan-accent-2:hover {
    background-color: #18FFFF;
    color: #000000;
  }
}
.text-cyan-accent-2 {
  color: #18FFFF !important;
}

:root {
  --cyan-accent-2: #18FFFF;
}

.bg-cyan-accent-2 {
  background-color: #18FFFF;
}

.border-cyan-accent-2 {
  border-color: #18FFFF;
}

.border-left-cyan-accent-2 {
  border-left-color: #18FFFF;
}

.border-right-cyan-accent-2 {
  border-right-color: #18FFFF;
}

.border-top-cyan-accent-2 {
  border-top-color: #18FFFF;
}

.border-bottom-cyan-accent-2 {
  border-bottom-color: #18FFFF;
}

.badge-cyan-accent-2 {
  background-color: #18FFFF;
  color: #000000;
}

.btn-cyan-accent-2 {
  background-color: rgba(24, 255, 255, 0.9);
  color: #000000 !important;
}

.btn-cyan-accent-2:disabled,
.btn-cyan-accent-2.disabled {
  background-color: rgba(24, 255, 255, 0.4);
}

.btn-cyan-accent-2:not(:disabled):not(.disabled):hover {
  background-color: #18FFFF;
}

.btn-outline-cyan-accent-2 {
  color: #18FFFF;
  border-color: #18FFFF;
}

.btn-outline-cyan-accent-2:hover {
  background-color: #18FFFF;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-cyan-accent-3 {
    color: #00E5FF !important;
  }
  :root {
    --cyan-accent-3: #00E5FF;
  }
  .bg-cyan-accent-3 {
    background-color: #00E5FF;
  }
  .border-cyan-accent-3 {
    border-color: #00E5FF;
  }
  .border-left-cyan-accent-3 {
    border-left-color: #00E5FF;
  }
  .border-right-cyan-accent-3 {
    border-right-color: #00E5FF;
  }
  .border-top-cyan-accent-3 {
    border-top-color: #00E5FF;
  }
  .border-bottom-cyan-accent-3 {
    border-bottom-color: #00E5FF;
  }
  .badge-cyan-accent-3 {
    background-color: #00E5FF;
    color: #FFFFFF;
  }
  .btn-cyan-accent-3 {
    background-color: rgba(0, 229, 255, 0.9);
    color: #FFFFFF !important;
  }
  .btn-cyan-accent-3:disabled,
  .btn-cyan-accent-3.disabled {
    background-color: rgba(0, 229, 255, 0.4);
  }
  .btn-cyan-accent-3:not(:disabled):not(.disabled):hover {
    background-color: #00E5FF;
  }
  .btn-outline-cyan-accent-3 {
    color: #00E5FF;
    border-color: #00E5FF;
  }
  .btn-outline-cyan-accent-3:hover {
    background-color: #00E5FF;
    color: #FFFFFF;
  }
}
.text-cyan-accent-3 {
  color: #00E5FF !important;
}

:root {
  --cyan-accent-3: #00E5FF;
}

.bg-cyan-accent-3 {
  background-color: #00E5FF;
}

.border-cyan-accent-3 {
  border-color: #00E5FF;
}

.border-left-cyan-accent-3 {
  border-left-color: #00E5FF;
}

.border-right-cyan-accent-3 {
  border-right-color: #00E5FF;
}

.border-top-cyan-accent-3 {
  border-top-color: #00E5FF;
}

.border-bottom-cyan-accent-3 {
  border-bottom-color: #00E5FF;
}

.badge-cyan-accent-3 {
  background-color: #00E5FF;
  color: #FFFFFF;
}

.btn-cyan-accent-3 {
  background-color: rgba(0, 229, 255, 0.9);
  color: #FFFFFF !important;
}

.btn-cyan-accent-3:disabled,
.btn-cyan-accent-3.disabled {
  background-color: rgba(0, 229, 255, 0.4);
}

.btn-cyan-accent-3:not(:disabled):not(.disabled):hover {
  background-color: #00E5FF;
}

.btn-outline-cyan-accent-3 {
  color: #00E5FF;
  border-color: #00E5FF;
}

.btn-outline-cyan-accent-3:hover {
  background-color: #00E5FF;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-cyan-accent-4 {
    color: #00B8D4 !important;
  }
  :root {
    --cyan-accent-4: #00B8D4;
  }
  .bg-cyan-accent-4 {
    background-color: #00B8D4;
  }
  .border-cyan-accent-4 {
    border-color: #00B8D4;
  }
  .border-left-cyan-accent-4 {
    border-left-color: #00B8D4;
  }
  .border-right-cyan-accent-4 {
    border-right-color: #00B8D4;
  }
  .border-top-cyan-accent-4 {
    border-top-color: #00B8D4;
  }
  .border-bottom-cyan-accent-4 {
    border-bottom-color: #00B8D4;
  }
  .badge-cyan-accent-4 {
    background-color: #00B8D4;
    color: #FFFFFF;
  }
  .btn-cyan-accent-4 {
    background-color: rgba(0, 184, 212, 0.9);
    color: #FFFFFF !important;
  }
  .btn-cyan-accent-4:disabled,
  .btn-cyan-accent-4.disabled {
    background-color: rgba(0, 184, 212, 0.4);
  }
  .btn-cyan-accent-4:not(:disabled):not(.disabled):hover {
    background-color: #00B8D4;
  }
  .btn-outline-cyan-accent-4 {
    color: #00B8D4;
    border-color: #00B8D4;
  }
  .btn-outline-cyan-accent-4:hover {
    background-color: #00B8D4;
    color: #FFFFFF;
  }
}
.text-cyan-accent-4 {
  color: #00B8D4 !important;
}

:root {
  --cyan-accent-4: #00B8D4;
}

.bg-cyan-accent-4 {
  background-color: #00B8D4;
}

.border-cyan-accent-4 {
  border-color: #00B8D4;
}

.border-left-cyan-accent-4 {
  border-left-color: #00B8D4;
}

.border-right-cyan-accent-4 {
  border-right-color: #00B8D4;
}

.border-top-cyan-accent-4 {
  border-top-color: #00B8D4;
}

.border-bottom-cyan-accent-4 {
  border-bottom-color: #00B8D4;
}

.badge-cyan-accent-4 {
  background-color: #00B8D4;
  color: #FFFFFF;
}

.btn-cyan-accent-4 {
  background-color: rgba(0, 184, 212, 0.9);
  color: #FFFFFF !important;
}

.btn-cyan-accent-4:disabled,
.btn-cyan-accent-4.disabled {
  background-color: rgba(0, 184, 212, 0.4);
}

.btn-cyan-accent-4:not(:disabled):not(.disabled):hover {
  background-color: #00B8D4;
}

.btn-outline-cyan-accent-4 {
  color: #00B8D4;
  border-color: #00B8D4;
}

.btn-outline-cyan-accent-4:hover {
  background-color: #00B8D4;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-teal {
    color: #009688 !important;
  }
  :root {
    --teal: #009688;
  }
  .bg-teal {
    background-color: #009688;
  }
  .border-teal {
    border-color: #009688;
  }
  .border-left-teal {
    border-left-color: #009688;
  }
  .border-right-teal {
    border-right-color: #009688;
  }
  .border-top-teal {
    border-top-color: #009688;
  }
  .border-bottom-teal {
    border-bottom-color: #009688;
  }
  .badge-teal {
    background-color: #009688;
  }
  .btn-teal {
    background-color: rgba(0, 150, 136, 0.9);
  }
  .btn-teal:disabled,
  .btn-teal.disabled {
    background-color: rgba(0, 150, 136, 0.4);
  }
  .btn-teal:not(:disabled):not(.disabled):hover {
    background-color: #009688;
  }
  .btn-outline-teal {
    color: #009688;
    border-color: #009688;
  }
  .btn-outline-teal:hover {
    background-color: #009688;
    color: #FFFFFF;
  }
}
.text-teal {
  color: #009688 !important;
}

:root {
  --teal: #009688;
}

.bg-teal {
  background-color: #009688;
}

.border-teal {
  border-color: #009688;
}

.border-left-teal {
  border-left-color: #009688;
}

.border-right-teal {
  border-right-color: #009688;
}

.border-top-teal {
  border-top-color: #009688;
}

.border-bottom-teal {
  border-bottom-color: #009688;
}

.badge-teal {
  background-color: #009688;
}

.btn-teal {
  background-color: rgba(0, 150, 136, 0.9);
}

.btn-teal:disabled,
.btn-teal.disabled {
  background-color: rgba(0, 150, 136, 0.4);
}

.btn-teal:not(:disabled):not(.disabled):hover {
  background-color: #009688;
}

.btn-outline-teal {
  color: #009688;
  border-color: #009688;
}

.btn-outline-teal:hover {
  background-color: #009688;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-teal-lighten-5 {
    color: #E0F2F1 !important;
  }
  :root {
    --teal-lighten-5: #E0F2F1;
  }
  .bg-teal-lighten-5 {
    background-color: #E0F2F1;
  }
  .border-teal-lighten-5 {
    border-color: #E0F2F1;
  }
  .border-left-teal-lighten-5 {
    border-left-color: #E0F2F1;
  }
  .border-right-teal-lighten-5 {
    border-right-color: #E0F2F1;
  }
  .border-top-teal-lighten-5 {
    border-top-color: #E0F2F1;
  }
  .border-bottom-teal-lighten-5 {
    border-bottom-color: #E0F2F1;
  }
  .badge-teal-lighten-5 {
    background-color: #E0F2F1;
    color: #000000;
  }
  .btn-teal-lighten-5 {
    background-color: rgba(224, 242, 241, 0.9);
    color: #000000 !important;
  }
  .btn-teal-lighten-5:disabled,
  .btn-teal-lighten-5.disabled {
    background-color: rgba(224, 242, 241, 0.4);
  }
  .btn-teal-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #E0F2F1;
  }
  .btn-outline-teal-lighten-5 {
    color: #E0F2F1;
    border-color: #E0F2F1;
  }
  .btn-outline-teal-lighten-5:hover {
    background-color: #E0F2F1;
    color: #000000;
  }
}
.text-teal-lighten-5 {
  color: #E0F2F1 !important;
}

:root {
  --teal-lighten-5: #E0F2F1;
}

.bg-teal-lighten-5 {
  background-color: #E0F2F1;
}

.border-teal-lighten-5 {
  border-color: #E0F2F1;
}

.border-left-teal-lighten-5 {
  border-left-color: #E0F2F1;
}

.border-right-teal-lighten-5 {
  border-right-color: #E0F2F1;
}

.border-top-teal-lighten-5 {
  border-top-color: #E0F2F1;
}

.border-bottom-teal-lighten-5 {
  border-bottom-color: #E0F2F1;
}

.badge-teal-lighten-5 {
  background-color: #E0F2F1;
  color: #000000;
}

.btn-teal-lighten-5 {
  background-color: rgba(224, 242, 241, 0.9);
  color: #000000 !important;
}

.btn-teal-lighten-5:disabled,
.btn-teal-lighten-5.disabled {
  background-color: rgba(224, 242, 241, 0.4);
}

.btn-teal-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #E0F2F1;
}

.btn-outline-teal-lighten-5 {
  color: #E0F2F1;
  border-color: #E0F2F1;
}

.btn-outline-teal-lighten-5:hover {
  background-color: #E0F2F1;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-teal-lighten-4 {
    color: #B2DFDB !important;
  }
  :root {
    --teal-lighten-4: #B2DFDB;
  }
  .bg-teal-lighten-4 {
    background-color: #B2DFDB;
  }
  .border-teal-lighten-4 {
    border-color: #B2DFDB;
  }
  .border-left-teal-lighten-4 {
    border-left-color: #B2DFDB;
  }
  .border-right-teal-lighten-4 {
    border-right-color: #B2DFDB;
  }
  .border-top-teal-lighten-4 {
    border-top-color: #B2DFDB;
  }
  .border-bottom-teal-lighten-4 {
    border-bottom-color: #B2DFDB;
  }
  .badge-teal-lighten-4 {
    background-color: #B2DFDB;
    color: #000000;
  }
  .btn-teal-lighten-4 {
    background-color: rgba(178, 223, 219, 0.9);
    color: #000000 !important;
  }
  .btn-teal-lighten-4:disabled,
  .btn-teal-lighten-4.disabled {
    background-color: rgba(178, 223, 219, 0.4);
  }
  .btn-teal-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #B2DFDB;
  }
  .btn-outline-teal-lighten-4 {
    color: #B2DFDB;
    border-color: #B2DFDB;
  }
  .btn-outline-teal-lighten-4:hover {
    background-color: #B2DFDB;
    color: #000000;
  }
}
.text-teal-lighten-4 {
  color: #B2DFDB !important;
}

:root {
  --teal-lighten-4: #B2DFDB;
}

.bg-teal-lighten-4 {
  background-color: #B2DFDB;
}

.border-teal-lighten-4 {
  border-color: #B2DFDB;
}

.border-left-teal-lighten-4 {
  border-left-color: #B2DFDB;
}

.border-right-teal-lighten-4 {
  border-right-color: #B2DFDB;
}

.border-top-teal-lighten-4 {
  border-top-color: #B2DFDB;
}

.border-bottom-teal-lighten-4 {
  border-bottom-color: #B2DFDB;
}

.badge-teal-lighten-4 {
  background-color: #B2DFDB;
  color: #000000;
}

.btn-teal-lighten-4 {
  background-color: rgba(178, 223, 219, 0.9);
  color: #000000 !important;
}

.btn-teal-lighten-4:disabled,
.btn-teal-lighten-4.disabled {
  background-color: rgba(178, 223, 219, 0.4);
}

.btn-teal-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #B2DFDB;
}

.btn-outline-teal-lighten-4 {
  color: #B2DFDB;
  border-color: #B2DFDB;
}

.btn-outline-teal-lighten-4:hover {
  background-color: #B2DFDB;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-teal-lighten-3 {
    color: #80CBC4 !important;
  }
  :root {
    --teal-lighten-3: #80CBC4;
  }
  .bg-teal-lighten-3 {
    background-color: #80CBC4;
  }
  .border-teal-lighten-3 {
    border-color: #80CBC4;
  }
  .border-left-teal-lighten-3 {
    border-left-color: #80CBC4;
  }
  .border-right-teal-lighten-3 {
    border-right-color: #80CBC4;
  }
  .border-top-teal-lighten-3 {
    border-top-color: #80CBC4;
  }
  .border-bottom-teal-lighten-3 {
    border-bottom-color: #80CBC4;
  }
  .badge-teal-lighten-3 {
    background-color: #80CBC4;
    color: #000000;
  }
  .btn-teal-lighten-3 {
    background-color: rgba(128, 203, 196, 0.9);
    color: #000000 !important;
  }
  .btn-teal-lighten-3:disabled,
  .btn-teal-lighten-3.disabled {
    background-color: rgba(128, 203, 196, 0.4);
  }
  .btn-teal-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #80CBC4;
  }
  .btn-outline-teal-lighten-3 {
    color: #80CBC4;
    border-color: #80CBC4;
  }
  .btn-outline-teal-lighten-3:hover {
    background-color: #80CBC4;
    color: #000000;
  }
}
.text-teal-lighten-3 {
  color: #80CBC4 !important;
}

:root {
  --teal-lighten-3: #80CBC4;
}

.bg-teal-lighten-3 {
  background-color: #80CBC4;
}

.border-teal-lighten-3 {
  border-color: #80CBC4;
}

.border-left-teal-lighten-3 {
  border-left-color: #80CBC4;
}

.border-right-teal-lighten-3 {
  border-right-color: #80CBC4;
}

.border-top-teal-lighten-3 {
  border-top-color: #80CBC4;
}

.border-bottom-teal-lighten-3 {
  border-bottom-color: #80CBC4;
}

.badge-teal-lighten-3 {
  background-color: #80CBC4;
  color: #000000;
}

.btn-teal-lighten-3 {
  background-color: rgba(128, 203, 196, 0.9);
  color: #000000 !important;
}

.btn-teal-lighten-3:disabled,
.btn-teal-lighten-3.disabled {
  background-color: rgba(128, 203, 196, 0.4);
}

.btn-teal-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #80CBC4;
}

.btn-outline-teal-lighten-3 {
  color: #80CBC4;
  border-color: #80CBC4;
}

.btn-outline-teal-lighten-3:hover {
  background-color: #80CBC4;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-teal-lighten-2 {
    color: #4DB6AC !important;
  }
  :root {
    --teal-lighten-2: #4DB6AC;
  }
  .bg-teal-lighten-2 {
    background-color: #4DB6AC;
  }
  .border-teal-lighten-2 {
    border-color: #4DB6AC;
  }
  .border-left-teal-lighten-2 {
    border-left-color: #4DB6AC;
  }
  .border-right-teal-lighten-2 {
    border-right-color: #4DB6AC;
  }
  .border-top-teal-lighten-2 {
    border-top-color: #4DB6AC;
  }
  .border-bottom-teal-lighten-2 {
    border-bottom-color: #4DB6AC;
  }
  .badge-teal-lighten-2 {
    background-color: #4DB6AC;
    color: #000000;
  }
  .btn-teal-lighten-2 {
    background-color: rgba(77, 182, 172, 0.9);
    color: #000000 !important;
  }
  .btn-teal-lighten-2:disabled,
  .btn-teal-lighten-2.disabled {
    background-color: rgba(77, 182, 172, 0.4);
  }
  .btn-teal-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #4DB6AC;
  }
  .btn-outline-teal-lighten-2 {
    color: #4DB6AC;
    border-color: #4DB6AC;
  }
  .btn-outline-teal-lighten-2:hover {
    background-color: #4DB6AC;
    color: #000000;
  }
}
.text-teal-lighten-2 {
  color: #4DB6AC !important;
}

:root {
  --teal-lighten-2: #4DB6AC;
}

.bg-teal-lighten-2 {
  background-color: #4DB6AC;
}

.border-teal-lighten-2 {
  border-color: #4DB6AC;
}

.border-left-teal-lighten-2 {
  border-left-color: #4DB6AC;
}

.border-right-teal-lighten-2 {
  border-right-color: #4DB6AC;
}

.border-top-teal-lighten-2 {
  border-top-color: #4DB6AC;
}

.border-bottom-teal-lighten-2 {
  border-bottom-color: #4DB6AC;
}

.badge-teal-lighten-2 {
  background-color: #4DB6AC;
  color: #000000;
}

.btn-teal-lighten-2 {
  background-color: rgba(77, 182, 172, 0.9);
  color: #000000 !important;
}

.btn-teal-lighten-2:disabled,
.btn-teal-lighten-2.disabled {
  background-color: rgba(77, 182, 172, 0.4);
}

.btn-teal-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #4DB6AC;
}

.btn-outline-teal-lighten-2 {
  color: #4DB6AC;
  border-color: #4DB6AC;
}

.btn-outline-teal-lighten-2:hover {
  background-color: #4DB6AC;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-teal-lighten-1 {
    color: #26A69A !important;
  }
  :root {
    --teal-lighten-1: #26A69A;
  }
  .bg-teal-lighten-1 {
    background-color: #26A69A;
  }
  .border-teal-lighten-1 {
    border-color: #26A69A;
  }
  .border-left-teal-lighten-1 {
    border-left-color: #26A69A;
  }
  .border-right-teal-lighten-1 {
    border-right-color: #26A69A;
  }
  .border-top-teal-lighten-1 {
    border-top-color: #26A69A;
  }
  .border-bottom-teal-lighten-1 {
    border-bottom-color: #26A69A;
  }
  .badge-teal-lighten-1 {
    background-color: #26A69A;
    color: #000000;
  }
  .btn-teal-lighten-1 {
    background-color: rgba(38, 166, 154, 0.9);
    color: #000000 !important;
  }
  .btn-teal-lighten-1:disabled,
  .btn-teal-lighten-1.disabled {
    background-color: rgba(38, 166, 154, 0.4);
  }
  .btn-teal-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #26A69A;
  }
  .btn-outline-teal-lighten-1 {
    color: #26A69A;
    border-color: #26A69A;
  }
  .btn-outline-teal-lighten-1:hover {
    background-color: #26A69A;
    color: #000000;
  }
}
.text-teal-lighten-1 {
  color: #26A69A !important;
}

:root {
  --teal-lighten-1: #26A69A;
}

.bg-teal-lighten-1 {
  background-color: #26A69A;
}

.border-teal-lighten-1 {
  border-color: #26A69A;
}

.border-left-teal-lighten-1 {
  border-left-color: #26A69A;
}

.border-right-teal-lighten-1 {
  border-right-color: #26A69A;
}

.border-top-teal-lighten-1 {
  border-top-color: #26A69A;
}

.border-bottom-teal-lighten-1 {
  border-bottom-color: #26A69A;
}

.badge-teal-lighten-1 {
  background-color: #26A69A;
  color: #000000;
}

.btn-teal-lighten-1 {
  background-color: rgba(38, 166, 154, 0.9);
  color: #000000 !important;
}

.btn-teal-lighten-1:disabled,
.btn-teal-lighten-1.disabled {
  background-color: rgba(38, 166, 154, 0.4);
}

.btn-teal-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #26A69A;
}

.btn-outline-teal-lighten-1 {
  color: #26A69A;
  border-color: #26A69A;
}

.btn-outline-teal-lighten-1:hover {
  background-color: #26A69A;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-teal-darken-1 {
    color: #00897B !important;
  }
  :root {
    --teal-darken-1: #00897B;
  }
  .bg-teal-darken-1 {
    background-color: #00897B;
  }
  .border-teal-darken-1 {
    border-color: #00897B;
  }
  .border-left-teal-darken-1 {
    border-left-color: #00897B;
  }
  .border-right-teal-darken-1 {
    border-right-color: #00897B;
  }
  .border-top-teal-darken-1 {
    border-top-color: #00897B;
  }
  .border-bottom-teal-darken-1 {
    border-bottom-color: #00897B;
  }
  .badge-teal-darken-1 {
    background-color: #00897B;
    color: #FFFFFF;
  }
  .btn-teal-darken-1 {
    background-color: rgba(0, 137, 123, 0.9);
    color: #FFFFFF !important;
  }
  .btn-teal-darken-1:disabled,
  .btn-teal-darken-1.disabled {
    background-color: rgba(0, 137, 123, 0.4);
  }
  .btn-teal-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #00897B;
  }
  .btn-outline-teal-darken-1 {
    color: #00897B;
    border-color: #00897B;
  }
  .btn-outline-teal-darken-1:hover {
    background-color: #00897B;
    color: #FFFFFF;
  }
}
.text-teal-darken-1 {
  color: #00897B !important;
}

:root {
  --teal-darken-1: #00897B;
}

.bg-teal-darken-1 {
  background-color: #00897B;
}

.border-teal-darken-1 {
  border-color: #00897B;
}

.border-left-teal-darken-1 {
  border-left-color: #00897B;
}

.border-right-teal-darken-1 {
  border-right-color: #00897B;
}

.border-top-teal-darken-1 {
  border-top-color: #00897B;
}

.border-bottom-teal-darken-1 {
  border-bottom-color: #00897B;
}

.badge-teal-darken-1 {
  background-color: #00897B;
  color: #FFFFFF;
}

.btn-teal-darken-1 {
  background-color: rgba(0, 137, 123, 0.9);
  color: #FFFFFF !important;
}

.btn-teal-darken-1:disabled,
.btn-teal-darken-1.disabled {
  background-color: rgba(0, 137, 123, 0.4);
}

.btn-teal-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #00897B;
}

.btn-outline-teal-darken-1 {
  color: #00897B;
  border-color: #00897B;
}

.btn-outline-teal-darken-1:hover {
  background-color: #00897B;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-teal-darken-2 {
    color: #00796B !important;
  }
  :root {
    --teal-darken-2: #00796B;
  }
  .bg-teal-darken-2 {
    background-color: #00796B;
  }
  .border-teal-darken-2 {
    border-color: #00796B;
  }
  .border-left-teal-darken-2 {
    border-left-color: #00796B;
  }
  .border-right-teal-darken-2 {
    border-right-color: #00796B;
  }
  .border-top-teal-darken-2 {
    border-top-color: #00796B;
  }
  .border-bottom-teal-darken-2 {
    border-bottom-color: #00796B;
  }
  .badge-teal-darken-2 {
    background-color: #00796B;
    color: #FFFFFF;
  }
  .btn-teal-darken-2 {
    background-color: rgba(0, 121, 107, 0.9);
    color: #FFFFFF !important;
  }
  .btn-teal-darken-2:disabled,
  .btn-teal-darken-2.disabled {
    background-color: rgba(0, 121, 107, 0.4);
  }
  .btn-teal-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #00796B;
  }
  .btn-outline-teal-darken-2 {
    color: #00796B;
    border-color: #00796B;
  }
  .btn-outline-teal-darken-2:hover {
    background-color: #00796B;
    color: #FFFFFF;
  }
}
.text-teal-darken-2 {
  color: #00796B !important;
}

:root {
  --teal-darken-2: #00796B;
}

.bg-teal-darken-2 {
  background-color: #00796B;
}

.border-teal-darken-2 {
  border-color: #00796B;
}

.border-left-teal-darken-2 {
  border-left-color: #00796B;
}

.border-right-teal-darken-2 {
  border-right-color: #00796B;
}

.border-top-teal-darken-2 {
  border-top-color: #00796B;
}

.border-bottom-teal-darken-2 {
  border-bottom-color: #00796B;
}

.badge-teal-darken-2 {
  background-color: #00796B;
  color: #FFFFFF;
}

.btn-teal-darken-2 {
  background-color: rgba(0, 121, 107, 0.9);
  color: #FFFFFF !important;
}

.btn-teal-darken-2:disabled,
.btn-teal-darken-2.disabled {
  background-color: rgba(0, 121, 107, 0.4);
}

.btn-teal-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #00796B;
}

.btn-outline-teal-darken-2 {
  color: #00796B;
  border-color: #00796B;
}

.btn-outline-teal-darken-2:hover {
  background-color: #00796B;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-teal-darken-3 {
    color: #00695C !important;
  }
  :root {
    --teal-darken-3: #00695C;
  }
  .bg-teal-darken-3 {
    background-color: #00695C;
  }
  .border-teal-darken-3 {
    border-color: #00695C;
  }
  .border-left-teal-darken-3 {
    border-left-color: #00695C;
  }
  .border-right-teal-darken-3 {
    border-right-color: #00695C;
  }
  .border-top-teal-darken-3 {
    border-top-color: #00695C;
  }
  .border-bottom-teal-darken-3 {
    border-bottom-color: #00695C;
  }
  .badge-teal-darken-3 {
    background-color: #00695C;
    color: #FFFFFF;
  }
  .btn-teal-darken-3 {
    background-color: rgba(0, 105, 92, 0.9);
    color: #FFFFFF !important;
  }
  .btn-teal-darken-3:disabled,
  .btn-teal-darken-3.disabled {
    background-color: rgba(0, 105, 92, 0.4);
  }
  .btn-teal-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #00695C;
  }
  .btn-outline-teal-darken-3 {
    color: #00695C;
    border-color: #00695C;
  }
  .btn-outline-teal-darken-3:hover {
    background-color: #00695C;
    color: #FFFFFF;
  }
}
.text-teal-darken-3 {
  color: #00695C !important;
}

:root {
  --teal-darken-3: #00695C;
}

.bg-teal-darken-3 {
  background-color: #00695C;
}

.border-teal-darken-3 {
  border-color: #00695C;
}

.border-left-teal-darken-3 {
  border-left-color: #00695C;
}

.border-right-teal-darken-3 {
  border-right-color: #00695C;
}

.border-top-teal-darken-3 {
  border-top-color: #00695C;
}

.border-bottom-teal-darken-3 {
  border-bottom-color: #00695C;
}

.badge-teal-darken-3 {
  background-color: #00695C;
  color: #FFFFFF;
}

.btn-teal-darken-3 {
  background-color: rgba(0, 105, 92, 0.9);
  color: #FFFFFF !important;
}

.btn-teal-darken-3:disabled,
.btn-teal-darken-3.disabled {
  background-color: rgba(0, 105, 92, 0.4);
}

.btn-teal-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #00695C;
}

.btn-outline-teal-darken-3 {
  color: #00695C;
  border-color: #00695C;
}

.btn-outline-teal-darken-3:hover {
  background-color: #00695C;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-teal-darken-4 {
    color: #004D40 !important;
  }
  :root {
    --teal-darken-4: #004D40;
  }
  .bg-teal-darken-4 {
    background-color: #004D40;
  }
  .border-teal-darken-4 {
    border-color: #004D40;
  }
  .border-left-teal-darken-4 {
    border-left-color: #004D40;
  }
  .border-right-teal-darken-4 {
    border-right-color: #004D40;
  }
  .border-top-teal-darken-4 {
    border-top-color: #004D40;
  }
  .border-bottom-teal-darken-4 {
    border-bottom-color: #004D40;
  }
  .badge-teal-darken-4 {
    background-color: #004D40;
    color: #FFFFFF;
  }
  .btn-teal-darken-4 {
    background-color: rgba(0, 77, 64, 0.9);
    color: #FFFFFF !important;
  }
  .btn-teal-darken-4:disabled,
  .btn-teal-darken-4.disabled {
    background-color: rgba(0, 77, 64, 0.4);
  }
  .btn-teal-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #004D40;
  }
  .btn-outline-teal-darken-4 {
    color: #004D40;
    border-color: #004D40;
  }
  .btn-outline-teal-darken-4:hover {
    background-color: #004D40;
    color: #FFFFFF;
  }
}
.text-teal-darken-4 {
  color: #004D40 !important;
}

:root {
  --teal-darken-4: #004D40;
}

.bg-teal-darken-4 {
  background-color: #004D40;
}

.border-teal-darken-4 {
  border-color: #004D40;
}

.border-left-teal-darken-4 {
  border-left-color: #004D40;
}

.border-right-teal-darken-4 {
  border-right-color: #004D40;
}

.border-top-teal-darken-4 {
  border-top-color: #004D40;
}

.border-bottom-teal-darken-4 {
  border-bottom-color: #004D40;
}

.badge-teal-darken-4 {
  background-color: #004D40;
  color: #FFFFFF;
}

.btn-teal-darken-4 {
  background-color: rgba(0, 77, 64, 0.9);
  color: #FFFFFF !important;
}

.btn-teal-darken-4:disabled,
.btn-teal-darken-4.disabled {
  background-color: rgba(0, 77, 64, 0.4);
}

.btn-teal-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #004D40;
}

.btn-outline-teal-darken-4 {
  color: #004D40;
  border-color: #004D40;
}

.btn-outline-teal-darken-4:hover {
  background-color: #004D40;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-teal-accent-1 {
    color: #A7FFEB !important;
  }
  :root {
    --teal-accent-1: #A7FFEB;
  }
  .bg-teal-accent-1 {
    background-color: #A7FFEB;
  }
  .border-teal-accent-1 {
    border-color: #A7FFEB;
  }
  .border-left-teal-accent-1 {
    border-left-color: #A7FFEB;
  }
  .border-right-teal-accent-1 {
    border-right-color: #A7FFEB;
  }
  .border-top-teal-accent-1 {
    border-top-color: #A7FFEB;
  }
  .border-bottom-teal-accent-1 {
    border-bottom-color: #A7FFEB;
  }
  .badge-teal-accent-1 {
    background-color: #A7FFEB;
    color: #000000;
  }
  .btn-teal-accent-1 {
    background-color: rgba(167, 255, 235, 0.9);
    color: #000000 !important;
  }
  .btn-teal-accent-1:disabled,
  .btn-teal-accent-1.disabled {
    background-color: rgba(167, 255, 235, 0.4);
  }
  .btn-teal-accent-1:not(:disabled):not(.disabled):hover {
    background-color: #A7FFEB;
  }
  .btn-outline-teal-accent-1 {
    color: #A7FFEB;
    border-color: #A7FFEB;
  }
  .btn-outline-teal-accent-1:hover {
    background-color: #A7FFEB;
    color: #000000;
  }
}
.text-teal-accent-1 {
  color: #A7FFEB !important;
}

:root {
  --teal-accent-1: #A7FFEB;
}

.bg-teal-accent-1 {
  background-color: #A7FFEB;
}

.border-teal-accent-1 {
  border-color: #A7FFEB;
}

.border-left-teal-accent-1 {
  border-left-color: #A7FFEB;
}

.border-right-teal-accent-1 {
  border-right-color: #A7FFEB;
}

.border-top-teal-accent-1 {
  border-top-color: #A7FFEB;
}

.border-bottom-teal-accent-1 {
  border-bottom-color: #A7FFEB;
}

.badge-teal-accent-1 {
  background-color: #A7FFEB;
  color: #000000;
}

.btn-teal-accent-1 {
  background-color: rgba(167, 255, 235, 0.9);
  color: #000000 !important;
}

.btn-teal-accent-1:disabled,
.btn-teal-accent-1.disabled {
  background-color: rgba(167, 255, 235, 0.4);
}

.btn-teal-accent-1:not(:disabled):not(.disabled):hover {
  background-color: #A7FFEB;
}

.btn-outline-teal-accent-1 {
  color: #A7FFEB;
  border-color: #A7FFEB;
}

.btn-outline-teal-accent-1:hover {
  background-color: #A7FFEB;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-teal-accent-2 {
    color: #64FFDA !important;
  }
  :root {
    --teal-accent-2: #64FFDA;
  }
  .bg-teal-accent-2 {
    background-color: #64FFDA;
  }
  .border-teal-accent-2 {
    border-color: #64FFDA;
  }
  .border-left-teal-accent-2 {
    border-left-color: #64FFDA;
  }
  .border-right-teal-accent-2 {
    border-right-color: #64FFDA;
  }
  .border-top-teal-accent-2 {
    border-top-color: #64FFDA;
  }
  .border-bottom-teal-accent-2 {
    border-bottom-color: #64FFDA;
  }
  .badge-teal-accent-2 {
    background-color: #64FFDA;
    color: #000000;
  }
  .btn-teal-accent-2 {
    background-color: rgba(100, 255, 218, 0.9);
    color: #000000 !important;
  }
  .btn-teal-accent-2:disabled,
  .btn-teal-accent-2.disabled {
    background-color: rgba(100, 255, 218, 0.4);
  }
  .btn-teal-accent-2:not(:disabled):not(.disabled):hover {
    background-color: #64FFDA;
  }
  .btn-outline-teal-accent-2 {
    color: #64FFDA;
    border-color: #64FFDA;
  }
  .btn-outline-teal-accent-2:hover {
    background-color: #64FFDA;
    color: #000000;
  }
}
.text-teal-accent-2 {
  color: #64FFDA !important;
}

:root {
  --teal-accent-2: #64FFDA;
}

.bg-teal-accent-2 {
  background-color: #64FFDA;
}

.border-teal-accent-2 {
  border-color: #64FFDA;
}

.border-left-teal-accent-2 {
  border-left-color: #64FFDA;
}

.border-right-teal-accent-2 {
  border-right-color: #64FFDA;
}

.border-top-teal-accent-2 {
  border-top-color: #64FFDA;
}

.border-bottom-teal-accent-2 {
  border-bottom-color: #64FFDA;
}

.badge-teal-accent-2 {
  background-color: #64FFDA;
  color: #000000;
}

.btn-teal-accent-2 {
  background-color: rgba(100, 255, 218, 0.9);
  color: #000000 !important;
}

.btn-teal-accent-2:disabled,
.btn-teal-accent-2.disabled {
  background-color: rgba(100, 255, 218, 0.4);
}

.btn-teal-accent-2:not(:disabled):not(.disabled):hover {
  background-color: #64FFDA;
}

.btn-outline-teal-accent-2 {
  color: #64FFDA;
  border-color: #64FFDA;
}

.btn-outline-teal-accent-2:hover {
  background-color: #64FFDA;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-teal-accent-3 {
    color: #1DE9B6 !important;
  }
  :root {
    --teal-accent-3: #1DE9B6;
  }
  .bg-teal-accent-3 {
    background-color: #1DE9B6;
  }
  .border-teal-accent-3 {
    border-color: #1DE9B6;
  }
  .border-left-teal-accent-3 {
    border-left-color: #1DE9B6;
  }
  .border-right-teal-accent-3 {
    border-right-color: #1DE9B6;
  }
  .border-top-teal-accent-3 {
    border-top-color: #1DE9B6;
  }
  .border-bottom-teal-accent-3 {
    border-bottom-color: #1DE9B6;
  }
  .badge-teal-accent-3 {
    background-color: #1DE9B6;
    color: #FFFFFF;
  }
  .btn-teal-accent-3 {
    background-color: rgba(29, 233, 182, 0.9);
    color: #FFFFFF !important;
  }
  .btn-teal-accent-3:disabled,
  .btn-teal-accent-3.disabled {
    background-color: rgba(29, 233, 182, 0.4);
  }
  .btn-teal-accent-3:not(:disabled):not(.disabled):hover {
    background-color: #1DE9B6;
  }
  .btn-outline-teal-accent-3 {
    color: #1DE9B6;
    border-color: #1DE9B6;
  }
  .btn-outline-teal-accent-3:hover {
    background-color: #1DE9B6;
    color: #FFFFFF;
  }
}
.text-teal-accent-3 {
  color: #1DE9B6 !important;
}

:root {
  --teal-accent-3: #1DE9B6;
}

.bg-teal-accent-3 {
  background-color: #1DE9B6;
}

.border-teal-accent-3 {
  border-color: #1DE9B6;
}

.border-left-teal-accent-3 {
  border-left-color: #1DE9B6;
}

.border-right-teal-accent-3 {
  border-right-color: #1DE9B6;
}

.border-top-teal-accent-3 {
  border-top-color: #1DE9B6;
}

.border-bottom-teal-accent-3 {
  border-bottom-color: #1DE9B6;
}

.badge-teal-accent-3 {
  background-color: #1DE9B6;
  color: #FFFFFF;
}

.btn-teal-accent-3 {
  background-color: rgba(29, 233, 182, 0.9);
  color: #FFFFFF !important;
}

.btn-teal-accent-3:disabled,
.btn-teal-accent-3.disabled {
  background-color: rgba(29, 233, 182, 0.4);
}

.btn-teal-accent-3:not(:disabled):not(.disabled):hover {
  background-color: #1DE9B6;
}

.btn-outline-teal-accent-3 {
  color: #1DE9B6;
  border-color: #1DE9B6;
}

.btn-outline-teal-accent-3:hover {
  background-color: #1DE9B6;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-teal-accent-4 {
    color: #00BFA5 !important;
  }
  :root {
    --teal-accent-4: #00BFA5;
  }
  .bg-teal-accent-4 {
    background-color: #00BFA5;
  }
  .border-teal-accent-4 {
    border-color: #00BFA5;
  }
  .border-left-teal-accent-4 {
    border-left-color: #00BFA5;
  }
  .border-right-teal-accent-4 {
    border-right-color: #00BFA5;
  }
  .border-top-teal-accent-4 {
    border-top-color: #00BFA5;
  }
  .border-bottom-teal-accent-4 {
    border-bottom-color: #00BFA5;
  }
  .badge-teal-accent-4 {
    background-color: #00BFA5;
    color: #FFFFFF;
  }
  .btn-teal-accent-4 {
    background-color: rgba(0, 191, 165, 0.9);
    color: #FFFFFF !important;
  }
  .btn-teal-accent-4:disabled,
  .btn-teal-accent-4.disabled {
    background-color: rgba(0, 191, 165, 0.4);
  }
  .btn-teal-accent-4:not(:disabled):not(.disabled):hover {
    background-color: #00BFA5;
  }
  .btn-outline-teal-accent-4 {
    color: #00BFA5;
    border-color: #00BFA5;
  }
  .btn-outline-teal-accent-4:hover {
    background-color: #00BFA5;
    color: #FFFFFF;
  }
}
.text-teal-accent-4 {
  color: #00BFA5 !important;
}

:root {
  --teal-accent-4: #00BFA5;
}

.bg-teal-accent-4 {
  background-color: #00BFA5;
}

.border-teal-accent-4 {
  border-color: #00BFA5;
}

.border-left-teal-accent-4 {
  border-left-color: #00BFA5;
}

.border-right-teal-accent-4 {
  border-right-color: #00BFA5;
}

.border-top-teal-accent-4 {
  border-top-color: #00BFA5;
}

.border-bottom-teal-accent-4 {
  border-bottom-color: #00BFA5;
}

.badge-teal-accent-4 {
  background-color: #00BFA5;
  color: #FFFFFF;
}

.btn-teal-accent-4 {
  background-color: rgba(0, 191, 165, 0.9);
  color: #FFFFFF !important;
}

.btn-teal-accent-4:disabled,
.btn-teal-accent-4.disabled {
  background-color: rgba(0, 191, 165, 0.4);
}

.btn-teal-accent-4:not(:disabled):not(.disabled):hover {
  background-color: #00BFA5;
}

.btn-outline-teal-accent-4 {
  color: #00BFA5;
  border-color: #00BFA5;
}

.btn-outline-teal-accent-4:hover {
  background-color: #00BFA5;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-green {
    color: #4CAF50 !important;
  }
  :root {
    --green: #4CAF50;
  }
  .bg-green {
    background-color: #4CAF50;
  }
  .border-green {
    border-color: #4CAF50;
  }
  .border-left-green {
    border-left-color: #4CAF50;
  }
  .border-right-green {
    border-right-color: #4CAF50;
  }
  .border-top-green {
    border-top-color: #4CAF50;
  }
  .border-bottom-green {
    border-bottom-color: #4CAF50;
  }
  .badge-green {
    background-color: #4CAF50;
  }
  .btn-green {
    background-color: rgba(76, 175, 80, 0.9);
  }
  .btn-green:disabled,
  .btn-green.disabled {
    background-color: rgba(76, 175, 80, 0.4);
  }
  .btn-green:not(:disabled):not(.disabled):hover {
    background-color: #4CAF50;
  }
  .btn-outline-green {
    color: #4CAF50;
    border-color: #4CAF50;
  }
  .btn-outline-green:hover {
    background-color: #4CAF50;
    color: #FFFFFF;
  }
}
.text-green {
  color: #4CAF50 !important;
}

:root {
  --green: #4CAF50;
}

.bg-green {
  background-color: #4CAF50;
}

.border-green {
  border-color: #4CAF50;
}

.border-left-green {
  border-left-color: #4CAF50;
}

.border-right-green {
  border-right-color: #4CAF50;
}

.border-top-green {
  border-top-color: #4CAF50;
}

.border-bottom-green {
  border-bottom-color: #4CAF50;
}

.badge-green {
  background-color: #4CAF50;
}

.btn-green {
  background-color: rgba(76, 175, 80, 0.9);
}

.btn-green:disabled,
.btn-green.disabled {
  background-color: rgba(76, 175, 80, 0.4);
}

.btn-green:not(:disabled):not(.disabled):hover {
  background-color: #4CAF50;
}

.btn-outline-green {
  color: #4CAF50;
  border-color: #4CAF50;
}

.btn-outline-green:hover {
  background-color: #4CAF50;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-green-lighten-5 {
    color: #E8F5E9 !important;
  }
  :root {
    --green-lighten-5: #E8F5E9;
  }
  .bg-green-lighten-5 {
    background-color: #E8F5E9;
  }
  .border-green-lighten-5 {
    border-color: #E8F5E9;
  }
  .border-left-green-lighten-5 {
    border-left-color: #E8F5E9;
  }
  .border-right-green-lighten-5 {
    border-right-color: #E8F5E9;
  }
  .border-top-green-lighten-5 {
    border-top-color: #E8F5E9;
  }
  .border-bottom-green-lighten-5 {
    border-bottom-color: #E8F5E9;
  }
  .badge-green-lighten-5 {
    background-color: #E8F5E9;
    color: #000000;
  }
  .btn-green-lighten-5 {
    background-color: rgba(232, 245, 233, 0.9);
    color: #000000 !important;
  }
  .btn-green-lighten-5:disabled,
  .btn-green-lighten-5.disabled {
    background-color: rgba(232, 245, 233, 0.4);
  }
  .btn-green-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #E8F5E9;
  }
  .btn-outline-green-lighten-5 {
    color: #E8F5E9;
    border-color: #E8F5E9;
  }
  .btn-outline-green-lighten-5:hover {
    background-color: #E8F5E9;
    color: #000000;
  }
}
.text-green-lighten-5 {
  color: #E8F5E9 !important;
}

:root {
  --green-lighten-5: #E8F5E9;
}

.bg-green-lighten-5 {
  background-color: #E8F5E9;
}

.border-green-lighten-5 {
  border-color: #E8F5E9;
}

.border-left-green-lighten-5 {
  border-left-color: #E8F5E9;
}

.border-right-green-lighten-5 {
  border-right-color: #E8F5E9;
}

.border-top-green-lighten-5 {
  border-top-color: #E8F5E9;
}

.border-bottom-green-lighten-5 {
  border-bottom-color: #E8F5E9;
}

.badge-green-lighten-5 {
  background-color: #E8F5E9;
  color: #000000;
}

.btn-green-lighten-5 {
  background-color: rgba(232, 245, 233, 0.9);
  color: #000000 !important;
}

.btn-green-lighten-5:disabled,
.btn-green-lighten-5.disabled {
  background-color: rgba(232, 245, 233, 0.4);
}

.btn-green-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #E8F5E9;
}

.btn-outline-green-lighten-5 {
  color: #E8F5E9;
  border-color: #E8F5E9;
}

.btn-outline-green-lighten-5:hover {
  background-color: #E8F5E9;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-green-lighten-4 {
    color: #C8E6C9 !important;
  }
  :root {
    --green-lighten-4: #C8E6C9;
  }
  .bg-green-lighten-4 {
    background-color: #C8E6C9;
  }
  .border-green-lighten-4 {
    border-color: #C8E6C9;
  }
  .border-left-green-lighten-4 {
    border-left-color: #C8E6C9;
  }
  .border-right-green-lighten-4 {
    border-right-color: #C8E6C9;
  }
  .border-top-green-lighten-4 {
    border-top-color: #C8E6C9;
  }
  .border-bottom-green-lighten-4 {
    border-bottom-color: #C8E6C9;
  }
  .badge-green-lighten-4 {
    background-color: #C8E6C9;
    color: #000000;
  }
  .btn-green-lighten-4 {
    background-color: rgba(200, 230, 201, 0.9);
    color: #000000 !important;
  }
  .btn-green-lighten-4:disabled,
  .btn-green-lighten-4.disabled {
    background-color: rgba(200, 230, 201, 0.4);
  }
  .btn-green-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #C8E6C9;
  }
  .btn-outline-green-lighten-4 {
    color: #C8E6C9;
    border-color: #C8E6C9;
  }
  .btn-outline-green-lighten-4:hover {
    background-color: #C8E6C9;
    color: #000000;
  }
}
.text-green-lighten-4 {
  color: #C8E6C9 !important;
}

:root {
  --green-lighten-4: #C8E6C9;
}

.bg-green-lighten-4 {
  background-color: #C8E6C9;
}

.border-green-lighten-4 {
  border-color: #C8E6C9;
}

.border-left-green-lighten-4 {
  border-left-color: #C8E6C9;
}

.border-right-green-lighten-4 {
  border-right-color: #C8E6C9;
}

.border-top-green-lighten-4 {
  border-top-color: #C8E6C9;
}

.border-bottom-green-lighten-4 {
  border-bottom-color: #C8E6C9;
}

.badge-green-lighten-4 {
  background-color: #C8E6C9;
  color: #000000;
}

.btn-green-lighten-4 {
  background-color: rgba(200, 230, 201, 0.9);
  color: #000000 !important;
}

.btn-green-lighten-4:disabled,
.btn-green-lighten-4.disabled {
  background-color: rgba(200, 230, 201, 0.4);
}

.btn-green-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #C8E6C9;
}

.btn-outline-green-lighten-4 {
  color: #C8E6C9;
  border-color: #C8E6C9;
}

.btn-outline-green-lighten-4:hover {
  background-color: #C8E6C9;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-green-lighten-3 {
    color: #A5D6A7 !important;
  }
  :root {
    --green-lighten-3: #A5D6A7;
  }
  .bg-green-lighten-3 {
    background-color: #A5D6A7;
  }
  .border-green-lighten-3 {
    border-color: #A5D6A7;
  }
  .border-left-green-lighten-3 {
    border-left-color: #A5D6A7;
  }
  .border-right-green-lighten-3 {
    border-right-color: #A5D6A7;
  }
  .border-top-green-lighten-3 {
    border-top-color: #A5D6A7;
  }
  .border-bottom-green-lighten-3 {
    border-bottom-color: #A5D6A7;
  }
  .badge-green-lighten-3 {
    background-color: #A5D6A7;
    color: #000000;
  }
  .btn-green-lighten-3 {
    background-color: rgba(165, 214, 167, 0.9);
    color: #000000 !important;
  }
  .btn-green-lighten-3:disabled,
  .btn-green-lighten-3.disabled {
    background-color: rgba(165, 214, 167, 0.4);
  }
  .btn-green-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #A5D6A7;
  }
  .btn-outline-green-lighten-3 {
    color: #A5D6A7;
    border-color: #A5D6A7;
  }
  .btn-outline-green-lighten-3:hover {
    background-color: #A5D6A7;
    color: #000000;
  }
}
.text-green-lighten-3 {
  color: #A5D6A7 !important;
}

:root {
  --green-lighten-3: #A5D6A7;
}

.bg-green-lighten-3 {
  background-color: #A5D6A7;
}

.border-green-lighten-3 {
  border-color: #A5D6A7;
}

.border-left-green-lighten-3 {
  border-left-color: #A5D6A7;
}

.border-right-green-lighten-3 {
  border-right-color: #A5D6A7;
}

.border-top-green-lighten-3 {
  border-top-color: #A5D6A7;
}

.border-bottom-green-lighten-3 {
  border-bottom-color: #A5D6A7;
}

.badge-green-lighten-3 {
  background-color: #A5D6A7;
  color: #000000;
}

.btn-green-lighten-3 {
  background-color: rgba(165, 214, 167, 0.9);
  color: #000000 !important;
}

.btn-green-lighten-3:disabled,
.btn-green-lighten-3.disabled {
  background-color: rgba(165, 214, 167, 0.4);
}

.btn-green-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #A5D6A7;
}

.btn-outline-green-lighten-3 {
  color: #A5D6A7;
  border-color: #A5D6A7;
}

.btn-outline-green-lighten-3:hover {
  background-color: #A5D6A7;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-green-lighten-2 {
    color: #81C784 !important;
  }
  :root {
    --green-lighten-2: #81C784;
  }
  .bg-green-lighten-2 {
    background-color: #81C784;
  }
  .border-green-lighten-2 {
    border-color: #81C784;
  }
  .border-left-green-lighten-2 {
    border-left-color: #81C784;
  }
  .border-right-green-lighten-2 {
    border-right-color: #81C784;
  }
  .border-top-green-lighten-2 {
    border-top-color: #81C784;
  }
  .border-bottom-green-lighten-2 {
    border-bottom-color: #81C784;
  }
  .badge-green-lighten-2 {
    background-color: #81C784;
    color: #000000;
  }
  .btn-green-lighten-2 {
    background-color: rgba(129, 199, 132, 0.9);
    color: #000000 !important;
  }
  .btn-green-lighten-2:disabled,
  .btn-green-lighten-2.disabled {
    background-color: rgba(129, 199, 132, 0.4);
  }
  .btn-green-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #81C784;
  }
  .btn-outline-green-lighten-2 {
    color: #81C784;
    border-color: #81C784;
  }
  .btn-outline-green-lighten-2:hover {
    background-color: #81C784;
    color: #000000;
  }
}
.text-green-lighten-2 {
  color: #81C784 !important;
}

:root {
  --green-lighten-2: #81C784;
}

.bg-green-lighten-2 {
  background-color: #81C784;
}

.border-green-lighten-2 {
  border-color: #81C784;
}

.border-left-green-lighten-2 {
  border-left-color: #81C784;
}

.border-right-green-lighten-2 {
  border-right-color: #81C784;
}

.border-top-green-lighten-2 {
  border-top-color: #81C784;
}

.border-bottom-green-lighten-2 {
  border-bottom-color: #81C784;
}

.badge-green-lighten-2 {
  background-color: #81C784;
  color: #000000;
}

.btn-green-lighten-2 {
  background-color: rgba(129, 199, 132, 0.9);
  color: #000000 !important;
}

.btn-green-lighten-2:disabled,
.btn-green-lighten-2.disabled {
  background-color: rgba(129, 199, 132, 0.4);
}

.btn-green-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #81C784;
}

.btn-outline-green-lighten-2 {
  color: #81C784;
  border-color: #81C784;
}

.btn-outline-green-lighten-2:hover {
  background-color: #81C784;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-green-lighten-1 {
    color: #66BB6A !important;
  }
  :root {
    --green-lighten-1: #66BB6A;
  }
  .bg-green-lighten-1 {
    background-color: #66BB6A;
  }
  .border-green-lighten-1 {
    border-color: #66BB6A;
  }
  .border-left-green-lighten-1 {
    border-left-color: #66BB6A;
  }
  .border-right-green-lighten-1 {
    border-right-color: #66BB6A;
  }
  .border-top-green-lighten-1 {
    border-top-color: #66BB6A;
  }
  .border-bottom-green-lighten-1 {
    border-bottom-color: #66BB6A;
  }
  .badge-green-lighten-1 {
    background-color: #66BB6A;
    color: #000000;
  }
  .btn-green-lighten-1 {
    background-color: rgba(102, 187, 106, 0.9);
    color: #000000 !important;
  }
  .btn-green-lighten-1:disabled,
  .btn-green-lighten-1.disabled {
    background-color: rgba(102, 187, 106, 0.4);
  }
  .btn-green-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #66BB6A;
  }
  .btn-outline-green-lighten-1 {
    color: #66BB6A;
    border-color: #66BB6A;
  }
  .btn-outline-green-lighten-1:hover {
    background-color: #66BB6A;
    color: #000000;
  }
}
.text-green-lighten-1 {
  color: #66BB6A !important;
}

:root {
  --green-lighten-1: #66BB6A;
}

.bg-green-lighten-1 {
  background-color: #66BB6A;
}

.border-green-lighten-1 {
  border-color: #66BB6A;
}

.border-left-green-lighten-1 {
  border-left-color: #66BB6A;
}

.border-right-green-lighten-1 {
  border-right-color: #66BB6A;
}

.border-top-green-lighten-1 {
  border-top-color: #66BB6A;
}

.border-bottom-green-lighten-1 {
  border-bottom-color: #66BB6A;
}

.badge-green-lighten-1 {
  background-color: #66BB6A;
  color: #000000;
}

.btn-green-lighten-1 {
  background-color: rgba(102, 187, 106, 0.9);
  color: #000000 !important;
}

.btn-green-lighten-1:disabled,
.btn-green-lighten-1.disabled {
  background-color: rgba(102, 187, 106, 0.4);
}

.btn-green-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #66BB6A;
}

.btn-outline-green-lighten-1 {
  color: #66BB6A;
  border-color: #66BB6A;
}

.btn-outline-green-lighten-1:hover {
  background-color: #66BB6A;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-green-darken-1 {
    color: #43A047 !important;
  }
  :root {
    --green-darken-1: #43A047;
  }
  .bg-green-darken-1 {
    background-color: #43A047;
  }
  .border-green-darken-1 {
    border-color: #43A047;
  }
  .border-left-green-darken-1 {
    border-left-color: #43A047;
  }
  .border-right-green-darken-1 {
    border-right-color: #43A047;
  }
  .border-top-green-darken-1 {
    border-top-color: #43A047;
  }
  .border-bottom-green-darken-1 {
    border-bottom-color: #43A047;
  }
  .badge-green-darken-1 {
    background-color: #43A047;
    color: #FFFFFF;
  }
  .btn-green-darken-1 {
    background-color: rgba(67, 160, 71, 0.9);
    color: #FFFFFF !important;
  }
  .btn-green-darken-1:disabled,
  .btn-green-darken-1.disabled {
    background-color: rgba(67, 160, 71, 0.4);
  }
  .btn-green-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #43A047;
  }
  .btn-outline-green-darken-1 {
    color: #43A047;
    border-color: #43A047;
  }
  .btn-outline-green-darken-1:hover {
    background-color: #43A047;
    color: #FFFFFF;
  }
}
.text-green-darken-1 {
  color: #43A047 !important;
}

:root {
  --green-darken-1: #43A047;
}

.bg-green-darken-1 {
  background-color: #43A047;
}

.border-green-darken-1 {
  border-color: #43A047;
}

.border-left-green-darken-1 {
  border-left-color: #43A047;
}

.border-right-green-darken-1 {
  border-right-color: #43A047;
}

.border-top-green-darken-1 {
  border-top-color: #43A047;
}

.border-bottom-green-darken-1 {
  border-bottom-color: #43A047;
}

.badge-green-darken-1 {
  background-color: #43A047;
  color: #FFFFFF;
}

.btn-green-darken-1 {
  background-color: rgba(67, 160, 71, 0.9);
  color: #FFFFFF !important;
}

.btn-green-darken-1:disabled,
.btn-green-darken-1.disabled {
  background-color: rgba(67, 160, 71, 0.4);
}

.btn-green-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #43A047;
}

.btn-outline-green-darken-1 {
  color: #43A047;
  border-color: #43A047;
}

.btn-outline-green-darken-1:hover {
  background-color: #43A047;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-green-darken-2 {
    color: #388E3C !important;
  }
  :root {
    --green-darken-2: #388E3C;
  }
  .bg-green-darken-2 {
    background-color: #388E3C;
  }
  .border-green-darken-2 {
    border-color: #388E3C;
  }
  .border-left-green-darken-2 {
    border-left-color: #388E3C;
  }
  .border-right-green-darken-2 {
    border-right-color: #388E3C;
  }
  .border-top-green-darken-2 {
    border-top-color: #388E3C;
  }
  .border-bottom-green-darken-2 {
    border-bottom-color: #388E3C;
  }
  .badge-green-darken-2 {
    background-color: #388E3C;
    color: #FFFFFF;
  }
  .btn-green-darken-2 {
    background-color: rgba(56, 142, 60, 0.9);
    color: #FFFFFF !important;
  }
  .btn-green-darken-2:disabled,
  .btn-green-darken-2.disabled {
    background-color: rgba(56, 142, 60, 0.4);
  }
  .btn-green-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #388E3C;
  }
  .btn-outline-green-darken-2 {
    color: #388E3C;
    border-color: #388E3C;
  }
  .btn-outline-green-darken-2:hover {
    background-color: #388E3C;
    color: #FFFFFF;
  }
}
.text-green-darken-2 {
  color: #388E3C !important;
}

:root {
  --green-darken-2: #388E3C;
}

.bg-green-darken-2 {
  background-color: #388E3C;
}

.border-green-darken-2 {
  border-color: #388E3C;
}

.border-left-green-darken-2 {
  border-left-color: #388E3C;
}

.border-right-green-darken-2 {
  border-right-color: #388E3C;
}

.border-top-green-darken-2 {
  border-top-color: #388E3C;
}

.border-bottom-green-darken-2 {
  border-bottom-color: #388E3C;
}

.badge-green-darken-2 {
  background-color: #388E3C;
  color: #FFFFFF;
}

.btn-green-darken-2 {
  background-color: rgba(56, 142, 60, 0.9);
  color: #FFFFFF !important;
}

.btn-green-darken-2:disabled,
.btn-green-darken-2.disabled {
  background-color: rgba(56, 142, 60, 0.4);
}

.btn-green-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #388E3C;
}

.btn-outline-green-darken-2 {
  color: #388E3C;
  border-color: #388E3C;
}

.btn-outline-green-darken-2:hover {
  background-color: #388E3C;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-green-darken-3 {
    color: #2E7D32 !important;
  }
  :root {
    --green-darken-3: #2E7D32;
  }
  .bg-green-darken-3 {
    background-color: #2E7D32;
  }
  .border-green-darken-3 {
    border-color: #2E7D32;
  }
  .border-left-green-darken-3 {
    border-left-color: #2E7D32;
  }
  .border-right-green-darken-3 {
    border-right-color: #2E7D32;
  }
  .border-top-green-darken-3 {
    border-top-color: #2E7D32;
  }
  .border-bottom-green-darken-3 {
    border-bottom-color: #2E7D32;
  }
  .badge-green-darken-3 {
    background-color: #2E7D32;
    color: #FFFFFF;
  }
  .btn-green-darken-3 {
    background-color: rgba(46, 125, 50, 0.9);
    color: #FFFFFF !important;
  }
  .btn-green-darken-3:disabled,
  .btn-green-darken-3.disabled {
    background-color: rgba(46, 125, 50, 0.4);
  }
  .btn-green-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #2E7D32;
  }
  .btn-outline-green-darken-3 {
    color: #2E7D32;
    border-color: #2E7D32;
  }
  .btn-outline-green-darken-3:hover {
    background-color: #2E7D32;
    color: #FFFFFF;
  }
}
.text-green-darken-3 {
  color: #2E7D32 !important;
}

:root {
  --green-darken-3: #2E7D32;
}

.bg-green-darken-3 {
  background-color: #2E7D32;
}

.border-green-darken-3 {
  border-color: #2E7D32;
}

.border-left-green-darken-3 {
  border-left-color: #2E7D32;
}

.border-right-green-darken-3 {
  border-right-color: #2E7D32;
}

.border-top-green-darken-3 {
  border-top-color: #2E7D32;
}

.border-bottom-green-darken-3 {
  border-bottom-color: #2E7D32;
}

.badge-green-darken-3 {
  background-color: #2E7D32;
  color: #FFFFFF;
}

.btn-green-darken-3 {
  background-color: rgba(46, 125, 50, 0.9);
  color: #FFFFFF !important;
}

.btn-green-darken-3:disabled,
.btn-green-darken-3.disabled {
  background-color: rgba(46, 125, 50, 0.4);
}

.btn-green-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #2E7D32;
}

.btn-outline-green-darken-3 {
  color: #2E7D32;
  border-color: #2E7D32;
}

.btn-outline-green-darken-3:hover {
  background-color: #2E7D32;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-green-darken-4 {
    color: #1B5E20 !important;
  }
  :root {
    --green-darken-4: #1B5E20;
  }
  .bg-green-darken-4 {
    background-color: #1B5E20;
  }
  .border-green-darken-4 {
    border-color: #1B5E20;
  }
  .border-left-green-darken-4 {
    border-left-color: #1B5E20;
  }
  .border-right-green-darken-4 {
    border-right-color: #1B5E20;
  }
  .border-top-green-darken-4 {
    border-top-color: #1B5E20;
  }
  .border-bottom-green-darken-4 {
    border-bottom-color: #1B5E20;
  }
  .badge-green-darken-4 {
    background-color: #1B5E20;
    color: #FFFFFF;
  }
  .btn-green-darken-4 {
    background-color: rgba(27, 94, 32, 0.9);
    color: #FFFFFF !important;
  }
  .btn-green-darken-4:disabled,
  .btn-green-darken-4.disabled {
    background-color: rgba(27, 94, 32, 0.4);
  }
  .btn-green-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #1B5E20;
  }
  .btn-outline-green-darken-4 {
    color: #1B5E20;
    border-color: #1B5E20;
  }
  .btn-outline-green-darken-4:hover {
    background-color: #1B5E20;
    color: #FFFFFF;
  }
}
.text-green-darken-4 {
  color: #1B5E20 !important;
}

:root {
  --green-darken-4: #1B5E20;
}

.bg-green-darken-4 {
  background-color: #1B5E20;
}

.border-green-darken-4 {
  border-color: #1B5E20;
}

.border-left-green-darken-4 {
  border-left-color: #1B5E20;
}

.border-right-green-darken-4 {
  border-right-color: #1B5E20;
}

.border-top-green-darken-4 {
  border-top-color: #1B5E20;
}

.border-bottom-green-darken-4 {
  border-bottom-color: #1B5E20;
}

.badge-green-darken-4 {
  background-color: #1B5E20;
  color: #FFFFFF;
}

.btn-green-darken-4 {
  background-color: rgba(27, 94, 32, 0.9);
  color: #FFFFFF !important;
}

.btn-green-darken-4:disabled,
.btn-green-darken-4.disabled {
  background-color: rgba(27, 94, 32, 0.4);
}

.btn-green-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #1B5E20;
}

.btn-outline-green-darken-4 {
  color: #1B5E20;
  border-color: #1B5E20;
}

.btn-outline-green-darken-4:hover {
  background-color: #1B5E20;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-green-accent-1 {
    color: #B9F6CA !important;
  }
  :root {
    --green-accent-1: #B9F6CA;
  }
  .bg-green-accent-1 {
    background-color: #B9F6CA;
  }
  .border-green-accent-1 {
    border-color: #B9F6CA;
  }
  .border-left-green-accent-1 {
    border-left-color: #B9F6CA;
  }
  .border-right-green-accent-1 {
    border-right-color: #B9F6CA;
  }
  .border-top-green-accent-1 {
    border-top-color: #B9F6CA;
  }
  .border-bottom-green-accent-1 {
    border-bottom-color: #B9F6CA;
  }
  .badge-green-accent-1 {
    background-color: #B9F6CA;
    color: #000000;
  }
  .btn-green-accent-1 {
    background-color: rgba(185, 246, 202, 0.9);
    color: #000000 !important;
  }
  .btn-green-accent-1:disabled,
  .btn-green-accent-1.disabled {
    background-color: rgba(185, 246, 202, 0.4);
  }
  .btn-green-accent-1:not(:disabled):not(.disabled):hover {
    background-color: #B9F6CA;
  }
  .btn-outline-green-accent-1 {
    color: #B9F6CA;
    border-color: #B9F6CA;
  }
  .btn-outline-green-accent-1:hover {
    background-color: #B9F6CA;
    color: #000000;
  }
}
.text-green-accent-1 {
  color: #B9F6CA !important;
}

:root {
  --green-accent-1: #B9F6CA;
}

.bg-green-accent-1 {
  background-color: #B9F6CA;
}

.border-green-accent-1 {
  border-color: #B9F6CA;
}

.border-left-green-accent-1 {
  border-left-color: #B9F6CA;
}

.border-right-green-accent-1 {
  border-right-color: #B9F6CA;
}

.border-top-green-accent-1 {
  border-top-color: #B9F6CA;
}

.border-bottom-green-accent-1 {
  border-bottom-color: #B9F6CA;
}

.badge-green-accent-1 {
  background-color: #B9F6CA;
  color: #000000;
}

.btn-green-accent-1 {
  background-color: rgba(185, 246, 202, 0.9);
  color: #000000 !important;
}

.btn-green-accent-1:disabled,
.btn-green-accent-1.disabled {
  background-color: rgba(185, 246, 202, 0.4);
}

.btn-green-accent-1:not(:disabled):not(.disabled):hover {
  background-color: #B9F6CA;
}

.btn-outline-green-accent-1 {
  color: #B9F6CA;
  border-color: #B9F6CA;
}

.btn-outline-green-accent-1:hover {
  background-color: #B9F6CA;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-green-accent-2 {
    color: #69F0AE !important;
  }
  :root {
    --green-accent-2: #69F0AE;
  }
  .bg-green-accent-2 {
    background-color: #69F0AE;
  }
  .border-green-accent-2 {
    border-color: #69F0AE;
  }
  .border-left-green-accent-2 {
    border-left-color: #69F0AE;
  }
  .border-right-green-accent-2 {
    border-right-color: #69F0AE;
  }
  .border-top-green-accent-2 {
    border-top-color: #69F0AE;
  }
  .border-bottom-green-accent-2 {
    border-bottom-color: #69F0AE;
  }
  .badge-green-accent-2 {
    background-color: #69F0AE;
    color: #000000;
  }
  .btn-green-accent-2 {
    background-color: rgba(105, 240, 174, 0.9);
    color: #000000 !important;
  }
  .btn-green-accent-2:disabled,
  .btn-green-accent-2.disabled {
    background-color: rgba(105, 240, 174, 0.4);
  }
  .btn-green-accent-2:not(:disabled):not(.disabled):hover {
    background-color: #69F0AE;
  }
  .btn-outline-green-accent-2 {
    color: #69F0AE;
    border-color: #69F0AE;
  }
  .btn-outline-green-accent-2:hover {
    background-color: #69F0AE;
    color: #000000;
  }
}
.text-green-accent-2 {
  color: #69F0AE !important;
}

:root {
  --green-accent-2: #69F0AE;
}

.bg-green-accent-2 {
  background-color: #69F0AE;
}

.border-green-accent-2 {
  border-color: #69F0AE;
}

.border-left-green-accent-2 {
  border-left-color: #69F0AE;
}

.border-right-green-accent-2 {
  border-right-color: #69F0AE;
}

.border-top-green-accent-2 {
  border-top-color: #69F0AE;
}

.border-bottom-green-accent-2 {
  border-bottom-color: #69F0AE;
}

.badge-green-accent-2 {
  background-color: #69F0AE;
  color: #000000;
}

.btn-green-accent-2 {
  background-color: rgba(105, 240, 174, 0.9);
  color: #000000 !important;
}

.btn-green-accent-2:disabled,
.btn-green-accent-2.disabled {
  background-color: rgba(105, 240, 174, 0.4);
}

.btn-green-accent-2:not(:disabled):not(.disabled):hover {
  background-color: #69F0AE;
}

.btn-outline-green-accent-2 {
  color: #69F0AE;
  border-color: #69F0AE;
}

.btn-outline-green-accent-2:hover {
  background-color: #69F0AE;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-green-accent-3 {
    color: #00E676 !important;
  }
  :root {
    --green-accent-3: #00E676;
  }
  .bg-green-accent-3 {
    background-color: #00E676;
  }
  .border-green-accent-3 {
    border-color: #00E676;
  }
  .border-left-green-accent-3 {
    border-left-color: #00E676;
  }
  .border-right-green-accent-3 {
    border-right-color: #00E676;
  }
  .border-top-green-accent-3 {
    border-top-color: #00E676;
  }
  .border-bottom-green-accent-3 {
    border-bottom-color: #00E676;
  }
  .badge-green-accent-3 {
    background-color: #00E676;
    color: #FFFFFF;
  }
  .btn-green-accent-3 {
    background-color: rgba(0, 230, 118, 0.9);
    color: #FFFFFF !important;
  }
  .btn-green-accent-3:disabled,
  .btn-green-accent-3.disabled {
    background-color: rgba(0, 230, 118, 0.4);
  }
  .btn-green-accent-3:not(:disabled):not(.disabled):hover {
    background-color: #00E676;
  }
  .btn-outline-green-accent-3 {
    color: #00E676;
    border-color: #00E676;
  }
  .btn-outline-green-accent-3:hover {
    background-color: #00E676;
    color: #FFFFFF;
  }
}
.text-green-accent-3 {
  color: #00E676 !important;
}

:root {
  --green-accent-3: #00E676;
}

.bg-green-accent-3 {
  background-color: #00E676;
}

.border-green-accent-3 {
  border-color: #00E676;
}

.border-left-green-accent-3 {
  border-left-color: #00E676;
}

.border-right-green-accent-3 {
  border-right-color: #00E676;
}

.border-top-green-accent-3 {
  border-top-color: #00E676;
}

.border-bottom-green-accent-3 {
  border-bottom-color: #00E676;
}

.badge-green-accent-3 {
  background-color: #00E676;
  color: #FFFFFF;
}

.btn-green-accent-3 {
  background-color: rgba(0, 230, 118, 0.9);
  color: #FFFFFF !important;
}

.btn-green-accent-3:disabled,
.btn-green-accent-3.disabled {
  background-color: rgba(0, 230, 118, 0.4);
}

.btn-green-accent-3:not(:disabled):not(.disabled):hover {
  background-color: #00E676;
}

.btn-outline-green-accent-3 {
  color: #00E676;
  border-color: #00E676;
}

.btn-outline-green-accent-3:hover {
  background-color: #00E676;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-green-accent-4 {
    color: #00C853 !important;
  }
  :root {
    --green-accent-4: #00C853;
  }
  .bg-green-accent-4 {
    background-color: #00C853;
  }
  .border-green-accent-4 {
    border-color: #00C853;
  }
  .border-left-green-accent-4 {
    border-left-color: #00C853;
  }
  .border-right-green-accent-4 {
    border-right-color: #00C853;
  }
  .border-top-green-accent-4 {
    border-top-color: #00C853;
  }
  .border-bottom-green-accent-4 {
    border-bottom-color: #00C853;
  }
  .badge-green-accent-4 {
    background-color: #00C853;
    color: #FFFFFF;
  }
  .btn-green-accent-4 {
    background-color: rgba(0, 200, 83, 0.9);
    color: #FFFFFF !important;
  }
  .btn-green-accent-4:disabled,
  .btn-green-accent-4.disabled {
    background-color: rgba(0, 200, 83, 0.4);
  }
  .btn-green-accent-4:not(:disabled):not(.disabled):hover {
    background-color: #00C853;
  }
  .btn-outline-green-accent-4 {
    color: #00C853;
    border-color: #00C853;
  }
  .btn-outline-green-accent-4:hover {
    background-color: #00C853;
    color: #FFFFFF;
  }
}
.text-green-accent-4 {
  color: #00C853 !important;
}

:root {
  --green-accent-4: #00C853;
}

.bg-green-accent-4 {
  background-color: #00C853;
}

.border-green-accent-4 {
  border-color: #00C853;
}

.border-left-green-accent-4 {
  border-left-color: #00C853;
}

.border-right-green-accent-4 {
  border-right-color: #00C853;
}

.border-top-green-accent-4 {
  border-top-color: #00C853;
}

.border-bottom-green-accent-4 {
  border-bottom-color: #00C853;
}

.badge-green-accent-4 {
  background-color: #00C853;
  color: #FFFFFF;
}

.btn-green-accent-4 {
  background-color: rgba(0, 200, 83, 0.9);
  color: #FFFFFF !important;
}

.btn-green-accent-4:disabled,
.btn-green-accent-4.disabled {
  background-color: rgba(0, 200, 83, 0.4);
}

.btn-green-accent-4:not(:disabled):not(.disabled):hover {
  background-color: #00C853;
}

.btn-outline-green-accent-4 {
  color: #00C853;
  border-color: #00C853;
}

.btn-outline-green-accent-4:hover {
  background-color: #00C853;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-green {
    color: #8BC34A !important;
  }
  :root {
    --light-green: #8BC34A;
  }
  .bg-light-green {
    background-color: #8BC34A;
  }
  .border-light-green {
    border-color: #8BC34A;
  }
  .border-left-light-green {
    border-left-color: #8BC34A;
  }
  .border-right-light-green {
    border-right-color: #8BC34A;
  }
  .border-top-light-green {
    border-top-color: #8BC34A;
  }
  .border-bottom-light-green {
    border-bottom-color: #8BC34A;
  }
  .badge-light-green {
    background-color: #8BC34A;
  }
  .btn-light-green {
    background-color: rgba(139, 195, 74, 0.9);
  }
  .btn-light-green:disabled,
  .btn-light-green.disabled {
    background-color: rgba(139, 195, 74, 0.4);
  }
  .btn-light-green:not(:disabled):not(.disabled):hover {
    background-color: #8BC34A;
  }
  .btn-outline-light-green {
    color: #8BC34A;
    border-color: #8BC34A;
  }
  .btn-outline-light-green:hover {
    background-color: #8BC34A;
    color: #FFFFFF;
  }
}
.text-light-green {
  color: #8BC34A !important;
}

:root {
  --light-green: #8BC34A;
}

.bg-light-green {
  background-color: #8BC34A;
}

.border-light-green {
  border-color: #8BC34A;
}

.border-left-light-green {
  border-left-color: #8BC34A;
}

.border-right-light-green {
  border-right-color: #8BC34A;
}

.border-top-light-green {
  border-top-color: #8BC34A;
}

.border-bottom-light-green {
  border-bottom-color: #8BC34A;
}

.badge-light-green {
  background-color: #8BC34A;
}

.btn-light-green {
  background-color: rgba(139, 195, 74, 0.9);
}

.btn-light-green:disabled,
.btn-light-green.disabled {
  background-color: rgba(139, 195, 74, 0.4);
}

.btn-light-green:not(:disabled):not(.disabled):hover {
  background-color: #8BC34A;
}

.btn-outline-light-green {
  color: #8BC34A;
  border-color: #8BC34A;
}

.btn-outline-light-green:hover {
  background-color: #8BC34A;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-green-lighten-5 {
    color: #F1F8E9 !important;
  }
  :root {
    --light-green-lighten-5: #F1F8E9;
  }
  .bg-light-green-lighten-5 {
    background-color: #F1F8E9;
  }
  .border-light-green-lighten-5 {
    border-color: #F1F8E9;
  }
  .border-left-light-green-lighten-5 {
    border-left-color: #F1F8E9;
  }
  .border-right-light-green-lighten-5 {
    border-right-color: #F1F8E9;
  }
  .border-top-light-green-lighten-5 {
    border-top-color: #F1F8E9;
  }
  .border-bottom-light-green-lighten-5 {
    border-bottom-color: #F1F8E9;
  }
  .badge-light-green-lighten-5 {
    background-color: #F1F8E9;
    color: #000000;
  }
  .btn-light-green-lighten-5 {
    background-color: rgba(241, 248, 233, 0.9);
    color: #000000 !important;
  }
  .btn-light-green-lighten-5:disabled,
  .btn-light-green-lighten-5.disabled {
    background-color: rgba(241, 248, 233, 0.4);
  }
  .btn-light-green-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #F1F8E9;
  }
  .btn-outline-light-green-lighten-5 {
    color: #F1F8E9;
    border-color: #F1F8E9;
  }
  .btn-outline-light-green-lighten-5:hover {
    background-color: #F1F8E9;
    color: #000000;
  }
}
.text-light-green-lighten-5 {
  color: #F1F8E9 !important;
}

:root {
  --light-green-lighten-5: #F1F8E9;
}

.bg-light-green-lighten-5 {
  background-color: #F1F8E9;
}

.border-light-green-lighten-5 {
  border-color: #F1F8E9;
}

.border-left-light-green-lighten-5 {
  border-left-color: #F1F8E9;
}

.border-right-light-green-lighten-5 {
  border-right-color: #F1F8E9;
}

.border-top-light-green-lighten-5 {
  border-top-color: #F1F8E9;
}

.border-bottom-light-green-lighten-5 {
  border-bottom-color: #F1F8E9;
}

.badge-light-green-lighten-5 {
  background-color: #F1F8E9;
  color: #000000;
}

.btn-light-green-lighten-5 {
  background-color: rgba(241, 248, 233, 0.9);
  color: #000000 !important;
}

.btn-light-green-lighten-5:disabled,
.btn-light-green-lighten-5.disabled {
  background-color: rgba(241, 248, 233, 0.4);
}

.btn-light-green-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #F1F8E9;
}

.btn-outline-light-green-lighten-5 {
  color: #F1F8E9;
  border-color: #F1F8E9;
}

.btn-outline-light-green-lighten-5:hover {
  background-color: #F1F8E9;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-green-lighten-4 {
    color: #DCEDC8 !important;
  }
  :root {
    --light-green-lighten-4: #DCEDC8;
  }
  .bg-light-green-lighten-4 {
    background-color: #DCEDC8;
  }
  .border-light-green-lighten-4 {
    border-color: #DCEDC8;
  }
  .border-left-light-green-lighten-4 {
    border-left-color: #DCEDC8;
  }
  .border-right-light-green-lighten-4 {
    border-right-color: #DCEDC8;
  }
  .border-top-light-green-lighten-4 {
    border-top-color: #DCEDC8;
  }
  .border-bottom-light-green-lighten-4 {
    border-bottom-color: #DCEDC8;
  }
  .badge-light-green-lighten-4 {
    background-color: #DCEDC8;
    color: #000000;
  }
  .btn-light-green-lighten-4 {
    background-color: rgba(220, 237, 200, 0.9);
    color: #000000 !important;
  }
  .btn-light-green-lighten-4:disabled,
  .btn-light-green-lighten-4.disabled {
    background-color: rgba(220, 237, 200, 0.4);
  }
  .btn-light-green-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #DCEDC8;
  }
  .btn-outline-light-green-lighten-4 {
    color: #DCEDC8;
    border-color: #DCEDC8;
  }
  .btn-outline-light-green-lighten-4:hover {
    background-color: #DCEDC8;
    color: #000000;
  }
}
.text-light-green-lighten-4 {
  color: #DCEDC8 !important;
}

:root {
  --light-green-lighten-4: #DCEDC8;
}

.bg-light-green-lighten-4 {
  background-color: #DCEDC8;
}

.border-light-green-lighten-4 {
  border-color: #DCEDC8;
}

.border-left-light-green-lighten-4 {
  border-left-color: #DCEDC8;
}

.border-right-light-green-lighten-4 {
  border-right-color: #DCEDC8;
}

.border-top-light-green-lighten-4 {
  border-top-color: #DCEDC8;
}

.border-bottom-light-green-lighten-4 {
  border-bottom-color: #DCEDC8;
}

.badge-light-green-lighten-4 {
  background-color: #DCEDC8;
  color: #000000;
}

.btn-light-green-lighten-4 {
  background-color: rgba(220, 237, 200, 0.9);
  color: #000000 !important;
}

.btn-light-green-lighten-4:disabled,
.btn-light-green-lighten-4.disabled {
  background-color: rgba(220, 237, 200, 0.4);
}

.btn-light-green-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #DCEDC8;
}

.btn-outline-light-green-lighten-4 {
  color: #DCEDC8;
  border-color: #DCEDC8;
}

.btn-outline-light-green-lighten-4:hover {
  background-color: #DCEDC8;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-green-lighten-3 {
    color: #C5E1A5 !important;
  }
  :root {
    --light-green-lighten-3: #C5E1A5;
  }
  .bg-light-green-lighten-3 {
    background-color: #C5E1A5;
  }
  .border-light-green-lighten-3 {
    border-color: #C5E1A5;
  }
  .border-left-light-green-lighten-3 {
    border-left-color: #C5E1A5;
  }
  .border-right-light-green-lighten-3 {
    border-right-color: #C5E1A5;
  }
  .border-top-light-green-lighten-3 {
    border-top-color: #C5E1A5;
  }
  .border-bottom-light-green-lighten-3 {
    border-bottom-color: #C5E1A5;
  }
  .badge-light-green-lighten-3 {
    background-color: #C5E1A5;
    color: #000000;
  }
  .btn-light-green-lighten-3 {
    background-color: rgba(197, 225, 165, 0.9);
    color: #000000 !important;
  }
  .btn-light-green-lighten-3:disabled,
  .btn-light-green-lighten-3.disabled {
    background-color: rgba(197, 225, 165, 0.4);
  }
  .btn-light-green-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #C5E1A5;
  }
  .btn-outline-light-green-lighten-3 {
    color: #C5E1A5;
    border-color: #C5E1A5;
  }
  .btn-outline-light-green-lighten-3:hover {
    background-color: #C5E1A5;
    color: #000000;
  }
}
.text-light-green-lighten-3 {
  color: #C5E1A5 !important;
}

:root {
  --light-green-lighten-3: #C5E1A5;
}

.bg-light-green-lighten-3 {
  background-color: #C5E1A5;
}

.border-light-green-lighten-3 {
  border-color: #C5E1A5;
}

.border-left-light-green-lighten-3 {
  border-left-color: #C5E1A5;
}

.border-right-light-green-lighten-3 {
  border-right-color: #C5E1A5;
}

.border-top-light-green-lighten-3 {
  border-top-color: #C5E1A5;
}

.border-bottom-light-green-lighten-3 {
  border-bottom-color: #C5E1A5;
}

.badge-light-green-lighten-3 {
  background-color: #C5E1A5;
  color: #000000;
}

.btn-light-green-lighten-3 {
  background-color: rgba(197, 225, 165, 0.9);
  color: #000000 !important;
}

.btn-light-green-lighten-3:disabled,
.btn-light-green-lighten-3.disabled {
  background-color: rgba(197, 225, 165, 0.4);
}

.btn-light-green-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #C5E1A5;
}

.btn-outline-light-green-lighten-3 {
  color: #C5E1A5;
  border-color: #C5E1A5;
}

.btn-outline-light-green-lighten-3:hover {
  background-color: #C5E1A5;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-green-lighten-2 {
    color: #AED581 !important;
  }
  :root {
    --light-green-lighten-2: #AED581;
  }
  .bg-light-green-lighten-2 {
    background-color: #AED581;
  }
  .border-light-green-lighten-2 {
    border-color: #AED581;
  }
  .border-left-light-green-lighten-2 {
    border-left-color: #AED581;
  }
  .border-right-light-green-lighten-2 {
    border-right-color: #AED581;
  }
  .border-top-light-green-lighten-2 {
    border-top-color: #AED581;
  }
  .border-bottom-light-green-lighten-2 {
    border-bottom-color: #AED581;
  }
  .badge-light-green-lighten-2 {
    background-color: #AED581;
    color: #000000;
  }
  .btn-light-green-lighten-2 {
    background-color: rgba(174, 213, 129, 0.9);
    color: #000000 !important;
  }
  .btn-light-green-lighten-2:disabled,
  .btn-light-green-lighten-2.disabled {
    background-color: rgba(174, 213, 129, 0.4);
  }
  .btn-light-green-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #AED581;
  }
  .btn-outline-light-green-lighten-2 {
    color: #AED581;
    border-color: #AED581;
  }
  .btn-outline-light-green-lighten-2:hover {
    background-color: #AED581;
    color: #000000;
  }
}
.text-light-green-lighten-2 {
  color: #AED581 !important;
}

:root {
  --light-green-lighten-2: #AED581;
}

.bg-light-green-lighten-2 {
  background-color: #AED581;
}

.border-light-green-lighten-2 {
  border-color: #AED581;
}

.border-left-light-green-lighten-2 {
  border-left-color: #AED581;
}

.border-right-light-green-lighten-2 {
  border-right-color: #AED581;
}

.border-top-light-green-lighten-2 {
  border-top-color: #AED581;
}

.border-bottom-light-green-lighten-2 {
  border-bottom-color: #AED581;
}

.badge-light-green-lighten-2 {
  background-color: #AED581;
  color: #000000;
}

.btn-light-green-lighten-2 {
  background-color: rgba(174, 213, 129, 0.9);
  color: #000000 !important;
}

.btn-light-green-lighten-2:disabled,
.btn-light-green-lighten-2.disabled {
  background-color: rgba(174, 213, 129, 0.4);
}

.btn-light-green-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #AED581;
}

.btn-outline-light-green-lighten-2 {
  color: #AED581;
  border-color: #AED581;
}

.btn-outline-light-green-lighten-2:hover {
  background-color: #AED581;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-green-lighten-1 {
    color: #9CCC65 !important;
  }
  :root {
    --light-green-lighten-1: #9CCC65;
  }
  .bg-light-green-lighten-1 {
    background-color: #9CCC65;
  }
  .border-light-green-lighten-1 {
    border-color: #9CCC65;
  }
  .border-left-light-green-lighten-1 {
    border-left-color: #9CCC65;
  }
  .border-right-light-green-lighten-1 {
    border-right-color: #9CCC65;
  }
  .border-top-light-green-lighten-1 {
    border-top-color: #9CCC65;
  }
  .border-bottom-light-green-lighten-1 {
    border-bottom-color: #9CCC65;
  }
  .badge-light-green-lighten-1 {
    background-color: #9CCC65;
    color: #000000;
  }
  .btn-light-green-lighten-1 {
    background-color: rgba(156, 204, 101, 0.9);
    color: #000000 !important;
  }
  .btn-light-green-lighten-1:disabled,
  .btn-light-green-lighten-1.disabled {
    background-color: rgba(156, 204, 101, 0.4);
  }
  .btn-light-green-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #9CCC65;
  }
  .btn-outline-light-green-lighten-1 {
    color: #9CCC65;
    border-color: #9CCC65;
  }
  .btn-outline-light-green-lighten-1:hover {
    background-color: #9CCC65;
    color: #000000;
  }
}
.text-light-green-lighten-1 {
  color: #9CCC65 !important;
}

:root {
  --light-green-lighten-1: #9CCC65;
}

.bg-light-green-lighten-1 {
  background-color: #9CCC65;
}

.border-light-green-lighten-1 {
  border-color: #9CCC65;
}

.border-left-light-green-lighten-1 {
  border-left-color: #9CCC65;
}

.border-right-light-green-lighten-1 {
  border-right-color: #9CCC65;
}

.border-top-light-green-lighten-1 {
  border-top-color: #9CCC65;
}

.border-bottom-light-green-lighten-1 {
  border-bottom-color: #9CCC65;
}

.badge-light-green-lighten-1 {
  background-color: #9CCC65;
  color: #000000;
}

.btn-light-green-lighten-1 {
  background-color: rgba(156, 204, 101, 0.9);
  color: #000000 !important;
}

.btn-light-green-lighten-1:disabled,
.btn-light-green-lighten-1.disabled {
  background-color: rgba(156, 204, 101, 0.4);
}

.btn-light-green-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #9CCC65;
}

.btn-outline-light-green-lighten-1 {
  color: #9CCC65;
  border-color: #9CCC65;
}

.btn-outline-light-green-lighten-1:hover {
  background-color: #9CCC65;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-green-darken-1 {
    color: #7CB342 !important;
  }
  :root {
    --light-green-darken-1: #7CB342;
  }
  .bg-light-green-darken-1 {
    background-color: #7CB342;
  }
  .border-light-green-darken-1 {
    border-color: #7CB342;
  }
  .border-left-light-green-darken-1 {
    border-left-color: #7CB342;
  }
  .border-right-light-green-darken-1 {
    border-right-color: #7CB342;
  }
  .border-top-light-green-darken-1 {
    border-top-color: #7CB342;
  }
  .border-bottom-light-green-darken-1 {
    border-bottom-color: #7CB342;
  }
  .badge-light-green-darken-1 {
    background-color: #7CB342;
    color: #FFFFFF;
  }
  .btn-light-green-darken-1 {
    background-color: rgba(124, 179, 66, 0.9);
    color: #FFFFFF !important;
  }
  .btn-light-green-darken-1:disabled,
  .btn-light-green-darken-1.disabled {
    background-color: rgba(124, 179, 66, 0.4);
  }
  .btn-light-green-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #7CB342;
  }
  .btn-outline-light-green-darken-1 {
    color: #7CB342;
    border-color: #7CB342;
  }
  .btn-outline-light-green-darken-1:hover {
    background-color: #7CB342;
    color: #FFFFFF;
  }
}
.text-light-green-darken-1 {
  color: #7CB342 !important;
}

:root {
  --light-green-darken-1: #7CB342;
}

.bg-light-green-darken-1 {
  background-color: #7CB342;
}

.border-light-green-darken-1 {
  border-color: #7CB342;
}

.border-left-light-green-darken-1 {
  border-left-color: #7CB342;
}

.border-right-light-green-darken-1 {
  border-right-color: #7CB342;
}

.border-top-light-green-darken-1 {
  border-top-color: #7CB342;
}

.border-bottom-light-green-darken-1 {
  border-bottom-color: #7CB342;
}

.badge-light-green-darken-1 {
  background-color: #7CB342;
  color: #FFFFFF;
}

.btn-light-green-darken-1 {
  background-color: rgba(124, 179, 66, 0.9);
  color: #FFFFFF !important;
}

.btn-light-green-darken-1:disabled,
.btn-light-green-darken-1.disabled {
  background-color: rgba(124, 179, 66, 0.4);
}

.btn-light-green-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #7CB342;
}

.btn-outline-light-green-darken-1 {
  color: #7CB342;
  border-color: #7CB342;
}

.btn-outline-light-green-darken-1:hover {
  background-color: #7CB342;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-green-darken-2 {
    color: #689F38 !important;
  }
  :root {
    --light-green-darken-2: #689F38;
  }
  .bg-light-green-darken-2 {
    background-color: #689F38;
  }
  .border-light-green-darken-2 {
    border-color: #689F38;
  }
  .border-left-light-green-darken-2 {
    border-left-color: #689F38;
  }
  .border-right-light-green-darken-2 {
    border-right-color: #689F38;
  }
  .border-top-light-green-darken-2 {
    border-top-color: #689F38;
  }
  .border-bottom-light-green-darken-2 {
    border-bottom-color: #689F38;
  }
  .badge-light-green-darken-2 {
    background-color: #689F38;
    color: #FFFFFF;
  }
  .btn-light-green-darken-2 {
    background-color: rgba(104, 159, 56, 0.9);
    color: #FFFFFF !important;
  }
  .btn-light-green-darken-2:disabled,
  .btn-light-green-darken-2.disabled {
    background-color: rgba(104, 159, 56, 0.4);
  }
  .btn-light-green-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #689F38;
  }
  .btn-outline-light-green-darken-2 {
    color: #689F38;
    border-color: #689F38;
  }
  .btn-outline-light-green-darken-2:hover {
    background-color: #689F38;
    color: #FFFFFF;
  }
}
.text-light-green-darken-2 {
  color: #689F38 !important;
}

:root {
  --light-green-darken-2: #689F38;
}

.bg-light-green-darken-2 {
  background-color: #689F38;
}

.border-light-green-darken-2 {
  border-color: #689F38;
}

.border-left-light-green-darken-2 {
  border-left-color: #689F38;
}

.border-right-light-green-darken-2 {
  border-right-color: #689F38;
}

.border-top-light-green-darken-2 {
  border-top-color: #689F38;
}

.border-bottom-light-green-darken-2 {
  border-bottom-color: #689F38;
}

.badge-light-green-darken-2 {
  background-color: #689F38;
  color: #FFFFFF;
}

.btn-light-green-darken-2 {
  background-color: rgba(104, 159, 56, 0.9);
  color: #FFFFFF !important;
}

.btn-light-green-darken-2:disabled,
.btn-light-green-darken-2.disabled {
  background-color: rgba(104, 159, 56, 0.4);
}

.btn-light-green-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #689F38;
}

.btn-outline-light-green-darken-2 {
  color: #689F38;
  border-color: #689F38;
}

.btn-outline-light-green-darken-2:hover {
  background-color: #689F38;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-green-darken-3 {
    color: #558B2F !important;
  }
  :root {
    --light-green-darken-3: #558B2F;
  }
  .bg-light-green-darken-3 {
    background-color: #558B2F;
  }
  .border-light-green-darken-3 {
    border-color: #558B2F;
  }
  .border-left-light-green-darken-3 {
    border-left-color: #558B2F;
  }
  .border-right-light-green-darken-3 {
    border-right-color: #558B2F;
  }
  .border-top-light-green-darken-3 {
    border-top-color: #558B2F;
  }
  .border-bottom-light-green-darken-3 {
    border-bottom-color: #558B2F;
  }
  .badge-light-green-darken-3 {
    background-color: #558B2F;
    color: #FFFFFF;
  }
  .btn-light-green-darken-3 {
    background-color: rgba(85, 139, 47, 0.9);
    color: #FFFFFF !important;
  }
  .btn-light-green-darken-3:disabled,
  .btn-light-green-darken-3.disabled {
    background-color: rgba(85, 139, 47, 0.4);
  }
  .btn-light-green-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #558B2F;
  }
  .btn-outline-light-green-darken-3 {
    color: #558B2F;
    border-color: #558B2F;
  }
  .btn-outline-light-green-darken-3:hover {
    background-color: #558B2F;
    color: #FFFFFF;
  }
}
.text-light-green-darken-3 {
  color: #558B2F !important;
}

:root {
  --light-green-darken-3: #558B2F;
}

.bg-light-green-darken-3 {
  background-color: #558B2F;
}

.border-light-green-darken-3 {
  border-color: #558B2F;
}

.border-left-light-green-darken-3 {
  border-left-color: #558B2F;
}

.border-right-light-green-darken-3 {
  border-right-color: #558B2F;
}

.border-top-light-green-darken-3 {
  border-top-color: #558B2F;
}

.border-bottom-light-green-darken-3 {
  border-bottom-color: #558B2F;
}

.badge-light-green-darken-3 {
  background-color: #558B2F;
  color: #FFFFFF;
}

.btn-light-green-darken-3 {
  background-color: rgba(85, 139, 47, 0.9);
  color: #FFFFFF !important;
}

.btn-light-green-darken-3:disabled,
.btn-light-green-darken-3.disabled {
  background-color: rgba(85, 139, 47, 0.4);
}

.btn-light-green-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #558B2F;
}

.btn-outline-light-green-darken-3 {
  color: #558B2F;
  border-color: #558B2F;
}

.btn-outline-light-green-darken-3:hover {
  background-color: #558B2F;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-green-darken-4 {
    color: #33691E !important;
  }
  :root {
    --light-green-darken-4: #33691E;
  }
  .bg-light-green-darken-4 {
    background-color: #33691E;
  }
  .border-light-green-darken-4 {
    border-color: #33691E;
  }
  .border-left-light-green-darken-4 {
    border-left-color: #33691E;
  }
  .border-right-light-green-darken-4 {
    border-right-color: #33691E;
  }
  .border-top-light-green-darken-4 {
    border-top-color: #33691E;
  }
  .border-bottom-light-green-darken-4 {
    border-bottom-color: #33691E;
  }
  .badge-light-green-darken-4 {
    background-color: #33691E;
    color: #FFFFFF;
  }
  .btn-light-green-darken-4 {
    background-color: rgba(51, 105, 30, 0.9);
    color: #FFFFFF !important;
  }
  .btn-light-green-darken-4:disabled,
  .btn-light-green-darken-4.disabled {
    background-color: rgba(51, 105, 30, 0.4);
  }
  .btn-light-green-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #33691E;
  }
  .btn-outline-light-green-darken-4 {
    color: #33691E;
    border-color: #33691E;
  }
  .btn-outline-light-green-darken-4:hover {
    background-color: #33691E;
    color: #FFFFFF;
  }
}
.text-light-green-darken-4 {
  color: #33691E !important;
}

:root {
  --light-green-darken-4: #33691E;
}

.bg-light-green-darken-4 {
  background-color: #33691E;
}

.border-light-green-darken-4 {
  border-color: #33691E;
}

.border-left-light-green-darken-4 {
  border-left-color: #33691E;
}

.border-right-light-green-darken-4 {
  border-right-color: #33691E;
}

.border-top-light-green-darken-4 {
  border-top-color: #33691E;
}

.border-bottom-light-green-darken-4 {
  border-bottom-color: #33691E;
}

.badge-light-green-darken-4 {
  background-color: #33691E;
  color: #FFFFFF;
}

.btn-light-green-darken-4 {
  background-color: rgba(51, 105, 30, 0.9);
  color: #FFFFFF !important;
}

.btn-light-green-darken-4:disabled,
.btn-light-green-darken-4.disabled {
  background-color: rgba(51, 105, 30, 0.4);
}

.btn-light-green-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #33691E;
}

.btn-outline-light-green-darken-4 {
  color: #33691E;
  border-color: #33691E;
}

.btn-outline-light-green-darken-4:hover {
  background-color: #33691E;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-green-accent-1 {
    color: #CCFF90 !important;
  }
  :root {
    --light-green-accent-1: #CCFF90;
  }
  .bg-light-green-accent-1 {
    background-color: #CCFF90;
  }
  .border-light-green-accent-1 {
    border-color: #CCFF90;
  }
  .border-left-light-green-accent-1 {
    border-left-color: #CCFF90;
  }
  .border-right-light-green-accent-1 {
    border-right-color: #CCFF90;
  }
  .border-top-light-green-accent-1 {
    border-top-color: #CCFF90;
  }
  .border-bottom-light-green-accent-1 {
    border-bottom-color: #CCFF90;
  }
  .badge-light-green-accent-1 {
    background-color: #CCFF90;
    color: #000000;
  }
  .btn-light-green-accent-1 {
    background-color: rgba(204, 255, 144, 0.9);
    color: #000000 !important;
  }
  .btn-light-green-accent-1:disabled,
  .btn-light-green-accent-1.disabled {
    background-color: rgba(204, 255, 144, 0.4);
  }
  .btn-light-green-accent-1:not(:disabled):not(.disabled):hover {
    background-color: #CCFF90;
  }
  .btn-outline-light-green-accent-1 {
    color: #CCFF90;
    border-color: #CCFF90;
  }
  .btn-outline-light-green-accent-1:hover {
    background-color: #CCFF90;
    color: #000000;
  }
}
.text-light-green-accent-1 {
  color: #CCFF90 !important;
}

:root {
  --light-green-accent-1: #CCFF90;
}

.bg-light-green-accent-1 {
  background-color: #CCFF90;
}

.border-light-green-accent-1 {
  border-color: #CCFF90;
}

.border-left-light-green-accent-1 {
  border-left-color: #CCFF90;
}

.border-right-light-green-accent-1 {
  border-right-color: #CCFF90;
}

.border-top-light-green-accent-1 {
  border-top-color: #CCFF90;
}

.border-bottom-light-green-accent-1 {
  border-bottom-color: #CCFF90;
}

.badge-light-green-accent-1 {
  background-color: #CCFF90;
  color: #000000;
}

.btn-light-green-accent-1 {
  background-color: rgba(204, 255, 144, 0.9);
  color: #000000 !important;
}

.btn-light-green-accent-1:disabled,
.btn-light-green-accent-1.disabled {
  background-color: rgba(204, 255, 144, 0.4);
}

.btn-light-green-accent-1:not(:disabled):not(.disabled):hover {
  background-color: #CCFF90;
}

.btn-outline-light-green-accent-1 {
  color: #CCFF90;
  border-color: #CCFF90;
}

.btn-outline-light-green-accent-1:hover {
  background-color: #CCFF90;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-green-accent-2 {
    color: #B2FF59 !important;
  }
  :root {
    --light-green-accent-2: #B2FF59;
  }
  .bg-light-green-accent-2 {
    background-color: #B2FF59;
  }
  .border-light-green-accent-2 {
    border-color: #B2FF59;
  }
  .border-left-light-green-accent-2 {
    border-left-color: #B2FF59;
  }
  .border-right-light-green-accent-2 {
    border-right-color: #B2FF59;
  }
  .border-top-light-green-accent-2 {
    border-top-color: #B2FF59;
  }
  .border-bottom-light-green-accent-2 {
    border-bottom-color: #B2FF59;
  }
  .badge-light-green-accent-2 {
    background-color: #B2FF59;
    color: #000000;
  }
  .btn-light-green-accent-2 {
    background-color: rgba(178, 255, 89, 0.9);
    color: #000000 !important;
  }
  .btn-light-green-accent-2:disabled,
  .btn-light-green-accent-2.disabled {
    background-color: rgba(178, 255, 89, 0.4);
  }
  .btn-light-green-accent-2:not(:disabled):not(.disabled):hover {
    background-color: #B2FF59;
  }
  .btn-outline-light-green-accent-2 {
    color: #B2FF59;
    border-color: #B2FF59;
  }
  .btn-outline-light-green-accent-2:hover {
    background-color: #B2FF59;
    color: #000000;
  }
}
.text-light-green-accent-2 {
  color: #B2FF59 !important;
}

:root {
  --light-green-accent-2: #B2FF59;
}

.bg-light-green-accent-2 {
  background-color: #B2FF59;
}

.border-light-green-accent-2 {
  border-color: #B2FF59;
}

.border-left-light-green-accent-2 {
  border-left-color: #B2FF59;
}

.border-right-light-green-accent-2 {
  border-right-color: #B2FF59;
}

.border-top-light-green-accent-2 {
  border-top-color: #B2FF59;
}

.border-bottom-light-green-accent-2 {
  border-bottom-color: #B2FF59;
}

.badge-light-green-accent-2 {
  background-color: #B2FF59;
  color: #000000;
}

.btn-light-green-accent-2 {
  background-color: rgba(178, 255, 89, 0.9);
  color: #000000 !important;
}

.btn-light-green-accent-2:disabled,
.btn-light-green-accent-2.disabled {
  background-color: rgba(178, 255, 89, 0.4);
}

.btn-light-green-accent-2:not(:disabled):not(.disabled):hover {
  background-color: #B2FF59;
}

.btn-outline-light-green-accent-2 {
  color: #B2FF59;
  border-color: #B2FF59;
}

.btn-outline-light-green-accent-2:hover {
  background-color: #B2FF59;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-green-accent-3 {
    color: #76FF03 !important;
  }
  :root {
    --light-green-accent-3: #76FF03;
  }
  .bg-light-green-accent-3 {
    background-color: #76FF03;
  }
  .border-light-green-accent-3 {
    border-color: #76FF03;
  }
  .border-left-light-green-accent-3 {
    border-left-color: #76FF03;
  }
  .border-right-light-green-accent-3 {
    border-right-color: #76FF03;
  }
  .border-top-light-green-accent-3 {
    border-top-color: #76FF03;
  }
  .border-bottom-light-green-accent-3 {
    border-bottom-color: #76FF03;
  }
  .badge-light-green-accent-3 {
    background-color: #76FF03;
    color: #FFFFFF;
  }
  .btn-light-green-accent-3 {
    background-color: rgba(118, 255, 3, 0.9);
    color: #FFFFFF !important;
  }
  .btn-light-green-accent-3:disabled,
  .btn-light-green-accent-3.disabled {
    background-color: rgba(118, 255, 3, 0.4);
  }
  .btn-light-green-accent-3:not(:disabled):not(.disabled):hover {
    background-color: #76FF03;
  }
  .btn-outline-light-green-accent-3 {
    color: #76FF03;
    border-color: #76FF03;
  }
  .btn-outline-light-green-accent-3:hover {
    background-color: #76FF03;
    color: #FFFFFF;
  }
}
.text-light-green-accent-3 {
  color: #76FF03 !important;
}

:root {
  --light-green-accent-3: #76FF03;
}

.bg-light-green-accent-3 {
  background-color: #76FF03;
}

.border-light-green-accent-3 {
  border-color: #76FF03;
}

.border-left-light-green-accent-3 {
  border-left-color: #76FF03;
}

.border-right-light-green-accent-3 {
  border-right-color: #76FF03;
}

.border-top-light-green-accent-3 {
  border-top-color: #76FF03;
}

.border-bottom-light-green-accent-3 {
  border-bottom-color: #76FF03;
}

.badge-light-green-accent-3 {
  background-color: #76FF03;
  color: #FFFFFF;
}

.btn-light-green-accent-3 {
  background-color: rgba(118, 255, 3, 0.9);
  color: #FFFFFF !important;
}

.btn-light-green-accent-3:disabled,
.btn-light-green-accent-3.disabled {
  background-color: rgba(118, 255, 3, 0.4);
}

.btn-light-green-accent-3:not(:disabled):not(.disabled):hover {
  background-color: #76FF03;
}

.btn-outline-light-green-accent-3 {
  color: #76FF03;
  border-color: #76FF03;
}

.btn-outline-light-green-accent-3:hover {
  background-color: #76FF03;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-light-green-accent-4 {
    color: #64DD17 !important;
  }
  :root {
    --light-green-accent-4: #64DD17;
  }
  .bg-light-green-accent-4 {
    background-color: #64DD17;
  }
  .border-light-green-accent-4 {
    border-color: #64DD17;
  }
  .border-left-light-green-accent-4 {
    border-left-color: #64DD17;
  }
  .border-right-light-green-accent-4 {
    border-right-color: #64DD17;
  }
  .border-top-light-green-accent-4 {
    border-top-color: #64DD17;
  }
  .border-bottom-light-green-accent-4 {
    border-bottom-color: #64DD17;
  }
  .badge-light-green-accent-4 {
    background-color: #64DD17;
    color: #FFFFFF;
  }
  .btn-light-green-accent-4 {
    background-color: rgba(100, 221, 23, 0.9);
    color: #FFFFFF !important;
  }
  .btn-light-green-accent-4:disabled,
  .btn-light-green-accent-4.disabled {
    background-color: rgba(100, 221, 23, 0.4);
  }
  .btn-light-green-accent-4:not(:disabled):not(.disabled):hover {
    background-color: #64DD17;
  }
  .btn-outline-light-green-accent-4 {
    color: #64DD17;
    border-color: #64DD17;
  }
  .btn-outline-light-green-accent-4:hover {
    background-color: #64DD17;
    color: #FFFFFF;
  }
}
.text-light-green-accent-4 {
  color: #64DD17 !important;
}

:root {
  --light-green-accent-4: #64DD17;
}

.bg-light-green-accent-4 {
  background-color: #64DD17;
}

.border-light-green-accent-4 {
  border-color: #64DD17;
}

.border-left-light-green-accent-4 {
  border-left-color: #64DD17;
}

.border-right-light-green-accent-4 {
  border-right-color: #64DD17;
}

.border-top-light-green-accent-4 {
  border-top-color: #64DD17;
}

.border-bottom-light-green-accent-4 {
  border-bottom-color: #64DD17;
}

.badge-light-green-accent-4 {
  background-color: #64DD17;
  color: #FFFFFF;
}

.btn-light-green-accent-4 {
  background-color: rgba(100, 221, 23, 0.9);
  color: #FFFFFF !important;
}

.btn-light-green-accent-4:disabled,
.btn-light-green-accent-4.disabled {
  background-color: rgba(100, 221, 23, 0.4);
}

.btn-light-green-accent-4:not(:disabled):not(.disabled):hover {
  background-color: #64DD17;
}

.btn-outline-light-green-accent-4 {
  color: #64DD17;
  border-color: #64DD17;
}

.btn-outline-light-green-accent-4:hover {
  background-color: #64DD17;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-lime {
    color: #CDDC39 !important;
  }
  :root {
    --lime: #CDDC39;
  }
  .bg-lime {
    background-color: #CDDC39;
  }
  .border-lime {
    border-color: #CDDC39;
  }
  .border-left-lime {
    border-left-color: #CDDC39;
  }
  .border-right-lime {
    border-right-color: #CDDC39;
  }
  .border-top-lime {
    border-top-color: #CDDC39;
  }
  .border-bottom-lime {
    border-bottom-color: #CDDC39;
  }
  .badge-lime {
    background-color: #CDDC39;
  }
  .btn-lime {
    background-color: rgba(205, 220, 57, 0.9);
  }
  .btn-lime:disabled,
  .btn-lime.disabled {
    background-color: rgba(205, 220, 57, 0.4);
  }
  .btn-lime:not(:disabled):not(.disabled):hover {
    background-color: #CDDC39;
  }
  .btn-outline-lime {
    color: #CDDC39;
    border-color: #CDDC39;
  }
  .btn-outline-lime:hover {
    background-color: #CDDC39;
    color: #FFFFFF;
  }
}
.text-lime {
  color: #CDDC39 !important;
}

:root {
  --lime: #CDDC39;
}

.bg-lime {
  background-color: #CDDC39;
}

.border-lime {
  border-color: #CDDC39;
}

.border-left-lime {
  border-left-color: #CDDC39;
}

.border-right-lime {
  border-right-color: #CDDC39;
}

.border-top-lime {
  border-top-color: #CDDC39;
}

.border-bottom-lime {
  border-bottom-color: #CDDC39;
}

.badge-lime {
  background-color: #CDDC39;
}

.btn-lime {
  background-color: rgba(205, 220, 57, 0.9);
}

.btn-lime:disabled,
.btn-lime.disabled {
  background-color: rgba(205, 220, 57, 0.4);
}

.btn-lime:not(:disabled):not(.disabled):hover {
  background-color: #CDDC39;
}

.btn-outline-lime {
  color: #CDDC39;
  border-color: #CDDC39;
}

.btn-outline-lime:hover {
  background-color: #CDDC39;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-lime-lighten-5 {
    color: #F9FBE7 !important;
  }
  :root {
    --lime-lighten-5: #F9FBE7;
  }
  .bg-lime-lighten-5 {
    background-color: #F9FBE7;
  }
  .border-lime-lighten-5 {
    border-color: #F9FBE7;
  }
  .border-left-lime-lighten-5 {
    border-left-color: #F9FBE7;
  }
  .border-right-lime-lighten-5 {
    border-right-color: #F9FBE7;
  }
  .border-top-lime-lighten-5 {
    border-top-color: #F9FBE7;
  }
  .border-bottom-lime-lighten-5 {
    border-bottom-color: #F9FBE7;
  }
  .badge-lime-lighten-5 {
    background-color: #F9FBE7;
    color: #000000;
  }
  .btn-lime-lighten-5 {
    background-color: rgba(249, 251, 231, 0.9);
    color: #000000 !important;
  }
  .btn-lime-lighten-5:disabled,
  .btn-lime-lighten-5.disabled {
    background-color: rgba(249, 251, 231, 0.4);
  }
  .btn-lime-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #F9FBE7;
  }
  .btn-outline-lime-lighten-5 {
    color: #F9FBE7;
    border-color: #F9FBE7;
  }
  .btn-outline-lime-lighten-5:hover {
    background-color: #F9FBE7;
    color: #000000;
  }
}
.text-lime-lighten-5 {
  color: #F9FBE7 !important;
}

:root {
  --lime-lighten-5: #F9FBE7;
}

.bg-lime-lighten-5 {
  background-color: #F9FBE7;
}

.border-lime-lighten-5 {
  border-color: #F9FBE7;
}

.border-left-lime-lighten-5 {
  border-left-color: #F9FBE7;
}

.border-right-lime-lighten-5 {
  border-right-color: #F9FBE7;
}

.border-top-lime-lighten-5 {
  border-top-color: #F9FBE7;
}

.border-bottom-lime-lighten-5 {
  border-bottom-color: #F9FBE7;
}

.badge-lime-lighten-5 {
  background-color: #F9FBE7;
  color: #000000;
}

.btn-lime-lighten-5 {
  background-color: rgba(249, 251, 231, 0.9);
  color: #000000 !important;
}

.btn-lime-lighten-5:disabled,
.btn-lime-lighten-5.disabled {
  background-color: rgba(249, 251, 231, 0.4);
}

.btn-lime-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #F9FBE7;
}

.btn-outline-lime-lighten-5 {
  color: #F9FBE7;
  border-color: #F9FBE7;
}

.btn-outline-lime-lighten-5:hover {
  background-color: #F9FBE7;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-lime-lighten-4 {
    color: #F0F4C3 !important;
  }
  :root {
    --lime-lighten-4: #F0F4C3;
  }
  .bg-lime-lighten-4 {
    background-color: #F0F4C3;
  }
  .border-lime-lighten-4 {
    border-color: #F0F4C3;
  }
  .border-left-lime-lighten-4 {
    border-left-color: #F0F4C3;
  }
  .border-right-lime-lighten-4 {
    border-right-color: #F0F4C3;
  }
  .border-top-lime-lighten-4 {
    border-top-color: #F0F4C3;
  }
  .border-bottom-lime-lighten-4 {
    border-bottom-color: #F0F4C3;
  }
  .badge-lime-lighten-4 {
    background-color: #F0F4C3;
    color: #000000;
  }
  .btn-lime-lighten-4 {
    background-color: rgba(240, 244, 195, 0.9);
    color: #000000 !important;
  }
  .btn-lime-lighten-4:disabled,
  .btn-lime-lighten-4.disabled {
    background-color: rgba(240, 244, 195, 0.4);
  }
  .btn-lime-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #F0F4C3;
  }
  .btn-outline-lime-lighten-4 {
    color: #F0F4C3;
    border-color: #F0F4C3;
  }
  .btn-outline-lime-lighten-4:hover {
    background-color: #F0F4C3;
    color: #000000;
  }
}
.text-lime-lighten-4 {
  color: #F0F4C3 !important;
}

:root {
  --lime-lighten-4: #F0F4C3;
}

.bg-lime-lighten-4 {
  background-color: #F0F4C3;
}

.border-lime-lighten-4 {
  border-color: #F0F4C3;
}

.border-left-lime-lighten-4 {
  border-left-color: #F0F4C3;
}

.border-right-lime-lighten-4 {
  border-right-color: #F0F4C3;
}

.border-top-lime-lighten-4 {
  border-top-color: #F0F4C3;
}

.border-bottom-lime-lighten-4 {
  border-bottom-color: #F0F4C3;
}

.badge-lime-lighten-4 {
  background-color: #F0F4C3;
  color: #000000;
}

.btn-lime-lighten-4 {
  background-color: rgba(240, 244, 195, 0.9);
  color: #000000 !important;
}

.btn-lime-lighten-4:disabled,
.btn-lime-lighten-4.disabled {
  background-color: rgba(240, 244, 195, 0.4);
}

.btn-lime-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #F0F4C3;
}

.btn-outline-lime-lighten-4 {
  color: #F0F4C3;
  border-color: #F0F4C3;
}

.btn-outline-lime-lighten-4:hover {
  background-color: #F0F4C3;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-lime-lighten-3 {
    color: #E6EE9C !important;
  }
  :root {
    --lime-lighten-3: #E6EE9C;
  }
  .bg-lime-lighten-3 {
    background-color: #E6EE9C;
  }
  .border-lime-lighten-3 {
    border-color: #E6EE9C;
  }
  .border-left-lime-lighten-3 {
    border-left-color: #E6EE9C;
  }
  .border-right-lime-lighten-3 {
    border-right-color: #E6EE9C;
  }
  .border-top-lime-lighten-3 {
    border-top-color: #E6EE9C;
  }
  .border-bottom-lime-lighten-3 {
    border-bottom-color: #E6EE9C;
  }
  .badge-lime-lighten-3 {
    background-color: #E6EE9C;
    color: #000000;
  }
  .btn-lime-lighten-3 {
    background-color: rgba(230, 238, 156, 0.9);
    color: #000000 !important;
  }
  .btn-lime-lighten-3:disabled,
  .btn-lime-lighten-3.disabled {
    background-color: rgba(230, 238, 156, 0.4);
  }
  .btn-lime-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #E6EE9C;
  }
  .btn-outline-lime-lighten-3 {
    color: #E6EE9C;
    border-color: #E6EE9C;
  }
  .btn-outline-lime-lighten-3:hover {
    background-color: #E6EE9C;
    color: #000000;
  }
}
.text-lime-lighten-3 {
  color: #E6EE9C !important;
}

:root {
  --lime-lighten-3: #E6EE9C;
}

.bg-lime-lighten-3 {
  background-color: #E6EE9C;
}

.border-lime-lighten-3 {
  border-color: #E6EE9C;
}

.border-left-lime-lighten-3 {
  border-left-color: #E6EE9C;
}

.border-right-lime-lighten-3 {
  border-right-color: #E6EE9C;
}

.border-top-lime-lighten-3 {
  border-top-color: #E6EE9C;
}

.border-bottom-lime-lighten-3 {
  border-bottom-color: #E6EE9C;
}

.badge-lime-lighten-3 {
  background-color: #E6EE9C;
  color: #000000;
}

.btn-lime-lighten-3 {
  background-color: rgba(230, 238, 156, 0.9);
  color: #000000 !important;
}

.btn-lime-lighten-3:disabled,
.btn-lime-lighten-3.disabled {
  background-color: rgba(230, 238, 156, 0.4);
}

.btn-lime-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #E6EE9C;
}

.btn-outline-lime-lighten-3 {
  color: #E6EE9C;
  border-color: #E6EE9C;
}

.btn-outline-lime-lighten-3:hover {
  background-color: #E6EE9C;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-lime-lighten-2 {
    color: #DCE775 !important;
  }
  :root {
    --lime-lighten-2: #DCE775;
  }
  .bg-lime-lighten-2 {
    background-color: #DCE775;
  }
  .border-lime-lighten-2 {
    border-color: #DCE775;
  }
  .border-left-lime-lighten-2 {
    border-left-color: #DCE775;
  }
  .border-right-lime-lighten-2 {
    border-right-color: #DCE775;
  }
  .border-top-lime-lighten-2 {
    border-top-color: #DCE775;
  }
  .border-bottom-lime-lighten-2 {
    border-bottom-color: #DCE775;
  }
  .badge-lime-lighten-2 {
    background-color: #DCE775;
    color: #000000;
  }
  .btn-lime-lighten-2 {
    background-color: rgba(220, 231, 117, 0.9);
    color: #000000 !important;
  }
  .btn-lime-lighten-2:disabled,
  .btn-lime-lighten-2.disabled {
    background-color: rgba(220, 231, 117, 0.4);
  }
  .btn-lime-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #DCE775;
  }
  .btn-outline-lime-lighten-2 {
    color: #DCE775;
    border-color: #DCE775;
  }
  .btn-outline-lime-lighten-2:hover {
    background-color: #DCE775;
    color: #000000;
  }
}
.text-lime-lighten-2 {
  color: #DCE775 !important;
}

:root {
  --lime-lighten-2: #DCE775;
}

.bg-lime-lighten-2 {
  background-color: #DCE775;
}

.border-lime-lighten-2 {
  border-color: #DCE775;
}

.border-left-lime-lighten-2 {
  border-left-color: #DCE775;
}

.border-right-lime-lighten-2 {
  border-right-color: #DCE775;
}

.border-top-lime-lighten-2 {
  border-top-color: #DCE775;
}

.border-bottom-lime-lighten-2 {
  border-bottom-color: #DCE775;
}

.badge-lime-lighten-2 {
  background-color: #DCE775;
  color: #000000;
}

.btn-lime-lighten-2 {
  background-color: rgba(220, 231, 117, 0.9);
  color: #000000 !important;
}

.btn-lime-lighten-2:disabled,
.btn-lime-lighten-2.disabled {
  background-color: rgba(220, 231, 117, 0.4);
}

.btn-lime-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #DCE775;
}

.btn-outline-lime-lighten-2 {
  color: #DCE775;
  border-color: #DCE775;
}

.btn-outline-lime-lighten-2:hover {
  background-color: #DCE775;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-lime-lighten-1 {
    color: #D4E157 !important;
  }
  :root {
    --lime-lighten-1: #D4E157;
  }
  .bg-lime-lighten-1 {
    background-color: #D4E157;
  }
  .border-lime-lighten-1 {
    border-color: #D4E157;
  }
  .border-left-lime-lighten-1 {
    border-left-color: #D4E157;
  }
  .border-right-lime-lighten-1 {
    border-right-color: #D4E157;
  }
  .border-top-lime-lighten-1 {
    border-top-color: #D4E157;
  }
  .border-bottom-lime-lighten-1 {
    border-bottom-color: #D4E157;
  }
  .badge-lime-lighten-1 {
    background-color: #D4E157;
    color: #000000;
  }
  .btn-lime-lighten-1 {
    background-color: rgba(212, 225, 87, 0.9);
    color: #000000 !important;
  }
  .btn-lime-lighten-1:disabled,
  .btn-lime-lighten-1.disabled {
    background-color: rgba(212, 225, 87, 0.4);
  }
  .btn-lime-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #D4E157;
  }
  .btn-outline-lime-lighten-1 {
    color: #D4E157;
    border-color: #D4E157;
  }
  .btn-outline-lime-lighten-1:hover {
    background-color: #D4E157;
    color: #000000;
  }
}
.text-lime-lighten-1 {
  color: #D4E157 !important;
}

:root {
  --lime-lighten-1: #D4E157;
}

.bg-lime-lighten-1 {
  background-color: #D4E157;
}

.border-lime-lighten-1 {
  border-color: #D4E157;
}

.border-left-lime-lighten-1 {
  border-left-color: #D4E157;
}

.border-right-lime-lighten-1 {
  border-right-color: #D4E157;
}

.border-top-lime-lighten-1 {
  border-top-color: #D4E157;
}

.border-bottom-lime-lighten-1 {
  border-bottom-color: #D4E157;
}

.badge-lime-lighten-1 {
  background-color: #D4E157;
  color: #000000;
}

.btn-lime-lighten-1 {
  background-color: rgba(212, 225, 87, 0.9);
  color: #000000 !important;
}

.btn-lime-lighten-1:disabled,
.btn-lime-lighten-1.disabled {
  background-color: rgba(212, 225, 87, 0.4);
}

.btn-lime-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #D4E157;
}

.btn-outline-lime-lighten-1 {
  color: #D4E157;
  border-color: #D4E157;
}

.btn-outline-lime-lighten-1:hover {
  background-color: #D4E157;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-lime-darken-1 {
    color: #C0CA33 !important;
  }
  :root {
    --lime-darken-1: #C0CA33;
  }
  .bg-lime-darken-1 {
    background-color: #C0CA33;
  }
  .border-lime-darken-1 {
    border-color: #C0CA33;
  }
  .border-left-lime-darken-1 {
    border-left-color: #C0CA33;
  }
  .border-right-lime-darken-1 {
    border-right-color: #C0CA33;
  }
  .border-top-lime-darken-1 {
    border-top-color: #C0CA33;
  }
  .border-bottom-lime-darken-1 {
    border-bottom-color: #C0CA33;
  }
  .badge-lime-darken-1 {
    background-color: #C0CA33;
    color: #FFFFFF;
  }
  .btn-lime-darken-1 {
    background-color: rgba(192, 202, 51, 0.9);
    color: #FFFFFF !important;
  }
  .btn-lime-darken-1:disabled,
  .btn-lime-darken-1.disabled {
    background-color: rgba(192, 202, 51, 0.4);
  }
  .btn-lime-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #C0CA33;
  }
  .btn-outline-lime-darken-1 {
    color: #C0CA33;
    border-color: #C0CA33;
  }
  .btn-outline-lime-darken-1:hover {
    background-color: #C0CA33;
    color: #FFFFFF;
  }
}
.text-lime-darken-1 {
  color: #C0CA33 !important;
}

:root {
  --lime-darken-1: #C0CA33;
}

.bg-lime-darken-1 {
  background-color: #C0CA33;
}

.border-lime-darken-1 {
  border-color: #C0CA33;
}

.border-left-lime-darken-1 {
  border-left-color: #C0CA33;
}

.border-right-lime-darken-1 {
  border-right-color: #C0CA33;
}

.border-top-lime-darken-1 {
  border-top-color: #C0CA33;
}

.border-bottom-lime-darken-1 {
  border-bottom-color: #C0CA33;
}

.badge-lime-darken-1 {
  background-color: #C0CA33;
  color: #FFFFFF;
}

.btn-lime-darken-1 {
  background-color: rgba(192, 202, 51, 0.9);
  color: #FFFFFF !important;
}

.btn-lime-darken-1:disabled,
.btn-lime-darken-1.disabled {
  background-color: rgba(192, 202, 51, 0.4);
}

.btn-lime-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #C0CA33;
}

.btn-outline-lime-darken-1 {
  color: #C0CA33;
  border-color: #C0CA33;
}

.btn-outline-lime-darken-1:hover {
  background-color: #C0CA33;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-lime-darken-2 {
    color: #AFB42B !important;
  }
  :root {
    --lime-darken-2: #AFB42B;
  }
  .bg-lime-darken-2 {
    background-color: #AFB42B;
  }
  .border-lime-darken-2 {
    border-color: #AFB42B;
  }
  .border-left-lime-darken-2 {
    border-left-color: #AFB42B;
  }
  .border-right-lime-darken-2 {
    border-right-color: #AFB42B;
  }
  .border-top-lime-darken-2 {
    border-top-color: #AFB42B;
  }
  .border-bottom-lime-darken-2 {
    border-bottom-color: #AFB42B;
  }
  .badge-lime-darken-2 {
    background-color: #AFB42B;
    color: #FFFFFF;
  }
  .btn-lime-darken-2 {
    background-color: rgba(175, 180, 43, 0.9);
    color: #FFFFFF !important;
  }
  .btn-lime-darken-2:disabled,
  .btn-lime-darken-2.disabled {
    background-color: rgba(175, 180, 43, 0.4);
  }
  .btn-lime-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #AFB42B;
  }
  .btn-outline-lime-darken-2 {
    color: #AFB42B;
    border-color: #AFB42B;
  }
  .btn-outline-lime-darken-2:hover {
    background-color: #AFB42B;
    color: #FFFFFF;
  }
}
.text-lime-darken-2 {
  color: #AFB42B !important;
}

:root {
  --lime-darken-2: #AFB42B;
}

.bg-lime-darken-2 {
  background-color: #AFB42B;
}

.border-lime-darken-2 {
  border-color: #AFB42B;
}

.border-left-lime-darken-2 {
  border-left-color: #AFB42B;
}

.border-right-lime-darken-2 {
  border-right-color: #AFB42B;
}

.border-top-lime-darken-2 {
  border-top-color: #AFB42B;
}

.border-bottom-lime-darken-2 {
  border-bottom-color: #AFB42B;
}

.badge-lime-darken-2 {
  background-color: #AFB42B;
  color: #FFFFFF;
}

.btn-lime-darken-2 {
  background-color: rgba(175, 180, 43, 0.9);
  color: #FFFFFF !important;
}

.btn-lime-darken-2:disabled,
.btn-lime-darken-2.disabled {
  background-color: rgba(175, 180, 43, 0.4);
}

.btn-lime-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #AFB42B;
}

.btn-outline-lime-darken-2 {
  color: #AFB42B;
  border-color: #AFB42B;
}

.btn-outline-lime-darken-2:hover {
  background-color: #AFB42B;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-lime-darken-3 {
    color: #9E9D24 !important;
  }
  :root {
    --lime-darken-3: #9E9D24;
  }
  .bg-lime-darken-3 {
    background-color: #9E9D24;
  }
  .border-lime-darken-3 {
    border-color: #9E9D24;
  }
  .border-left-lime-darken-3 {
    border-left-color: #9E9D24;
  }
  .border-right-lime-darken-3 {
    border-right-color: #9E9D24;
  }
  .border-top-lime-darken-3 {
    border-top-color: #9E9D24;
  }
  .border-bottom-lime-darken-3 {
    border-bottom-color: #9E9D24;
  }
  .badge-lime-darken-3 {
    background-color: #9E9D24;
    color: #FFFFFF;
  }
  .btn-lime-darken-3 {
    background-color: rgba(158, 157, 36, 0.9);
    color: #FFFFFF !important;
  }
  .btn-lime-darken-3:disabled,
  .btn-lime-darken-3.disabled {
    background-color: rgba(158, 157, 36, 0.4);
  }
  .btn-lime-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #9E9D24;
  }
  .btn-outline-lime-darken-3 {
    color: #9E9D24;
    border-color: #9E9D24;
  }
  .btn-outline-lime-darken-3:hover {
    background-color: #9E9D24;
    color: #FFFFFF;
  }
}
.text-lime-darken-3 {
  color: #9E9D24 !important;
}

:root {
  --lime-darken-3: #9E9D24;
}

.bg-lime-darken-3 {
  background-color: #9E9D24;
}

.border-lime-darken-3 {
  border-color: #9E9D24;
}

.border-left-lime-darken-3 {
  border-left-color: #9E9D24;
}

.border-right-lime-darken-3 {
  border-right-color: #9E9D24;
}

.border-top-lime-darken-3 {
  border-top-color: #9E9D24;
}

.border-bottom-lime-darken-3 {
  border-bottom-color: #9E9D24;
}

.badge-lime-darken-3 {
  background-color: #9E9D24;
  color: #FFFFFF;
}

.btn-lime-darken-3 {
  background-color: rgba(158, 157, 36, 0.9);
  color: #FFFFFF !important;
}

.btn-lime-darken-3:disabled,
.btn-lime-darken-3.disabled {
  background-color: rgba(158, 157, 36, 0.4);
}

.btn-lime-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #9E9D24;
}

.btn-outline-lime-darken-3 {
  color: #9E9D24;
  border-color: #9E9D24;
}

.btn-outline-lime-darken-3:hover {
  background-color: #9E9D24;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-lime-darken-4 {
    color: #827717 !important;
  }
  :root {
    --lime-darken-4: #827717;
  }
  .bg-lime-darken-4 {
    background-color: #827717;
  }
  .border-lime-darken-4 {
    border-color: #827717;
  }
  .border-left-lime-darken-4 {
    border-left-color: #827717;
  }
  .border-right-lime-darken-4 {
    border-right-color: #827717;
  }
  .border-top-lime-darken-4 {
    border-top-color: #827717;
  }
  .border-bottom-lime-darken-4 {
    border-bottom-color: #827717;
  }
  .badge-lime-darken-4 {
    background-color: #827717;
    color: #FFFFFF;
  }
  .btn-lime-darken-4 {
    background-color: rgba(130, 119, 23, 0.9);
    color: #FFFFFF !important;
  }
  .btn-lime-darken-4:disabled,
  .btn-lime-darken-4.disabled {
    background-color: rgba(130, 119, 23, 0.4);
  }
  .btn-lime-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #827717;
  }
  .btn-outline-lime-darken-4 {
    color: #827717;
    border-color: #827717;
  }
  .btn-outline-lime-darken-4:hover {
    background-color: #827717;
    color: #FFFFFF;
  }
}
.text-lime-darken-4 {
  color: #827717 !important;
}

:root {
  --lime-darken-4: #827717;
}

.bg-lime-darken-4 {
  background-color: #827717;
}

.border-lime-darken-4 {
  border-color: #827717;
}

.border-left-lime-darken-4 {
  border-left-color: #827717;
}

.border-right-lime-darken-4 {
  border-right-color: #827717;
}

.border-top-lime-darken-4 {
  border-top-color: #827717;
}

.border-bottom-lime-darken-4 {
  border-bottom-color: #827717;
}

.badge-lime-darken-4 {
  background-color: #827717;
  color: #FFFFFF;
}

.btn-lime-darken-4 {
  background-color: rgba(130, 119, 23, 0.9);
  color: #FFFFFF !important;
}

.btn-lime-darken-4:disabled,
.btn-lime-darken-4.disabled {
  background-color: rgba(130, 119, 23, 0.4);
}

.btn-lime-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #827717;
}

.btn-outline-lime-darken-4 {
  color: #827717;
  border-color: #827717;
}

.btn-outline-lime-darken-4:hover {
  background-color: #827717;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-lime-accent-1 {
    color: #F4FF81 !important;
  }
  :root {
    --lime-accent-1: #F4FF81;
  }
  .bg-lime-accent-1 {
    background-color: #F4FF81;
  }
  .border-lime-accent-1 {
    border-color: #F4FF81;
  }
  .border-left-lime-accent-1 {
    border-left-color: #F4FF81;
  }
  .border-right-lime-accent-1 {
    border-right-color: #F4FF81;
  }
  .border-top-lime-accent-1 {
    border-top-color: #F4FF81;
  }
  .border-bottom-lime-accent-1 {
    border-bottom-color: #F4FF81;
  }
  .badge-lime-accent-1 {
    background-color: #F4FF81;
    color: #000000;
  }
  .btn-lime-accent-1 {
    background-color: rgba(244, 255, 129, 0.9);
    color: #000000 !important;
  }
  .btn-lime-accent-1:disabled,
  .btn-lime-accent-1.disabled {
    background-color: rgba(244, 255, 129, 0.4);
  }
  .btn-lime-accent-1:not(:disabled):not(.disabled):hover {
    background-color: #F4FF81;
  }
  .btn-outline-lime-accent-1 {
    color: #F4FF81;
    border-color: #F4FF81;
  }
  .btn-outline-lime-accent-1:hover {
    background-color: #F4FF81;
    color: #000000;
  }
}
.text-lime-accent-1 {
  color: #F4FF81 !important;
}

:root {
  --lime-accent-1: #F4FF81;
}

.bg-lime-accent-1 {
  background-color: #F4FF81;
}

.border-lime-accent-1 {
  border-color: #F4FF81;
}

.border-left-lime-accent-1 {
  border-left-color: #F4FF81;
}

.border-right-lime-accent-1 {
  border-right-color: #F4FF81;
}

.border-top-lime-accent-1 {
  border-top-color: #F4FF81;
}

.border-bottom-lime-accent-1 {
  border-bottom-color: #F4FF81;
}

.badge-lime-accent-1 {
  background-color: #F4FF81;
  color: #000000;
}

.btn-lime-accent-1 {
  background-color: rgba(244, 255, 129, 0.9);
  color: #000000 !important;
}

.btn-lime-accent-1:disabled,
.btn-lime-accent-1.disabled {
  background-color: rgba(244, 255, 129, 0.4);
}

.btn-lime-accent-1:not(:disabled):not(.disabled):hover {
  background-color: #F4FF81;
}

.btn-outline-lime-accent-1 {
  color: #F4FF81;
  border-color: #F4FF81;
}

.btn-outline-lime-accent-1:hover {
  background-color: #F4FF81;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-lime-accent-2 {
    color: #EEFF41 !important;
  }
  :root {
    --lime-accent-2: #EEFF41;
  }
  .bg-lime-accent-2 {
    background-color: #EEFF41;
  }
  .border-lime-accent-2 {
    border-color: #EEFF41;
  }
  .border-left-lime-accent-2 {
    border-left-color: #EEFF41;
  }
  .border-right-lime-accent-2 {
    border-right-color: #EEFF41;
  }
  .border-top-lime-accent-2 {
    border-top-color: #EEFF41;
  }
  .border-bottom-lime-accent-2 {
    border-bottom-color: #EEFF41;
  }
  .badge-lime-accent-2 {
    background-color: #EEFF41;
    color: #000000;
  }
  .btn-lime-accent-2 {
    background-color: rgba(238, 255, 65, 0.9);
    color: #000000 !important;
  }
  .btn-lime-accent-2:disabled,
  .btn-lime-accent-2.disabled {
    background-color: rgba(238, 255, 65, 0.4);
  }
  .btn-lime-accent-2:not(:disabled):not(.disabled):hover {
    background-color: #EEFF41;
  }
  .btn-outline-lime-accent-2 {
    color: #EEFF41;
    border-color: #EEFF41;
  }
  .btn-outline-lime-accent-2:hover {
    background-color: #EEFF41;
    color: #000000;
  }
}
.text-lime-accent-2 {
  color: #EEFF41 !important;
}

:root {
  --lime-accent-2: #EEFF41;
}

.bg-lime-accent-2 {
  background-color: #EEFF41;
}

.border-lime-accent-2 {
  border-color: #EEFF41;
}

.border-left-lime-accent-2 {
  border-left-color: #EEFF41;
}

.border-right-lime-accent-2 {
  border-right-color: #EEFF41;
}

.border-top-lime-accent-2 {
  border-top-color: #EEFF41;
}

.border-bottom-lime-accent-2 {
  border-bottom-color: #EEFF41;
}

.badge-lime-accent-2 {
  background-color: #EEFF41;
  color: #000000;
}

.btn-lime-accent-2 {
  background-color: rgba(238, 255, 65, 0.9);
  color: #000000 !important;
}

.btn-lime-accent-2:disabled,
.btn-lime-accent-2.disabled {
  background-color: rgba(238, 255, 65, 0.4);
}

.btn-lime-accent-2:not(:disabled):not(.disabled):hover {
  background-color: #EEFF41;
}

.btn-outline-lime-accent-2 {
  color: #EEFF41;
  border-color: #EEFF41;
}

.btn-outline-lime-accent-2:hover {
  background-color: #EEFF41;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-lime-accent-3 {
    color: #C6FF00 !important;
  }
  :root {
    --lime-accent-3: #C6FF00;
  }
  .bg-lime-accent-3 {
    background-color: #C6FF00;
  }
  .border-lime-accent-3 {
    border-color: #C6FF00;
  }
  .border-left-lime-accent-3 {
    border-left-color: #C6FF00;
  }
  .border-right-lime-accent-3 {
    border-right-color: #C6FF00;
  }
  .border-top-lime-accent-3 {
    border-top-color: #C6FF00;
  }
  .border-bottom-lime-accent-3 {
    border-bottom-color: #C6FF00;
  }
  .badge-lime-accent-3 {
    background-color: #C6FF00;
    color: #FFFFFF;
  }
  .btn-lime-accent-3 {
    background-color: rgba(198, 255, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-lime-accent-3:disabled,
  .btn-lime-accent-3.disabled {
    background-color: rgba(198, 255, 0, 0.4);
  }
  .btn-lime-accent-3:not(:disabled):not(.disabled):hover {
    background-color: #C6FF00;
  }
  .btn-outline-lime-accent-3 {
    color: #C6FF00;
    border-color: #C6FF00;
  }
  .btn-outline-lime-accent-3:hover {
    background-color: #C6FF00;
    color: #FFFFFF;
  }
}
.text-lime-accent-3 {
  color: #C6FF00 !important;
}

:root {
  --lime-accent-3: #C6FF00;
}

.bg-lime-accent-3 {
  background-color: #C6FF00;
}

.border-lime-accent-3 {
  border-color: #C6FF00;
}

.border-left-lime-accent-3 {
  border-left-color: #C6FF00;
}

.border-right-lime-accent-3 {
  border-right-color: #C6FF00;
}

.border-top-lime-accent-3 {
  border-top-color: #C6FF00;
}

.border-bottom-lime-accent-3 {
  border-bottom-color: #C6FF00;
}

.badge-lime-accent-3 {
  background-color: #C6FF00;
  color: #FFFFFF;
}

.btn-lime-accent-3 {
  background-color: rgba(198, 255, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-lime-accent-3:disabled,
.btn-lime-accent-3.disabled {
  background-color: rgba(198, 255, 0, 0.4);
}

.btn-lime-accent-3:not(:disabled):not(.disabled):hover {
  background-color: #C6FF00;
}

.btn-outline-lime-accent-3 {
  color: #C6FF00;
  border-color: #C6FF00;
}

.btn-outline-lime-accent-3:hover {
  background-color: #C6FF00;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-lime-accent-4 {
    color: #AEEA00 !important;
  }
  :root {
    --lime-accent-4: #AEEA00;
  }
  .bg-lime-accent-4 {
    background-color: #AEEA00;
  }
  .border-lime-accent-4 {
    border-color: #AEEA00;
  }
  .border-left-lime-accent-4 {
    border-left-color: #AEEA00;
  }
  .border-right-lime-accent-4 {
    border-right-color: #AEEA00;
  }
  .border-top-lime-accent-4 {
    border-top-color: #AEEA00;
  }
  .border-bottom-lime-accent-4 {
    border-bottom-color: #AEEA00;
  }
  .badge-lime-accent-4 {
    background-color: #AEEA00;
    color: #FFFFFF;
  }
  .btn-lime-accent-4 {
    background-color: rgba(174, 234, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-lime-accent-4:disabled,
  .btn-lime-accent-4.disabled {
    background-color: rgba(174, 234, 0, 0.4);
  }
  .btn-lime-accent-4:not(:disabled):not(.disabled):hover {
    background-color: #AEEA00;
  }
  .btn-outline-lime-accent-4 {
    color: #AEEA00;
    border-color: #AEEA00;
  }
  .btn-outline-lime-accent-4:hover {
    background-color: #AEEA00;
    color: #FFFFFF;
  }
}
.text-lime-accent-4 {
  color: #AEEA00 !important;
}

:root {
  --lime-accent-4: #AEEA00;
}

.bg-lime-accent-4 {
  background-color: #AEEA00;
}

.border-lime-accent-4 {
  border-color: #AEEA00;
}

.border-left-lime-accent-4 {
  border-left-color: #AEEA00;
}

.border-right-lime-accent-4 {
  border-right-color: #AEEA00;
}

.border-top-lime-accent-4 {
  border-top-color: #AEEA00;
}

.border-bottom-lime-accent-4 {
  border-bottom-color: #AEEA00;
}

.badge-lime-accent-4 {
  background-color: #AEEA00;
  color: #FFFFFF;
}

.btn-lime-accent-4 {
  background-color: rgba(174, 234, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-lime-accent-4:disabled,
.btn-lime-accent-4.disabled {
  background-color: rgba(174, 234, 0, 0.4);
}

.btn-lime-accent-4:not(:disabled):not(.disabled):hover {
  background-color: #AEEA00;
}

.btn-outline-lime-accent-4 {
  color: #AEEA00;
  border-color: #AEEA00;
}

.btn-outline-lime-accent-4:hover {
  background-color: #AEEA00;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-yellow {
    color: #FFEB3B !important;
  }
  :root {
    --yellow: #FFEB3B;
  }
  .bg-yellow {
    background-color: #FFEB3B;
  }
  .border-yellow {
    border-color: #FFEB3B;
  }
  .border-left-yellow {
    border-left-color: #FFEB3B;
  }
  .border-right-yellow {
    border-right-color: #FFEB3B;
  }
  .border-top-yellow {
    border-top-color: #FFEB3B;
  }
  .border-bottom-yellow {
    border-bottom-color: #FFEB3B;
  }
  .badge-yellow {
    background-color: #FFEB3B;
  }
  .btn-yellow {
    background-color: rgba(255, 235, 59, 0.9);
  }
  .btn-yellow:disabled,
  .btn-yellow.disabled {
    background-color: rgba(255, 235, 59, 0.4);
  }
  .btn-yellow:not(:disabled):not(.disabled):hover {
    background-color: #FFEB3B;
  }
  .btn-outline-yellow {
    color: #FFEB3B;
    border-color: #FFEB3B;
  }
  .btn-outline-yellow:hover {
    background-color: #FFEB3B;
    color: #FFFFFF;
  }
}
.text-yellow {
  color: #FFEB3B !important;
}

:root {
  --yellow: #FFEB3B;
}

.bg-yellow {
  background-color: #FFEB3B;
}

.border-yellow {
  border-color: #FFEB3B;
}

.border-left-yellow {
  border-left-color: #FFEB3B;
}

.border-right-yellow {
  border-right-color: #FFEB3B;
}

.border-top-yellow {
  border-top-color: #FFEB3B;
}

.border-bottom-yellow {
  border-bottom-color: #FFEB3B;
}

.badge-yellow {
  background-color: #FFEB3B;
}

.btn-yellow {
  background-color: rgba(255, 235, 59, 0.9);
}

.btn-yellow:disabled,
.btn-yellow.disabled {
  background-color: rgba(255, 235, 59, 0.4);
}

.btn-yellow:not(:disabled):not(.disabled):hover {
  background-color: #FFEB3B;
}

.btn-outline-yellow {
  color: #FFEB3B;
  border-color: #FFEB3B;
}

.btn-outline-yellow:hover {
  background-color: #FFEB3B;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-yellow-lighten-5 {
    color: #FFFDE7 !important;
  }
  :root {
    --yellow-lighten-5: #FFFDE7;
  }
  .bg-yellow-lighten-5 {
    background-color: #FFFDE7;
  }
  .border-yellow-lighten-5 {
    border-color: #FFFDE7;
  }
  .border-left-yellow-lighten-5 {
    border-left-color: #FFFDE7;
  }
  .border-right-yellow-lighten-5 {
    border-right-color: #FFFDE7;
  }
  .border-top-yellow-lighten-5 {
    border-top-color: #FFFDE7;
  }
  .border-bottom-yellow-lighten-5 {
    border-bottom-color: #FFFDE7;
  }
  .badge-yellow-lighten-5 {
    background-color: #FFFDE7;
    color: #000000;
  }
  .btn-yellow-lighten-5 {
    background-color: rgba(255, 253, 231, 0.9);
    color: #000000 !important;
  }
  .btn-yellow-lighten-5:disabled,
  .btn-yellow-lighten-5.disabled {
    background-color: rgba(255, 253, 231, 0.4);
  }
  .btn-yellow-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #FFFDE7;
  }
  .btn-outline-yellow-lighten-5 {
    color: #FFFDE7;
    border-color: #FFFDE7;
  }
  .btn-outline-yellow-lighten-5:hover {
    background-color: #FFFDE7;
    color: #000000;
  }
}
.text-yellow-lighten-5 {
  color: #FFFDE7 !important;
}

:root {
  --yellow-lighten-5: #FFFDE7;
}

.bg-yellow-lighten-5 {
  background-color: #FFFDE7;
}

.border-yellow-lighten-5 {
  border-color: #FFFDE7;
}

.border-left-yellow-lighten-5 {
  border-left-color: #FFFDE7;
}

.border-right-yellow-lighten-5 {
  border-right-color: #FFFDE7;
}

.border-top-yellow-lighten-5 {
  border-top-color: #FFFDE7;
}

.border-bottom-yellow-lighten-5 {
  border-bottom-color: #FFFDE7;
}

.badge-yellow-lighten-5 {
  background-color: #FFFDE7;
  color: #000000;
}

.btn-yellow-lighten-5 {
  background-color: rgba(255, 253, 231, 0.9);
  color: #000000 !important;
}

.btn-yellow-lighten-5:disabled,
.btn-yellow-lighten-5.disabled {
  background-color: rgba(255, 253, 231, 0.4);
}

.btn-yellow-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #FFFDE7;
}

.btn-outline-yellow-lighten-5 {
  color: #FFFDE7;
  border-color: #FFFDE7;
}

.btn-outline-yellow-lighten-5:hover {
  background-color: #FFFDE7;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-yellow-lighten-4 {
    color: #FFF9C4 !important;
  }
  :root {
    --yellow-lighten-4: #FFF9C4;
  }
  .bg-yellow-lighten-4 {
    background-color: #FFF9C4;
  }
  .border-yellow-lighten-4 {
    border-color: #FFF9C4;
  }
  .border-left-yellow-lighten-4 {
    border-left-color: #FFF9C4;
  }
  .border-right-yellow-lighten-4 {
    border-right-color: #FFF9C4;
  }
  .border-top-yellow-lighten-4 {
    border-top-color: #FFF9C4;
  }
  .border-bottom-yellow-lighten-4 {
    border-bottom-color: #FFF9C4;
  }
  .badge-yellow-lighten-4 {
    background-color: #FFF9C4;
    color: #000000;
  }
  .btn-yellow-lighten-4 {
    background-color: rgba(255, 249, 196, 0.9);
    color: #000000 !important;
  }
  .btn-yellow-lighten-4:disabled,
  .btn-yellow-lighten-4.disabled {
    background-color: rgba(255, 249, 196, 0.4);
  }
  .btn-yellow-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #FFF9C4;
  }
  .btn-outline-yellow-lighten-4 {
    color: #FFF9C4;
    border-color: #FFF9C4;
  }
  .btn-outline-yellow-lighten-4:hover {
    background-color: #FFF9C4;
    color: #000000;
  }
}
.text-yellow-lighten-4 {
  color: #FFF9C4 !important;
}

:root {
  --yellow-lighten-4: #FFF9C4;
}

.bg-yellow-lighten-4 {
  background-color: #FFF9C4;
}

.border-yellow-lighten-4 {
  border-color: #FFF9C4;
}

.border-left-yellow-lighten-4 {
  border-left-color: #FFF9C4;
}

.border-right-yellow-lighten-4 {
  border-right-color: #FFF9C4;
}

.border-top-yellow-lighten-4 {
  border-top-color: #FFF9C4;
}

.border-bottom-yellow-lighten-4 {
  border-bottom-color: #FFF9C4;
}

.badge-yellow-lighten-4 {
  background-color: #FFF9C4;
  color: #000000;
}

.btn-yellow-lighten-4 {
  background-color: rgba(255, 249, 196, 0.9);
  color: #000000 !important;
}

.btn-yellow-lighten-4:disabled,
.btn-yellow-lighten-4.disabled {
  background-color: rgba(255, 249, 196, 0.4);
}

.btn-yellow-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #FFF9C4;
}

.btn-outline-yellow-lighten-4 {
  color: #FFF9C4;
  border-color: #FFF9C4;
}

.btn-outline-yellow-lighten-4:hover {
  background-color: #FFF9C4;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-yellow-lighten-3 {
    color: #FFF59D !important;
  }
  :root {
    --yellow-lighten-3: #FFF59D;
  }
  .bg-yellow-lighten-3 {
    background-color: #FFF59D;
  }
  .border-yellow-lighten-3 {
    border-color: #FFF59D;
  }
  .border-left-yellow-lighten-3 {
    border-left-color: #FFF59D;
  }
  .border-right-yellow-lighten-3 {
    border-right-color: #FFF59D;
  }
  .border-top-yellow-lighten-3 {
    border-top-color: #FFF59D;
  }
  .border-bottom-yellow-lighten-3 {
    border-bottom-color: #FFF59D;
  }
  .badge-yellow-lighten-3 {
    background-color: #FFF59D;
    color: #000000;
  }
  .btn-yellow-lighten-3 {
    background-color: rgba(255, 245, 157, 0.9);
    color: #000000 !important;
  }
  .btn-yellow-lighten-3:disabled,
  .btn-yellow-lighten-3.disabled {
    background-color: rgba(255, 245, 157, 0.4);
  }
  .btn-yellow-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #FFF59D;
  }
  .btn-outline-yellow-lighten-3 {
    color: #FFF59D;
    border-color: #FFF59D;
  }
  .btn-outline-yellow-lighten-3:hover {
    background-color: #FFF59D;
    color: #000000;
  }
}
.text-yellow-lighten-3 {
  color: #FFF59D !important;
}

:root {
  --yellow-lighten-3: #FFF59D;
}

.bg-yellow-lighten-3 {
  background-color: #FFF59D;
}

.border-yellow-lighten-3 {
  border-color: #FFF59D;
}

.border-left-yellow-lighten-3 {
  border-left-color: #FFF59D;
}

.border-right-yellow-lighten-3 {
  border-right-color: #FFF59D;
}

.border-top-yellow-lighten-3 {
  border-top-color: #FFF59D;
}

.border-bottom-yellow-lighten-3 {
  border-bottom-color: #FFF59D;
}

.badge-yellow-lighten-3 {
  background-color: #FFF59D;
  color: #000000;
}

.btn-yellow-lighten-3 {
  background-color: rgba(255, 245, 157, 0.9);
  color: #000000 !important;
}

.btn-yellow-lighten-3:disabled,
.btn-yellow-lighten-3.disabled {
  background-color: rgba(255, 245, 157, 0.4);
}

.btn-yellow-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #FFF59D;
}

.btn-outline-yellow-lighten-3 {
  color: #FFF59D;
  border-color: #FFF59D;
}

.btn-outline-yellow-lighten-3:hover {
  background-color: #FFF59D;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-yellow-lighten-2 {
    color: #FFF176 !important;
  }
  :root {
    --yellow-lighten-2: #FFF176;
  }
  .bg-yellow-lighten-2 {
    background-color: #FFF176;
  }
  .border-yellow-lighten-2 {
    border-color: #FFF176;
  }
  .border-left-yellow-lighten-2 {
    border-left-color: #FFF176;
  }
  .border-right-yellow-lighten-2 {
    border-right-color: #FFF176;
  }
  .border-top-yellow-lighten-2 {
    border-top-color: #FFF176;
  }
  .border-bottom-yellow-lighten-2 {
    border-bottom-color: #FFF176;
  }
  .badge-yellow-lighten-2 {
    background-color: #FFF176;
    color: #000000;
  }
  .btn-yellow-lighten-2 {
    background-color: rgba(255, 241, 118, 0.9);
    color: #000000 !important;
  }
  .btn-yellow-lighten-2:disabled,
  .btn-yellow-lighten-2.disabled {
    background-color: rgba(255, 241, 118, 0.4);
  }
  .btn-yellow-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #FFF176;
  }
  .btn-outline-yellow-lighten-2 {
    color: #FFF176;
    border-color: #FFF176;
  }
  .btn-outline-yellow-lighten-2:hover {
    background-color: #FFF176;
    color: #000000;
  }
}
.text-yellow-lighten-2 {
  color: #FFF176 !important;
}

:root {
  --yellow-lighten-2: #FFF176;
}

.bg-yellow-lighten-2 {
  background-color: #FFF176;
}

.border-yellow-lighten-2 {
  border-color: #FFF176;
}

.border-left-yellow-lighten-2 {
  border-left-color: #FFF176;
}

.border-right-yellow-lighten-2 {
  border-right-color: #FFF176;
}

.border-top-yellow-lighten-2 {
  border-top-color: #FFF176;
}

.border-bottom-yellow-lighten-2 {
  border-bottom-color: #FFF176;
}

.badge-yellow-lighten-2 {
  background-color: #FFF176;
  color: #000000;
}

.btn-yellow-lighten-2 {
  background-color: rgba(255, 241, 118, 0.9);
  color: #000000 !important;
}

.btn-yellow-lighten-2:disabled,
.btn-yellow-lighten-2.disabled {
  background-color: rgba(255, 241, 118, 0.4);
}

.btn-yellow-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #FFF176;
}

.btn-outline-yellow-lighten-2 {
  color: #FFF176;
  border-color: #FFF176;
}

.btn-outline-yellow-lighten-2:hover {
  background-color: #FFF176;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-yellow-lighten-1 {
    color: #FFEE58 !important;
  }
  :root {
    --yellow-lighten-1: #FFEE58;
  }
  .bg-yellow-lighten-1 {
    background-color: #FFEE58;
  }
  .border-yellow-lighten-1 {
    border-color: #FFEE58;
  }
  .border-left-yellow-lighten-1 {
    border-left-color: #FFEE58;
  }
  .border-right-yellow-lighten-1 {
    border-right-color: #FFEE58;
  }
  .border-top-yellow-lighten-1 {
    border-top-color: #FFEE58;
  }
  .border-bottom-yellow-lighten-1 {
    border-bottom-color: #FFEE58;
  }
  .badge-yellow-lighten-1 {
    background-color: #FFEE58;
    color: #000000;
  }
  .btn-yellow-lighten-1 {
    background-color: rgba(255, 238, 88, 0.9);
    color: #000000 !important;
  }
  .btn-yellow-lighten-1:disabled,
  .btn-yellow-lighten-1.disabled {
    background-color: rgba(255, 238, 88, 0.4);
  }
  .btn-yellow-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #FFEE58;
  }
  .btn-outline-yellow-lighten-1 {
    color: #FFEE58;
    border-color: #FFEE58;
  }
  .btn-outline-yellow-lighten-1:hover {
    background-color: #FFEE58;
    color: #000000;
  }
}
.text-yellow-lighten-1 {
  color: #FFEE58 !important;
}

:root {
  --yellow-lighten-1: #FFEE58;
}

.bg-yellow-lighten-1 {
  background-color: #FFEE58;
}

.border-yellow-lighten-1 {
  border-color: #FFEE58;
}

.border-left-yellow-lighten-1 {
  border-left-color: #FFEE58;
}

.border-right-yellow-lighten-1 {
  border-right-color: #FFEE58;
}

.border-top-yellow-lighten-1 {
  border-top-color: #FFEE58;
}

.border-bottom-yellow-lighten-1 {
  border-bottom-color: #FFEE58;
}

.badge-yellow-lighten-1 {
  background-color: #FFEE58;
  color: #000000;
}

.btn-yellow-lighten-1 {
  background-color: rgba(255, 238, 88, 0.9);
  color: #000000 !important;
}

.btn-yellow-lighten-1:disabled,
.btn-yellow-lighten-1.disabled {
  background-color: rgba(255, 238, 88, 0.4);
}

.btn-yellow-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #FFEE58;
}

.btn-outline-yellow-lighten-1 {
  color: #FFEE58;
  border-color: #FFEE58;
}

.btn-outline-yellow-lighten-1:hover {
  background-color: #FFEE58;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-yellow-darken-1 {
    color: #FDD835 !important;
  }
  :root {
    --yellow-darken-1: #FDD835;
  }
  .bg-yellow-darken-1 {
    background-color: #FDD835;
  }
  .border-yellow-darken-1 {
    border-color: #FDD835;
  }
  .border-left-yellow-darken-1 {
    border-left-color: #FDD835;
  }
  .border-right-yellow-darken-1 {
    border-right-color: #FDD835;
  }
  .border-top-yellow-darken-1 {
    border-top-color: #FDD835;
  }
  .border-bottom-yellow-darken-1 {
    border-bottom-color: #FDD835;
  }
  .badge-yellow-darken-1 {
    background-color: #FDD835;
    color: #FFFFFF;
  }
  .btn-yellow-darken-1 {
    background-color: rgba(253, 216, 53, 0.9);
    color: #FFFFFF !important;
  }
  .btn-yellow-darken-1:disabled,
  .btn-yellow-darken-1.disabled {
    background-color: rgba(253, 216, 53, 0.4);
  }
  .btn-yellow-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #FDD835;
  }
  .btn-outline-yellow-darken-1 {
    color: #FDD835;
    border-color: #FDD835;
  }
  .btn-outline-yellow-darken-1:hover {
    background-color: #FDD835;
    color: #FFFFFF;
  }
}
.text-yellow-darken-1 {
  color: #FDD835 !important;
}

:root {
  --yellow-darken-1: #FDD835;
}

.bg-yellow-darken-1 {
  background-color: #FDD835;
}

.border-yellow-darken-1 {
  border-color: #FDD835;
}

.border-left-yellow-darken-1 {
  border-left-color: #FDD835;
}

.border-right-yellow-darken-1 {
  border-right-color: #FDD835;
}

.border-top-yellow-darken-1 {
  border-top-color: #FDD835;
}

.border-bottom-yellow-darken-1 {
  border-bottom-color: #FDD835;
}

.badge-yellow-darken-1 {
  background-color: #FDD835;
  color: #FFFFFF;
}

.btn-yellow-darken-1 {
  background-color: rgba(253, 216, 53, 0.9);
  color: #FFFFFF !important;
}

.btn-yellow-darken-1:disabled,
.btn-yellow-darken-1.disabled {
  background-color: rgba(253, 216, 53, 0.4);
}

.btn-yellow-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #FDD835;
}

.btn-outline-yellow-darken-1 {
  color: #FDD835;
  border-color: #FDD835;
}

.btn-outline-yellow-darken-1:hover {
  background-color: #FDD835;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-yellow-darken-2 {
    color: #FBC02D !important;
  }
  :root {
    --yellow-darken-2: #FBC02D;
  }
  .bg-yellow-darken-2 {
    background-color: #FBC02D;
  }
  .border-yellow-darken-2 {
    border-color: #FBC02D;
  }
  .border-left-yellow-darken-2 {
    border-left-color: #FBC02D;
  }
  .border-right-yellow-darken-2 {
    border-right-color: #FBC02D;
  }
  .border-top-yellow-darken-2 {
    border-top-color: #FBC02D;
  }
  .border-bottom-yellow-darken-2 {
    border-bottom-color: #FBC02D;
  }
  .badge-yellow-darken-2 {
    background-color: #FBC02D;
    color: #FFFFFF;
  }
  .btn-yellow-darken-2 {
    background-color: rgba(251, 192, 45, 0.9);
    color: #FFFFFF !important;
  }
  .btn-yellow-darken-2:disabled,
  .btn-yellow-darken-2.disabled {
    background-color: rgba(251, 192, 45, 0.4);
  }
  .btn-yellow-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #FBC02D;
  }
  .btn-outline-yellow-darken-2 {
    color: #FBC02D;
    border-color: #FBC02D;
  }
  .btn-outline-yellow-darken-2:hover {
    background-color: #FBC02D;
    color: #FFFFFF;
  }
}
.text-yellow-darken-2 {
  color: #FBC02D !important;
}

:root {
  --yellow-darken-2: #FBC02D;
}

.bg-yellow-darken-2 {
  background-color: #FBC02D;
}

.border-yellow-darken-2 {
  border-color: #FBC02D;
}

.border-left-yellow-darken-2 {
  border-left-color: #FBC02D;
}

.border-right-yellow-darken-2 {
  border-right-color: #FBC02D;
}

.border-top-yellow-darken-2 {
  border-top-color: #FBC02D;
}

.border-bottom-yellow-darken-2 {
  border-bottom-color: #FBC02D;
}

.badge-yellow-darken-2 {
  background-color: #FBC02D;
  color: #FFFFFF;
}

.btn-yellow-darken-2 {
  background-color: rgba(251, 192, 45, 0.9);
  color: #FFFFFF !important;
}

.btn-yellow-darken-2:disabled,
.btn-yellow-darken-2.disabled {
  background-color: rgba(251, 192, 45, 0.4);
}

.btn-yellow-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #FBC02D;
}

.btn-outline-yellow-darken-2 {
  color: #FBC02D;
  border-color: #FBC02D;
}

.btn-outline-yellow-darken-2:hover {
  background-color: #FBC02D;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-yellow-darken-3 {
    color: #F9A825 !important;
  }
  :root {
    --yellow-darken-3: #F9A825;
  }
  .bg-yellow-darken-3 {
    background-color: #F9A825;
  }
  .border-yellow-darken-3 {
    border-color: #F9A825;
  }
  .border-left-yellow-darken-3 {
    border-left-color: #F9A825;
  }
  .border-right-yellow-darken-3 {
    border-right-color: #F9A825;
  }
  .border-top-yellow-darken-3 {
    border-top-color: #F9A825;
  }
  .border-bottom-yellow-darken-3 {
    border-bottom-color: #F9A825;
  }
  .badge-yellow-darken-3 {
    background-color: #F9A825;
    color: #FFFFFF;
  }
  .btn-yellow-darken-3 {
    background-color: rgba(249, 168, 37, 0.9);
    color: #FFFFFF !important;
  }
  .btn-yellow-darken-3:disabled,
  .btn-yellow-darken-3.disabled {
    background-color: rgba(249, 168, 37, 0.4);
  }
  .btn-yellow-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #F9A825;
  }
  .btn-outline-yellow-darken-3 {
    color: #F9A825;
    border-color: #F9A825;
  }
  .btn-outline-yellow-darken-3:hover {
    background-color: #F9A825;
    color: #FFFFFF;
  }
}
.text-yellow-darken-3 {
  color: #F9A825 !important;
}

:root {
  --yellow-darken-3: #F9A825;
}

.bg-yellow-darken-3 {
  background-color: #F9A825;
}

.border-yellow-darken-3 {
  border-color: #F9A825;
}

.border-left-yellow-darken-3 {
  border-left-color: #F9A825;
}

.border-right-yellow-darken-3 {
  border-right-color: #F9A825;
}

.border-top-yellow-darken-3 {
  border-top-color: #F9A825;
}

.border-bottom-yellow-darken-3 {
  border-bottom-color: #F9A825;
}

.badge-yellow-darken-3 {
  background-color: #F9A825;
  color: #FFFFFF;
}

.btn-yellow-darken-3 {
  background-color: rgba(249, 168, 37, 0.9);
  color: #FFFFFF !important;
}

.btn-yellow-darken-3:disabled,
.btn-yellow-darken-3.disabled {
  background-color: rgba(249, 168, 37, 0.4);
}

.btn-yellow-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #F9A825;
}

.btn-outline-yellow-darken-3 {
  color: #F9A825;
  border-color: #F9A825;
}

.btn-outline-yellow-darken-3:hover {
  background-color: #F9A825;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-yellow-darken-4 {
    color: #F57F17 !important;
  }
  :root {
    --yellow-darken-4: #F57F17;
  }
  .bg-yellow-darken-4 {
    background-color: #F57F17;
  }
  .border-yellow-darken-4 {
    border-color: #F57F17;
  }
  .border-left-yellow-darken-4 {
    border-left-color: #F57F17;
  }
  .border-right-yellow-darken-4 {
    border-right-color: #F57F17;
  }
  .border-top-yellow-darken-4 {
    border-top-color: #F57F17;
  }
  .border-bottom-yellow-darken-4 {
    border-bottom-color: #F57F17;
  }
  .badge-yellow-darken-4 {
    background-color: #F57F17;
    color: #FFFFFF;
  }
  .btn-yellow-darken-4 {
    background-color: rgba(245, 127, 23, 0.9);
    color: #FFFFFF !important;
  }
  .btn-yellow-darken-4:disabled,
  .btn-yellow-darken-4.disabled {
    background-color: rgba(245, 127, 23, 0.4);
  }
  .btn-yellow-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #F57F17;
  }
  .btn-outline-yellow-darken-4 {
    color: #F57F17;
    border-color: #F57F17;
  }
  .btn-outline-yellow-darken-4:hover {
    background-color: #F57F17;
    color: #FFFFFF;
  }
}
.text-yellow-darken-4 {
  color: #F57F17 !important;
}

:root {
  --yellow-darken-4: #F57F17;
}

.bg-yellow-darken-4 {
  background-color: #F57F17;
}

.border-yellow-darken-4 {
  border-color: #F57F17;
}

.border-left-yellow-darken-4 {
  border-left-color: #F57F17;
}

.border-right-yellow-darken-4 {
  border-right-color: #F57F17;
}

.border-top-yellow-darken-4 {
  border-top-color: #F57F17;
}

.border-bottom-yellow-darken-4 {
  border-bottom-color: #F57F17;
}

.badge-yellow-darken-4 {
  background-color: #F57F17;
  color: #FFFFFF;
}

.btn-yellow-darken-4 {
  background-color: rgba(245, 127, 23, 0.9);
  color: #FFFFFF !important;
}

.btn-yellow-darken-4:disabled,
.btn-yellow-darken-4.disabled {
  background-color: rgba(245, 127, 23, 0.4);
}

.btn-yellow-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #F57F17;
}

.btn-outline-yellow-darken-4 {
  color: #F57F17;
  border-color: #F57F17;
}

.btn-outline-yellow-darken-4:hover {
  background-color: #F57F17;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-yellow-accent-1 {
    color: #FFFF8D !important;
  }
  :root {
    --yellow-accent-1: #FFFF8D;
  }
  .bg-yellow-accent-1 {
    background-color: #FFFF8D;
  }
  .border-yellow-accent-1 {
    border-color: #FFFF8D;
  }
  .border-left-yellow-accent-1 {
    border-left-color: #FFFF8D;
  }
  .border-right-yellow-accent-1 {
    border-right-color: #FFFF8D;
  }
  .border-top-yellow-accent-1 {
    border-top-color: #FFFF8D;
  }
  .border-bottom-yellow-accent-1 {
    border-bottom-color: #FFFF8D;
  }
  .badge-yellow-accent-1 {
    background-color: #FFFF8D;
    color: #000000;
  }
  .btn-yellow-accent-1 {
    background-color: rgba(255, 255, 141, 0.9);
    color: #000000 !important;
  }
  .btn-yellow-accent-1:disabled,
  .btn-yellow-accent-1.disabled {
    background-color: rgba(255, 255, 141, 0.4);
  }
  .btn-yellow-accent-1:not(:disabled):not(.disabled):hover {
    background-color: #FFFF8D;
  }
  .btn-outline-yellow-accent-1 {
    color: #FFFF8D;
    border-color: #FFFF8D;
  }
  .btn-outline-yellow-accent-1:hover {
    background-color: #FFFF8D;
    color: #000000;
  }
}
.text-yellow-accent-1 {
  color: #FFFF8D !important;
}

:root {
  --yellow-accent-1: #FFFF8D;
}

.bg-yellow-accent-1 {
  background-color: #FFFF8D;
}

.border-yellow-accent-1 {
  border-color: #FFFF8D;
}

.border-left-yellow-accent-1 {
  border-left-color: #FFFF8D;
}

.border-right-yellow-accent-1 {
  border-right-color: #FFFF8D;
}

.border-top-yellow-accent-1 {
  border-top-color: #FFFF8D;
}

.border-bottom-yellow-accent-1 {
  border-bottom-color: #FFFF8D;
}

.badge-yellow-accent-1 {
  background-color: #FFFF8D;
  color: #000000;
}

.btn-yellow-accent-1 {
  background-color: rgba(255, 255, 141, 0.9);
  color: #000000 !important;
}

.btn-yellow-accent-1:disabled,
.btn-yellow-accent-1.disabled {
  background-color: rgba(255, 255, 141, 0.4);
}

.btn-yellow-accent-1:not(:disabled):not(.disabled):hover {
  background-color: #FFFF8D;
}

.btn-outline-yellow-accent-1 {
  color: #FFFF8D;
  border-color: #FFFF8D;
}

.btn-outline-yellow-accent-1:hover {
  background-color: #FFFF8D;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-yellow-accent-2 {
    color: #FFFF00 !important;
  }
  :root {
    --yellow-accent-2: #FFFF00;
  }
  .bg-yellow-accent-2 {
    background-color: #FFFF00;
  }
  .border-yellow-accent-2 {
    border-color: #FFFF00;
  }
  .border-left-yellow-accent-2 {
    border-left-color: #FFFF00;
  }
  .border-right-yellow-accent-2 {
    border-right-color: #FFFF00;
  }
  .border-top-yellow-accent-2 {
    border-top-color: #FFFF00;
  }
  .border-bottom-yellow-accent-2 {
    border-bottom-color: #FFFF00;
  }
  .badge-yellow-accent-2 {
    background-color: #FFFF00;
    color: #000000;
  }
  .btn-yellow-accent-2 {
    background-color: rgba(255, 255, 0, 0.9);
    color: #000000 !important;
  }
  .btn-yellow-accent-2:disabled,
  .btn-yellow-accent-2.disabled {
    background-color: rgba(255, 255, 0, 0.4);
  }
  .btn-yellow-accent-2:not(:disabled):not(.disabled):hover {
    background-color: #FFFF00;
  }
  .btn-outline-yellow-accent-2 {
    color: #FFFF00;
    border-color: #FFFF00;
  }
  .btn-outline-yellow-accent-2:hover {
    background-color: #FFFF00;
    color: #000000;
  }
}
.text-yellow-accent-2 {
  color: #FFFF00 !important;
}

:root {
  --yellow-accent-2: #FFFF00;
}

.bg-yellow-accent-2 {
  background-color: #FFFF00;
}

.border-yellow-accent-2 {
  border-color: #FFFF00;
}

.border-left-yellow-accent-2 {
  border-left-color: #FFFF00;
}

.border-right-yellow-accent-2 {
  border-right-color: #FFFF00;
}

.border-top-yellow-accent-2 {
  border-top-color: #FFFF00;
}

.border-bottom-yellow-accent-2 {
  border-bottom-color: #FFFF00;
}

.badge-yellow-accent-2 {
  background-color: #FFFF00;
  color: #000000;
}

.btn-yellow-accent-2 {
  background-color: rgba(255, 255, 0, 0.9);
  color: #000000 !important;
}

.btn-yellow-accent-2:disabled,
.btn-yellow-accent-2.disabled {
  background-color: rgba(255, 255, 0, 0.4);
}

.btn-yellow-accent-2:not(:disabled):not(.disabled):hover {
  background-color: #FFFF00;
}

.btn-outline-yellow-accent-2 {
  color: #FFFF00;
  border-color: #FFFF00;
}

.btn-outline-yellow-accent-2:hover {
  background-color: #FFFF00;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-yellow-accent-3 {
    color: #FFEA00 !important;
  }
  :root {
    --yellow-accent-3: #FFEA00;
  }
  .bg-yellow-accent-3 {
    background-color: #FFEA00;
  }
  .border-yellow-accent-3 {
    border-color: #FFEA00;
  }
  .border-left-yellow-accent-3 {
    border-left-color: #FFEA00;
  }
  .border-right-yellow-accent-3 {
    border-right-color: #FFEA00;
  }
  .border-top-yellow-accent-3 {
    border-top-color: #FFEA00;
  }
  .border-bottom-yellow-accent-3 {
    border-bottom-color: #FFEA00;
  }
  .badge-yellow-accent-3 {
    background-color: #FFEA00;
    color: #FFFFFF;
  }
  .btn-yellow-accent-3 {
    background-color: rgba(255, 234, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-yellow-accent-3:disabled,
  .btn-yellow-accent-3.disabled {
    background-color: rgba(255, 234, 0, 0.4);
  }
  .btn-yellow-accent-3:not(:disabled):not(.disabled):hover {
    background-color: #FFEA00;
  }
  .btn-outline-yellow-accent-3 {
    color: #FFEA00;
    border-color: #FFEA00;
  }
  .btn-outline-yellow-accent-3:hover {
    background-color: #FFEA00;
    color: #FFFFFF;
  }
}
.text-yellow-accent-3 {
  color: #FFEA00 !important;
}

:root {
  --yellow-accent-3: #FFEA00;
}

.bg-yellow-accent-3 {
  background-color: #FFEA00;
}

.border-yellow-accent-3 {
  border-color: #FFEA00;
}

.border-left-yellow-accent-3 {
  border-left-color: #FFEA00;
}

.border-right-yellow-accent-3 {
  border-right-color: #FFEA00;
}

.border-top-yellow-accent-3 {
  border-top-color: #FFEA00;
}

.border-bottom-yellow-accent-3 {
  border-bottom-color: #FFEA00;
}

.badge-yellow-accent-3 {
  background-color: #FFEA00;
  color: #FFFFFF;
}

.btn-yellow-accent-3 {
  background-color: rgba(255, 234, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-yellow-accent-3:disabled,
.btn-yellow-accent-3.disabled {
  background-color: rgba(255, 234, 0, 0.4);
}

.btn-yellow-accent-3:not(:disabled):not(.disabled):hover {
  background-color: #FFEA00;
}

.btn-outline-yellow-accent-3 {
  color: #FFEA00;
  border-color: #FFEA00;
}

.btn-outline-yellow-accent-3:hover {
  background-color: #FFEA00;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-yellow-accent-4 {
    color: #FFD600 !important;
  }
  :root {
    --yellow-accent-4: #FFD600;
  }
  .bg-yellow-accent-4 {
    background-color: #FFD600;
  }
  .border-yellow-accent-4 {
    border-color: #FFD600;
  }
  .border-left-yellow-accent-4 {
    border-left-color: #FFD600;
  }
  .border-right-yellow-accent-4 {
    border-right-color: #FFD600;
  }
  .border-top-yellow-accent-4 {
    border-top-color: #FFD600;
  }
  .border-bottom-yellow-accent-4 {
    border-bottom-color: #FFD600;
  }
  .badge-yellow-accent-4 {
    background-color: #FFD600;
    color: #FFFFFF;
  }
  .btn-yellow-accent-4 {
    background-color: rgba(255, 214, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-yellow-accent-4:disabled,
  .btn-yellow-accent-4.disabled {
    background-color: rgba(255, 214, 0, 0.4);
  }
  .btn-yellow-accent-4:not(:disabled):not(.disabled):hover {
    background-color: #FFD600;
  }
  .btn-outline-yellow-accent-4 {
    color: #FFD600;
    border-color: #FFD600;
  }
  .btn-outline-yellow-accent-4:hover {
    background-color: #FFD600;
    color: #FFFFFF;
  }
}
.text-yellow-accent-4 {
  color: #FFD600 !important;
}

:root {
  --yellow-accent-4: #FFD600;
}

.bg-yellow-accent-4 {
  background-color: #FFD600;
}

.border-yellow-accent-4 {
  border-color: #FFD600;
}

.border-left-yellow-accent-4 {
  border-left-color: #FFD600;
}

.border-right-yellow-accent-4 {
  border-right-color: #FFD600;
}

.border-top-yellow-accent-4 {
  border-top-color: #FFD600;
}

.border-bottom-yellow-accent-4 {
  border-bottom-color: #FFD600;
}

.badge-yellow-accent-4 {
  background-color: #FFD600;
  color: #FFFFFF;
}

.btn-yellow-accent-4 {
  background-color: rgba(255, 214, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-yellow-accent-4:disabled,
.btn-yellow-accent-4.disabled {
  background-color: rgba(255, 214, 0, 0.4);
}

.btn-yellow-accent-4:not(:disabled):not(.disabled):hover {
  background-color: #FFD600;
}

.btn-outline-yellow-accent-4 {
  color: #FFD600;
  border-color: #FFD600;
}

.btn-outline-yellow-accent-4:hover {
  background-color: #FFD600;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-amber {
    color: #FFC107 !important;
  }
  :root {
    --amber: #FFC107;
  }
  .bg-amber {
    background-color: #FFC107;
  }
  .border-amber {
    border-color: #FFC107;
  }
  .border-left-amber {
    border-left-color: #FFC107;
  }
  .border-right-amber {
    border-right-color: #FFC107;
  }
  .border-top-amber {
    border-top-color: #FFC107;
  }
  .border-bottom-amber {
    border-bottom-color: #FFC107;
  }
  .badge-amber {
    background-color: #FFC107;
  }
  .btn-amber {
    background-color: rgba(255, 193, 7, 0.9);
  }
  .btn-amber:disabled,
  .btn-amber.disabled {
    background-color: rgba(255, 193, 7, 0.4);
  }
  .btn-amber:not(:disabled):not(.disabled):hover {
    background-color: #FFC107;
  }
  .btn-outline-amber {
    color: #FFC107;
    border-color: #FFC107;
  }
  .btn-outline-amber:hover {
    background-color: #FFC107;
    color: #FFFFFF;
  }
}
.text-amber {
  color: #FFC107 !important;
}

:root {
  --amber: #FFC107;
}

.bg-amber {
  background-color: #FFC107;
}

.border-amber {
  border-color: #FFC107;
}

.border-left-amber {
  border-left-color: #FFC107;
}

.border-right-amber {
  border-right-color: #FFC107;
}

.border-top-amber {
  border-top-color: #FFC107;
}

.border-bottom-amber {
  border-bottom-color: #FFC107;
}

.badge-amber {
  background-color: #FFC107;
}

.btn-amber {
  background-color: rgba(255, 193, 7, 0.9);
}

.btn-amber:disabled,
.btn-amber.disabled {
  background-color: rgba(255, 193, 7, 0.4);
}

.btn-amber:not(:disabled):not(.disabled):hover {
  background-color: #FFC107;
}

.btn-outline-amber {
  color: #FFC107;
  border-color: #FFC107;
}

.btn-outline-amber:hover {
  background-color: #FFC107;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-amber-lighten-5 {
    color: #FFF8E1 !important;
  }
  :root {
    --amber-lighten-5: #FFF8E1;
  }
  .bg-amber-lighten-5 {
    background-color: #FFF8E1;
  }
  .border-amber-lighten-5 {
    border-color: #FFF8E1;
  }
  .border-left-amber-lighten-5 {
    border-left-color: #FFF8E1;
  }
  .border-right-amber-lighten-5 {
    border-right-color: #FFF8E1;
  }
  .border-top-amber-lighten-5 {
    border-top-color: #FFF8E1;
  }
  .border-bottom-amber-lighten-5 {
    border-bottom-color: #FFF8E1;
  }
  .badge-amber-lighten-5 {
    background-color: #FFF8E1;
    color: #000000;
  }
  .btn-amber-lighten-5 {
    background-color: rgba(255, 248, 225, 0.9);
    color: #000000 !important;
  }
  .btn-amber-lighten-5:disabled,
  .btn-amber-lighten-5.disabled {
    background-color: rgba(255, 248, 225, 0.4);
  }
  .btn-amber-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #FFF8E1;
  }
  .btn-outline-amber-lighten-5 {
    color: #FFF8E1;
    border-color: #FFF8E1;
  }
  .btn-outline-amber-lighten-5:hover {
    background-color: #FFF8E1;
    color: #000000;
  }
}
.text-amber-lighten-5 {
  color: #FFF8E1 !important;
}

:root {
  --amber-lighten-5: #FFF8E1;
}

.bg-amber-lighten-5 {
  background-color: #FFF8E1;
}

.border-amber-lighten-5 {
  border-color: #FFF8E1;
}

.border-left-amber-lighten-5 {
  border-left-color: #FFF8E1;
}

.border-right-amber-lighten-5 {
  border-right-color: #FFF8E1;
}

.border-top-amber-lighten-5 {
  border-top-color: #FFF8E1;
}

.border-bottom-amber-lighten-5 {
  border-bottom-color: #FFF8E1;
}

.badge-amber-lighten-5 {
  background-color: #FFF8E1;
  color: #000000;
}

.btn-amber-lighten-5 {
  background-color: rgba(255, 248, 225, 0.9);
  color: #000000 !important;
}

.btn-amber-lighten-5:disabled,
.btn-amber-lighten-5.disabled {
  background-color: rgba(255, 248, 225, 0.4);
}

.btn-amber-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #FFF8E1;
}

.btn-outline-amber-lighten-5 {
  color: #FFF8E1;
  border-color: #FFF8E1;
}

.btn-outline-amber-lighten-5:hover {
  background-color: #FFF8E1;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-amber-lighten-4 {
    color: #FFECB3 !important;
  }
  :root {
    --amber-lighten-4: #FFECB3;
  }
  .bg-amber-lighten-4 {
    background-color: #FFECB3;
  }
  .border-amber-lighten-4 {
    border-color: #FFECB3;
  }
  .border-left-amber-lighten-4 {
    border-left-color: #FFECB3;
  }
  .border-right-amber-lighten-4 {
    border-right-color: #FFECB3;
  }
  .border-top-amber-lighten-4 {
    border-top-color: #FFECB3;
  }
  .border-bottom-amber-lighten-4 {
    border-bottom-color: #FFECB3;
  }
  .badge-amber-lighten-4 {
    background-color: #FFECB3;
    color: #000000;
  }
  .btn-amber-lighten-4 {
    background-color: rgba(255, 236, 179, 0.9);
    color: #000000 !important;
  }
  .btn-amber-lighten-4:disabled,
  .btn-amber-lighten-4.disabled {
    background-color: rgba(255, 236, 179, 0.4);
  }
  .btn-amber-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #FFECB3;
  }
  .btn-outline-amber-lighten-4 {
    color: #FFECB3;
    border-color: #FFECB3;
  }
  .btn-outline-amber-lighten-4:hover {
    background-color: #FFECB3;
    color: #000000;
  }
}
.text-amber-lighten-4 {
  color: #FFECB3 !important;
}

:root {
  --amber-lighten-4: #FFECB3;
}

.bg-amber-lighten-4 {
  background-color: #FFECB3;
}

.border-amber-lighten-4 {
  border-color: #FFECB3;
}

.border-left-amber-lighten-4 {
  border-left-color: #FFECB3;
}

.border-right-amber-lighten-4 {
  border-right-color: #FFECB3;
}

.border-top-amber-lighten-4 {
  border-top-color: #FFECB3;
}

.border-bottom-amber-lighten-4 {
  border-bottom-color: #FFECB3;
}

.badge-amber-lighten-4 {
  background-color: #FFECB3;
  color: #000000;
}

.btn-amber-lighten-4 {
  background-color: rgba(255, 236, 179, 0.9);
  color: #000000 !important;
}

.btn-amber-lighten-4:disabled,
.btn-amber-lighten-4.disabled {
  background-color: rgba(255, 236, 179, 0.4);
}

.btn-amber-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #FFECB3;
}

.btn-outline-amber-lighten-4 {
  color: #FFECB3;
  border-color: #FFECB3;
}

.btn-outline-amber-lighten-4:hover {
  background-color: #FFECB3;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-amber-lighten-3 {
    color: #FFE082 !important;
  }
  :root {
    --amber-lighten-3: #FFE082;
  }
  .bg-amber-lighten-3 {
    background-color: #FFE082;
  }
  .border-amber-lighten-3 {
    border-color: #FFE082;
  }
  .border-left-amber-lighten-3 {
    border-left-color: #FFE082;
  }
  .border-right-amber-lighten-3 {
    border-right-color: #FFE082;
  }
  .border-top-amber-lighten-3 {
    border-top-color: #FFE082;
  }
  .border-bottom-amber-lighten-3 {
    border-bottom-color: #FFE082;
  }
  .badge-amber-lighten-3 {
    background-color: #FFE082;
    color: #000000;
  }
  .btn-amber-lighten-3 {
    background-color: rgba(255, 224, 130, 0.9);
    color: #000000 !important;
  }
  .btn-amber-lighten-3:disabled,
  .btn-amber-lighten-3.disabled {
    background-color: rgba(255, 224, 130, 0.4);
  }
  .btn-amber-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #FFE082;
  }
  .btn-outline-amber-lighten-3 {
    color: #FFE082;
    border-color: #FFE082;
  }
  .btn-outline-amber-lighten-3:hover {
    background-color: #FFE082;
    color: #000000;
  }
}
.text-amber-lighten-3 {
  color: #FFE082 !important;
}

:root {
  --amber-lighten-3: #FFE082;
}

.bg-amber-lighten-3 {
  background-color: #FFE082;
}

.border-amber-lighten-3 {
  border-color: #FFE082;
}

.border-left-amber-lighten-3 {
  border-left-color: #FFE082;
}

.border-right-amber-lighten-3 {
  border-right-color: #FFE082;
}

.border-top-amber-lighten-3 {
  border-top-color: #FFE082;
}

.border-bottom-amber-lighten-3 {
  border-bottom-color: #FFE082;
}

.badge-amber-lighten-3 {
  background-color: #FFE082;
  color: #000000;
}

.btn-amber-lighten-3 {
  background-color: rgba(255, 224, 130, 0.9);
  color: #000000 !important;
}

.btn-amber-lighten-3:disabled,
.btn-amber-lighten-3.disabled {
  background-color: rgba(255, 224, 130, 0.4);
}

.btn-amber-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #FFE082;
}

.btn-outline-amber-lighten-3 {
  color: #FFE082;
  border-color: #FFE082;
}

.btn-outline-amber-lighten-3:hover {
  background-color: #FFE082;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-amber-lighten-2 {
    color: #FFD54F !important;
  }
  :root {
    --amber-lighten-2: #FFD54F;
  }
  .bg-amber-lighten-2 {
    background-color: #FFD54F;
  }
  .border-amber-lighten-2 {
    border-color: #FFD54F;
  }
  .border-left-amber-lighten-2 {
    border-left-color: #FFD54F;
  }
  .border-right-amber-lighten-2 {
    border-right-color: #FFD54F;
  }
  .border-top-amber-lighten-2 {
    border-top-color: #FFD54F;
  }
  .border-bottom-amber-lighten-2 {
    border-bottom-color: #FFD54F;
  }
  .badge-amber-lighten-2 {
    background-color: #FFD54F;
    color: #000000;
  }
  .btn-amber-lighten-2 {
    background-color: rgba(255, 213, 79, 0.9);
    color: #000000 !important;
  }
  .btn-amber-lighten-2:disabled,
  .btn-amber-lighten-2.disabled {
    background-color: rgba(255, 213, 79, 0.4);
  }
  .btn-amber-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #FFD54F;
  }
  .btn-outline-amber-lighten-2 {
    color: #FFD54F;
    border-color: #FFD54F;
  }
  .btn-outline-amber-lighten-2:hover {
    background-color: #FFD54F;
    color: #000000;
  }
}
.text-amber-lighten-2 {
  color: #FFD54F !important;
}

:root {
  --amber-lighten-2: #FFD54F;
}

.bg-amber-lighten-2 {
  background-color: #FFD54F;
}

.border-amber-lighten-2 {
  border-color: #FFD54F;
}

.border-left-amber-lighten-2 {
  border-left-color: #FFD54F;
}

.border-right-amber-lighten-2 {
  border-right-color: #FFD54F;
}

.border-top-amber-lighten-2 {
  border-top-color: #FFD54F;
}

.border-bottom-amber-lighten-2 {
  border-bottom-color: #FFD54F;
}

.badge-amber-lighten-2 {
  background-color: #FFD54F;
  color: #000000;
}

.btn-amber-lighten-2 {
  background-color: rgba(255, 213, 79, 0.9);
  color: #000000 !important;
}

.btn-amber-lighten-2:disabled,
.btn-amber-lighten-2.disabled {
  background-color: rgba(255, 213, 79, 0.4);
}

.btn-amber-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #FFD54F;
}

.btn-outline-amber-lighten-2 {
  color: #FFD54F;
  border-color: #FFD54F;
}

.btn-outline-amber-lighten-2:hover {
  background-color: #FFD54F;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-amber-lighten-1 {
    color: #FFCA28 !important;
  }
  :root {
    --amber-lighten-1: #FFCA28;
  }
  .bg-amber-lighten-1 {
    background-color: #FFCA28;
  }
  .border-amber-lighten-1 {
    border-color: #FFCA28;
  }
  .border-left-amber-lighten-1 {
    border-left-color: #FFCA28;
  }
  .border-right-amber-lighten-1 {
    border-right-color: #FFCA28;
  }
  .border-top-amber-lighten-1 {
    border-top-color: #FFCA28;
  }
  .border-bottom-amber-lighten-1 {
    border-bottom-color: #FFCA28;
  }
  .badge-amber-lighten-1 {
    background-color: #FFCA28;
    color: #000000;
  }
  .btn-amber-lighten-1 {
    background-color: rgba(255, 202, 40, 0.9);
    color: #000000 !important;
  }
  .btn-amber-lighten-1:disabled,
  .btn-amber-lighten-1.disabled {
    background-color: rgba(255, 202, 40, 0.4);
  }
  .btn-amber-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #FFCA28;
  }
  .btn-outline-amber-lighten-1 {
    color: #FFCA28;
    border-color: #FFCA28;
  }
  .btn-outline-amber-lighten-1:hover {
    background-color: #FFCA28;
    color: #000000;
  }
}
.text-amber-lighten-1 {
  color: #FFCA28 !important;
}

:root {
  --amber-lighten-1: #FFCA28;
}

.bg-amber-lighten-1 {
  background-color: #FFCA28;
}

.border-amber-lighten-1 {
  border-color: #FFCA28;
}

.border-left-amber-lighten-1 {
  border-left-color: #FFCA28;
}

.border-right-amber-lighten-1 {
  border-right-color: #FFCA28;
}

.border-top-amber-lighten-1 {
  border-top-color: #FFCA28;
}

.border-bottom-amber-lighten-1 {
  border-bottom-color: #FFCA28;
}

.badge-amber-lighten-1 {
  background-color: #FFCA28;
  color: #000000;
}

.btn-amber-lighten-1 {
  background-color: rgba(255, 202, 40, 0.9);
  color: #000000 !important;
}

.btn-amber-lighten-1:disabled,
.btn-amber-lighten-1.disabled {
  background-color: rgba(255, 202, 40, 0.4);
}

.btn-amber-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #FFCA28;
}

.btn-outline-amber-lighten-1 {
  color: #FFCA28;
  border-color: #FFCA28;
}

.btn-outline-amber-lighten-1:hover {
  background-color: #FFCA28;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-amber-darken-1 {
    color: #FFB300 !important;
  }
  :root {
    --amber-darken-1: #FFB300;
  }
  .bg-amber-darken-1 {
    background-color: #FFB300;
  }
  .border-amber-darken-1 {
    border-color: #FFB300;
  }
  .border-left-amber-darken-1 {
    border-left-color: #FFB300;
  }
  .border-right-amber-darken-1 {
    border-right-color: #FFB300;
  }
  .border-top-amber-darken-1 {
    border-top-color: #FFB300;
  }
  .border-bottom-amber-darken-1 {
    border-bottom-color: #FFB300;
  }
  .badge-amber-darken-1 {
    background-color: #FFB300;
    color: #FFFFFF;
  }
  .btn-amber-darken-1 {
    background-color: rgba(255, 179, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-amber-darken-1:disabled,
  .btn-amber-darken-1.disabled {
    background-color: rgba(255, 179, 0, 0.4);
  }
  .btn-amber-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #FFB300;
  }
  .btn-outline-amber-darken-1 {
    color: #FFB300;
    border-color: #FFB300;
  }
  .btn-outline-amber-darken-1:hover {
    background-color: #FFB300;
    color: #FFFFFF;
  }
}
.text-amber-darken-1 {
  color: #FFB300 !important;
}

:root {
  --amber-darken-1: #FFB300;
}

.bg-amber-darken-1 {
  background-color: #FFB300;
}

.border-amber-darken-1 {
  border-color: #FFB300;
}

.border-left-amber-darken-1 {
  border-left-color: #FFB300;
}

.border-right-amber-darken-1 {
  border-right-color: #FFB300;
}

.border-top-amber-darken-1 {
  border-top-color: #FFB300;
}

.border-bottom-amber-darken-1 {
  border-bottom-color: #FFB300;
}

.badge-amber-darken-1 {
  background-color: #FFB300;
  color: #FFFFFF;
}

.btn-amber-darken-1 {
  background-color: rgba(255, 179, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-amber-darken-1:disabled,
.btn-amber-darken-1.disabled {
  background-color: rgba(255, 179, 0, 0.4);
}

.btn-amber-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #FFB300;
}

.btn-outline-amber-darken-1 {
  color: #FFB300;
  border-color: #FFB300;
}

.btn-outline-amber-darken-1:hover {
  background-color: #FFB300;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-amber-darken-2 {
    color: #FFA000 !important;
  }
  :root {
    --amber-darken-2: #FFA000;
  }
  .bg-amber-darken-2 {
    background-color: #FFA000;
  }
  .border-amber-darken-2 {
    border-color: #FFA000;
  }
  .border-left-amber-darken-2 {
    border-left-color: #FFA000;
  }
  .border-right-amber-darken-2 {
    border-right-color: #FFA000;
  }
  .border-top-amber-darken-2 {
    border-top-color: #FFA000;
  }
  .border-bottom-amber-darken-2 {
    border-bottom-color: #FFA000;
  }
  .badge-amber-darken-2 {
    background-color: #FFA000;
    color: #FFFFFF;
  }
  .btn-amber-darken-2 {
    background-color: rgba(255, 160, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-amber-darken-2:disabled,
  .btn-amber-darken-2.disabled {
    background-color: rgba(255, 160, 0, 0.4);
  }
  .btn-amber-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #FFA000;
  }
  .btn-outline-amber-darken-2 {
    color: #FFA000;
    border-color: #FFA000;
  }
  .btn-outline-amber-darken-2:hover {
    background-color: #FFA000;
    color: #FFFFFF;
  }
}
.text-amber-darken-2 {
  color: #FFA000 !important;
}

:root {
  --amber-darken-2: #FFA000;
}

.bg-amber-darken-2 {
  background-color: #FFA000;
}

.border-amber-darken-2 {
  border-color: #FFA000;
}

.border-left-amber-darken-2 {
  border-left-color: #FFA000;
}

.border-right-amber-darken-2 {
  border-right-color: #FFA000;
}

.border-top-amber-darken-2 {
  border-top-color: #FFA000;
}

.border-bottom-amber-darken-2 {
  border-bottom-color: #FFA000;
}

.badge-amber-darken-2 {
  background-color: #FFA000;
  color: #FFFFFF;
}

.btn-amber-darken-2 {
  background-color: rgba(255, 160, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-amber-darken-2:disabled,
.btn-amber-darken-2.disabled {
  background-color: rgba(255, 160, 0, 0.4);
}

.btn-amber-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #FFA000;
}

.btn-outline-amber-darken-2 {
  color: #FFA000;
  border-color: #FFA000;
}

.btn-outline-amber-darken-2:hover {
  background-color: #FFA000;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-amber-darken-3 {
    color: #FF8F00 !important;
  }
  :root {
    --amber-darken-3: #FF8F00;
  }
  .bg-amber-darken-3 {
    background-color: #FF8F00;
  }
  .border-amber-darken-3 {
    border-color: #FF8F00;
  }
  .border-left-amber-darken-3 {
    border-left-color: #FF8F00;
  }
  .border-right-amber-darken-3 {
    border-right-color: #FF8F00;
  }
  .border-top-amber-darken-3 {
    border-top-color: #FF8F00;
  }
  .border-bottom-amber-darken-3 {
    border-bottom-color: #FF8F00;
  }
  .badge-amber-darken-3 {
    background-color: #FF8F00;
    color: #FFFFFF;
  }
  .btn-amber-darken-3 {
    background-color: rgba(255, 143, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-amber-darken-3:disabled,
  .btn-amber-darken-3.disabled {
    background-color: rgba(255, 143, 0, 0.4);
  }
  .btn-amber-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #FF8F00;
  }
  .btn-outline-amber-darken-3 {
    color: #FF8F00;
    border-color: #FF8F00;
  }
  .btn-outline-amber-darken-3:hover {
    background-color: #FF8F00;
    color: #FFFFFF;
  }
}
.text-amber-darken-3 {
  color: #FF8F00 !important;
}

:root {
  --amber-darken-3: #FF8F00;
}

.bg-amber-darken-3 {
  background-color: #FF8F00;
}

.border-amber-darken-3 {
  border-color: #FF8F00;
}

.border-left-amber-darken-3 {
  border-left-color: #FF8F00;
}

.border-right-amber-darken-3 {
  border-right-color: #FF8F00;
}

.border-top-amber-darken-3 {
  border-top-color: #FF8F00;
}

.border-bottom-amber-darken-3 {
  border-bottom-color: #FF8F00;
}

.badge-amber-darken-3 {
  background-color: #FF8F00;
  color: #FFFFFF;
}

.btn-amber-darken-3 {
  background-color: rgba(255, 143, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-amber-darken-3:disabled,
.btn-amber-darken-3.disabled {
  background-color: rgba(255, 143, 0, 0.4);
}

.btn-amber-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #FF8F00;
}

.btn-outline-amber-darken-3 {
  color: #FF8F00;
  border-color: #FF8F00;
}

.btn-outline-amber-darken-3:hover {
  background-color: #FF8F00;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-amber-darken-4 {
    color: #FF6F00 !important;
  }
  :root {
    --amber-darken-4: #FF6F00;
  }
  .bg-amber-darken-4 {
    background-color: #FF6F00;
  }
  .border-amber-darken-4 {
    border-color: #FF6F00;
  }
  .border-left-amber-darken-4 {
    border-left-color: #FF6F00;
  }
  .border-right-amber-darken-4 {
    border-right-color: #FF6F00;
  }
  .border-top-amber-darken-4 {
    border-top-color: #FF6F00;
  }
  .border-bottom-amber-darken-4 {
    border-bottom-color: #FF6F00;
  }
  .badge-amber-darken-4 {
    background-color: #FF6F00;
    color: #FFFFFF;
  }
  .btn-amber-darken-4 {
    background-color: rgba(255, 111, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-amber-darken-4:disabled,
  .btn-amber-darken-4.disabled {
    background-color: rgba(255, 111, 0, 0.4);
  }
  .btn-amber-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #FF6F00;
  }
  .btn-outline-amber-darken-4 {
    color: #FF6F00;
    border-color: #FF6F00;
  }
  .btn-outline-amber-darken-4:hover {
    background-color: #FF6F00;
    color: #FFFFFF;
  }
}
.text-amber-darken-4 {
  color: #FF6F00 !important;
}

:root {
  --amber-darken-4: #FF6F00;
}

.bg-amber-darken-4 {
  background-color: #FF6F00;
}

.border-amber-darken-4 {
  border-color: #FF6F00;
}

.border-left-amber-darken-4 {
  border-left-color: #FF6F00;
}

.border-right-amber-darken-4 {
  border-right-color: #FF6F00;
}

.border-top-amber-darken-4 {
  border-top-color: #FF6F00;
}

.border-bottom-amber-darken-4 {
  border-bottom-color: #FF6F00;
}

.badge-amber-darken-4 {
  background-color: #FF6F00;
  color: #FFFFFF;
}

.btn-amber-darken-4 {
  background-color: rgba(255, 111, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-amber-darken-4:disabled,
.btn-amber-darken-4.disabled {
  background-color: rgba(255, 111, 0, 0.4);
}

.btn-amber-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #FF6F00;
}

.btn-outline-amber-darken-4 {
  color: #FF6F00;
  border-color: #FF6F00;
}

.btn-outline-amber-darken-4:hover {
  background-color: #FF6F00;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-amber-accent-1 {
    color: #FFE57F !important;
  }
  :root {
    --amber-accent-1: #FFE57F;
  }
  .bg-amber-accent-1 {
    background-color: #FFE57F;
  }
  .border-amber-accent-1 {
    border-color: #FFE57F;
  }
  .border-left-amber-accent-1 {
    border-left-color: #FFE57F;
  }
  .border-right-amber-accent-1 {
    border-right-color: #FFE57F;
  }
  .border-top-amber-accent-1 {
    border-top-color: #FFE57F;
  }
  .border-bottom-amber-accent-1 {
    border-bottom-color: #FFE57F;
  }
  .badge-amber-accent-1 {
    background-color: #FFE57F;
    color: #000000;
  }
  .btn-amber-accent-1 {
    background-color: rgba(255, 229, 127, 0.9);
    color: #000000 !important;
  }
  .btn-amber-accent-1:disabled,
  .btn-amber-accent-1.disabled {
    background-color: rgba(255, 229, 127, 0.4);
  }
  .btn-amber-accent-1:not(:disabled):not(.disabled):hover {
    background-color: #FFE57F;
  }
  .btn-outline-amber-accent-1 {
    color: #FFE57F;
    border-color: #FFE57F;
  }
  .btn-outline-amber-accent-1:hover {
    background-color: #FFE57F;
    color: #000000;
  }
}
.text-amber-accent-1 {
  color: #FFE57F !important;
}

:root {
  --amber-accent-1: #FFE57F;
}

.bg-amber-accent-1 {
  background-color: #FFE57F;
}

.border-amber-accent-1 {
  border-color: #FFE57F;
}

.border-left-amber-accent-1 {
  border-left-color: #FFE57F;
}

.border-right-amber-accent-1 {
  border-right-color: #FFE57F;
}

.border-top-amber-accent-1 {
  border-top-color: #FFE57F;
}

.border-bottom-amber-accent-1 {
  border-bottom-color: #FFE57F;
}

.badge-amber-accent-1 {
  background-color: #FFE57F;
  color: #000000;
}

.btn-amber-accent-1 {
  background-color: rgba(255, 229, 127, 0.9);
  color: #000000 !important;
}

.btn-amber-accent-1:disabled,
.btn-amber-accent-1.disabled {
  background-color: rgba(255, 229, 127, 0.4);
}

.btn-amber-accent-1:not(:disabled):not(.disabled):hover {
  background-color: #FFE57F;
}

.btn-outline-amber-accent-1 {
  color: #FFE57F;
  border-color: #FFE57F;
}

.btn-outline-amber-accent-1:hover {
  background-color: #FFE57F;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-amber-accent-2 {
    color: #FFD740 !important;
  }
  :root {
    --amber-accent-2: #FFD740;
  }
  .bg-amber-accent-2 {
    background-color: #FFD740;
  }
  .border-amber-accent-2 {
    border-color: #FFD740;
  }
  .border-left-amber-accent-2 {
    border-left-color: #FFD740;
  }
  .border-right-amber-accent-2 {
    border-right-color: #FFD740;
  }
  .border-top-amber-accent-2 {
    border-top-color: #FFD740;
  }
  .border-bottom-amber-accent-2 {
    border-bottom-color: #FFD740;
  }
  .badge-amber-accent-2 {
    background-color: #FFD740;
    color: #000000;
  }
  .btn-amber-accent-2 {
    background-color: rgba(255, 215, 64, 0.9);
    color: #000000 !important;
  }
  .btn-amber-accent-2:disabled,
  .btn-amber-accent-2.disabled {
    background-color: rgba(255, 215, 64, 0.4);
  }
  .btn-amber-accent-2:not(:disabled):not(.disabled):hover {
    background-color: #FFD740;
  }
  .btn-outline-amber-accent-2 {
    color: #FFD740;
    border-color: #FFD740;
  }
  .btn-outline-amber-accent-2:hover {
    background-color: #FFD740;
    color: #000000;
  }
}
.text-amber-accent-2 {
  color: #FFD740 !important;
}

:root {
  --amber-accent-2: #FFD740;
}

.bg-amber-accent-2 {
  background-color: #FFD740;
}

.border-amber-accent-2 {
  border-color: #FFD740;
}

.border-left-amber-accent-2 {
  border-left-color: #FFD740;
}

.border-right-amber-accent-2 {
  border-right-color: #FFD740;
}

.border-top-amber-accent-2 {
  border-top-color: #FFD740;
}

.border-bottom-amber-accent-2 {
  border-bottom-color: #FFD740;
}

.badge-amber-accent-2 {
  background-color: #FFD740;
  color: #000000;
}

.btn-amber-accent-2 {
  background-color: rgba(255, 215, 64, 0.9);
  color: #000000 !important;
}

.btn-amber-accent-2:disabled,
.btn-amber-accent-2.disabled {
  background-color: rgba(255, 215, 64, 0.4);
}

.btn-amber-accent-2:not(:disabled):not(.disabled):hover {
  background-color: #FFD740;
}

.btn-outline-amber-accent-2 {
  color: #FFD740;
  border-color: #FFD740;
}

.btn-outline-amber-accent-2:hover {
  background-color: #FFD740;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-amber-accent-3 {
    color: #FFC400 !important;
  }
  :root {
    --amber-accent-3: #FFC400;
  }
  .bg-amber-accent-3 {
    background-color: #FFC400;
  }
  .border-amber-accent-3 {
    border-color: #FFC400;
  }
  .border-left-amber-accent-3 {
    border-left-color: #FFC400;
  }
  .border-right-amber-accent-3 {
    border-right-color: #FFC400;
  }
  .border-top-amber-accent-3 {
    border-top-color: #FFC400;
  }
  .border-bottom-amber-accent-3 {
    border-bottom-color: #FFC400;
  }
  .badge-amber-accent-3 {
    background-color: #FFC400;
    color: #FFFFFF;
  }
  .btn-amber-accent-3 {
    background-color: rgba(255, 196, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-amber-accent-3:disabled,
  .btn-amber-accent-3.disabled {
    background-color: rgba(255, 196, 0, 0.4);
  }
  .btn-amber-accent-3:not(:disabled):not(.disabled):hover {
    background-color: #FFC400;
  }
  .btn-outline-amber-accent-3 {
    color: #FFC400;
    border-color: #FFC400;
  }
  .btn-outline-amber-accent-3:hover {
    background-color: #FFC400;
    color: #FFFFFF;
  }
}
.text-amber-accent-3 {
  color: #FFC400 !important;
}

:root {
  --amber-accent-3: #FFC400;
}

.bg-amber-accent-3 {
  background-color: #FFC400;
}

.border-amber-accent-3 {
  border-color: #FFC400;
}

.border-left-amber-accent-3 {
  border-left-color: #FFC400;
}

.border-right-amber-accent-3 {
  border-right-color: #FFC400;
}

.border-top-amber-accent-3 {
  border-top-color: #FFC400;
}

.border-bottom-amber-accent-3 {
  border-bottom-color: #FFC400;
}

.badge-amber-accent-3 {
  background-color: #FFC400;
  color: #FFFFFF;
}

.btn-amber-accent-3 {
  background-color: rgba(255, 196, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-amber-accent-3:disabled,
.btn-amber-accent-3.disabled {
  background-color: rgba(255, 196, 0, 0.4);
}

.btn-amber-accent-3:not(:disabled):not(.disabled):hover {
  background-color: #FFC400;
}

.btn-outline-amber-accent-3 {
  color: #FFC400;
  border-color: #FFC400;
}

.btn-outline-amber-accent-3:hover {
  background-color: #FFC400;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-amber-accent-4 {
    color: #FFAB00 !important;
  }
  :root {
    --amber-accent-4: #FFAB00;
  }
  .bg-amber-accent-4 {
    background-color: #FFAB00;
  }
  .border-amber-accent-4 {
    border-color: #FFAB00;
  }
  .border-left-amber-accent-4 {
    border-left-color: #FFAB00;
  }
  .border-right-amber-accent-4 {
    border-right-color: #FFAB00;
  }
  .border-top-amber-accent-4 {
    border-top-color: #FFAB00;
  }
  .border-bottom-amber-accent-4 {
    border-bottom-color: #FFAB00;
  }
  .badge-amber-accent-4 {
    background-color: #FFAB00;
    color: #FFFFFF;
  }
  .btn-amber-accent-4 {
    background-color: rgba(255, 171, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-amber-accent-4:disabled,
  .btn-amber-accent-4.disabled {
    background-color: rgba(255, 171, 0, 0.4);
  }
  .btn-amber-accent-4:not(:disabled):not(.disabled):hover {
    background-color: #FFAB00;
  }
  .btn-outline-amber-accent-4 {
    color: #FFAB00;
    border-color: #FFAB00;
  }
  .btn-outline-amber-accent-4:hover {
    background-color: #FFAB00;
    color: #FFFFFF;
  }
}
.text-amber-accent-4 {
  color: #FFAB00 !important;
}

:root {
  --amber-accent-4: #FFAB00;
}

.bg-amber-accent-4 {
  background-color: #FFAB00;
}

.border-amber-accent-4 {
  border-color: #FFAB00;
}

.border-left-amber-accent-4 {
  border-left-color: #FFAB00;
}

.border-right-amber-accent-4 {
  border-right-color: #FFAB00;
}

.border-top-amber-accent-4 {
  border-top-color: #FFAB00;
}

.border-bottom-amber-accent-4 {
  border-bottom-color: #FFAB00;
}

.badge-amber-accent-4 {
  background-color: #FFAB00;
  color: #FFFFFF;
}

.btn-amber-accent-4 {
  background-color: rgba(255, 171, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-amber-accent-4:disabled,
.btn-amber-accent-4.disabled {
  background-color: rgba(255, 171, 0, 0.4);
}

.btn-amber-accent-4:not(:disabled):not(.disabled):hover {
  background-color: #FFAB00;
}

.btn-outline-amber-accent-4 {
  color: #FFAB00;
  border-color: #FFAB00;
}

.btn-outline-amber-accent-4:hover {
  background-color: #FFAB00;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-orange {
    color: #FF9800 !important;
  }
  :root {
    --orange: #FF9800;
  }
  .bg-orange {
    background-color: #FF9800;
  }
  .border-orange {
    border-color: #FF9800;
  }
  .border-left-orange {
    border-left-color: #FF9800;
  }
  .border-right-orange {
    border-right-color: #FF9800;
  }
  .border-top-orange {
    border-top-color: #FF9800;
  }
  .border-bottom-orange {
    border-bottom-color: #FF9800;
  }
  .badge-orange {
    background-color: #FF9800;
  }
  .btn-orange {
    background-color: rgba(255, 152, 0, 0.9);
  }
  .btn-orange:disabled,
  .btn-orange.disabled {
    background-color: rgba(255, 152, 0, 0.4);
  }
  .btn-orange:not(:disabled):not(.disabled):hover {
    background-color: #FF9800;
  }
  .btn-outline-orange {
    color: #FF9800;
    border-color: #FF9800;
  }
  .btn-outline-orange:hover {
    background-color: #FF9800;
    color: #FFFFFF;
  }
}
.text-orange {
  color: #FF9800 !important;
}

:root {
  --orange: #FF9800;
}

.bg-orange {
  background-color: #FF9800;
}

.border-orange {
  border-color: #FF9800;
}

.border-left-orange {
  border-left-color: #FF9800;
}

.border-right-orange {
  border-right-color: #FF9800;
}

.border-top-orange {
  border-top-color: #FF9800;
}

.border-bottom-orange {
  border-bottom-color: #FF9800;
}

.badge-orange {
  background-color: #FF9800;
}

.btn-orange {
  background-color: rgba(255, 152, 0, 0.9);
}

.btn-orange:disabled,
.btn-orange.disabled {
  background-color: rgba(255, 152, 0, 0.4);
}

.btn-orange:not(:disabled):not(.disabled):hover {
  background-color: #FF9800;
}

.btn-outline-orange {
  color: #FF9800;
  border-color: #FF9800;
}

.btn-outline-orange:hover {
  background-color: #FF9800;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-orange-lighten-5 {
    color: #FFF3E0 !important;
  }
  :root {
    --orange-lighten-5: #FFF3E0;
  }
  .bg-orange-lighten-5 {
    background-color: #FFF3E0;
  }
  .border-orange-lighten-5 {
    border-color: #FFF3E0;
  }
  .border-left-orange-lighten-5 {
    border-left-color: #FFF3E0;
  }
  .border-right-orange-lighten-5 {
    border-right-color: #FFF3E0;
  }
  .border-top-orange-lighten-5 {
    border-top-color: #FFF3E0;
  }
  .border-bottom-orange-lighten-5 {
    border-bottom-color: #FFF3E0;
  }
  .badge-orange-lighten-5 {
    background-color: #FFF3E0;
    color: #000000;
  }
  .btn-orange-lighten-5 {
    background-color: rgba(255, 243, 224, 0.9);
    color: #000000 !important;
  }
  .btn-orange-lighten-5:disabled,
  .btn-orange-lighten-5.disabled {
    background-color: rgba(255, 243, 224, 0.4);
  }
  .btn-orange-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #FFF3E0;
  }
  .btn-outline-orange-lighten-5 {
    color: #FFF3E0;
    border-color: #FFF3E0;
  }
  .btn-outline-orange-lighten-5:hover {
    background-color: #FFF3E0;
    color: #000000;
  }
}
.text-orange-lighten-5 {
  color: #FFF3E0 !important;
}

:root {
  --orange-lighten-5: #FFF3E0;
}

.bg-orange-lighten-5 {
  background-color: #FFF3E0;
}

.border-orange-lighten-5 {
  border-color: #FFF3E0;
}

.border-left-orange-lighten-5 {
  border-left-color: #FFF3E0;
}

.border-right-orange-lighten-5 {
  border-right-color: #FFF3E0;
}

.border-top-orange-lighten-5 {
  border-top-color: #FFF3E0;
}

.border-bottom-orange-lighten-5 {
  border-bottom-color: #FFF3E0;
}

.badge-orange-lighten-5 {
  background-color: #FFF3E0;
  color: #000000;
}

.btn-orange-lighten-5 {
  background-color: rgba(255, 243, 224, 0.9);
  color: #000000 !important;
}

.btn-orange-lighten-5:disabled,
.btn-orange-lighten-5.disabled {
  background-color: rgba(255, 243, 224, 0.4);
}

.btn-orange-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #FFF3E0;
}

.btn-outline-orange-lighten-5 {
  color: #FFF3E0;
  border-color: #FFF3E0;
}

.btn-outline-orange-lighten-5:hover {
  background-color: #FFF3E0;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-orange-lighten-4 {
    color: #FFE0B2 !important;
  }
  :root {
    --orange-lighten-4: #FFE0B2;
  }
  .bg-orange-lighten-4 {
    background-color: #FFE0B2;
  }
  .border-orange-lighten-4 {
    border-color: #FFE0B2;
  }
  .border-left-orange-lighten-4 {
    border-left-color: #FFE0B2;
  }
  .border-right-orange-lighten-4 {
    border-right-color: #FFE0B2;
  }
  .border-top-orange-lighten-4 {
    border-top-color: #FFE0B2;
  }
  .border-bottom-orange-lighten-4 {
    border-bottom-color: #FFE0B2;
  }
  .badge-orange-lighten-4 {
    background-color: #FFE0B2;
    color: #000000;
  }
  .btn-orange-lighten-4 {
    background-color: rgba(255, 224, 178, 0.9);
    color: #000000 !important;
  }
  .btn-orange-lighten-4:disabled,
  .btn-orange-lighten-4.disabled {
    background-color: rgba(255, 224, 178, 0.4);
  }
  .btn-orange-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #FFE0B2;
  }
  .btn-outline-orange-lighten-4 {
    color: #FFE0B2;
    border-color: #FFE0B2;
  }
  .btn-outline-orange-lighten-4:hover {
    background-color: #FFE0B2;
    color: #000000;
  }
}
.text-orange-lighten-4 {
  color: #FFE0B2 !important;
}

:root {
  --orange-lighten-4: #FFE0B2;
}

.bg-orange-lighten-4 {
  background-color: #FFE0B2;
}

.border-orange-lighten-4 {
  border-color: #FFE0B2;
}

.border-left-orange-lighten-4 {
  border-left-color: #FFE0B2;
}

.border-right-orange-lighten-4 {
  border-right-color: #FFE0B2;
}

.border-top-orange-lighten-4 {
  border-top-color: #FFE0B2;
}

.border-bottom-orange-lighten-4 {
  border-bottom-color: #FFE0B2;
}

.badge-orange-lighten-4 {
  background-color: #FFE0B2;
  color: #000000;
}

.btn-orange-lighten-4 {
  background-color: rgba(255, 224, 178, 0.9);
  color: #000000 !important;
}

.btn-orange-lighten-4:disabled,
.btn-orange-lighten-4.disabled {
  background-color: rgba(255, 224, 178, 0.4);
}

.btn-orange-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #FFE0B2;
}

.btn-outline-orange-lighten-4 {
  color: #FFE0B2;
  border-color: #FFE0B2;
}

.btn-outline-orange-lighten-4:hover {
  background-color: #FFE0B2;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-orange-lighten-3 {
    color: #FFCC80 !important;
  }
  :root {
    --orange-lighten-3: #FFCC80;
  }
  .bg-orange-lighten-3 {
    background-color: #FFCC80;
  }
  .border-orange-lighten-3 {
    border-color: #FFCC80;
  }
  .border-left-orange-lighten-3 {
    border-left-color: #FFCC80;
  }
  .border-right-orange-lighten-3 {
    border-right-color: #FFCC80;
  }
  .border-top-orange-lighten-3 {
    border-top-color: #FFCC80;
  }
  .border-bottom-orange-lighten-3 {
    border-bottom-color: #FFCC80;
  }
  .badge-orange-lighten-3 {
    background-color: #FFCC80;
    color: #000000;
  }
  .btn-orange-lighten-3 {
    background-color: rgba(255, 204, 128, 0.9);
    color: #000000 !important;
  }
  .btn-orange-lighten-3:disabled,
  .btn-orange-lighten-3.disabled {
    background-color: rgba(255, 204, 128, 0.4);
  }
  .btn-orange-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #FFCC80;
  }
  .btn-outline-orange-lighten-3 {
    color: #FFCC80;
    border-color: #FFCC80;
  }
  .btn-outline-orange-lighten-3:hover {
    background-color: #FFCC80;
    color: #000000;
  }
}
.text-orange-lighten-3 {
  color: #FFCC80 !important;
}

:root {
  --orange-lighten-3: #FFCC80;
}

.bg-orange-lighten-3 {
  background-color: #FFCC80;
}

.border-orange-lighten-3 {
  border-color: #FFCC80;
}

.border-left-orange-lighten-3 {
  border-left-color: #FFCC80;
}

.border-right-orange-lighten-3 {
  border-right-color: #FFCC80;
}

.border-top-orange-lighten-3 {
  border-top-color: #FFCC80;
}

.border-bottom-orange-lighten-3 {
  border-bottom-color: #FFCC80;
}

.badge-orange-lighten-3 {
  background-color: #FFCC80;
  color: #000000;
}

.btn-orange-lighten-3 {
  background-color: rgba(255, 204, 128, 0.9);
  color: #000000 !important;
}

.btn-orange-lighten-3:disabled,
.btn-orange-lighten-3.disabled {
  background-color: rgba(255, 204, 128, 0.4);
}

.btn-orange-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #FFCC80;
}

.btn-outline-orange-lighten-3 {
  color: #FFCC80;
  border-color: #FFCC80;
}

.btn-outline-orange-lighten-3:hover {
  background-color: #FFCC80;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-orange-lighten-2 {
    color: #FFB74D !important;
  }
  :root {
    --orange-lighten-2: #FFB74D;
  }
  .bg-orange-lighten-2 {
    background-color: #FFB74D;
  }
  .border-orange-lighten-2 {
    border-color: #FFB74D;
  }
  .border-left-orange-lighten-2 {
    border-left-color: #FFB74D;
  }
  .border-right-orange-lighten-2 {
    border-right-color: #FFB74D;
  }
  .border-top-orange-lighten-2 {
    border-top-color: #FFB74D;
  }
  .border-bottom-orange-lighten-2 {
    border-bottom-color: #FFB74D;
  }
  .badge-orange-lighten-2 {
    background-color: #FFB74D;
    color: #000000;
  }
  .btn-orange-lighten-2 {
    background-color: rgba(255, 183, 77, 0.9);
    color: #000000 !important;
  }
  .btn-orange-lighten-2:disabled,
  .btn-orange-lighten-2.disabled {
    background-color: rgba(255, 183, 77, 0.4);
  }
  .btn-orange-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #FFB74D;
  }
  .btn-outline-orange-lighten-2 {
    color: #FFB74D;
    border-color: #FFB74D;
  }
  .btn-outline-orange-lighten-2:hover {
    background-color: #FFB74D;
    color: #000000;
  }
}
.text-orange-lighten-2 {
  color: #FFB74D !important;
}

:root {
  --orange-lighten-2: #FFB74D;
}

.bg-orange-lighten-2 {
  background-color: #FFB74D;
}

.border-orange-lighten-2 {
  border-color: #FFB74D;
}

.border-left-orange-lighten-2 {
  border-left-color: #FFB74D;
}

.border-right-orange-lighten-2 {
  border-right-color: #FFB74D;
}

.border-top-orange-lighten-2 {
  border-top-color: #FFB74D;
}

.border-bottom-orange-lighten-2 {
  border-bottom-color: #FFB74D;
}

.badge-orange-lighten-2 {
  background-color: #FFB74D;
  color: #000000;
}

.btn-orange-lighten-2 {
  background-color: rgba(255, 183, 77, 0.9);
  color: #000000 !important;
}

.btn-orange-lighten-2:disabled,
.btn-orange-lighten-2.disabled {
  background-color: rgba(255, 183, 77, 0.4);
}

.btn-orange-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #FFB74D;
}

.btn-outline-orange-lighten-2 {
  color: #FFB74D;
  border-color: #FFB74D;
}

.btn-outline-orange-lighten-2:hover {
  background-color: #FFB74D;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-orange-lighten-1 {
    color: #FFA726 !important;
  }
  :root {
    --orange-lighten-1: #FFA726;
  }
  .bg-orange-lighten-1 {
    background-color: #FFA726;
  }
  .border-orange-lighten-1 {
    border-color: #FFA726;
  }
  .border-left-orange-lighten-1 {
    border-left-color: #FFA726;
  }
  .border-right-orange-lighten-1 {
    border-right-color: #FFA726;
  }
  .border-top-orange-lighten-1 {
    border-top-color: #FFA726;
  }
  .border-bottom-orange-lighten-1 {
    border-bottom-color: #FFA726;
  }
  .badge-orange-lighten-1 {
    background-color: #FFA726;
    color: #000000;
  }
  .btn-orange-lighten-1 {
    background-color: rgba(255, 167, 38, 0.9);
    color: #000000 !important;
  }
  .btn-orange-lighten-1:disabled,
  .btn-orange-lighten-1.disabled {
    background-color: rgba(255, 167, 38, 0.4);
  }
  .btn-orange-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #FFA726;
  }
  .btn-outline-orange-lighten-1 {
    color: #FFA726;
    border-color: #FFA726;
  }
  .btn-outline-orange-lighten-1:hover {
    background-color: #FFA726;
    color: #000000;
  }
}
.text-orange-lighten-1 {
  color: #FFA726 !important;
}

:root {
  --orange-lighten-1: #FFA726;
}

.bg-orange-lighten-1 {
  background-color: #FFA726;
}

.border-orange-lighten-1 {
  border-color: #FFA726;
}

.border-left-orange-lighten-1 {
  border-left-color: #FFA726;
}

.border-right-orange-lighten-1 {
  border-right-color: #FFA726;
}

.border-top-orange-lighten-1 {
  border-top-color: #FFA726;
}

.border-bottom-orange-lighten-1 {
  border-bottom-color: #FFA726;
}

.badge-orange-lighten-1 {
  background-color: #FFA726;
  color: #000000;
}

.btn-orange-lighten-1 {
  background-color: rgba(255, 167, 38, 0.9);
  color: #000000 !important;
}

.btn-orange-lighten-1:disabled,
.btn-orange-lighten-1.disabled {
  background-color: rgba(255, 167, 38, 0.4);
}

.btn-orange-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #FFA726;
}

.btn-outline-orange-lighten-1 {
  color: #FFA726;
  border-color: #FFA726;
}

.btn-outline-orange-lighten-1:hover {
  background-color: #FFA726;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-orange-darken-1 {
    color: #FB8C00 !important;
  }
  :root {
    --orange-darken-1: #FB8C00;
  }
  .bg-orange-darken-1 {
    background-color: #FB8C00;
  }
  .border-orange-darken-1 {
    border-color: #FB8C00;
  }
  .border-left-orange-darken-1 {
    border-left-color: #FB8C00;
  }
  .border-right-orange-darken-1 {
    border-right-color: #FB8C00;
  }
  .border-top-orange-darken-1 {
    border-top-color: #FB8C00;
  }
  .border-bottom-orange-darken-1 {
    border-bottom-color: #FB8C00;
  }
  .badge-orange-darken-1 {
    background-color: #FB8C00;
    color: #FFFFFF;
  }
  .btn-orange-darken-1 {
    background-color: rgba(251, 140, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-orange-darken-1:disabled,
  .btn-orange-darken-1.disabled {
    background-color: rgba(251, 140, 0, 0.4);
  }
  .btn-orange-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #FB8C00;
  }
  .btn-outline-orange-darken-1 {
    color: #FB8C00;
    border-color: #FB8C00;
  }
  .btn-outline-orange-darken-1:hover {
    background-color: #FB8C00;
    color: #FFFFFF;
  }
}
.text-orange-darken-1 {
  color: #FB8C00 !important;
}

:root {
  --orange-darken-1: #FB8C00;
}

.bg-orange-darken-1 {
  background-color: #FB8C00;
}

.border-orange-darken-1 {
  border-color: #FB8C00;
}

.border-left-orange-darken-1 {
  border-left-color: #FB8C00;
}

.border-right-orange-darken-1 {
  border-right-color: #FB8C00;
}

.border-top-orange-darken-1 {
  border-top-color: #FB8C00;
}

.border-bottom-orange-darken-1 {
  border-bottom-color: #FB8C00;
}

.badge-orange-darken-1 {
  background-color: #FB8C00;
  color: #FFFFFF;
}

.btn-orange-darken-1 {
  background-color: rgba(251, 140, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-orange-darken-1:disabled,
.btn-orange-darken-1.disabled {
  background-color: rgba(251, 140, 0, 0.4);
}

.btn-orange-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #FB8C00;
}

.btn-outline-orange-darken-1 {
  color: #FB8C00;
  border-color: #FB8C00;
}

.btn-outline-orange-darken-1:hover {
  background-color: #FB8C00;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-orange-darken-2 {
    color: #F57C00 !important;
  }
  :root {
    --orange-darken-2: #F57C00;
  }
  .bg-orange-darken-2 {
    background-color: #F57C00;
  }
  .border-orange-darken-2 {
    border-color: #F57C00;
  }
  .border-left-orange-darken-2 {
    border-left-color: #F57C00;
  }
  .border-right-orange-darken-2 {
    border-right-color: #F57C00;
  }
  .border-top-orange-darken-2 {
    border-top-color: #F57C00;
  }
  .border-bottom-orange-darken-2 {
    border-bottom-color: #F57C00;
  }
  .badge-orange-darken-2 {
    background-color: #F57C00;
    color: #FFFFFF;
  }
  .btn-orange-darken-2 {
    background-color: rgba(245, 124, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-orange-darken-2:disabled,
  .btn-orange-darken-2.disabled {
    background-color: rgba(245, 124, 0, 0.4);
  }
  .btn-orange-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #F57C00;
  }
  .btn-outline-orange-darken-2 {
    color: #F57C00;
    border-color: #F57C00;
  }
  .btn-outline-orange-darken-2:hover {
    background-color: #F57C00;
    color: #FFFFFF;
  }
}
.text-orange-darken-2 {
  color: #F57C00 !important;
}

:root {
  --orange-darken-2: #F57C00;
}

.bg-orange-darken-2 {
  background-color: #F57C00;
}

.border-orange-darken-2 {
  border-color: #F57C00;
}

.border-left-orange-darken-2 {
  border-left-color: #F57C00;
}

.border-right-orange-darken-2 {
  border-right-color: #F57C00;
}

.border-top-orange-darken-2 {
  border-top-color: #F57C00;
}

.border-bottom-orange-darken-2 {
  border-bottom-color: #F57C00;
}

.badge-orange-darken-2 {
  background-color: #F57C00;
  color: #FFFFFF;
}

.btn-orange-darken-2 {
  background-color: rgba(245, 124, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-orange-darken-2:disabled,
.btn-orange-darken-2.disabled {
  background-color: rgba(245, 124, 0, 0.4);
}

.btn-orange-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #F57C00;
}

.btn-outline-orange-darken-2 {
  color: #F57C00;
  border-color: #F57C00;
}

.btn-outline-orange-darken-2:hover {
  background-color: #F57C00;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-orange-darken-3 {
    color: #EF6C00 !important;
  }
  :root {
    --orange-darken-3: #EF6C00;
  }
  .bg-orange-darken-3 {
    background-color: #EF6C00;
  }
  .border-orange-darken-3 {
    border-color: #EF6C00;
  }
  .border-left-orange-darken-3 {
    border-left-color: #EF6C00;
  }
  .border-right-orange-darken-3 {
    border-right-color: #EF6C00;
  }
  .border-top-orange-darken-3 {
    border-top-color: #EF6C00;
  }
  .border-bottom-orange-darken-3 {
    border-bottom-color: #EF6C00;
  }
  .badge-orange-darken-3 {
    background-color: #EF6C00;
    color: #FFFFFF;
  }
  .btn-orange-darken-3 {
    background-color: rgba(239, 108, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-orange-darken-3:disabled,
  .btn-orange-darken-3.disabled {
    background-color: rgba(239, 108, 0, 0.4);
  }
  .btn-orange-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #EF6C00;
  }
  .btn-outline-orange-darken-3 {
    color: #EF6C00;
    border-color: #EF6C00;
  }
  .btn-outline-orange-darken-3:hover {
    background-color: #EF6C00;
    color: #FFFFFF;
  }
}
.text-orange-darken-3 {
  color: #EF6C00 !important;
}

:root {
  --orange-darken-3: #EF6C00;
}

.bg-orange-darken-3 {
  background-color: #EF6C00;
}

.border-orange-darken-3 {
  border-color: #EF6C00;
}

.border-left-orange-darken-3 {
  border-left-color: #EF6C00;
}

.border-right-orange-darken-3 {
  border-right-color: #EF6C00;
}

.border-top-orange-darken-3 {
  border-top-color: #EF6C00;
}

.border-bottom-orange-darken-3 {
  border-bottom-color: #EF6C00;
}

.badge-orange-darken-3 {
  background-color: #EF6C00;
  color: #FFFFFF;
}

.btn-orange-darken-3 {
  background-color: rgba(239, 108, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-orange-darken-3:disabled,
.btn-orange-darken-3.disabled {
  background-color: rgba(239, 108, 0, 0.4);
}

.btn-orange-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #EF6C00;
}

.btn-outline-orange-darken-3 {
  color: #EF6C00;
  border-color: #EF6C00;
}

.btn-outline-orange-darken-3:hover {
  background-color: #EF6C00;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-orange-darken-4 {
    color: #E65100 !important;
  }
  :root {
    --orange-darken-4: #E65100;
  }
  .bg-orange-darken-4 {
    background-color: #E65100;
  }
  .border-orange-darken-4 {
    border-color: #E65100;
  }
  .border-left-orange-darken-4 {
    border-left-color: #E65100;
  }
  .border-right-orange-darken-4 {
    border-right-color: #E65100;
  }
  .border-top-orange-darken-4 {
    border-top-color: #E65100;
  }
  .border-bottom-orange-darken-4 {
    border-bottom-color: #E65100;
  }
  .badge-orange-darken-4 {
    background-color: #E65100;
    color: #FFFFFF;
  }
  .btn-orange-darken-4 {
    background-color: rgba(230, 81, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-orange-darken-4:disabled,
  .btn-orange-darken-4.disabled {
    background-color: rgba(230, 81, 0, 0.4);
  }
  .btn-orange-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #E65100;
  }
  .btn-outline-orange-darken-4 {
    color: #E65100;
    border-color: #E65100;
  }
  .btn-outline-orange-darken-4:hover {
    background-color: #E65100;
    color: #FFFFFF;
  }
}
.text-orange-darken-4 {
  color: #E65100 !important;
}

:root {
  --orange-darken-4: #E65100;
}

.bg-orange-darken-4 {
  background-color: #E65100;
}

.border-orange-darken-4 {
  border-color: #E65100;
}

.border-left-orange-darken-4 {
  border-left-color: #E65100;
}

.border-right-orange-darken-4 {
  border-right-color: #E65100;
}

.border-top-orange-darken-4 {
  border-top-color: #E65100;
}

.border-bottom-orange-darken-4 {
  border-bottom-color: #E65100;
}

.badge-orange-darken-4 {
  background-color: #E65100;
  color: #FFFFFF;
}

.btn-orange-darken-4 {
  background-color: rgba(230, 81, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-orange-darken-4:disabled,
.btn-orange-darken-4.disabled {
  background-color: rgba(230, 81, 0, 0.4);
}

.btn-orange-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #E65100;
}

.btn-outline-orange-darken-4 {
  color: #E65100;
  border-color: #E65100;
}

.btn-outline-orange-darken-4:hover {
  background-color: #E65100;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-orange-accent-1 {
    color: #FFD180 !important;
  }
  :root {
    --orange-accent-1: #FFD180;
  }
  .bg-orange-accent-1 {
    background-color: #FFD180;
  }
  .border-orange-accent-1 {
    border-color: #FFD180;
  }
  .border-left-orange-accent-1 {
    border-left-color: #FFD180;
  }
  .border-right-orange-accent-1 {
    border-right-color: #FFD180;
  }
  .border-top-orange-accent-1 {
    border-top-color: #FFD180;
  }
  .border-bottom-orange-accent-1 {
    border-bottom-color: #FFD180;
  }
  .badge-orange-accent-1 {
    background-color: #FFD180;
    color: #000000;
  }
  .btn-orange-accent-1 {
    background-color: rgba(255, 209, 128, 0.9);
    color: #000000 !important;
  }
  .btn-orange-accent-1:disabled,
  .btn-orange-accent-1.disabled {
    background-color: rgba(255, 209, 128, 0.4);
  }
  .btn-orange-accent-1:not(:disabled):not(.disabled):hover {
    background-color: #FFD180;
  }
  .btn-outline-orange-accent-1 {
    color: #FFD180;
    border-color: #FFD180;
  }
  .btn-outline-orange-accent-1:hover {
    background-color: #FFD180;
    color: #000000;
  }
}
.text-orange-accent-1 {
  color: #FFD180 !important;
}

:root {
  --orange-accent-1: #FFD180;
}

.bg-orange-accent-1 {
  background-color: #FFD180;
}

.border-orange-accent-1 {
  border-color: #FFD180;
}

.border-left-orange-accent-1 {
  border-left-color: #FFD180;
}

.border-right-orange-accent-1 {
  border-right-color: #FFD180;
}

.border-top-orange-accent-1 {
  border-top-color: #FFD180;
}

.border-bottom-orange-accent-1 {
  border-bottom-color: #FFD180;
}

.badge-orange-accent-1 {
  background-color: #FFD180;
  color: #000000;
}

.btn-orange-accent-1 {
  background-color: rgba(255, 209, 128, 0.9);
  color: #000000 !important;
}

.btn-orange-accent-1:disabled,
.btn-orange-accent-1.disabled {
  background-color: rgba(255, 209, 128, 0.4);
}

.btn-orange-accent-1:not(:disabled):not(.disabled):hover {
  background-color: #FFD180;
}

.btn-outline-orange-accent-1 {
  color: #FFD180;
  border-color: #FFD180;
}

.btn-outline-orange-accent-1:hover {
  background-color: #FFD180;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-orange-accent-2 {
    color: #FFAB40 !important;
  }
  :root {
    --orange-accent-2: #FFAB40;
  }
  .bg-orange-accent-2 {
    background-color: #FFAB40;
  }
  .border-orange-accent-2 {
    border-color: #FFAB40;
  }
  .border-left-orange-accent-2 {
    border-left-color: #FFAB40;
  }
  .border-right-orange-accent-2 {
    border-right-color: #FFAB40;
  }
  .border-top-orange-accent-2 {
    border-top-color: #FFAB40;
  }
  .border-bottom-orange-accent-2 {
    border-bottom-color: #FFAB40;
  }
  .badge-orange-accent-2 {
    background-color: #FFAB40;
    color: #000000;
  }
  .btn-orange-accent-2 {
    background-color: rgba(255, 171, 64, 0.9);
    color: #000000 !important;
  }
  .btn-orange-accent-2:disabled,
  .btn-orange-accent-2.disabled {
    background-color: rgba(255, 171, 64, 0.4);
  }
  .btn-orange-accent-2:not(:disabled):not(.disabled):hover {
    background-color: #FFAB40;
  }
  .btn-outline-orange-accent-2 {
    color: #FFAB40;
    border-color: #FFAB40;
  }
  .btn-outline-orange-accent-2:hover {
    background-color: #FFAB40;
    color: #000000;
  }
}
.text-orange-accent-2 {
  color: #FFAB40 !important;
}

:root {
  --orange-accent-2: #FFAB40;
}

.bg-orange-accent-2 {
  background-color: #FFAB40;
}

.border-orange-accent-2 {
  border-color: #FFAB40;
}

.border-left-orange-accent-2 {
  border-left-color: #FFAB40;
}

.border-right-orange-accent-2 {
  border-right-color: #FFAB40;
}

.border-top-orange-accent-2 {
  border-top-color: #FFAB40;
}

.border-bottom-orange-accent-2 {
  border-bottom-color: #FFAB40;
}

.badge-orange-accent-2 {
  background-color: #FFAB40;
  color: #000000;
}

.btn-orange-accent-2 {
  background-color: rgba(255, 171, 64, 0.9);
  color: #000000 !important;
}

.btn-orange-accent-2:disabled,
.btn-orange-accent-2.disabled {
  background-color: rgba(255, 171, 64, 0.4);
}

.btn-orange-accent-2:not(:disabled):not(.disabled):hover {
  background-color: #FFAB40;
}

.btn-outline-orange-accent-2 {
  color: #FFAB40;
  border-color: #FFAB40;
}

.btn-outline-orange-accent-2:hover {
  background-color: #FFAB40;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-orange-accent-3 {
    color: #FF9100 !important;
  }
  :root {
    --orange-accent-3: #FF9100;
  }
  .bg-orange-accent-3 {
    background-color: #FF9100;
  }
  .border-orange-accent-3 {
    border-color: #FF9100;
  }
  .border-left-orange-accent-3 {
    border-left-color: #FF9100;
  }
  .border-right-orange-accent-3 {
    border-right-color: #FF9100;
  }
  .border-top-orange-accent-3 {
    border-top-color: #FF9100;
  }
  .border-bottom-orange-accent-3 {
    border-bottom-color: #FF9100;
  }
  .badge-orange-accent-3 {
    background-color: #FF9100;
    color: #FFFFFF;
  }
  .btn-orange-accent-3 {
    background-color: rgba(255, 145, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-orange-accent-3:disabled,
  .btn-orange-accent-3.disabled {
    background-color: rgba(255, 145, 0, 0.4);
  }
  .btn-orange-accent-3:not(:disabled):not(.disabled):hover {
    background-color: #FF9100;
  }
  .btn-outline-orange-accent-3 {
    color: #FF9100;
    border-color: #FF9100;
  }
  .btn-outline-orange-accent-3:hover {
    background-color: #FF9100;
    color: #FFFFFF;
  }
}
.text-orange-accent-3 {
  color: #FF9100 !important;
}

:root {
  --orange-accent-3: #FF9100;
}

.bg-orange-accent-3 {
  background-color: #FF9100;
}

.border-orange-accent-3 {
  border-color: #FF9100;
}

.border-left-orange-accent-3 {
  border-left-color: #FF9100;
}

.border-right-orange-accent-3 {
  border-right-color: #FF9100;
}

.border-top-orange-accent-3 {
  border-top-color: #FF9100;
}

.border-bottom-orange-accent-3 {
  border-bottom-color: #FF9100;
}

.badge-orange-accent-3 {
  background-color: #FF9100;
  color: #FFFFFF;
}

.btn-orange-accent-3 {
  background-color: rgba(255, 145, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-orange-accent-3:disabled,
.btn-orange-accent-3.disabled {
  background-color: rgba(255, 145, 0, 0.4);
}

.btn-orange-accent-3:not(:disabled):not(.disabled):hover {
  background-color: #FF9100;
}

.btn-outline-orange-accent-3 {
  color: #FF9100;
  border-color: #FF9100;
}

.btn-outline-orange-accent-3:hover {
  background-color: #FF9100;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-orange-accent-4 {
    color: #FF6D00 !important;
  }
  :root {
    --orange-accent-4: #FF6D00;
  }
  .bg-orange-accent-4 {
    background-color: #FF6D00;
  }
  .border-orange-accent-4 {
    border-color: #FF6D00;
  }
  .border-left-orange-accent-4 {
    border-left-color: #FF6D00;
  }
  .border-right-orange-accent-4 {
    border-right-color: #FF6D00;
  }
  .border-top-orange-accent-4 {
    border-top-color: #FF6D00;
  }
  .border-bottom-orange-accent-4 {
    border-bottom-color: #FF6D00;
  }
  .badge-orange-accent-4 {
    background-color: #FF6D00;
    color: #FFFFFF;
  }
  .btn-orange-accent-4 {
    background-color: rgba(255, 109, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-orange-accent-4:disabled,
  .btn-orange-accent-4.disabled {
    background-color: rgba(255, 109, 0, 0.4);
  }
  .btn-orange-accent-4:not(:disabled):not(.disabled):hover {
    background-color: #FF6D00;
  }
  .btn-outline-orange-accent-4 {
    color: #FF6D00;
    border-color: #FF6D00;
  }
  .btn-outline-orange-accent-4:hover {
    background-color: #FF6D00;
    color: #FFFFFF;
  }
}
.text-orange-accent-4 {
  color: #FF6D00 !important;
}

:root {
  --orange-accent-4: #FF6D00;
}

.bg-orange-accent-4 {
  background-color: #FF6D00;
}

.border-orange-accent-4 {
  border-color: #FF6D00;
}

.border-left-orange-accent-4 {
  border-left-color: #FF6D00;
}

.border-right-orange-accent-4 {
  border-right-color: #FF6D00;
}

.border-top-orange-accent-4 {
  border-top-color: #FF6D00;
}

.border-bottom-orange-accent-4 {
  border-bottom-color: #FF6D00;
}

.badge-orange-accent-4 {
  background-color: #FF6D00;
  color: #FFFFFF;
}

.btn-orange-accent-4 {
  background-color: rgba(255, 109, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-orange-accent-4:disabled,
.btn-orange-accent-4.disabled {
  background-color: rgba(255, 109, 0, 0.4);
}

.btn-orange-accent-4:not(:disabled):not(.disabled):hover {
  background-color: #FF6D00;
}

.btn-outline-orange-accent-4 {
  color: #FF6D00;
  border-color: #FF6D00;
}

.btn-outline-orange-accent-4:hover {
  background-color: #FF6D00;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-orange {
    color: #FF5722 !important;
  }
  :root {
    --deep-orange: #FF5722;
  }
  .bg-deep-orange {
    background-color: #FF5722;
  }
  .border-deep-orange {
    border-color: #FF5722;
  }
  .border-left-deep-orange {
    border-left-color: #FF5722;
  }
  .border-right-deep-orange {
    border-right-color: #FF5722;
  }
  .border-top-deep-orange {
    border-top-color: #FF5722;
  }
  .border-bottom-deep-orange {
    border-bottom-color: #FF5722;
  }
  .badge-deep-orange {
    background-color: #FF5722;
  }
  .btn-deep-orange {
    background-color: rgba(255, 87, 34, 0.9);
  }
  .btn-deep-orange:disabled,
  .btn-deep-orange.disabled {
    background-color: rgba(255, 87, 34, 0.4);
  }
  .btn-deep-orange:not(:disabled):not(.disabled):hover {
    background-color: #FF5722;
  }
  .btn-outline-deep-orange {
    color: #FF5722;
    border-color: #FF5722;
  }
  .btn-outline-deep-orange:hover {
    background-color: #FF5722;
    color: #FFFFFF;
  }
}
.text-deep-orange {
  color: #FF5722 !important;
}

:root {
  --deep-orange: #FF5722;
}

.bg-deep-orange {
  background-color: #FF5722;
}

.border-deep-orange {
  border-color: #FF5722;
}

.border-left-deep-orange {
  border-left-color: #FF5722;
}

.border-right-deep-orange {
  border-right-color: #FF5722;
}

.border-top-deep-orange {
  border-top-color: #FF5722;
}

.border-bottom-deep-orange {
  border-bottom-color: #FF5722;
}

.badge-deep-orange {
  background-color: #FF5722;
}

.btn-deep-orange {
  background-color: rgba(255, 87, 34, 0.9);
}

.btn-deep-orange:disabled,
.btn-deep-orange.disabled {
  background-color: rgba(255, 87, 34, 0.4);
}

.btn-deep-orange:not(:disabled):not(.disabled):hover {
  background-color: #FF5722;
}

.btn-outline-deep-orange {
  color: #FF5722;
  border-color: #FF5722;
}

.btn-outline-deep-orange:hover {
  background-color: #FF5722;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-orange-lighten-5 {
    color: #FBE9E7 !important;
  }
  :root {
    --deep-orange-lighten-5: #FBE9E7;
  }
  .bg-deep-orange-lighten-5 {
    background-color: #FBE9E7;
  }
  .border-deep-orange-lighten-5 {
    border-color: #FBE9E7;
  }
  .border-left-deep-orange-lighten-5 {
    border-left-color: #FBE9E7;
  }
  .border-right-deep-orange-lighten-5 {
    border-right-color: #FBE9E7;
  }
  .border-top-deep-orange-lighten-5 {
    border-top-color: #FBE9E7;
  }
  .border-bottom-deep-orange-lighten-5 {
    border-bottom-color: #FBE9E7;
  }
  .badge-deep-orange-lighten-5 {
    background-color: #FBE9E7;
    color: #000000;
  }
  .btn-deep-orange-lighten-5 {
    background-color: rgba(251, 233, 231, 0.9);
    color: #000000 !important;
  }
  .btn-deep-orange-lighten-5:disabled,
  .btn-deep-orange-lighten-5.disabled {
    background-color: rgba(251, 233, 231, 0.4);
  }
  .btn-deep-orange-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #FBE9E7;
  }
  .btn-outline-deep-orange-lighten-5 {
    color: #FBE9E7;
    border-color: #FBE9E7;
  }
  .btn-outline-deep-orange-lighten-5:hover {
    background-color: #FBE9E7;
    color: #000000;
  }
}
.text-deep-orange-lighten-5 {
  color: #FBE9E7 !important;
}

:root {
  --deep-orange-lighten-5: #FBE9E7;
}

.bg-deep-orange-lighten-5 {
  background-color: #FBE9E7;
}

.border-deep-orange-lighten-5 {
  border-color: #FBE9E7;
}

.border-left-deep-orange-lighten-5 {
  border-left-color: #FBE9E7;
}

.border-right-deep-orange-lighten-5 {
  border-right-color: #FBE9E7;
}

.border-top-deep-orange-lighten-5 {
  border-top-color: #FBE9E7;
}

.border-bottom-deep-orange-lighten-5 {
  border-bottom-color: #FBE9E7;
}

.badge-deep-orange-lighten-5 {
  background-color: #FBE9E7;
  color: #000000;
}

.btn-deep-orange-lighten-5 {
  background-color: rgba(251, 233, 231, 0.9);
  color: #000000 !important;
}

.btn-deep-orange-lighten-5:disabled,
.btn-deep-orange-lighten-5.disabled {
  background-color: rgba(251, 233, 231, 0.4);
}

.btn-deep-orange-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #FBE9E7;
}

.btn-outline-deep-orange-lighten-5 {
  color: #FBE9E7;
  border-color: #FBE9E7;
}

.btn-outline-deep-orange-lighten-5:hover {
  background-color: #FBE9E7;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-orange-lighten-4 {
    color: #FFCCBC !important;
  }
  :root {
    --deep-orange-lighten-4: #FFCCBC;
  }
  .bg-deep-orange-lighten-4 {
    background-color: #FFCCBC;
  }
  .border-deep-orange-lighten-4 {
    border-color: #FFCCBC;
  }
  .border-left-deep-orange-lighten-4 {
    border-left-color: #FFCCBC;
  }
  .border-right-deep-orange-lighten-4 {
    border-right-color: #FFCCBC;
  }
  .border-top-deep-orange-lighten-4 {
    border-top-color: #FFCCBC;
  }
  .border-bottom-deep-orange-lighten-4 {
    border-bottom-color: #FFCCBC;
  }
  .badge-deep-orange-lighten-4 {
    background-color: #FFCCBC;
    color: #000000;
  }
  .btn-deep-orange-lighten-4 {
    background-color: rgba(255, 204, 188, 0.9);
    color: #000000 !important;
  }
  .btn-deep-orange-lighten-4:disabled,
  .btn-deep-orange-lighten-4.disabled {
    background-color: rgba(255, 204, 188, 0.4);
  }
  .btn-deep-orange-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #FFCCBC;
  }
  .btn-outline-deep-orange-lighten-4 {
    color: #FFCCBC;
    border-color: #FFCCBC;
  }
  .btn-outline-deep-orange-lighten-4:hover {
    background-color: #FFCCBC;
    color: #000000;
  }
}
.text-deep-orange-lighten-4 {
  color: #FFCCBC !important;
}

:root {
  --deep-orange-lighten-4: #FFCCBC;
}

.bg-deep-orange-lighten-4 {
  background-color: #FFCCBC;
}

.border-deep-orange-lighten-4 {
  border-color: #FFCCBC;
}

.border-left-deep-orange-lighten-4 {
  border-left-color: #FFCCBC;
}

.border-right-deep-orange-lighten-4 {
  border-right-color: #FFCCBC;
}

.border-top-deep-orange-lighten-4 {
  border-top-color: #FFCCBC;
}

.border-bottom-deep-orange-lighten-4 {
  border-bottom-color: #FFCCBC;
}

.badge-deep-orange-lighten-4 {
  background-color: #FFCCBC;
  color: #000000;
}

.btn-deep-orange-lighten-4 {
  background-color: rgba(255, 204, 188, 0.9);
  color: #000000 !important;
}

.btn-deep-orange-lighten-4:disabled,
.btn-deep-orange-lighten-4.disabled {
  background-color: rgba(255, 204, 188, 0.4);
}

.btn-deep-orange-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #FFCCBC;
}

.btn-outline-deep-orange-lighten-4 {
  color: #FFCCBC;
  border-color: #FFCCBC;
}

.btn-outline-deep-orange-lighten-4:hover {
  background-color: #FFCCBC;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-orange-lighten-3 {
    color: #FFAB91 !important;
  }
  :root {
    --deep-orange-lighten-3: #FFAB91;
  }
  .bg-deep-orange-lighten-3 {
    background-color: #FFAB91;
  }
  .border-deep-orange-lighten-3 {
    border-color: #FFAB91;
  }
  .border-left-deep-orange-lighten-3 {
    border-left-color: #FFAB91;
  }
  .border-right-deep-orange-lighten-3 {
    border-right-color: #FFAB91;
  }
  .border-top-deep-orange-lighten-3 {
    border-top-color: #FFAB91;
  }
  .border-bottom-deep-orange-lighten-3 {
    border-bottom-color: #FFAB91;
  }
  .badge-deep-orange-lighten-3 {
    background-color: #FFAB91;
    color: #000000;
  }
  .btn-deep-orange-lighten-3 {
    background-color: rgba(255, 171, 145, 0.9);
    color: #000000 !important;
  }
  .btn-deep-orange-lighten-3:disabled,
  .btn-deep-orange-lighten-3.disabled {
    background-color: rgba(255, 171, 145, 0.4);
  }
  .btn-deep-orange-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #FFAB91;
  }
  .btn-outline-deep-orange-lighten-3 {
    color: #FFAB91;
    border-color: #FFAB91;
  }
  .btn-outline-deep-orange-lighten-3:hover {
    background-color: #FFAB91;
    color: #000000;
  }
}
.text-deep-orange-lighten-3 {
  color: #FFAB91 !important;
}

:root {
  --deep-orange-lighten-3: #FFAB91;
}

.bg-deep-orange-lighten-3 {
  background-color: #FFAB91;
}

.border-deep-orange-lighten-3 {
  border-color: #FFAB91;
}

.border-left-deep-orange-lighten-3 {
  border-left-color: #FFAB91;
}

.border-right-deep-orange-lighten-3 {
  border-right-color: #FFAB91;
}

.border-top-deep-orange-lighten-3 {
  border-top-color: #FFAB91;
}

.border-bottom-deep-orange-lighten-3 {
  border-bottom-color: #FFAB91;
}

.badge-deep-orange-lighten-3 {
  background-color: #FFAB91;
  color: #000000;
}

.btn-deep-orange-lighten-3 {
  background-color: rgba(255, 171, 145, 0.9);
  color: #000000 !important;
}

.btn-deep-orange-lighten-3:disabled,
.btn-deep-orange-lighten-3.disabled {
  background-color: rgba(255, 171, 145, 0.4);
}

.btn-deep-orange-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #FFAB91;
}

.btn-outline-deep-orange-lighten-3 {
  color: #FFAB91;
  border-color: #FFAB91;
}

.btn-outline-deep-orange-lighten-3:hover {
  background-color: #FFAB91;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-orange-lighten-2 {
    color: #FF8A65 !important;
  }
  :root {
    --deep-orange-lighten-2: #FF8A65;
  }
  .bg-deep-orange-lighten-2 {
    background-color: #FF8A65;
  }
  .border-deep-orange-lighten-2 {
    border-color: #FF8A65;
  }
  .border-left-deep-orange-lighten-2 {
    border-left-color: #FF8A65;
  }
  .border-right-deep-orange-lighten-2 {
    border-right-color: #FF8A65;
  }
  .border-top-deep-orange-lighten-2 {
    border-top-color: #FF8A65;
  }
  .border-bottom-deep-orange-lighten-2 {
    border-bottom-color: #FF8A65;
  }
  .badge-deep-orange-lighten-2 {
    background-color: #FF8A65;
    color: #000000;
  }
  .btn-deep-orange-lighten-2 {
    background-color: rgba(255, 138, 101, 0.9);
    color: #000000 !important;
  }
  .btn-deep-orange-lighten-2:disabled,
  .btn-deep-orange-lighten-2.disabled {
    background-color: rgba(255, 138, 101, 0.4);
  }
  .btn-deep-orange-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #FF8A65;
  }
  .btn-outline-deep-orange-lighten-2 {
    color: #FF8A65;
    border-color: #FF8A65;
  }
  .btn-outline-deep-orange-lighten-2:hover {
    background-color: #FF8A65;
    color: #000000;
  }
}
.text-deep-orange-lighten-2 {
  color: #FF8A65 !important;
}

:root {
  --deep-orange-lighten-2: #FF8A65;
}

.bg-deep-orange-lighten-2 {
  background-color: #FF8A65;
}

.border-deep-orange-lighten-2 {
  border-color: #FF8A65;
}

.border-left-deep-orange-lighten-2 {
  border-left-color: #FF8A65;
}

.border-right-deep-orange-lighten-2 {
  border-right-color: #FF8A65;
}

.border-top-deep-orange-lighten-2 {
  border-top-color: #FF8A65;
}

.border-bottom-deep-orange-lighten-2 {
  border-bottom-color: #FF8A65;
}

.badge-deep-orange-lighten-2 {
  background-color: #FF8A65;
  color: #000000;
}

.btn-deep-orange-lighten-2 {
  background-color: rgba(255, 138, 101, 0.9);
  color: #000000 !important;
}

.btn-deep-orange-lighten-2:disabled,
.btn-deep-orange-lighten-2.disabled {
  background-color: rgba(255, 138, 101, 0.4);
}

.btn-deep-orange-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #FF8A65;
}

.btn-outline-deep-orange-lighten-2 {
  color: #FF8A65;
  border-color: #FF8A65;
}

.btn-outline-deep-orange-lighten-2:hover {
  background-color: #FF8A65;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-orange-lighten-1 {
    color: #FF7043 !important;
  }
  :root {
    --deep-orange-lighten-1: #FF7043;
  }
  .bg-deep-orange-lighten-1 {
    background-color: #FF7043;
  }
  .border-deep-orange-lighten-1 {
    border-color: #FF7043;
  }
  .border-left-deep-orange-lighten-1 {
    border-left-color: #FF7043;
  }
  .border-right-deep-orange-lighten-1 {
    border-right-color: #FF7043;
  }
  .border-top-deep-orange-lighten-1 {
    border-top-color: #FF7043;
  }
  .border-bottom-deep-orange-lighten-1 {
    border-bottom-color: #FF7043;
  }
  .badge-deep-orange-lighten-1 {
    background-color: #FF7043;
    color: #000000;
  }
  .btn-deep-orange-lighten-1 {
    background-color: rgba(255, 112, 67, 0.9);
    color: #000000 !important;
  }
  .btn-deep-orange-lighten-1:disabled,
  .btn-deep-orange-lighten-1.disabled {
    background-color: rgba(255, 112, 67, 0.4);
  }
  .btn-deep-orange-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #FF7043;
  }
  .btn-outline-deep-orange-lighten-1 {
    color: #FF7043;
    border-color: #FF7043;
  }
  .btn-outline-deep-orange-lighten-1:hover {
    background-color: #FF7043;
    color: #000000;
  }
}
.text-deep-orange-lighten-1 {
  color: #FF7043 !important;
}

:root {
  --deep-orange-lighten-1: #FF7043;
}

.bg-deep-orange-lighten-1 {
  background-color: #FF7043;
}

.border-deep-orange-lighten-1 {
  border-color: #FF7043;
}

.border-left-deep-orange-lighten-1 {
  border-left-color: #FF7043;
}

.border-right-deep-orange-lighten-1 {
  border-right-color: #FF7043;
}

.border-top-deep-orange-lighten-1 {
  border-top-color: #FF7043;
}

.border-bottom-deep-orange-lighten-1 {
  border-bottom-color: #FF7043;
}

.badge-deep-orange-lighten-1 {
  background-color: #FF7043;
  color: #000000;
}

.btn-deep-orange-lighten-1 {
  background-color: rgba(255, 112, 67, 0.9);
  color: #000000 !important;
}

.btn-deep-orange-lighten-1:disabled,
.btn-deep-orange-lighten-1.disabled {
  background-color: rgba(255, 112, 67, 0.4);
}

.btn-deep-orange-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #FF7043;
}

.btn-outline-deep-orange-lighten-1 {
  color: #FF7043;
  border-color: #FF7043;
}

.btn-outline-deep-orange-lighten-1:hover {
  background-color: #FF7043;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-orange-darken-1 {
    color: #F4511E !important;
  }
  :root {
    --deep-orange-darken-1: #F4511E;
  }
  .bg-deep-orange-darken-1 {
    background-color: #F4511E;
  }
  .border-deep-orange-darken-1 {
    border-color: #F4511E;
  }
  .border-left-deep-orange-darken-1 {
    border-left-color: #F4511E;
  }
  .border-right-deep-orange-darken-1 {
    border-right-color: #F4511E;
  }
  .border-top-deep-orange-darken-1 {
    border-top-color: #F4511E;
  }
  .border-bottom-deep-orange-darken-1 {
    border-bottom-color: #F4511E;
  }
  .badge-deep-orange-darken-1 {
    background-color: #F4511E;
    color: #FFFFFF;
  }
  .btn-deep-orange-darken-1 {
    background-color: rgba(244, 81, 30, 0.9);
    color: #FFFFFF !important;
  }
  .btn-deep-orange-darken-1:disabled,
  .btn-deep-orange-darken-1.disabled {
    background-color: rgba(244, 81, 30, 0.4);
  }
  .btn-deep-orange-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #F4511E;
  }
  .btn-outline-deep-orange-darken-1 {
    color: #F4511E;
    border-color: #F4511E;
  }
  .btn-outline-deep-orange-darken-1:hover {
    background-color: #F4511E;
    color: #FFFFFF;
  }
}
.text-deep-orange-darken-1 {
  color: #F4511E !important;
}

:root {
  --deep-orange-darken-1: #F4511E;
}

.bg-deep-orange-darken-1 {
  background-color: #F4511E;
}

.border-deep-orange-darken-1 {
  border-color: #F4511E;
}

.border-left-deep-orange-darken-1 {
  border-left-color: #F4511E;
}

.border-right-deep-orange-darken-1 {
  border-right-color: #F4511E;
}

.border-top-deep-orange-darken-1 {
  border-top-color: #F4511E;
}

.border-bottom-deep-orange-darken-1 {
  border-bottom-color: #F4511E;
}

.badge-deep-orange-darken-1 {
  background-color: #F4511E;
  color: #FFFFFF;
}

.btn-deep-orange-darken-1 {
  background-color: rgba(244, 81, 30, 0.9);
  color: #FFFFFF !important;
}

.btn-deep-orange-darken-1:disabled,
.btn-deep-orange-darken-1.disabled {
  background-color: rgba(244, 81, 30, 0.4);
}

.btn-deep-orange-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #F4511E;
}

.btn-outline-deep-orange-darken-1 {
  color: #F4511E;
  border-color: #F4511E;
}

.btn-outline-deep-orange-darken-1:hover {
  background-color: #F4511E;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-orange-darken-2 {
    color: #E64A19 !important;
  }
  :root {
    --deep-orange-darken-2: #E64A19;
  }
  .bg-deep-orange-darken-2 {
    background-color: #E64A19;
  }
  .border-deep-orange-darken-2 {
    border-color: #E64A19;
  }
  .border-left-deep-orange-darken-2 {
    border-left-color: #E64A19;
  }
  .border-right-deep-orange-darken-2 {
    border-right-color: #E64A19;
  }
  .border-top-deep-orange-darken-2 {
    border-top-color: #E64A19;
  }
  .border-bottom-deep-orange-darken-2 {
    border-bottom-color: #E64A19;
  }
  .badge-deep-orange-darken-2 {
    background-color: #E64A19;
    color: #FFFFFF;
  }
  .btn-deep-orange-darken-2 {
    background-color: rgba(230, 74, 25, 0.9);
    color: #FFFFFF !important;
  }
  .btn-deep-orange-darken-2:disabled,
  .btn-deep-orange-darken-2.disabled {
    background-color: rgba(230, 74, 25, 0.4);
  }
  .btn-deep-orange-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #E64A19;
  }
  .btn-outline-deep-orange-darken-2 {
    color: #E64A19;
    border-color: #E64A19;
  }
  .btn-outline-deep-orange-darken-2:hover {
    background-color: #E64A19;
    color: #FFFFFF;
  }
}
.text-deep-orange-darken-2 {
  color: #E64A19 !important;
}

:root {
  --deep-orange-darken-2: #E64A19;
}

.bg-deep-orange-darken-2 {
  background-color: #E64A19;
}

.border-deep-orange-darken-2 {
  border-color: #E64A19;
}

.border-left-deep-orange-darken-2 {
  border-left-color: #E64A19;
}

.border-right-deep-orange-darken-2 {
  border-right-color: #E64A19;
}

.border-top-deep-orange-darken-2 {
  border-top-color: #E64A19;
}

.border-bottom-deep-orange-darken-2 {
  border-bottom-color: #E64A19;
}

.badge-deep-orange-darken-2 {
  background-color: #E64A19;
  color: #FFFFFF;
}

.btn-deep-orange-darken-2 {
  background-color: rgba(230, 74, 25, 0.9);
  color: #FFFFFF !important;
}

.btn-deep-orange-darken-2:disabled,
.btn-deep-orange-darken-2.disabled {
  background-color: rgba(230, 74, 25, 0.4);
}

.btn-deep-orange-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #E64A19;
}

.btn-outline-deep-orange-darken-2 {
  color: #E64A19;
  border-color: #E64A19;
}

.btn-outline-deep-orange-darken-2:hover {
  background-color: #E64A19;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-orange-darken-3 {
    color: #D84315 !important;
  }
  :root {
    --deep-orange-darken-3: #D84315;
  }
  .bg-deep-orange-darken-3 {
    background-color: #D84315;
  }
  .border-deep-orange-darken-3 {
    border-color: #D84315;
  }
  .border-left-deep-orange-darken-3 {
    border-left-color: #D84315;
  }
  .border-right-deep-orange-darken-3 {
    border-right-color: #D84315;
  }
  .border-top-deep-orange-darken-3 {
    border-top-color: #D84315;
  }
  .border-bottom-deep-orange-darken-3 {
    border-bottom-color: #D84315;
  }
  .badge-deep-orange-darken-3 {
    background-color: #D84315;
    color: #FFFFFF;
  }
  .btn-deep-orange-darken-3 {
    background-color: rgba(216, 67, 21, 0.9);
    color: #FFFFFF !important;
  }
  .btn-deep-orange-darken-3:disabled,
  .btn-deep-orange-darken-3.disabled {
    background-color: rgba(216, 67, 21, 0.4);
  }
  .btn-deep-orange-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #D84315;
  }
  .btn-outline-deep-orange-darken-3 {
    color: #D84315;
    border-color: #D84315;
  }
  .btn-outline-deep-orange-darken-3:hover {
    background-color: #D84315;
    color: #FFFFFF;
  }
}
.text-deep-orange-darken-3 {
  color: #D84315 !important;
}

:root {
  --deep-orange-darken-3: #D84315;
}

.bg-deep-orange-darken-3 {
  background-color: #D84315;
}

.border-deep-orange-darken-3 {
  border-color: #D84315;
}

.border-left-deep-orange-darken-3 {
  border-left-color: #D84315;
}

.border-right-deep-orange-darken-3 {
  border-right-color: #D84315;
}

.border-top-deep-orange-darken-3 {
  border-top-color: #D84315;
}

.border-bottom-deep-orange-darken-3 {
  border-bottom-color: #D84315;
}

.badge-deep-orange-darken-3 {
  background-color: #D84315;
  color: #FFFFFF;
}

.btn-deep-orange-darken-3 {
  background-color: rgba(216, 67, 21, 0.9);
  color: #FFFFFF !important;
}

.btn-deep-orange-darken-3:disabled,
.btn-deep-orange-darken-3.disabled {
  background-color: rgba(216, 67, 21, 0.4);
}

.btn-deep-orange-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #D84315;
}

.btn-outline-deep-orange-darken-3 {
  color: #D84315;
  border-color: #D84315;
}

.btn-outline-deep-orange-darken-3:hover {
  background-color: #D84315;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-orange-darken-4 {
    color: #BF360C !important;
  }
  :root {
    --deep-orange-darken-4: #BF360C;
  }
  .bg-deep-orange-darken-4 {
    background-color: #BF360C;
  }
  .border-deep-orange-darken-4 {
    border-color: #BF360C;
  }
  .border-left-deep-orange-darken-4 {
    border-left-color: #BF360C;
  }
  .border-right-deep-orange-darken-4 {
    border-right-color: #BF360C;
  }
  .border-top-deep-orange-darken-4 {
    border-top-color: #BF360C;
  }
  .border-bottom-deep-orange-darken-4 {
    border-bottom-color: #BF360C;
  }
  .badge-deep-orange-darken-4 {
    background-color: #BF360C;
    color: #FFFFFF;
  }
  .btn-deep-orange-darken-4 {
    background-color: rgba(191, 54, 12, 0.9);
    color: #FFFFFF !important;
  }
  .btn-deep-orange-darken-4:disabled,
  .btn-deep-orange-darken-4.disabled {
    background-color: rgba(191, 54, 12, 0.4);
  }
  .btn-deep-orange-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #BF360C;
  }
  .btn-outline-deep-orange-darken-4 {
    color: #BF360C;
    border-color: #BF360C;
  }
  .btn-outline-deep-orange-darken-4:hover {
    background-color: #BF360C;
    color: #FFFFFF;
  }
}
.text-deep-orange-darken-4 {
  color: #BF360C !important;
}

:root {
  --deep-orange-darken-4: #BF360C;
}

.bg-deep-orange-darken-4 {
  background-color: #BF360C;
}

.border-deep-orange-darken-4 {
  border-color: #BF360C;
}

.border-left-deep-orange-darken-4 {
  border-left-color: #BF360C;
}

.border-right-deep-orange-darken-4 {
  border-right-color: #BF360C;
}

.border-top-deep-orange-darken-4 {
  border-top-color: #BF360C;
}

.border-bottom-deep-orange-darken-4 {
  border-bottom-color: #BF360C;
}

.badge-deep-orange-darken-4 {
  background-color: #BF360C;
  color: #FFFFFF;
}

.btn-deep-orange-darken-4 {
  background-color: rgba(191, 54, 12, 0.9);
  color: #FFFFFF !important;
}

.btn-deep-orange-darken-4:disabled,
.btn-deep-orange-darken-4.disabled {
  background-color: rgba(191, 54, 12, 0.4);
}

.btn-deep-orange-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #BF360C;
}

.btn-outline-deep-orange-darken-4 {
  color: #BF360C;
  border-color: #BF360C;
}

.btn-outline-deep-orange-darken-4:hover {
  background-color: #BF360C;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-orange-accent-1 {
    color: #FF9E80 !important;
  }
  :root {
    --deep-orange-accent-1: #FF9E80;
  }
  .bg-deep-orange-accent-1 {
    background-color: #FF9E80;
  }
  .border-deep-orange-accent-1 {
    border-color: #FF9E80;
  }
  .border-left-deep-orange-accent-1 {
    border-left-color: #FF9E80;
  }
  .border-right-deep-orange-accent-1 {
    border-right-color: #FF9E80;
  }
  .border-top-deep-orange-accent-1 {
    border-top-color: #FF9E80;
  }
  .border-bottom-deep-orange-accent-1 {
    border-bottom-color: #FF9E80;
  }
  .badge-deep-orange-accent-1 {
    background-color: #FF9E80;
    color: #000000;
  }
  .btn-deep-orange-accent-1 {
    background-color: rgba(255, 158, 128, 0.9);
    color: #000000 !important;
  }
  .btn-deep-orange-accent-1:disabled,
  .btn-deep-orange-accent-1.disabled {
    background-color: rgba(255, 158, 128, 0.4);
  }
  .btn-deep-orange-accent-1:not(:disabled):not(.disabled):hover {
    background-color: #FF9E80;
  }
  .btn-outline-deep-orange-accent-1 {
    color: #FF9E80;
    border-color: #FF9E80;
  }
  .btn-outline-deep-orange-accent-1:hover {
    background-color: #FF9E80;
    color: #000000;
  }
}
.text-deep-orange-accent-1 {
  color: #FF9E80 !important;
}

:root {
  --deep-orange-accent-1: #FF9E80;
}

.bg-deep-orange-accent-1 {
  background-color: #FF9E80;
}

.border-deep-orange-accent-1 {
  border-color: #FF9E80;
}

.border-left-deep-orange-accent-1 {
  border-left-color: #FF9E80;
}

.border-right-deep-orange-accent-1 {
  border-right-color: #FF9E80;
}

.border-top-deep-orange-accent-1 {
  border-top-color: #FF9E80;
}

.border-bottom-deep-orange-accent-1 {
  border-bottom-color: #FF9E80;
}

.badge-deep-orange-accent-1 {
  background-color: #FF9E80;
  color: #000000;
}

.btn-deep-orange-accent-1 {
  background-color: rgba(255, 158, 128, 0.9);
  color: #000000 !important;
}

.btn-deep-orange-accent-1:disabled,
.btn-deep-orange-accent-1.disabled {
  background-color: rgba(255, 158, 128, 0.4);
}

.btn-deep-orange-accent-1:not(:disabled):not(.disabled):hover {
  background-color: #FF9E80;
}

.btn-outline-deep-orange-accent-1 {
  color: #FF9E80;
  border-color: #FF9E80;
}

.btn-outline-deep-orange-accent-1:hover {
  background-color: #FF9E80;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-orange-accent-2 {
    color: #FF6E40 !important;
  }
  :root {
    --deep-orange-accent-2: #FF6E40;
  }
  .bg-deep-orange-accent-2 {
    background-color: #FF6E40;
  }
  .border-deep-orange-accent-2 {
    border-color: #FF6E40;
  }
  .border-left-deep-orange-accent-2 {
    border-left-color: #FF6E40;
  }
  .border-right-deep-orange-accent-2 {
    border-right-color: #FF6E40;
  }
  .border-top-deep-orange-accent-2 {
    border-top-color: #FF6E40;
  }
  .border-bottom-deep-orange-accent-2 {
    border-bottom-color: #FF6E40;
  }
  .badge-deep-orange-accent-2 {
    background-color: #FF6E40;
    color: #000000;
  }
  .btn-deep-orange-accent-2 {
    background-color: rgba(255, 110, 64, 0.9);
    color: #000000 !important;
  }
  .btn-deep-orange-accent-2:disabled,
  .btn-deep-orange-accent-2.disabled {
    background-color: rgba(255, 110, 64, 0.4);
  }
  .btn-deep-orange-accent-2:not(:disabled):not(.disabled):hover {
    background-color: #FF6E40;
  }
  .btn-outline-deep-orange-accent-2 {
    color: #FF6E40;
    border-color: #FF6E40;
  }
  .btn-outline-deep-orange-accent-2:hover {
    background-color: #FF6E40;
    color: #000000;
  }
}
.text-deep-orange-accent-2 {
  color: #FF6E40 !important;
}

:root {
  --deep-orange-accent-2: #FF6E40;
}

.bg-deep-orange-accent-2 {
  background-color: #FF6E40;
}

.border-deep-orange-accent-2 {
  border-color: #FF6E40;
}

.border-left-deep-orange-accent-2 {
  border-left-color: #FF6E40;
}

.border-right-deep-orange-accent-2 {
  border-right-color: #FF6E40;
}

.border-top-deep-orange-accent-2 {
  border-top-color: #FF6E40;
}

.border-bottom-deep-orange-accent-2 {
  border-bottom-color: #FF6E40;
}

.badge-deep-orange-accent-2 {
  background-color: #FF6E40;
  color: #000000;
}

.btn-deep-orange-accent-2 {
  background-color: rgba(255, 110, 64, 0.9);
  color: #000000 !important;
}

.btn-deep-orange-accent-2:disabled,
.btn-deep-orange-accent-2.disabled {
  background-color: rgba(255, 110, 64, 0.4);
}

.btn-deep-orange-accent-2:not(:disabled):not(.disabled):hover {
  background-color: #FF6E40;
}

.btn-outline-deep-orange-accent-2 {
  color: #FF6E40;
  border-color: #FF6E40;
}

.btn-outline-deep-orange-accent-2:hover {
  background-color: #FF6E40;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-orange-accent-3 {
    color: #FF3D00 !important;
  }
  :root {
    --deep-orange-accent-3: #FF3D00;
  }
  .bg-deep-orange-accent-3 {
    background-color: #FF3D00;
  }
  .border-deep-orange-accent-3 {
    border-color: #FF3D00;
  }
  .border-left-deep-orange-accent-3 {
    border-left-color: #FF3D00;
  }
  .border-right-deep-orange-accent-3 {
    border-right-color: #FF3D00;
  }
  .border-top-deep-orange-accent-3 {
    border-top-color: #FF3D00;
  }
  .border-bottom-deep-orange-accent-3 {
    border-bottom-color: #FF3D00;
  }
  .badge-deep-orange-accent-3 {
    background-color: #FF3D00;
    color: #FFFFFF;
  }
  .btn-deep-orange-accent-3 {
    background-color: rgba(255, 61, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-deep-orange-accent-3:disabled,
  .btn-deep-orange-accent-3.disabled {
    background-color: rgba(255, 61, 0, 0.4);
  }
  .btn-deep-orange-accent-3:not(:disabled):not(.disabled):hover {
    background-color: #FF3D00;
  }
  .btn-outline-deep-orange-accent-3 {
    color: #FF3D00;
    border-color: #FF3D00;
  }
  .btn-outline-deep-orange-accent-3:hover {
    background-color: #FF3D00;
    color: #FFFFFF;
  }
}
.text-deep-orange-accent-3 {
  color: #FF3D00 !important;
}

:root {
  --deep-orange-accent-3: #FF3D00;
}

.bg-deep-orange-accent-3 {
  background-color: #FF3D00;
}

.border-deep-orange-accent-3 {
  border-color: #FF3D00;
}

.border-left-deep-orange-accent-3 {
  border-left-color: #FF3D00;
}

.border-right-deep-orange-accent-3 {
  border-right-color: #FF3D00;
}

.border-top-deep-orange-accent-3 {
  border-top-color: #FF3D00;
}

.border-bottom-deep-orange-accent-3 {
  border-bottom-color: #FF3D00;
}

.badge-deep-orange-accent-3 {
  background-color: #FF3D00;
  color: #FFFFFF;
}

.btn-deep-orange-accent-3 {
  background-color: rgba(255, 61, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-deep-orange-accent-3:disabled,
.btn-deep-orange-accent-3.disabled {
  background-color: rgba(255, 61, 0, 0.4);
}

.btn-deep-orange-accent-3:not(:disabled):not(.disabled):hover {
  background-color: #FF3D00;
}

.btn-outline-deep-orange-accent-3 {
  color: #FF3D00;
  border-color: #FF3D00;
}

.btn-outline-deep-orange-accent-3:hover {
  background-color: #FF3D00;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-deep-orange-accent-4 {
    color: #DD2C00 !important;
  }
  :root {
    --deep-orange-accent-4: #DD2C00;
  }
  .bg-deep-orange-accent-4 {
    background-color: #DD2C00;
  }
  .border-deep-orange-accent-4 {
    border-color: #DD2C00;
  }
  .border-left-deep-orange-accent-4 {
    border-left-color: #DD2C00;
  }
  .border-right-deep-orange-accent-4 {
    border-right-color: #DD2C00;
  }
  .border-top-deep-orange-accent-4 {
    border-top-color: #DD2C00;
  }
  .border-bottom-deep-orange-accent-4 {
    border-bottom-color: #DD2C00;
  }
  .badge-deep-orange-accent-4 {
    background-color: #DD2C00;
    color: #FFFFFF;
  }
  .btn-deep-orange-accent-4 {
    background-color: rgba(221, 44, 0, 0.9);
    color: #FFFFFF !important;
  }
  .btn-deep-orange-accent-4:disabled,
  .btn-deep-orange-accent-4.disabled {
    background-color: rgba(221, 44, 0, 0.4);
  }
  .btn-deep-orange-accent-4:not(:disabled):not(.disabled):hover {
    background-color: #DD2C00;
  }
  .btn-outline-deep-orange-accent-4 {
    color: #DD2C00;
    border-color: #DD2C00;
  }
  .btn-outline-deep-orange-accent-4:hover {
    background-color: #DD2C00;
    color: #FFFFFF;
  }
}
.text-deep-orange-accent-4 {
  color: #DD2C00 !important;
}

:root {
  --deep-orange-accent-4: #DD2C00;
}

.bg-deep-orange-accent-4 {
  background-color: #DD2C00;
}

.border-deep-orange-accent-4 {
  border-color: #DD2C00;
}

.border-left-deep-orange-accent-4 {
  border-left-color: #DD2C00;
}

.border-right-deep-orange-accent-4 {
  border-right-color: #DD2C00;
}

.border-top-deep-orange-accent-4 {
  border-top-color: #DD2C00;
}

.border-bottom-deep-orange-accent-4 {
  border-bottom-color: #DD2C00;
}

.badge-deep-orange-accent-4 {
  background-color: #DD2C00;
  color: #FFFFFF;
}

.btn-deep-orange-accent-4 {
  background-color: rgba(221, 44, 0, 0.9);
  color: #FFFFFF !important;
}

.btn-deep-orange-accent-4:disabled,
.btn-deep-orange-accent-4.disabled {
  background-color: rgba(221, 44, 0, 0.4);
}

.btn-deep-orange-accent-4:not(:disabled):not(.disabled):hover {
  background-color: #DD2C00;
}

.btn-outline-deep-orange-accent-4 {
  color: #DD2C00;
  border-color: #DD2C00;
}

.btn-outline-deep-orange-accent-4:hover {
  background-color: #DD2C00;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-brown {
    color: #795548 !important;
  }
  :root {
    --brown: #795548;
  }
  .bg-brown {
    background-color: #795548;
  }
  .border-brown {
    border-color: #795548;
  }
  .border-left-brown {
    border-left-color: #795548;
  }
  .border-right-brown {
    border-right-color: #795548;
  }
  .border-top-brown {
    border-top-color: #795548;
  }
  .border-bottom-brown {
    border-bottom-color: #795548;
  }
  .badge-brown {
    background-color: #795548;
  }
  .btn-brown {
    background-color: rgba(121, 85, 72, 0.9);
  }
  .btn-brown:disabled,
  .btn-brown.disabled {
    background-color: rgba(121, 85, 72, 0.4);
  }
  .btn-brown:not(:disabled):not(.disabled):hover {
    background-color: #795548;
  }
  .btn-outline-brown {
    color: #795548;
    border-color: #795548;
  }
  .btn-outline-brown:hover {
    background-color: #795548;
    color: #FFFFFF;
  }
}
.text-brown {
  color: #795548 !important;
}

:root {
  --brown: #795548;
}

.bg-brown {
  background-color: #795548;
}

.border-brown {
  border-color: #795548;
}

.border-left-brown {
  border-left-color: #795548;
}

.border-right-brown {
  border-right-color: #795548;
}

.border-top-brown {
  border-top-color: #795548;
}

.border-bottom-brown {
  border-bottom-color: #795548;
}

.badge-brown {
  background-color: #795548;
}

.btn-brown {
  background-color: rgba(121, 85, 72, 0.9);
}

.btn-brown:disabled,
.btn-brown.disabled {
  background-color: rgba(121, 85, 72, 0.4);
}

.btn-brown:not(:disabled):not(.disabled):hover {
  background-color: #795548;
}

.btn-outline-brown {
  color: #795548;
  border-color: #795548;
}

.btn-outline-brown:hover {
  background-color: #795548;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-brown-lighten-5 {
    color: #EFEBE9 !important;
  }
  :root {
    --brown-lighten-5: #EFEBE9;
  }
  .bg-brown-lighten-5 {
    background-color: #EFEBE9;
  }
  .border-brown-lighten-5 {
    border-color: #EFEBE9;
  }
  .border-left-brown-lighten-5 {
    border-left-color: #EFEBE9;
  }
  .border-right-brown-lighten-5 {
    border-right-color: #EFEBE9;
  }
  .border-top-brown-lighten-5 {
    border-top-color: #EFEBE9;
  }
  .border-bottom-brown-lighten-5 {
    border-bottom-color: #EFEBE9;
  }
  .badge-brown-lighten-5 {
    background-color: #EFEBE9;
    color: #000000;
  }
  .btn-brown-lighten-5 {
    background-color: rgba(239, 235, 233, 0.9);
    color: #000000 !important;
  }
  .btn-brown-lighten-5:disabled,
  .btn-brown-lighten-5.disabled {
    background-color: rgba(239, 235, 233, 0.4);
  }
  .btn-brown-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #EFEBE9;
  }
  .btn-outline-brown-lighten-5 {
    color: #EFEBE9;
    border-color: #EFEBE9;
  }
  .btn-outline-brown-lighten-5:hover {
    background-color: #EFEBE9;
    color: #000000;
  }
}
.text-brown-lighten-5 {
  color: #EFEBE9 !important;
}

:root {
  --brown-lighten-5: #EFEBE9;
}

.bg-brown-lighten-5 {
  background-color: #EFEBE9;
}

.border-brown-lighten-5 {
  border-color: #EFEBE9;
}

.border-left-brown-lighten-5 {
  border-left-color: #EFEBE9;
}

.border-right-brown-lighten-5 {
  border-right-color: #EFEBE9;
}

.border-top-brown-lighten-5 {
  border-top-color: #EFEBE9;
}

.border-bottom-brown-lighten-5 {
  border-bottom-color: #EFEBE9;
}

.badge-brown-lighten-5 {
  background-color: #EFEBE9;
  color: #000000;
}

.btn-brown-lighten-5 {
  background-color: rgba(239, 235, 233, 0.9);
  color: #000000 !important;
}

.btn-brown-lighten-5:disabled,
.btn-brown-lighten-5.disabled {
  background-color: rgba(239, 235, 233, 0.4);
}

.btn-brown-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #EFEBE9;
}

.btn-outline-brown-lighten-5 {
  color: #EFEBE9;
  border-color: #EFEBE9;
}

.btn-outline-brown-lighten-5:hover {
  background-color: #EFEBE9;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-brown-lighten-4 {
    color: #D7CCC8 !important;
  }
  :root {
    --brown-lighten-4: #D7CCC8;
  }
  .bg-brown-lighten-4 {
    background-color: #D7CCC8;
  }
  .border-brown-lighten-4 {
    border-color: #D7CCC8;
  }
  .border-left-brown-lighten-4 {
    border-left-color: #D7CCC8;
  }
  .border-right-brown-lighten-4 {
    border-right-color: #D7CCC8;
  }
  .border-top-brown-lighten-4 {
    border-top-color: #D7CCC8;
  }
  .border-bottom-brown-lighten-4 {
    border-bottom-color: #D7CCC8;
  }
  .badge-brown-lighten-4 {
    background-color: #D7CCC8;
    color: #000000;
  }
  .btn-brown-lighten-4 {
    background-color: rgba(215, 204, 200, 0.9);
    color: #000000 !important;
  }
  .btn-brown-lighten-4:disabled,
  .btn-brown-lighten-4.disabled {
    background-color: rgba(215, 204, 200, 0.4);
  }
  .btn-brown-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #D7CCC8;
  }
  .btn-outline-brown-lighten-4 {
    color: #D7CCC8;
    border-color: #D7CCC8;
  }
  .btn-outline-brown-lighten-4:hover {
    background-color: #D7CCC8;
    color: #000000;
  }
}
.text-brown-lighten-4 {
  color: #D7CCC8 !important;
}

:root {
  --brown-lighten-4: #D7CCC8;
}

.bg-brown-lighten-4 {
  background-color: #D7CCC8;
}

.border-brown-lighten-4 {
  border-color: #D7CCC8;
}

.border-left-brown-lighten-4 {
  border-left-color: #D7CCC8;
}

.border-right-brown-lighten-4 {
  border-right-color: #D7CCC8;
}

.border-top-brown-lighten-4 {
  border-top-color: #D7CCC8;
}

.border-bottom-brown-lighten-4 {
  border-bottom-color: #D7CCC8;
}

.badge-brown-lighten-4 {
  background-color: #D7CCC8;
  color: #000000;
}

.btn-brown-lighten-4 {
  background-color: rgba(215, 204, 200, 0.9);
  color: #000000 !important;
}

.btn-brown-lighten-4:disabled,
.btn-brown-lighten-4.disabled {
  background-color: rgba(215, 204, 200, 0.4);
}

.btn-brown-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #D7CCC8;
}

.btn-outline-brown-lighten-4 {
  color: #D7CCC8;
  border-color: #D7CCC8;
}

.btn-outline-brown-lighten-4:hover {
  background-color: #D7CCC8;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-brown-lighten-3 {
    color: #BCAAA4 !important;
  }
  :root {
    --brown-lighten-3: #BCAAA4;
  }
  .bg-brown-lighten-3 {
    background-color: #BCAAA4;
  }
  .border-brown-lighten-3 {
    border-color: #BCAAA4;
  }
  .border-left-brown-lighten-3 {
    border-left-color: #BCAAA4;
  }
  .border-right-brown-lighten-3 {
    border-right-color: #BCAAA4;
  }
  .border-top-brown-lighten-3 {
    border-top-color: #BCAAA4;
  }
  .border-bottom-brown-lighten-3 {
    border-bottom-color: #BCAAA4;
  }
  .badge-brown-lighten-3 {
    background-color: #BCAAA4;
    color: #000000;
  }
  .btn-brown-lighten-3 {
    background-color: rgba(188, 170, 164, 0.9);
    color: #000000 !important;
  }
  .btn-brown-lighten-3:disabled,
  .btn-brown-lighten-3.disabled {
    background-color: rgba(188, 170, 164, 0.4);
  }
  .btn-brown-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #BCAAA4;
  }
  .btn-outline-brown-lighten-3 {
    color: #BCAAA4;
    border-color: #BCAAA4;
  }
  .btn-outline-brown-lighten-3:hover {
    background-color: #BCAAA4;
    color: #000000;
  }
}
.text-brown-lighten-3 {
  color: #BCAAA4 !important;
}

:root {
  --brown-lighten-3: #BCAAA4;
}

.bg-brown-lighten-3 {
  background-color: #BCAAA4;
}

.border-brown-lighten-3 {
  border-color: #BCAAA4;
}

.border-left-brown-lighten-3 {
  border-left-color: #BCAAA4;
}

.border-right-brown-lighten-3 {
  border-right-color: #BCAAA4;
}

.border-top-brown-lighten-3 {
  border-top-color: #BCAAA4;
}

.border-bottom-brown-lighten-3 {
  border-bottom-color: #BCAAA4;
}

.badge-brown-lighten-3 {
  background-color: #BCAAA4;
  color: #000000;
}

.btn-brown-lighten-3 {
  background-color: rgba(188, 170, 164, 0.9);
  color: #000000 !important;
}

.btn-brown-lighten-3:disabled,
.btn-brown-lighten-3.disabled {
  background-color: rgba(188, 170, 164, 0.4);
}

.btn-brown-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #BCAAA4;
}

.btn-outline-brown-lighten-3 {
  color: #BCAAA4;
  border-color: #BCAAA4;
}

.btn-outline-brown-lighten-3:hover {
  background-color: #BCAAA4;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-brown-lighten-2 {
    color: #A1887F !important;
  }
  :root {
    --brown-lighten-2: #A1887F;
  }
  .bg-brown-lighten-2 {
    background-color: #A1887F;
  }
  .border-brown-lighten-2 {
    border-color: #A1887F;
  }
  .border-left-brown-lighten-2 {
    border-left-color: #A1887F;
  }
  .border-right-brown-lighten-2 {
    border-right-color: #A1887F;
  }
  .border-top-brown-lighten-2 {
    border-top-color: #A1887F;
  }
  .border-bottom-brown-lighten-2 {
    border-bottom-color: #A1887F;
  }
  .badge-brown-lighten-2 {
    background-color: #A1887F;
    color: #000000;
  }
  .btn-brown-lighten-2 {
    background-color: rgba(161, 136, 127, 0.9);
    color: #000000 !important;
  }
  .btn-brown-lighten-2:disabled,
  .btn-brown-lighten-2.disabled {
    background-color: rgba(161, 136, 127, 0.4);
  }
  .btn-brown-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #A1887F;
  }
  .btn-outline-brown-lighten-2 {
    color: #A1887F;
    border-color: #A1887F;
  }
  .btn-outline-brown-lighten-2:hover {
    background-color: #A1887F;
    color: #000000;
  }
}
.text-brown-lighten-2 {
  color: #A1887F !important;
}

:root {
  --brown-lighten-2: #A1887F;
}

.bg-brown-lighten-2 {
  background-color: #A1887F;
}

.border-brown-lighten-2 {
  border-color: #A1887F;
}

.border-left-brown-lighten-2 {
  border-left-color: #A1887F;
}

.border-right-brown-lighten-2 {
  border-right-color: #A1887F;
}

.border-top-brown-lighten-2 {
  border-top-color: #A1887F;
}

.border-bottom-brown-lighten-2 {
  border-bottom-color: #A1887F;
}

.badge-brown-lighten-2 {
  background-color: #A1887F;
  color: #000000;
}

.btn-brown-lighten-2 {
  background-color: rgba(161, 136, 127, 0.9);
  color: #000000 !important;
}

.btn-brown-lighten-2:disabled,
.btn-brown-lighten-2.disabled {
  background-color: rgba(161, 136, 127, 0.4);
}

.btn-brown-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #A1887F;
}

.btn-outline-brown-lighten-2 {
  color: #A1887F;
  border-color: #A1887F;
}

.btn-outline-brown-lighten-2:hover {
  background-color: #A1887F;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-brown-lighten-1 {
    color: #8D6E63 !important;
  }
  :root {
    --brown-lighten-1: #8D6E63;
  }
  .bg-brown-lighten-1 {
    background-color: #8D6E63;
  }
  .border-brown-lighten-1 {
    border-color: #8D6E63;
  }
  .border-left-brown-lighten-1 {
    border-left-color: #8D6E63;
  }
  .border-right-brown-lighten-1 {
    border-right-color: #8D6E63;
  }
  .border-top-brown-lighten-1 {
    border-top-color: #8D6E63;
  }
  .border-bottom-brown-lighten-1 {
    border-bottom-color: #8D6E63;
  }
  .badge-brown-lighten-1 {
    background-color: #8D6E63;
    color: #000000;
  }
  .btn-brown-lighten-1 {
    background-color: rgba(141, 110, 99, 0.9);
    color: #000000 !important;
  }
  .btn-brown-lighten-1:disabled,
  .btn-brown-lighten-1.disabled {
    background-color: rgba(141, 110, 99, 0.4);
  }
  .btn-brown-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #8D6E63;
  }
  .btn-outline-brown-lighten-1 {
    color: #8D6E63;
    border-color: #8D6E63;
  }
  .btn-outline-brown-lighten-1:hover {
    background-color: #8D6E63;
    color: #000000;
  }
}
.text-brown-lighten-1 {
  color: #8D6E63 !important;
}

:root {
  --brown-lighten-1: #8D6E63;
}

.bg-brown-lighten-1 {
  background-color: #8D6E63;
}

.border-brown-lighten-1 {
  border-color: #8D6E63;
}

.border-left-brown-lighten-1 {
  border-left-color: #8D6E63;
}

.border-right-brown-lighten-1 {
  border-right-color: #8D6E63;
}

.border-top-brown-lighten-1 {
  border-top-color: #8D6E63;
}

.border-bottom-brown-lighten-1 {
  border-bottom-color: #8D6E63;
}

.badge-brown-lighten-1 {
  background-color: #8D6E63;
  color: #000000;
}

.btn-brown-lighten-1 {
  background-color: rgba(141, 110, 99, 0.9);
  color: #000000 !important;
}

.btn-brown-lighten-1:disabled,
.btn-brown-lighten-1.disabled {
  background-color: rgba(141, 110, 99, 0.4);
}

.btn-brown-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #8D6E63;
}

.btn-outline-brown-lighten-1 {
  color: #8D6E63;
  border-color: #8D6E63;
}

.btn-outline-brown-lighten-1:hover {
  background-color: #8D6E63;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-brown-darken-1 {
    color: #6D4C41 !important;
  }
  :root {
    --brown-darken-1: #6D4C41;
  }
  .bg-brown-darken-1 {
    background-color: #6D4C41;
  }
  .border-brown-darken-1 {
    border-color: #6D4C41;
  }
  .border-left-brown-darken-1 {
    border-left-color: #6D4C41;
  }
  .border-right-brown-darken-1 {
    border-right-color: #6D4C41;
  }
  .border-top-brown-darken-1 {
    border-top-color: #6D4C41;
  }
  .border-bottom-brown-darken-1 {
    border-bottom-color: #6D4C41;
  }
  .badge-brown-darken-1 {
    background-color: #6D4C41;
    color: #FFFFFF;
  }
  .btn-brown-darken-1 {
    background-color: rgba(109, 76, 65, 0.9);
    color: #FFFFFF !important;
  }
  .btn-brown-darken-1:disabled,
  .btn-brown-darken-1.disabled {
    background-color: rgba(109, 76, 65, 0.4);
  }
  .btn-brown-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #6D4C41;
  }
  .btn-outline-brown-darken-1 {
    color: #6D4C41;
    border-color: #6D4C41;
  }
  .btn-outline-brown-darken-1:hover {
    background-color: #6D4C41;
    color: #FFFFFF;
  }
}
.text-brown-darken-1 {
  color: #6D4C41 !important;
}

:root {
  --brown-darken-1: #6D4C41;
}

.bg-brown-darken-1 {
  background-color: #6D4C41;
}

.border-brown-darken-1 {
  border-color: #6D4C41;
}

.border-left-brown-darken-1 {
  border-left-color: #6D4C41;
}

.border-right-brown-darken-1 {
  border-right-color: #6D4C41;
}

.border-top-brown-darken-1 {
  border-top-color: #6D4C41;
}

.border-bottom-brown-darken-1 {
  border-bottom-color: #6D4C41;
}

.badge-brown-darken-1 {
  background-color: #6D4C41;
  color: #FFFFFF;
}

.btn-brown-darken-1 {
  background-color: rgba(109, 76, 65, 0.9);
  color: #FFFFFF !important;
}

.btn-brown-darken-1:disabled,
.btn-brown-darken-1.disabled {
  background-color: rgba(109, 76, 65, 0.4);
}

.btn-brown-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #6D4C41;
}

.btn-outline-brown-darken-1 {
  color: #6D4C41;
  border-color: #6D4C41;
}

.btn-outline-brown-darken-1:hover {
  background-color: #6D4C41;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-brown-darken-2 {
    color: #5D4037 !important;
  }
  :root {
    --brown-darken-2: #5D4037;
  }
  .bg-brown-darken-2 {
    background-color: #5D4037;
  }
  .border-brown-darken-2 {
    border-color: #5D4037;
  }
  .border-left-brown-darken-2 {
    border-left-color: #5D4037;
  }
  .border-right-brown-darken-2 {
    border-right-color: #5D4037;
  }
  .border-top-brown-darken-2 {
    border-top-color: #5D4037;
  }
  .border-bottom-brown-darken-2 {
    border-bottom-color: #5D4037;
  }
  .badge-brown-darken-2 {
    background-color: #5D4037;
    color: #FFFFFF;
  }
  .btn-brown-darken-2 {
    background-color: rgba(93, 64, 55, 0.9);
    color: #FFFFFF !important;
  }
  .btn-brown-darken-2:disabled,
  .btn-brown-darken-2.disabled {
    background-color: rgba(93, 64, 55, 0.4);
  }
  .btn-brown-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #5D4037;
  }
  .btn-outline-brown-darken-2 {
    color: #5D4037;
    border-color: #5D4037;
  }
  .btn-outline-brown-darken-2:hover {
    background-color: #5D4037;
    color: #FFFFFF;
  }
}
.text-brown-darken-2 {
  color: #5D4037 !important;
}

:root {
  --brown-darken-2: #5D4037;
}

.bg-brown-darken-2 {
  background-color: #5D4037;
}

.border-brown-darken-2 {
  border-color: #5D4037;
}

.border-left-brown-darken-2 {
  border-left-color: #5D4037;
}

.border-right-brown-darken-2 {
  border-right-color: #5D4037;
}

.border-top-brown-darken-2 {
  border-top-color: #5D4037;
}

.border-bottom-brown-darken-2 {
  border-bottom-color: #5D4037;
}

.badge-brown-darken-2 {
  background-color: #5D4037;
  color: #FFFFFF;
}

.btn-brown-darken-2 {
  background-color: rgba(93, 64, 55, 0.9);
  color: #FFFFFF !important;
}

.btn-brown-darken-2:disabled,
.btn-brown-darken-2.disabled {
  background-color: rgba(93, 64, 55, 0.4);
}

.btn-brown-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #5D4037;
}

.btn-outline-brown-darken-2 {
  color: #5D4037;
  border-color: #5D4037;
}

.btn-outline-brown-darken-2:hover {
  background-color: #5D4037;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-brown-darken-3 {
    color: #4E342E !important;
  }
  :root {
    --brown-darken-3: #4E342E;
  }
  .bg-brown-darken-3 {
    background-color: #4E342E;
  }
  .border-brown-darken-3 {
    border-color: #4E342E;
  }
  .border-left-brown-darken-3 {
    border-left-color: #4E342E;
  }
  .border-right-brown-darken-3 {
    border-right-color: #4E342E;
  }
  .border-top-brown-darken-3 {
    border-top-color: #4E342E;
  }
  .border-bottom-brown-darken-3 {
    border-bottom-color: #4E342E;
  }
  .badge-brown-darken-3 {
    background-color: #4E342E;
    color: #FFFFFF;
  }
  .btn-brown-darken-3 {
    background-color: rgba(78, 52, 46, 0.9);
    color: #FFFFFF !important;
  }
  .btn-brown-darken-3:disabled,
  .btn-brown-darken-3.disabled {
    background-color: rgba(78, 52, 46, 0.4);
  }
  .btn-brown-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #4E342E;
  }
  .btn-outline-brown-darken-3 {
    color: #4E342E;
    border-color: #4E342E;
  }
  .btn-outline-brown-darken-3:hover {
    background-color: #4E342E;
    color: #FFFFFF;
  }
}
.text-brown-darken-3 {
  color: #4E342E !important;
}

:root {
  --brown-darken-3: #4E342E;
}

.bg-brown-darken-3 {
  background-color: #4E342E;
}

.border-brown-darken-3 {
  border-color: #4E342E;
}

.border-left-brown-darken-3 {
  border-left-color: #4E342E;
}

.border-right-brown-darken-3 {
  border-right-color: #4E342E;
}

.border-top-brown-darken-3 {
  border-top-color: #4E342E;
}

.border-bottom-brown-darken-3 {
  border-bottom-color: #4E342E;
}

.badge-brown-darken-3 {
  background-color: #4E342E;
  color: #FFFFFF;
}

.btn-brown-darken-3 {
  background-color: rgba(78, 52, 46, 0.9);
  color: #FFFFFF !important;
}

.btn-brown-darken-3:disabled,
.btn-brown-darken-3.disabled {
  background-color: rgba(78, 52, 46, 0.4);
}

.btn-brown-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #4E342E;
}

.btn-outline-brown-darken-3 {
  color: #4E342E;
  border-color: #4E342E;
}

.btn-outline-brown-darken-3:hover {
  background-color: #4E342E;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-brown-darken-4 {
    color: #3E2723 !important;
  }
  :root {
    --brown-darken-4: #3E2723;
  }
  .bg-brown-darken-4 {
    background-color: #3E2723;
  }
  .border-brown-darken-4 {
    border-color: #3E2723;
  }
  .border-left-brown-darken-4 {
    border-left-color: #3E2723;
  }
  .border-right-brown-darken-4 {
    border-right-color: #3E2723;
  }
  .border-top-brown-darken-4 {
    border-top-color: #3E2723;
  }
  .border-bottom-brown-darken-4 {
    border-bottom-color: #3E2723;
  }
  .badge-brown-darken-4 {
    background-color: #3E2723;
    color: #FFFFFF;
  }
  .btn-brown-darken-4 {
    background-color: rgba(62, 39, 35, 0.9);
    color: #FFFFFF !important;
  }
  .btn-brown-darken-4:disabled,
  .btn-brown-darken-4.disabled {
    background-color: rgba(62, 39, 35, 0.4);
  }
  .btn-brown-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #3E2723;
  }
  .btn-outline-brown-darken-4 {
    color: #3E2723;
    border-color: #3E2723;
  }
  .btn-outline-brown-darken-4:hover {
    background-color: #3E2723;
    color: #FFFFFF;
  }
}
.text-brown-darken-4 {
  color: #3E2723 !important;
}

:root {
  --brown-darken-4: #3E2723;
}

.bg-brown-darken-4 {
  background-color: #3E2723;
}

.border-brown-darken-4 {
  border-color: #3E2723;
}

.border-left-brown-darken-4 {
  border-left-color: #3E2723;
}

.border-right-brown-darken-4 {
  border-right-color: #3E2723;
}

.border-top-brown-darken-4 {
  border-top-color: #3E2723;
}

.border-bottom-brown-darken-4 {
  border-bottom-color: #3E2723;
}

.badge-brown-darken-4 {
  background-color: #3E2723;
  color: #FFFFFF;
}

.btn-brown-darken-4 {
  background-color: rgba(62, 39, 35, 0.9);
  color: #FFFFFF !important;
}

.btn-brown-darken-4:disabled,
.btn-brown-darken-4.disabled {
  background-color: rgba(62, 39, 35, 0.4);
}

.btn-brown-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #3E2723;
}

.btn-outline-brown-darken-4 {
  color: #3E2723;
  border-color: #3E2723;
}

.btn-outline-brown-darken-4:hover {
  background-color: #3E2723;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-grey {
    color: #607D8B !important;
  }
  :root {
    --blue-grey: #607D8B;
  }
  .bg-blue-grey {
    background-color: #607D8B;
  }
  .border-blue-grey {
    border-color: #607D8B;
  }
  .border-left-blue-grey {
    border-left-color: #607D8B;
  }
  .border-right-blue-grey {
    border-right-color: #607D8B;
  }
  .border-top-blue-grey {
    border-top-color: #607D8B;
  }
  .border-bottom-blue-grey {
    border-bottom-color: #607D8B;
  }
  .badge-blue-grey {
    background-color: #607D8B;
  }
  .btn-blue-grey {
    background-color: rgba(96, 125, 139, 0.9);
  }
  .btn-blue-grey:disabled,
  .btn-blue-grey.disabled {
    background-color: rgba(96, 125, 139, 0.4);
  }
  .btn-blue-grey:not(:disabled):not(.disabled):hover {
    background-color: #607D8B;
  }
  .btn-outline-blue-grey {
    color: #607D8B;
    border-color: #607D8B;
  }
  .btn-outline-blue-grey:hover {
    background-color: #607D8B;
    color: #FFFFFF;
  }
}
.text-blue-grey {
  color: #607D8B !important;
}

:root {
  --blue-grey: #607D8B;
}

.bg-blue-grey {
  background-color: #607D8B;
}

.border-blue-grey {
  border-color: #607D8B;
}

.border-left-blue-grey {
  border-left-color: #607D8B;
}

.border-right-blue-grey {
  border-right-color: #607D8B;
}

.border-top-blue-grey {
  border-top-color: #607D8B;
}

.border-bottom-blue-grey {
  border-bottom-color: #607D8B;
}

.badge-blue-grey {
  background-color: #607D8B;
}

.btn-blue-grey {
  background-color: rgba(96, 125, 139, 0.9);
}

.btn-blue-grey:disabled,
.btn-blue-grey.disabled {
  background-color: rgba(96, 125, 139, 0.4);
}

.btn-blue-grey:not(:disabled):not(.disabled):hover {
  background-color: #607D8B;
}

.btn-outline-blue-grey {
  color: #607D8B;
  border-color: #607D8B;
}

.btn-outline-blue-grey:hover {
  background-color: #607D8B;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-grey-lighten-5 {
    color: #ECEFF1 !important;
  }
  :root {
    --blue-grey-lighten-5: #ECEFF1;
  }
  .bg-blue-grey-lighten-5 {
    background-color: #ECEFF1;
  }
  .border-blue-grey-lighten-5 {
    border-color: #ECEFF1;
  }
  .border-left-blue-grey-lighten-5 {
    border-left-color: #ECEFF1;
  }
  .border-right-blue-grey-lighten-5 {
    border-right-color: #ECEFF1;
  }
  .border-top-blue-grey-lighten-5 {
    border-top-color: #ECEFF1;
  }
  .border-bottom-blue-grey-lighten-5 {
    border-bottom-color: #ECEFF1;
  }
  .badge-blue-grey-lighten-5 {
    background-color: #ECEFF1;
    color: #000000;
  }
  .btn-blue-grey-lighten-5 {
    background-color: rgba(236, 239, 241, 0.9);
    color: #000000 !important;
  }
  .btn-blue-grey-lighten-5:disabled,
  .btn-blue-grey-lighten-5.disabled {
    background-color: rgba(236, 239, 241, 0.4);
  }
  .btn-blue-grey-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #ECEFF1;
  }
  .btn-outline-blue-grey-lighten-5 {
    color: #ECEFF1;
    border-color: #ECEFF1;
  }
  .btn-outline-blue-grey-lighten-5:hover {
    background-color: #ECEFF1;
    color: #000000;
  }
}
.text-blue-grey-lighten-5 {
  color: #ECEFF1 !important;
}

:root {
  --blue-grey-lighten-5: #ECEFF1;
}

.bg-blue-grey-lighten-5 {
  background-color: #ECEFF1;
}

.border-blue-grey-lighten-5 {
  border-color: #ECEFF1;
}

.border-left-blue-grey-lighten-5 {
  border-left-color: #ECEFF1;
}

.border-right-blue-grey-lighten-5 {
  border-right-color: #ECEFF1;
}

.border-top-blue-grey-lighten-5 {
  border-top-color: #ECEFF1;
}

.border-bottom-blue-grey-lighten-5 {
  border-bottom-color: #ECEFF1;
}

.badge-blue-grey-lighten-5 {
  background-color: #ECEFF1;
  color: #000000;
}

.btn-blue-grey-lighten-5 {
  background-color: rgba(236, 239, 241, 0.9);
  color: #000000 !important;
}

.btn-blue-grey-lighten-5:disabled,
.btn-blue-grey-lighten-5.disabled {
  background-color: rgba(236, 239, 241, 0.4);
}

.btn-blue-grey-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #ECEFF1;
}

.btn-outline-blue-grey-lighten-5 {
  color: #ECEFF1;
  border-color: #ECEFF1;
}

.btn-outline-blue-grey-lighten-5:hover {
  background-color: #ECEFF1;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-grey-lighten-4 {
    color: #CFD8DC !important;
  }
  :root {
    --blue-grey-lighten-4: #CFD8DC;
  }
  .bg-blue-grey-lighten-4 {
    background-color: #CFD8DC;
  }
  .border-blue-grey-lighten-4 {
    border-color: #CFD8DC;
  }
  .border-left-blue-grey-lighten-4 {
    border-left-color: #CFD8DC;
  }
  .border-right-blue-grey-lighten-4 {
    border-right-color: #CFD8DC;
  }
  .border-top-blue-grey-lighten-4 {
    border-top-color: #CFD8DC;
  }
  .border-bottom-blue-grey-lighten-4 {
    border-bottom-color: #CFD8DC;
  }
  .badge-blue-grey-lighten-4 {
    background-color: #CFD8DC;
    color: #000000;
  }
  .btn-blue-grey-lighten-4 {
    background-color: rgba(207, 216, 220, 0.9);
    color: #000000 !important;
  }
  .btn-blue-grey-lighten-4:disabled,
  .btn-blue-grey-lighten-4.disabled {
    background-color: rgba(207, 216, 220, 0.4);
  }
  .btn-blue-grey-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #CFD8DC;
  }
  .btn-outline-blue-grey-lighten-4 {
    color: #CFD8DC;
    border-color: #CFD8DC;
  }
  .btn-outline-blue-grey-lighten-4:hover {
    background-color: #CFD8DC;
    color: #000000;
  }
}
.text-blue-grey-lighten-4 {
  color: #CFD8DC !important;
}

:root {
  --blue-grey-lighten-4: #CFD8DC;
}

.bg-blue-grey-lighten-4 {
  background-color: #CFD8DC;
}

.border-blue-grey-lighten-4 {
  border-color: #CFD8DC;
}

.border-left-blue-grey-lighten-4 {
  border-left-color: #CFD8DC;
}

.border-right-blue-grey-lighten-4 {
  border-right-color: #CFD8DC;
}

.border-top-blue-grey-lighten-4 {
  border-top-color: #CFD8DC;
}

.border-bottom-blue-grey-lighten-4 {
  border-bottom-color: #CFD8DC;
}

.badge-blue-grey-lighten-4 {
  background-color: #CFD8DC;
  color: #000000;
}

.btn-blue-grey-lighten-4 {
  background-color: rgba(207, 216, 220, 0.9);
  color: #000000 !important;
}

.btn-blue-grey-lighten-4:disabled,
.btn-blue-grey-lighten-4.disabled {
  background-color: rgba(207, 216, 220, 0.4);
}

.btn-blue-grey-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #CFD8DC;
}

.btn-outline-blue-grey-lighten-4 {
  color: #CFD8DC;
  border-color: #CFD8DC;
}

.btn-outline-blue-grey-lighten-4:hover {
  background-color: #CFD8DC;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-grey-lighten-3 {
    color: #B0BEC5 !important;
  }
  :root {
    --blue-grey-lighten-3: #B0BEC5;
  }
  .bg-blue-grey-lighten-3 {
    background-color: #B0BEC5;
  }
  .border-blue-grey-lighten-3 {
    border-color: #B0BEC5;
  }
  .border-left-blue-grey-lighten-3 {
    border-left-color: #B0BEC5;
  }
  .border-right-blue-grey-lighten-3 {
    border-right-color: #B0BEC5;
  }
  .border-top-blue-grey-lighten-3 {
    border-top-color: #B0BEC5;
  }
  .border-bottom-blue-grey-lighten-3 {
    border-bottom-color: #B0BEC5;
  }
  .badge-blue-grey-lighten-3 {
    background-color: #B0BEC5;
    color: #000000;
  }
  .btn-blue-grey-lighten-3 {
    background-color: rgba(176, 190, 197, 0.9);
    color: #000000 !important;
  }
  .btn-blue-grey-lighten-3:disabled,
  .btn-blue-grey-lighten-3.disabled {
    background-color: rgba(176, 190, 197, 0.4);
  }
  .btn-blue-grey-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #B0BEC5;
  }
  .btn-outline-blue-grey-lighten-3 {
    color: #B0BEC5;
    border-color: #B0BEC5;
  }
  .btn-outline-blue-grey-lighten-3:hover {
    background-color: #B0BEC5;
    color: #000000;
  }
}
.text-blue-grey-lighten-3 {
  color: #B0BEC5 !important;
}

:root {
  --blue-grey-lighten-3: #B0BEC5;
}

.bg-blue-grey-lighten-3 {
  background-color: #B0BEC5;
}

.border-blue-grey-lighten-3 {
  border-color: #B0BEC5;
}

.border-left-blue-grey-lighten-3 {
  border-left-color: #B0BEC5;
}

.border-right-blue-grey-lighten-3 {
  border-right-color: #B0BEC5;
}

.border-top-blue-grey-lighten-3 {
  border-top-color: #B0BEC5;
}

.border-bottom-blue-grey-lighten-3 {
  border-bottom-color: #B0BEC5;
}

.badge-blue-grey-lighten-3 {
  background-color: #B0BEC5;
  color: #000000;
}

.btn-blue-grey-lighten-3 {
  background-color: rgba(176, 190, 197, 0.9);
  color: #000000 !important;
}

.btn-blue-grey-lighten-3:disabled,
.btn-blue-grey-lighten-3.disabled {
  background-color: rgba(176, 190, 197, 0.4);
}

.btn-blue-grey-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #B0BEC5;
}

.btn-outline-blue-grey-lighten-3 {
  color: #B0BEC5;
  border-color: #B0BEC5;
}

.btn-outline-blue-grey-lighten-3:hover {
  background-color: #B0BEC5;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-grey-lighten-2 {
    color: #90A4AE !important;
  }
  :root {
    --blue-grey-lighten-2: #90A4AE;
  }
  .bg-blue-grey-lighten-2 {
    background-color: #90A4AE;
  }
  .border-blue-grey-lighten-2 {
    border-color: #90A4AE;
  }
  .border-left-blue-grey-lighten-2 {
    border-left-color: #90A4AE;
  }
  .border-right-blue-grey-lighten-2 {
    border-right-color: #90A4AE;
  }
  .border-top-blue-grey-lighten-2 {
    border-top-color: #90A4AE;
  }
  .border-bottom-blue-grey-lighten-2 {
    border-bottom-color: #90A4AE;
  }
  .badge-blue-grey-lighten-2 {
    background-color: #90A4AE;
    color: #000000;
  }
  .btn-blue-grey-lighten-2 {
    background-color: rgba(144, 164, 174, 0.9);
    color: #000000 !important;
  }
  .btn-blue-grey-lighten-2:disabled,
  .btn-blue-grey-lighten-2.disabled {
    background-color: rgba(144, 164, 174, 0.4);
  }
  .btn-blue-grey-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #90A4AE;
  }
  .btn-outline-blue-grey-lighten-2 {
    color: #90A4AE;
    border-color: #90A4AE;
  }
  .btn-outline-blue-grey-lighten-2:hover {
    background-color: #90A4AE;
    color: #000000;
  }
}
.text-blue-grey-lighten-2 {
  color: #90A4AE !important;
}

:root {
  --blue-grey-lighten-2: #90A4AE;
}

.bg-blue-grey-lighten-2 {
  background-color: #90A4AE;
}

.border-blue-grey-lighten-2 {
  border-color: #90A4AE;
}

.border-left-blue-grey-lighten-2 {
  border-left-color: #90A4AE;
}

.border-right-blue-grey-lighten-2 {
  border-right-color: #90A4AE;
}

.border-top-blue-grey-lighten-2 {
  border-top-color: #90A4AE;
}

.border-bottom-blue-grey-lighten-2 {
  border-bottom-color: #90A4AE;
}

.badge-blue-grey-lighten-2 {
  background-color: #90A4AE;
  color: #000000;
}

.btn-blue-grey-lighten-2 {
  background-color: rgba(144, 164, 174, 0.9);
  color: #000000 !important;
}

.btn-blue-grey-lighten-2:disabled,
.btn-blue-grey-lighten-2.disabled {
  background-color: rgba(144, 164, 174, 0.4);
}

.btn-blue-grey-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #90A4AE;
}

.btn-outline-blue-grey-lighten-2 {
  color: #90A4AE;
  border-color: #90A4AE;
}

.btn-outline-blue-grey-lighten-2:hover {
  background-color: #90A4AE;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-grey-lighten-1 {
    color: #78909C !important;
  }
  :root {
    --blue-grey-lighten-1: #78909C;
  }
  .bg-blue-grey-lighten-1 {
    background-color: #78909C;
  }
  .border-blue-grey-lighten-1 {
    border-color: #78909C;
  }
  .border-left-blue-grey-lighten-1 {
    border-left-color: #78909C;
  }
  .border-right-blue-grey-lighten-1 {
    border-right-color: #78909C;
  }
  .border-top-blue-grey-lighten-1 {
    border-top-color: #78909C;
  }
  .border-bottom-blue-grey-lighten-1 {
    border-bottom-color: #78909C;
  }
  .badge-blue-grey-lighten-1 {
    background-color: #78909C;
    color: #000000;
  }
  .btn-blue-grey-lighten-1 {
    background-color: rgba(120, 144, 156, 0.9);
    color: #000000 !important;
  }
  .btn-blue-grey-lighten-1:disabled,
  .btn-blue-grey-lighten-1.disabled {
    background-color: rgba(120, 144, 156, 0.4);
  }
  .btn-blue-grey-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #78909C;
  }
  .btn-outline-blue-grey-lighten-1 {
    color: #78909C;
    border-color: #78909C;
  }
  .btn-outline-blue-grey-lighten-1:hover {
    background-color: #78909C;
    color: #000000;
  }
}
.text-blue-grey-lighten-1 {
  color: #78909C !important;
}

:root {
  --blue-grey-lighten-1: #78909C;
}

.bg-blue-grey-lighten-1 {
  background-color: #78909C;
}

.border-blue-grey-lighten-1 {
  border-color: #78909C;
}

.border-left-blue-grey-lighten-1 {
  border-left-color: #78909C;
}

.border-right-blue-grey-lighten-1 {
  border-right-color: #78909C;
}

.border-top-blue-grey-lighten-1 {
  border-top-color: #78909C;
}

.border-bottom-blue-grey-lighten-1 {
  border-bottom-color: #78909C;
}

.badge-blue-grey-lighten-1 {
  background-color: #78909C;
  color: #000000;
}

.btn-blue-grey-lighten-1 {
  background-color: rgba(120, 144, 156, 0.9);
  color: #000000 !important;
}

.btn-blue-grey-lighten-1:disabled,
.btn-blue-grey-lighten-1.disabled {
  background-color: rgba(120, 144, 156, 0.4);
}

.btn-blue-grey-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #78909C;
}

.btn-outline-blue-grey-lighten-1 {
  color: #78909C;
  border-color: #78909C;
}

.btn-outline-blue-grey-lighten-1:hover {
  background-color: #78909C;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-grey-darken-1 {
    color: #546E7A !important;
  }
  :root {
    --blue-grey-darken-1: #546E7A;
  }
  .bg-blue-grey-darken-1 {
    background-color: #546E7A;
  }
  .border-blue-grey-darken-1 {
    border-color: #546E7A;
  }
  .border-left-blue-grey-darken-1 {
    border-left-color: #546E7A;
  }
  .border-right-blue-grey-darken-1 {
    border-right-color: #546E7A;
  }
  .border-top-blue-grey-darken-1 {
    border-top-color: #546E7A;
  }
  .border-bottom-blue-grey-darken-1 {
    border-bottom-color: #546E7A;
  }
  .badge-blue-grey-darken-1 {
    background-color: #546E7A;
    color: #FFFFFF;
  }
  .btn-blue-grey-darken-1 {
    background-color: rgba(84, 110, 122, 0.9);
    color: #FFFFFF !important;
  }
  .btn-blue-grey-darken-1:disabled,
  .btn-blue-grey-darken-1.disabled {
    background-color: rgba(84, 110, 122, 0.4);
  }
  .btn-blue-grey-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #546E7A;
  }
  .btn-outline-blue-grey-darken-1 {
    color: #546E7A;
    border-color: #546E7A;
  }
  .btn-outline-blue-grey-darken-1:hover {
    background-color: #546E7A;
    color: #FFFFFF;
  }
}
.text-blue-grey-darken-1 {
  color: #546E7A !important;
}

:root {
  --blue-grey-darken-1: #546E7A;
}

.bg-blue-grey-darken-1 {
  background-color: #546E7A;
}

.border-blue-grey-darken-1 {
  border-color: #546E7A;
}

.border-left-blue-grey-darken-1 {
  border-left-color: #546E7A;
}

.border-right-blue-grey-darken-1 {
  border-right-color: #546E7A;
}

.border-top-blue-grey-darken-1 {
  border-top-color: #546E7A;
}

.border-bottom-blue-grey-darken-1 {
  border-bottom-color: #546E7A;
}

.badge-blue-grey-darken-1 {
  background-color: #546E7A;
  color: #FFFFFF;
}

.btn-blue-grey-darken-1 {
  background-color: rgba(84, 110, 122, 0.9);
  color: #FFFFFF !important;
}

.btn-blue-grey-darken-1:disabled,
.btn-blue-grey-darken-1.disabled {
  background-color: rgba(84, 110, 122, 0.4);
}

.btn-blue-grey-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #546E7A;
}

.btn-outline-blue-grey-darken-1 {
  color: #546E7A;
  border-color: #546E7A;
}

.btn-outline-blue-grey-darken-1:hover {
  background-color: #546E7A;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-grey-darken-2 {
    color: #455A64 !important;
  }
  :root {
    --blue-grey-darken-2: #455A64;
  }
  .bg-blue-grey-darken-2 {
    background-color: #455A64;
  }
  .border-blue-grey-darken-2 {
    border-color: #455A64;
  }
  .border-left-blue-grey-darken-2 {
    border-left-color: #455A64;
  }
  .border-right-blue-grey-darken-2 {
    border-right-color: #455A64;
  }
  .border-top-blue-grey-darken-2 {
    border-top-color: #455A64;
  }
  .border-bottom-blue-grey-darken-2 {
    border-bottom-color: #455A64;
  }
  .badge-blue-grey-darken-2 {
    background-color: #455A64;
    color: #FFFFFF;
  }
  .btn-blue-grey-darken-2 {
    background-color: rgba(69, 90, 100, 0.9);
    color: #FFFFFF !important;
  }
  .btn-blue-grey-darken-2:disabled,
  .btn-blue-grey-darken-2.disabled {
    background-color: rgba(69, 90, 100, 0.4);
  }
  .btn-blue-grey-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #455A64;
  }
  .btn-outline-blue-grey-darken-2 {
    color: #455A64;
    border-color: #455A64;
  }
  .btn-outline-blue-grey-darken-2:hover {
    background-color: #455A64;
    color: #FFFFFF;
  }
}
.text-blue-grey-darken-2 {
  color: #455A64 !important;
}

:root {
  --blue-grey-darken-2: #455A64;
}

.bg-blue-grey-darken-2 {
  background-color: #455A64;
}

.border-blue-grey-darken-2 {
  border-color: #455A64;
}

.border-left-blue-grey-darken-2 {
  border-left-color: #455A64;
}

.border-right-blue-grey-darken-2 {
  border-right-color: #455A64;
}

.border-top-blue-grey-darken-2 {
  border-top-color: #455A64;
}

.border-bottom-blue-grey-darken-2 {
  border-bottom-color: #455A64;
}

.badge-blue-grey-darken-2 {
  background-color: #455A64;
  color: #FFFFFF;
}

.btn-blue-grey-darken-2 {
  background-color: rgba(69, 90, 100, 0.9);
  color: #FFFFFF !important;
}

.btn-blue-grey-darken-2:disabled,
.btn-blue-grey-darken-2.disabled {
  background-color: rgba(69, 90, 100, 0.4);
}

.btn-blue-grey-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #455A64;
}

.btn-outline-blue-grey-darken-2 {
  color: #455A64;
  border-color: #455A64;
}

.btn-outline-blue-grey-darken-2:hover {
  background-color: #455A64;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-grey-darken-3 {
    color: #37474F !important;
  }
  :root {
    --blue-grey-darken-3: #37474F;
  }
  .bg-blue-grey-darken-3 {
    background-color: #37474F;
  }
  .border-blue-grey-darken-3 {
    border-color: #37474F;
  }
  .border-left-blue-grey-darken-3 {
    border-left-color: #37474F;
  }
  .border-right-blue-grey-darken-3 {
    border-right-color: #37474F;
  }
  .border-top-blue-grey-darken-3 {
    border-top-color: #37474F;
  }
  .border-bottom-blue-grey-darken-3 {
    border-bottom-color: #37474F;
  }
  .badge-blue-grey-darken-3 {
    background-color: #37474F;
    color: #FFFFFF;
  }
  .btn-blue-grey-darken-3 {
    background-color: rgba(55, 71, 79, 0.9);
    color: #FFFFFF !important;
  }
  .btn-blue-grey-darken-3:disabled,
  .btn-blue-grey-darken-3.disabled {
    background-color: rgba(55, 71, 79, 0.4);
  }
  .btn-blue-grey-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #37474F;
  }
  .btn-outline-blue-grey-darken-3 {
    color: #37474F;
    border-color: #37474F;
  }
  .btn-outline-blue-grey-darken-3:hover {
    background-color: #37474F;
    color: #FFFFFF;
  }
}
.text-blue-grey-darken-3 {
  color: #37474F !important;
}

:root {
  --blue-grey-darken-3: #37474F;
}

.bg-blue-grey-darken-3 {
  background-color: #37474F;
}

.border-blue-grey-darken-3 {
  border-color: #37474F;
}

.border-left-blue-grey-darken-3 {
  border-left-color: #37474F;
}

.border-right-blue-grey-darken-3 {
  border-right-color: #37474F;
}

.border-top-blue-grey-darken-3 {
  border-top-color: #37474F;
}

.border-bottom-blue-grey-darken-3 {
  border-bottom-color: #37474F;
}

.badge-blue-grey-darken-3 {
  background-color: #37474F;
  color: #FFFFFF;
}

.btn-blue-grey-darken-3 {
  background-color: rgba(55, 71, 79, 0.9);
  color: #FFFFFF !important;
}

.btn-blue-grey-darken-3:disabled,
.btn-blue-grey-darken-3.disabled {
  background-color: rgba(55, 71, 79, 0.4);
}

.btn-blue-grey-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #37474F;
}

.btn-outline-blue-grey-darken-3 {
  color: #37474F;
  border-color: #37474F;
}

.btn-outline-blue-grey-darken-3:hover {
  background-color: #37474F;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-blue-grey-darken-4 {
    color: #263238 !important;
  }
  :root {
    --blue-grey-darken-4: #263238;
  }
  .bg-blue-grey-darken-4 {
    background-color: #263238;
  }
  .border-blue-grey-darken-4 {
    border-color: #263238;
  }
  .border-left-blue-grey-darken-4 {
    border-left-color: #263238;
  }
  .border-right-blue-grey-darken-4 {
    border-right-color: #263238;
  }
  .border-top-blue-grey-darken-4 {
    border-top-color: #263238;
  }
  .border-bottom-blue-grey-darken-4 {
    border-bottom-color: #263238;
  }
  .badge-blue-grey-darken-4 {
    background-color: #263238;
    color: #FFFFFF;
  }
  .btn-blue-grey-darken-4 {
    background-color: rgba(38, 50, 56, 0.9);
    color: #FFFFFF !important;
  }
  .btn-blue-grey-darken-4:disabled,
  .btn-blue-grey-darken-4.disabled {
    background-color: rgba(38, 50, 56, 0.4);
  }
  .btn-blue-grey-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #263238;
  }
  .btn-outline-blue-grey-darken-4 {
    color: #263238;
    border-color: #263238;
  }
  .btn-outline-blue-grey-darken-4:hover {
    background-color: #263238;
    color: #FFFFFF;
  }
}
.text-blue-grey-darken-4 {
  color: #263238 !important;
}

:root {
  --blue-grey-darken-4: #263238;
}

.bg-blue-grey-darken-4 {
  background-color: #263238;
}

.border-blue-grey-darken-4 {
  border-color: #263238;
}

.border-left-blue-grey-darken-4 {
  border-left-color: #263238;
}

.border-right-blue-grey-darken-4 {
  border-right-color: #263238;
}

.border-top-blue-grey-darken-4 {
  border-top-color: #263238;
}

.border-bottom-blue-grey-darken-4 {
  border-bottom-color: #263238;
}

.badge-blue-grey-darken-4 {
  background-color: #263238;
  color: #FFFFFF;
}

.btn-blue-grey-darken-4 {
  background-color: rgba(38, 50, 56, 0.9);
  color: #FFFFFF !important;
}

.btn-blue-grey-darken-4:disabled,
.btn-blue-grey-darken-4.disabled {
  background-color: rgba(38, 50, 56, 0.4);
}

.btn-blue-grey-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #263238;
}

.btn-outline-blue-grey-darken-4 {
  color: #263238;
  border-color: #263238;
}

.btn-outline-blue-grey-darken-4:hover {
  background-color: #263238;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-grey {
    color: #9E9E9E !important;
  }
  :root {
    --grey: #9E9E9E;
  }
  .bg-grey {
    background-color: #9E9E9E;
  }
  .border-grey {
    border-color: #9E9E9E;
  }
  .border-left-grey {
    border-left-color: #9E9E9E;
  }
  .border-right-grey {
    border-right-color: #9E9E9E;
  }
  .border-top-grey {
    border-top-color: #9E9E9E;
  }
  .border-bottom-grey {
    border-bottom-color: #9E9E9E;
  }
  .badge-grey {
    background-color: #9E9E9E;
  }
  .btn-grey {
    background-color: rgba(158, 158, 158, 0.9);
  }
  .btn-grey:disabled,
  .btn-grey.disabled {
    background-color: rgba(158, 158, 158, 0.4);
  }
  .btn-grey:not(:disabled):not(.disabled):hover {
    background-color: #9E9E9E;
  }
  .btn-outline-grey {
    color: #9E9E9E;
    border-color: #9E9E9E;
  }
  .btn-outline-grey:hover {
    background-color: #9E9E9E;
    color: #FFFFFF;
  }
}
.text-grey {
  color: #9E9E9E !important;
}

:root {
  --grey: #9E9E9E;
}

.bg-grey {
  background-color: #9E9E9E;
}

.border-grey {
  border-color: #9E9E9E;
}

.border-left-grey {
  border-left-color: #9E9E9E;
}

.border-right-grey {
  border-right-color: #9E9E9E;
}

.border-top-grey {
  border-top-color: #9E9E9E;
}

.border-bottom-grey {
  border-bottom-color: #9E9E9E;
}

.badge-grey {
  background-color: #9E9E9E;
}

.btn-grey {
  background-color: rgba(158, 158, 158, 0.9);
}

.btn-grey:disabled,
.btn-grey.disabled {
  background-color: rgba(158, 158, 158, 0.4);
}

.btn-grey:not(:disabled):not(.disabled):hover {
  background-color: #9E9E9E;
}

.btn-outline-grey {
  color: #9E9E9E;
  border-color: #9E9E9E;
}

.btn-outline-grey:hover {
  background-color: #9E9E9E;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-grey-lighten-5 {
    color: #FAFAFA !important;
  }
  :root {
    --grey-lighten-5: #FAFAFA;
  }
  .bg-grey-lighten-5 {
    background-color: #FAFAFA;
  }
  .border-grey-lighten-5 {
    border-color: #FAFAFA;
  }
  .border-left-grey-lighten-5 {
    border-left-color: #FAFAFA;
  }
  .border-right-grey-lighten-5 {
    border-right-color: #FAFAFA;
  }
  .border-top-grey-lighten-5 {
    border-top-color: #FAFAFA;
  }
  .border-bottom-grey-lighten-5 {
    border-bottom-color: #FAFAFA;
  }
  .badge-grey-lighten-5 {
    background-color: #FAFAFA;
    color: #000000;
  }
  .btn-grey-lighten-5 {
    background-color: rgba(250, 250, 250, 0.9);
    color: #000000 !important;
  }
  .btn-grey-lighten-5:disabled,
  .btn-grey-lighten-5.disabled {
    background-color: rgba(250, 250, 250, 0.4);
  }
  .btn-grey-lighten-5:not(:disabled):not(.disabled):hover {
    background-color: #FAFAFA;
  }
  .btn-outline-grey-lighten-5 {
    color: #FAFAFA;
    border-color: #FAFAFA;
  }
  .btn-outline-grey-lighten-5:hover {
    background-color: #FAFAFA;
    color: #000000;
  }
}
.text-grey-lighten-5 {
  color: #FAFAFA !important;
}

:root {
  --grey-lighten-5: #FAFAFA;
}

.bg-grey-lighten-5 {
  background-color: #FAFAFA;
}

.border-grey-lighten-5 {
  border-color: #FAFAFA;
}

.border-left-grey-lighten-5 {
  border-left-color: #FAFAFA;
}

.border-right-grey-lighten-5 {
  border-right-color: #FAFAFA;
}

.border-top-grey-lighten-5 {
  border-top-color: #FAFAFA;
}

.border-bottom-grey-lighten-5 {
  border-bottom-color: #FAFAFA;
}

.badge-grey-lighten-5 {
  background-color: #FAFAFA;
  color: #000000;
}

.btn-grey-lighten-5 {
  background-color: rgba(250, 250, 250, 0.9);
  color: #000000 !important;
}

.btn-grey-lighten-5:disabled,
.btn-grey-lighten-5.disabled {
  background-color: rgba(250, 250, 250, 0.4);
}

.btn-grey-lighten-5:not(:disabled):not(.disabled):hover {
  background-color: #FAFAFA;
}

.btn-outline-grey-lighten-5 {
  color: #FAFAFA;
  border-color: #FAFAFA;
}

.btn-outline-grey-lighten-5:hover {
  background-color: #FAFAFA;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-grey-lighten-4 {
    color: #F5F5F5 !important;
  }
  :root {
    --grey-lighten-4: #F5F5F5;
  }
  .bg-grey-lighten-4 {
    background-color: #F5F5F5;
  }
  .border-grey-lighten-4 {
    border-color: #F5F5F5;
  }
  .border-left-grey-lighten-4 {
    border-left-color: #F5F5F5;
  }
  .border-right-grey-lighten-4 {
    border-right-color: #F5F5F5;
  }
  .border-top-grey-lighten-4 {
    border-top-color: #F5F5F5;
  }
  .border-bottom-grey-lighten-4 {
    border-bottom-color: #F5F5F5;
  }
  .badge-grey-lighten-4 {
    background-color: #F5F5F5;
    color: #000000;
  }
  .btn-grey-lighten-4 {
    background-color: rgba(245, 245, 245, 0.9);
    color: #000000 !important;
  }
  .btn-grey-lighten-4:disabled,
  .btn-grey-lighten-4.disabled {
    background-color: rgba(245, 245, 245, 0.4);
  }
  .btn-grey-lighten-4:not(:disabled):not(.disabled):hover {
    background-color: #F5F5F5;
  }
  .btn-outline-grey-lighten-4 {
    color: #F5F5F5;
    border-color: #F5F5F5;
  }
  .btn-outline-grey-lighten-4:hover {
    background-color: #F5F5F5;
    color: #000000;
  }
}
.text-grey-lighten-4 {
  color: #F5F5F5 !important;
}

:root {
  --grey-lighten-4: #F5F5F5;
}

.bg-grey-lighten-4 {
  background-color: #F5F5F5;
}

.border-grey-lighten-4 {
  border-color: #F5F5F5;
}

.border-left-grey-lighten-4 {
  border-left-color: #F5F5F5;
}

.border-right-grey-lighten-4 {
  border-right-color: #F5F5F5;
}

.border-top-grey-lighten-4 {
  border-top-color: #F5F5F5;
}

.border-bottom-grey-lighten-4 {
  border-bottom-color: #F5F5F5;
}

.badge-grey-lighten-4 {
  background-color: #F5F5F5;
  color: #000000;
}

.btn-grey-lighten-4 {
  background-color: rgba(245, 245, 245, 0.9);
  color: #000000 !important;
}

.btn-grey-lighten-4:disabled,
.btn-grey-lighten-4.disabled {
  background-color: rgba(245, 245, 245, 0.4);
}

.btn-grey-lighten-4:not(:disabled):not(.disabled):hover {
  background-color: #F5F5F5;
}

.btn-outline-grey-lighten-4 {
  color: #F5F5F5;
  border-color: #F5F5F5;
}

.btn-outline-grey-lighten-4:hover {
  background-color: #F5F5F5;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-grey-lighten-3 {
    color: #EEEEEE !important;
  }
  :root {
    --grey-lighten-3: #EEEEEE;
  }
  .bg-grey-lighten-3 {
    background-color: #EEEEEE;
  }
  .border-grey-lighten-3 {
    border-color: #EEEEEE;
  }
  .border-left-grey-lighten-3 {
    border-left-color: #EEEEEE;
  }
  .border-right-grey-lighten-3 {
    border-right-color: #EEEEEE;
  }
  .border-top-grey-lighten-3 {
    border-top-color: #EEEEEE;
  }
  .border-bottom-grey-lighten-3 {
    border-bottom-color: #EEEEEE;
  }
  .badge-grey-lighten-3 {
    background-color: #EEEEEE;
    color: #000000;
  }
  .btn-grey-lighten-3 {
    background-color: rgba(238, 238, 238, 0.9);
    color: #000000 !important;
  }
  .btn-grey-lighten-3:disabled,
  .btn-grey-lighten-3.disabled {
    background-color: rgba(238, 238, 238, 0.4);
  }
  .btn-grey-lighten-3:not(:disabled):not(.disabled):hover {
    background-color: #EEEEEE;
  }
  .btn-outline-grey-lighten-3 {
    color: #EEEEEE;
    border-color: #EEEEEE;
  }
  .btn-outline-grey-lighten-3:hover {
    background-color: #EEEEEE;
    color: #000000;
  }
}
.text-grey-lighten-3 {
  color: #EEEEEE !important;
}

:root {
  --grey-lighten-3: #EEEEEE;
}

.bg-grey-lighten-3 {
  background-color: #EEEEEE;
}

.border-grey-lighten-3 {
  border-color: #EEEEEE;
}

.border-left-grey-lighten-3 {
  border-left-color: #EEEEEE;
}

.border-right-grey-lighten-3 {
  border-right-color: #EEEEEE;
}

.border-top-grey-lighten-3 {
  border-top-color: #EEEEEE;
}

.border-bottom-grey-lighten-3 {
  border-bottom-color: #EEEEEE;
}

.badge-grey-lighten-3 {
  background-color: #EEEEEE;
  color: #000000;
}

.btn-grey-lighten-3 {
  background-color: rgba(238, 238, 238, 0.9);
  color: #000000 !important;
}

.btn-grey-lighten-3:disabled,
.btn-grey-lighten-3.disabled {
  background-color: rgba(238, 238, 238, 0.4);
}

.btn-grey-lighten-3:not(:disabled):not(.disabled):hover {
  background-color: #EEEEEE;
}

.btn-outline-grey-lighten-3 {
  color: #EEEEEE;
  border-color: #EEEEEE;
}

.btn-outline-grey-lighten-3:hover {
  background-color: #EEEEEE;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-grey-lighten-2 {
    color: #E0E0E0 !important;
  }
  :root {
    --grey-lighten-2: #E0E0E0;
  }
  .bg-grey-lighten-2 {
    background-color: #E0E0E0;
  }
  .border-grey-lighten-2 {
    border-color: #E0E0E0;
  }
  .border-left-grey-lighten-2 {
    border-left-color: #E0E0E0;
  }
  .border-right-grey-lighten-2 {
    border-right-color: #E0E0E0;
  }
  .border-top-grey-lighten-2 {
    border-top-color: #E0E0E0;
  }
  .border-bottom-grey-lighten-2 {
    border-bottom-color: #E0E0E0;
  }
  .badge-grey-lighten-2 {
    background-color: #E0E0E0;
    color: #000000;
  }
  .btn-grey-lighten-2 {
    background-color: rgba(224, 224, 224, 0.9);
    color: #000000 !important;
  }
  .btn-grey-lighten-2:disabled,
  .btn-grey-lighten-2.disabled {
    background-color: rgba(224, 224, 224, 0.4);
  }
  .btn-grey-lighten-2:not(:disabled):not(.disabled):hover {
    background-color: #E0E0E0;
  }
  .btn-outline-grey-lighten-2 {
    color: #E0E0E0;
    border-color: #E0E0E0;
  }
  .btn-outline-grey-lighten-2:hover {
    background-color: #E0E0E0;
    color: #000000;
  }
}
.text-grey-lighten-2 {
  color: #E0E0E0 !important;
}

:root {
  --grey-lighten-2: #E0E0E0;
}

.bg-grey-lighten-2 {
  background-color: #E0E0E0;
}

.border-grey-lighten-2 {
  border-color: #E0E0E0;
}

.border-left-grey-lighten-2 {
  border-left-color: #E0E0E0;
}

.border-right-grey-lighten-2 {
  border-right-color: #E0E0E0;
}

.border-top-grey-lighten-2 {
  border-top-color: #E0E0E0;
}

.border-bottom-grey-lighten-2 {
  border-bottom-color: #E0E0E0;
}

.badge-grey-lighten-2 {
  background-color: #E0E0E0;
  color: #000000;
}

.btn-grey-lighten-2 {
  background-color: rgba(224, 224, 224, 0.9);
  color: #000000 !important;
}

.btn-grey-lighten-2:disabled,
.btn-grey-lighten-2.disabled {
  background-color: rgba(224, 224, 224, 0.4);
}

.btn-grey-lighten-2:not(:disabled):not(.disabled):hover {
  background-color: #E0E0E0;
}

.btn-outline-grey-lighten-2 {
  color: #E0E0E0;
  border-color: #E0E0E0;
}

.btn-outline-grey-lighten-2:hover {
  background-color: #E0E0E0;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-grey-lighten-1 {
    color: #BDBDBD !important;
  }
  :root {
    --grey-lighten-1: #BDBDBD;
  }
  .bg-grey-lighten-1 {
    background-color: #BDBDBD;
  }
  .border-grey-lighten-1 {
    border-color: #BDBDBD;
  }
  .border-left-grey-lighten-1 {
    border-left-color: #BDBDBD;
  }
  .border-right-grey-lighten-1 {
    border-right-color: #BDBDBD;
  }
  .border-top-grey-lighten-1 {
    border-top-color: #BDBDBD;
  }
  .border-bottom-grey-lighten-1 {
    border-bottom-color: #BDBDBD;
  }
  .badge-grey-lighten-1 {
    background-color: #BDBDBD;
    color: #000000;
  }
  .btn-grey-lighten-1 {
    background-color: rgba(189, 189, 189, 0.9);
    color: #000000 !important;
  }
  .btn-grey-lighten-1:disabled,
  .btn-grey-lighten-1.disabled {
    background-color: rgba(189, 189, 189, 0.4);
  }
  .btn-grey-lighten-1:not(:disabled):not(.disabled):hover {
    background-color: #BDBDBD;
  }
  .btn-outline-grey-lighten-1 {
    color: #BDBDBD;
    border-color: #BDBDBD;
  }
  .btn-outline-grey-lighten-1:hover {
    background-color: #BDBDBD;
    color: #000000;
  }
}
.text-grey-lighten-1 {
  color: #BDBDBD !important;
}

:root {
  --grey-lighten-1: #BDBDBD;
}

.bg-grey-lighten-1 {
  background-color: #BDBDBD;
}

.border-grey-lighten-1 {
  border-color: #BDBDBD;
}

.border-left-grey-lighten-1 {
  border-left-color: #BDBDBD;
}

.border-right-grey-lighten-1 {
  border-right-color: #BDBDBD;
}

.border-top-grey-lighten-1 {
  border-top-color: #BDBDBD;
}

.border-bottom-grey-lighten-1 {
  border-bottom-color: #BDBDBD;
}

.badge-grey-lighten-1 {
  background-color: #BDBDBD;
  color: #000000;
}

.btn-grey-lighten-1 {
  background-color: rgba(189, 189, 189, 0.9);
  color: #000000 !important;
}

.btn-grey-lighten-1:disabled,
.btn-grey-lighten-1.disabled {
  background-color: rgba(189, 189, 189, 0.4);
}

.btn-grey-lighten-1:not(:disabled):not(.disabled):hover {
  background-color: #BDBDBD;
}

.btn-outline-grey-lighten-1 {
  color: #BDBDBD;
  border-color: #BDBDBD;
}

.btn-outline-grey-lighten-1:hover {
  background-color: #BDBDBD;
  color: #000000;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-grey-darken-1 {
    color: #757575 !important;
  }
  :root {
    --grey-darken-1: #757575;
  }
  .bg-grey-darken-1 {
    background-color: #757575;
  }
  .border-grey-darken-1 {
    border-color: #757575;
  }
  .border-left-grey-darken-1 {
    border-left-color: #757575;
  }
  .border-right-grey-darken-1 {
    border-right-color: #757575;
  }
  .border-top-grey-darken-1 {
    border-top-color: #757575;
  }
  .border-bottom-grey-darken-1 {
    border-bottom-color: #757575;
  }
  .badge-grey-darken-1 {
    background-color: #757575;
    color: #FFFFFF;
  }
  .btn-grey-darken-1 {
    background-color: rgba(117, 117, 117, 0.9);
    color: #FFFFFF !important;
  }
  .btn-grey-darken-1:disabled,
  .btn-grey-darken-1.disabled {
    background-color: rgba(117, 117, 117, 0.4);
  }
  .btn-grey-darken-1:not(:disabled):not(.disabled):hover {
    background-color: #757575;
  }
  .btn-outline-grey-darken-1 {
    color: #757575;
    border-color: #757575;
  }
  .btn-outline-grey-darken-1:hover {
    background-color: #757575;
    color: #FFFFFF;
  }
}
.text-grey-darken-1 {
  color: #757575 !important;
}

:root {
  --grey-darken-1: #757575;
}

.bg-grey-darken-1 {
  background-color: #757575;
}

.border-grey-darken-1 {
  border-color: #757575;
}

.border-left-grey-darken-1 {
  border-left-color: #757575;
}

.border-right-grey-darken-1 {
  border-right-color: #757575;
}

.border-top-grey-darken-1 {
  border-top-color: #757575;
}

.border-bottom-grey-darken-1 {
  border-bottom-color: #757575;
}

.badge-grey-darken-1 {
  background-color: #757575;
  color: #FFFFFF;
}

.btn-grey-darken-1 {
  background-color: rgba(117, 117, 117, 0.9);
  color: #FFFFFF !important;
}

.btn-grey-darken-1:disabled,
.btn-grey-darken-1.disabled {
  background-color: rgba(117, 117, 117, 0.4);
}

.btn-grey-darken-1:not(:disabled):not(.disabled):hover {
  background-color: #757575;
}

.btn-outline-grey-darken-1 {
  color: #757575;
  border-color: #757575;
}

.btn-outline-grey-darken-1:hover {
  background-color: #757575;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-grey-darken-2 {
    color: #616161 !important;
  }
  :root {
    --grey-darken-2: #616161;
  }
  .bg-grey-darken-2 {
    background-color: #616161;
  }
  .border-grey-darken-2 {
    border-color: #616161;
  }
  .border-left-grey-darken-2 {
    border-left-color: #616161;
  }
  .border-right-grey-darken-2 {
    border-right-color: #616161;
  }
  .border-top-grey-darken-2 {
    border-top-color: #616161;
  }
  .border-bottom-grey-darken-2 {
    border-bottom-color: #616161;
  }
  .badge-grey-darken-2 {
    background-color: #616161;
    color: #FFFFFF;
  }
  .btn-grey-darken-2 {
    background-color: rgba(97, 97, 97, 0.9);
    color: #FFFFFF !important;
  }
  .btn-grey-darken-2:disabled,
  .btn-grey-darken-2.disabled {
    background-color: rgba(97, 97, 97, 0.4);
  }
  .btn-grey-darken-2:not(:disabled):not(.disabled):hover {
    background-color: #616161;
  }
  .btn-outline-grey-darken-2 {
    color: #616161;
    border-color: #616161;
  }
  .btn-outline-grey-darken-2:hover {
    background-color: #616161;
    color: #FFFFFF;
  }
}
.text-grey-darken-2 {
  color: #616161 !important;
}

:root {
  --grey-darken-2: #616161;
}

.bg-grey-darken-2 {
  background-color: #616161;
}

.border-grey-darken-2 {
  border-color: #616161;
}

.border-left-grey-darken-2 {
  border-left-color: #616161;
}

.border-right-grey-darken-2 {
  border-right-color: #616161;
}

.border-top-grey-darken-2 {
  border-top-color: #616161;
}

.border-bottom-grey-darken-2 {
  border-bottom-color: #616161;
}

.badge-grey-darken-2 {
  background-color: #616161;
  color: #FFFFFF;
}

.btn-grey-darken-2 {
  background-color: rgba(97, 97, 97, 0.9);
  color: #FFFFFF !important;
}

.btn-grey-darken-2:disabled,
.btn-grey-darken-2.disabled {
  background-color: rgba(97, 97, 97, 0.4);
}

.btn-grey-darken-2:not(:disabled):not(.disabled):hover {
  background-color: #616161;
}

.btn-outline-grey-darken-2 {
  color: #616161;
  border-color: #616161;
}

.btn-outline-grey-darken-2:hover {
  background-color: #616161;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-grey-darken-3 {
    color: #424242 !important;
  }
  :root {
    --grey-darken-3: #424242;
  }
  .bg-grey-darken-3 {
    background-color: #424242;
  }
  .border-grey-darken-3 {
    border-color: #424242;
  }
  .border-left-grey-darken-3 {
    border-left-color: #424242;
  }
  .border-right-grey-darken-3 {
    border-right-color: #424242;
  }
  .border-top-grey-darken-3 {
    border-top-color: #424242;
  }
  .border-bottom-grey-darken-3 {
    border-bottom-color: #424242;
  }
  .badge-grey-darken-3 {
    background-color: #424242;
    color: #FFFFFF;
  }
  .btn-grey-darken-3 {
    background-color: rgba(66, 66, 66, 0.9);
    color: #FFFFFF !important;
  }
  .btn-grey-darken-3:disabled,
  .btn-grey-darken-3.disabled {
    background-color: rgba(66, 66, 66, 0.4);
  }
  .btn-grey-darken-3:not(:disabled):not(.disabled):hover {
    background-color: #424242;
  }
  .btn-outline-grey-darken-3 {
    color: #424242;
    border-color: #424242;
  }
  .btn-outline-grey-darken-3:hover {
    background-color: #424242;
    color: #FFFFFF;
  }
}
.text-grey-darken-3 {
  color: #424242 !important;
}

:root {
  --grey-darken-3: #424242;
}

.bg-grey-darken-3 {
  background-color: #424242;
}

.border-grey-darken-3 {
  border-color: #424242;
}

.border-left-grey-darken-3 {
  border-left-color: #424242;
}

.border-right-grey-darken-3 {
  border-right-color: #424242;
}

.border-top-grey-darken-3 {
  border-top-color: #424242;
}

.border-bottom-grey-darken-3 {
  border-bottom-color: #424242;
}

.badge-grey-darken-3 {
  background-color: #424242;
  color: #FFFFFF;
}

.btn-grey-darken-3 {
  background-color: rgba(66, 66, 66, 0.9);
  color: #FFFFFF !important;
}

.btn-grey-darken-3:disabled,
.btn-grey-darken-3.disabled {
  background-color: rgba(66, 66, 66, 0.4);
}

.btn-grey-darken-3:not(:disabled):not(.disabled):hover {
  background-color: #424242;
}

.btn-outline-grey-darken-3 {
  color: #424242;
  border-color: #424242;
}

.btn-outline-grey-darken-3:hover {
  background-color: #424242;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-grey-darken-4 {
    color: #212121 !important;
  }
  :root {
    --grey-darken-4: #212121;
  }
  .bg-grey-darken-4 {
    background-color: #212121;
  }
  .border-grey-darken-4 {
    border-color: #212121;
  }
  .border-left-grey-darken-4 {
    border-left-color: #212121;
  }
  .border-right-grey-darken-4 {
    border-right-color: #212121;
  }
  .border-top-grey-darken-4 {
    border-top-color: #212121;
  }
  .border-bottom-grey-darken-4 {
    border-bottom-color: #212121;
  }
  .badge-grey-darken-4 {
    background-color: #212121;
    color: #FFFFFF;
  }
  .btn-grey-darken-4 {
    background-color: rgba(33, 33, 33, 0.9);
    color: #FFFFFF !important;
  }
  .btn-grey-darken-4:disabled,
  .btn-grey-darken-4.disabled {
    background-color: rgba(33, 33, 33, 0.4);
  }
  .btn-grey-darken-4:not(:disabled):not(.disabled):hover {
    background-color: #212121;
  }
  .btn-outline-grey-darken-4 {
    color: #212121;
    border-color: #212121;
  }
  .btn-outline-grey-darken-4:hover {
    background-color: #212121;
    color: #FFFFFF;
  }
}
.text-grey-darken-4 {
  color: #212121 !important;
}

:root {
  --grey-darken-4: #212121;
}

.bg-grey-darken-4 {
  background-color: #212121;
}

.border-grey-darken-4 {
  border-color: #212121;
}

.border-left-grey-darken-4 {
  border-left-color: #212121;
}

.border-right-grey-darken-4 {
  border-right-color: #212121;
}

.border-top-grey-darken-4 {
  border-top-color: #212121;
}

.border-bottom-grey-darken-4 {
  border-bottom-color: #212121;
}

.badge-grey-darken-4 {
  background-color: #212121;
  color: #FFFFFF;
}

.btn-grey-darken-4 {
  background-color: rgba(33, 33, 33, 0.9);
  color: #FFFFFF !important;
}

.btn-grey-darken-4:disabled,
.btn-grey-darken-4.disabled {
  background-color: rgba(33, 33, 33, 0.4);
}

.btn-grey-darken-4:not(:disabled):not(.disabled):hover {
  background-color: #212121;
}

.btn-outline-grey-darken-4 {
  color: #212121;
  border-color: #212121;
}

.btn-outline-grey-darken-4:hover {
  background-color: #212121;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-black {
    color: #000000 !important;
  }
  :root {
    --black: #000000;
  }
  .bg-black {
    background-color: #000000;
  }
  .border-black {
    border-color: #000000;
  }
  .border-left-black {
    border-left-color: #000000;
  }
  .border-right-black {
    border-right-color: #000000;
  }
  .border-top-black {
    border-top-color: #000000;
  }
  .border-bottom-black {
    border-bottom-color: #000000;
  }
  .badge-black {
    background-color: #000000;
  }
  .btn-black {
    background-color: rgba(0, 0, 0, 0.9);
  }
  .btn-black:disabled,
  .btn-black.disabled {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .btn-black:not(:disabled):not(.disabled):hover {
    background-color: #000000;
  }
  .btn-outline-black {
    color: #000000;
    border-color: #000000;
  }
  .btn-outline-black:hover {
    background-color: #000000;
    color: #FFFFFF;
  }
}
.text-black {
  color: #000000 !important;
}

:root {
  --black: #000000;
}

.bg-black {
  background-color: #000000;
}

.border-black {
  border-color: #000000;
}

.border-left-black {
  border-left-color: #000000;
}

.border-right-black {
  border-right-color: #000000;
}

.border-top-black {
  border-top-color: #000000;
}

.border-bottom-black {
  border-bottom-color: #000000;
}

.badge-black {
  background-color: #000000;
}

.btn-black {
  background-color: rgba(0, 0, 0, 0.9);
}

.btn-black:disabled,
.btn-black.disabled {
  background-color: rgba(0, 0, 0, 0.4);
}

.btn-black:not(:disabled):not(.disabled):hover {
  background-color: #000000;
}

.btn-outline-black {
  color: #000000;
  border-color: #000000;
}

.btn-outline-black:hover {
  background-color: #000000;
  color: #FFFFFF;
}

@media (forced-colors: active), (forced-colors: active) and (prefers-color-scheme: light), (forced-colors: active) and (prefers-color-scheme: dark) {
  .text-white {
    color: #FFFFFF !important;
  }
  :root {
    --white: #FFFFFF;
  }
  .bg-white {
    background-color: #FFFFFF;
  }
  .border-white {
    border-color: #FFFFFF;
  }
  .border-left-white {
    border-left-color: #FFFFFF;
  }
  .border-right-white {
    border-right-color: #FFFFFF;
  }
  .border-top-white {
    border-top-color: #FFFFFF;
  }
  .border-bottom-white {
    border-bottom-color: #FFFFFF;
  }
  .badge-white {
    background-color: #FFFFFF;
  }
  .btn-white {
    background-color: rgba(255, 255, 255, 0.9);
  }
  .btn-white:disabled,
  .btn-white.disabled {
    background-color: rgba(255, 255, 255, 0.4);
  }
  .btn-white:not(:disabled):not(.disabled):hover {
    background-color: #FFFFFF;
  }
  .btn-outline-white {
    color: #FFFFFF;
    border-color: #FFFFFF;
  }
  .btn-outline-white:hover {
    background-color: #FFFFFF;
    color: #FFFFFF;
  }
}
.text-white {
  color: #FFFFFF !important;
}

:root {
  --white: #FFFFFF;
}

.bg-white {
  background-color: #FFFFFF;
}

.border-white {
  border-color: #FFFFFF;
}

.border-left-white {
  border-left-color: #FFFFFF;
}

.border-right-white {
  border-right-color: #FFFFFF;
}

.border-top-white {
  border-top-color: #FFFFFF;
}

.border-bottom-white {
  border-bottom-color: #FFFFFF;
}

.badge-white {
  background-color: #FFFFFF;
}

.btn-white {
  background-color: rgba(255, 255, 255, 0.9);
}

.btn-white:disabled,
.btn-white.disabled {
  background-color: rgba(255, 255, 255, 0.4);
}

.btn-white:not(:disabled):not(.disabled):hover {
  background-color: #FFFFFF;
}

.btn-outline-white {
  color: #FFFFFF;
  border-color: #FFFFFF;
}

.btn-outline-white:hover {
  background-color: #FFFFFF;
  color: #FFFFFF;
}/*# sourceMappingURL=theme-colors.css.map */