@media (prefers-color-scheme: dark) {
  html {
    --mdui-color-primary-dark: 170, 200, 225;
    --mdui-color-on-primary-dark: 20, 40, 60;
    --mdui-color-primary-container-dark: 50, 70, 90;
    --mdui-color-on-primary-container-dark: 230, 240, 255;
    --mdui-color-secondary-dark: 180, 190, 200;
    --mdui-color-on-secondary-dark: 40, 50, 60;
    --mdui-color-secondary-container-dark: 60, 70, 80;
    --mdui-color-on-secondary-container-dark: 220, 230, 240;
    --mdui-color-tertiary-dark: 190, 190, 200;
    --mdui-color-on-tertiary-dark: 45, 45, 50;
    --mdui-color-tertiary-container-dark: 70, 70, 80;
    --mdui-color-on-tertiary-container-dark: 230, 230, 240;
    --mdui-color-background-dark: 20, 24, 28;
    --mdui-color-on-background-dark: 225, 230, 235;
    --mdui-color-surface-dark: 18, 22, 26;
    --mdui-color-on-surface-dark: 225, 230, 235;
    --mdui-color-surface-container-dark: linear-gradient(320deg, rgb(25, 30, 35), rgb(35, 40, 45));
    --mdui-color-surface-container-lowest-dark: 14, 17, 20;
    --mdui-color-surface-container-low-dark: 24, 28, 33;
    --mdui-color-surface-container-high-dark: 40, 45, 50;
    --mdui-color-surface-container-highest-dark: 50, 55, 60;
    --mdui-color-surface-dim-dark: 18, 22, 26;
    --mdui-color-surface-bright-dark: 55, 60, 65;
    --mdui-color-surface-variant-dark: 65, 75, 85;
    --mdui-color-on-surface-variant-dark: 200, 210, 220;
    --mdui-color-inverse-surface-dark: 225, 230, 235;
    --mdui-color-inverse-on-surface-dark: 45, 50, 55;
    --mdui-color-inverse-primary-dark: 60, 90, 110;
    --mdui-color-outline-dark: 140, 150, 160;
    --mdui-color-outline-variant-dark: 70, 80, 90;
    --mdui-color-shadow-dark: 0, 0, 0;
    --mdui-color-scrim-dark: 0, 0, 0;
    --mdui-color-error-dark: 255, 180, 171;
    --mdui-color-on-error-dark: 105, 0, 5;
    --mdui-color-error-container-dark: 147, 0, 10;
    --mdui-color-on-error-container-dark: 255, 180, 171;
    --mdui-color-surface-tint-color-dark: 170, 200, 225;
  }
  html.lpp,
  html.lop {
    --hue: 167deg;
    --mdui-color-background-dark: 16, 20, 17;
    --mdui-color-on-background-dark: 223, 228, 222;
    --mdui-color-surface-dark: 16, 20, 17;
    --mdui-color-surface-dim-dark: 16, 20, 17;
    --mdui-color-surface-bright-dark: 54, 58, 54;
    --mdui-color-surface-container-lowest-dark: 11, 15, 12;
    --mdui-color-surface-container-low-dark: 24, 29, 25;
    --mdui-color-surface-container: linear-gradient(329deg, RGB(22, 26, 23), RGB(30, 36, 31));
    --mdui-color-surface-container-high-dark: 38, 43, 39;
    --mdui-color-surface-container-highest-dark: 49, 54, 50;
    --mdui-color-on-surface-dark: 223, 228, 222;
    --mdui-color-surface-variant-dark: 63, 73, 66;
    --mdui-color-on-surface-variant-dark: 190, 201, 191;
    --mdui-color-inverse-surface-dark: 223, 228, 222;
    --mdui-color-inverse-on-surface-dark: 45, 50, 46;
    --mdui-color-outline-dark: 137, 147, 138;
    --mdui-color-outline-variant-dark: 63, 73, 66;
    --mdui-color-shadow-dark: 0, 0, 0;
    --mdui-color-scrim-dark: 0, 0, 0;
    --mdui-color-surface-tint-dark: 131, 216, 167;
    --mdui-color-primary-dark: 131, 216, 167;
    --mdui-color-on-primary-dark: 0, 57, 33;
    --mdui-color-primary-container-dark: 0, 95, 58;
    --mdui-color-on-primary-container-dark: 208, 255, 223;
    --mdui-color-inverse-primary-dark: 8, 108, 68;
    --mdui-color-secondary-dark: 172, 207, 183;
    --mdui-color-on-secondary-dark: 24, 54, 38;
    --mdui-color-secondary-container-dark: 39, 69, 51;
    --mdui-color-on-secondary-container-dark: 185, 220, 195;
    --mdui-color-tertiary-dark: 191, 194, 255;
    --mdui-color-on-tertiary-dark: 36, 40, 109;
    --mdui-color-tertiary-container-dark: 72, 77, 146;
    --mdui-color-on-tertiary-container-dark: 248, 245, 255;
    --mdui-color-error-dark: 255, 180, 171;
    --mdui-color-on-error-dark: 105, 0, 5;
    --mdui-color-error-container-dark: 147, 0, 10;
    --mdui-color-on-error-container-dark: 255, 218, 214;
  }
  html.ijpp {
    --hue: 177deg;
    --mdui-color-background-dark: 17, 19, 24;
    --mdui-color-on-background-dark: 226, 226, 233;
    --mdui-color-surface-dark: 17, 19, 24;
    --mdui-color-surface-dim-dark: 17, 19, 24;
    --mdui-color-surface-bright-dark: 55, 57, 63;
    --mdui-color-surface-container-lowest-dark: 12, 14, 19;
    --mdui-color-surface-container-low-dark: 25, 27, 33;
    --mdui-color-surface-container-dark: linear-gradient(320deg, rgb(25 28 32), RGB(29, 32, 37));
    --mdui-color-surface-container-high-dark: 40, 42, 47;
    --mdui-color-surface-container-highest-dark: 51, 53, 58;
    --mdui-color-on-surface-dark: 226, 226, 233;
    --mdui-color-surface-variant-dark: 66, 71, 81;
    --mdui-color-on-surface-variant-dark: 195, 198, 211;
    --mdui-color-inverse-surface-dark: 226, 226, 233;
    --mdui-color-inverse-on-surface-dark: 46, 48, 54;
    --mdui-color-outline-dark: 141, 144, 157;
    --mdui-color-outline-variant-dark: 66, 71, 81;
    --mdui-color-shadow-dark: 0, 0, 0;
    --mdui-color-scrim-dark: 0, 0, 0;
    --mdui-color-surface-tint-dark: 172, 199, 255;
    --mdui-color-primary-dark: 172, 199, 255;
    --mdui-color-on-primary-dark: 0, 47, 104;
    --mdui-color-primary-container-dark: 0, 62, 134;
    --mdui-color-on-primary-container-dark: 197, 214, 255;
    --mdui-color-inverse-primary-dark: 39, 93, 174;
    --mdui-color-secondary-dark: 182, 199, 237;
    --mdui-color-on-secondary-dark: 32, 48, 79;
    --mdui-color-secondary-container-dark: 46, 62, 93;
    --mdui-color-on-secondary-container-dark: 194, 210, 249;
    --mdui-color-tertiary-dark: 238, 176, 255;
    --mdui-color-on-tertiary-dark: 79, 17, 101;
    --mdui-color-tertiary-container-dark: 98, 38, 119;
    --mdui-color-on-tertiary-container-dark: 245, 200, 255;
    --mdui-color-error-dark: 255, 180, 171;
    --mdui-color-on-error-dark: 105, 0, 5;
    --mdui-color-error-container-dark: 147, 0, 10;
    --mdui-color-on-error-container-dark: 255, 218, 214;
  }
  html.marprom {
    --hue: 317deg;
    --saturation: 20%;
    --mdui-color-primary-dark: 255, 180, 171;
    --mdui-color-on-primary-dark: 105, 10, 20;
    --mdui-color-primary-container-dark: 145, 40, 40;
    --mdui-color-on-primary-container-dark: 255, 230, 230;
    --mdui-color-secondary-dark: 231, 189, 184;
    --mdui-color-on-secondary-dark: 68, 37, 37;
    --mdui-color-secondary-container-dark: 90, 60, 60;
    --mdui-color-on-secondary-container-dark: 255, 220, 220;
    --mdui-color-tertiary-dark: 230, 200, 100;
    --mdui-color-on-tertiary-dark: 60, 50, 0;
    --mdui-color-tertiary-container-dark: 80, 70, 0;
    --mdui-color-on-tertiary-container-dark: 255, 240, 180;
    --mdui-color-background-dark: 25, 20, 20;
    --mdui-color-on-background-dark: 236, 224, 222;
    --mdui-color-surface-dark: 20, 16, 16;
    --mdui-color-on-surface-dark: 236, 224, 222;
    --mdui-color-surface-container-dark: linear-gradient(320deg, rgb(35, 25, 25), rgb(45, 30, 30));
    --mdui-color-surface-container-lowest-dark: 15, 10, 10;
    --mdui-color-surface-container-low-dark: 28, 22, 22;
    --mdui-color-surface-container-high-dark: 43, 35, 35;
    --mdui-color-surface-container-highest-dark: 55, 45, 45;
    --mdui-color-surface-dim-dark: 18, 14, 14;
    --mdui-color-surface-bright-dark: 60, 50, 50;
    --mdui-color-inverse-surface-dark: 236, 224, 222;
    --mdui-color-inverse-on-surface-dark: 50, 45, 45;
    --mdui-color-inverse-primary-dark: 145, 40, 40;
    --mdui-color-outline-dark: 160, 140, 140;
    --mdui-color-outline-variant-dark: 85, 65, 65;
    --mdui-color-surface-variant-dark: 85, 65, 65;
    --mdui-color-on-surface-variant-dark: 216, 195, 195;
    --mdui-color-shadow-dark: 0, 0, 0;
    --mdui-color-scrim-dark: 0, 0, 0;
    --mdui-color-error-dark: 255, 180, 171;
    --mdui-color-on-error-dark: 105, 0, 5;
    --mdui-color-error-container-dark: 147, 0, 10;
    --mdui-color-on-error-container-dark: 255, 180, 171;
    --mdui-color-surface-tint-color-dark: 255, 180, 171;
  }
  html.sž {
    --hue: 177deg;
    --mdui-color-background-dark: 15, 20, 24;
    --mdui-color-on-background-dark: 223, 227, 233;
    --mdui-color-surface-dark: 13, 17, 21;
    --mdui-color-surface-dim-dark: 15, 20, 24;
    --mdui-color-surface-bright-dark: 53, 58, 63;
    --mdui-color-surface-container-lowest-dark: 10, 15, 19;
    --mdui-color-surface-container-low-dark: 23, 28, 33;
    --mdui-color-surface-container-dark: linear-gradient(320deg, rgb(24 28 33), RGB(27, 32, 37));
    --mdui-color-surface-container-high-dark: 38, 42, 47;
    --mdui-color-surface-container-highest-dark: 48, 53, 58;
    --mdui-color-on-surface-dark: 223, 227, 233;
    --mdui-color-surface-variant-dark: 62, 72, 81;
    --mdui-color-on-surface-variant-dark: 190, 199, 210;
    --mdui-color-inverse-surface-dark: 223, 227, 233;
    --mdui-color-inverse-on-surface-dark: 44, 49, 54;
    --mdui-color-outline-dark: 136, 146, 156;
    --mdui-color-outline-variant-dark: 62, 72, 81;
    --mdui-color-shadow-dark: 0, 0, 0;
    --mdui-color-scrim-dark: 0, 0, 0;
    --mdui-color-surface-tint-dark: 144, 205, 255;
    --mdui-color-primary-dark: 144, 205, 255;
    --mdui-color-on-primary-dark: 0, 52, 80;
    --mdui-color-primary-container-dark: 0, 153, 225;
    --mdui-color-on-primary-container-dark: 0, 0, 0;
    --mdui-color-inverse-primary-dark: 0, 100, 149;
    --mdui-color-secondary-dark: 165, 203, 236;
    --mdui-color-on-secondary-dark: 4, 51, 79;
    --mdui-color-secondary-container-dark: 26, 67, 94;
    --mdui-color-on-secondary-container-dark: 179, 216, 250;
    --mdui-color-tertiary-dark: 233, 179, 255;
    --mdui-color-on-tertiary-dark: 80, 5, 112;
    --mdui-color-tertiary-container-dark: 187, 117, 219;
    --mdui-color-on-tertiary-container-dark: 0, 0, 0;
    --mdui-color-error-dark: 255, 180, 171;
    --mdui-color-on-error-dark: 105, 0, 5;
    --mdui-color-error-container-dark: 147, 0, 10;
    --mdui-color-on-error-container-dark: 255, 218, 214;
  }
  html.celebus {
    --hue: 177deg;
    --mdui-color-primary-dark: 80, 170, 255;
    --mdui-color-on-primary-dark: 0, 40, 80;
    --mdui-color-primary-container-dark: 210, 170, 0;
    --mdui-color-on-primary-container-dark: 40, 30, 0;
    --mdui-color-secondary-dark: 150, 180, 210;
    --mdui-color-on-secondary-dark: 20, 40, 60;
    --mdui-color-secondary-container-dark: 40, 60, 80;
    --mdui-color-on-secondary-container-dark: 200, 230, 255;
    --mdui-color-background-dark: 15, 20, 25;
    --mdui-color-on-background-dark: 225, 235, 245;
    --mdui-color-surface-dark: 15, 20, 25;
    --mdui-color-on-surface-dark: 225, 235, 245;
    --mdui-color-surface-container-dark: linear-gradient(320deg, rgb(25 29 34), rgb(35 37 45));
    --mdui-color-surface-container-high-dark: 30, 35, 45;
    --mdui-color-surface-container-highest-dark: 40, 45, 55;
    --mdui-color-surface-container-low-dark: 25, 29, 32;
    --mdui-color-outline-dark: 100, 120, 140;
    --mdui-color-outline-variant-dark: 50, 60, 70;
    --mdui-color-surface-variant-dark: 50, 60, 70;
    --mdui-color-on-surface-variant-dark: 180, 200, 220;
    --mdui-color-error-dark: 255, 180, 171;
    --mdui-color-error-container-dark: 147, 0, 10;
  }
  html.movelenje {
    --hue: 167deg;
    --mdui-color-primary-dark: 80, 160, 110;
    --mdui-color-on-primary-dark: 255, 255, 255; /* Bel tekst na zelenem gumbu */
    --mdui-color-primary-container-dark: 200, 180, 0;
    --mdui-color-on-primary-container-dark: 0, 40, 20; /* Temen tekst na rumenem */
    --mdui-color-secondary-dark: 160, 190, 170;
    --mdui-color-on-secondary-dark: 20, 40, 30;
    --mdui-color-secondary-container-dark: 40, 60, 50;
    --mdui-color-on-secondary-container-dark: 200, 230, 210;
    --mdui-color-background-dark: 24, 26, 24;
    --mdui-color-on-background-dark: 230, 230, 225;
    --mdui-color-surface-dark: 20, 22, 20;
    --mdui-color-on-surface-dark: 230, 230, 225;
    --mdui-color-surface-container-dark: linear-gradient(320deg, rgb(30, 32, 28), rgb(45, 45, 35));
    --mdui-color-surface-container-high-dark: 45, 48, 42;
    --mdui-color-surface-container-highest-dark: 55, 60, 50;
    --mdui-color-outline-dark: 120, 130, 120;
    --mdui-color-outline-variant-dark: 60, 70, 60;
    --mdui-color-error-dark: 255, 180, 171;
    --mdui-color-on-error-dark: 105, 0, 5;
    --mdui-color-error-container-dark: 147, 0, 10;
    --mdui-color-on-error-container-dark: 255, 180, 171;
    --mdui-color-surface-container-low: 29, 33, 26;
  }
  html.mokranj {
    --hue: 277deg;
    --saturation: 20%;
    --mdui-color-primary-dark: 255, 180, 185;
    --mdui-color-on-primary-dark: 104, 0, 20;
    --mdui-color-primary-container-dark: 147, 0, 30;
    --mdui-color-on-primary-container-dark: 255, 218, 218;
    --mdui-color-secondary-dark: 190, 200, 210;
    --mdui-color-on-secondary-dark: 40, 50, 60;
    --mdui-color-secondary-container-dark: 60, 70, 80;
    --mdui-color-on-secondary-container-dark: 220, 230, 240;
    --mdui-color-tertiary-dark: 160, 170, 180;
    --mdui-color-on-tertiary-dark: 35, 45, 55;
    --mdui-color-tertiary-container-dark: 55, 65, 75;
    --mdui-color-on-tertiary-container-dark: 200, 210, 220;
    --mdui-color-background-dark: 26, 28, 30;
    --mdui-color-on-background-dark: 227, 226, 230;
    --mdui-color-surface-dark: 20, 22, 24;
    --mdui-color-on-surface-dark: 227, 226, 230;
    --mdui-color-surface-container-dark: linear-gradient(320deg, rgb(28, 30, 34), rgb(38, 40, 44));
    --mdui-color-surface-container-lowest-dark: 15, 17, 19;
    --mdui-color-surface-container-low-dark: 26, 28, 30;
    --mdui-color-surface-container-high-dark: 43, 45, 48;
    --mdui-color-surface-container-highest-dark: 53, 55, 58;
    --mdui-color-surface-dim-dark: 20, 22, 24;
    --mdui-color-surface-bright-dark: 59, 61, 64;
    --mdui-color-inverse-surface-dark: 227, 226, 230;
    --mdui-color-inverse-on-surface-dark: 47, 48, 51;
    --mdui-color-inverse-primary-dark: 200, 10, 40;
    --mdui-color-outline-dark: 140, 145, 150;
    --mdui-color-outline-variant-dark: 68, 71, 78;
    --mdui-color-surface-variant-dark: 68, 71, 78;
    --mdui-color-on-surface-variant-dark: 196, 199, 207;
    --mdui-color-shadow-dark: 0, 0, 0;
    --mdui-color-scrim-dark: 0, 0, 0;
    --mdui-color-error-dark: 255, 180, 171;
    --mdui-color-on-error-dark: 105, 0, 5;
    --mdui-color-error-container-dark: 147, 0, 10;
    --mdui-color-on-error-container-dark: 255, 180, 171;
    --mdui-color-surface-tint-color-dark: 255, 180, 185;
  }
}
@media (prefers-color-scheme: light) {
  html {
    --mdui-color-primary-light: 60, 90, 110;
    --mdui-color-on-primary-light: 255, 255, 255;
    --mdui-color-primary-container-light: 225, 235, 245;
    --mdui-color-on-primary-container-light: 20, 40, 60;
    --mdui-color-secondary-light: 90, 100, 110;
    --mdui-color-on-secondary-light: 255, 255, 255;
    --mdui-color-secondary-container-light: 193 205 217;
    --mdui-color-on-secondary-container-light: 30, 40, 50;
    --mdui-color-tertiary-light: 100, 100, 110;
    --mdui-color-on-tertiary-light: 255, 255, 255;
    --mdui-color-tertiary-container-light: 225, 225, 230;
    --mdui-color-on-tertiary-container-light: 40, 40, 45;
    --mdui-color-background-light: 250, 251, 253;
    --mdui-color-on-background-light: 25, 28, 32;
    --mdui-color-surface-light: 250, 251, 253;
    --mdui-color-surface-dim-light: 225, 230, 235;
    --mdui-color-surface-bright-light: 250, 251, 253;
    --mdui-color-surface-container-light: linear-gradient(320deg, rgb(205 212 217), rgb(225 232 237));
    --mdui-color-surface-container-lowest-light: 255, 255, 255;
    --mdui-color-surface-container-low-light: 242, 245, 248;
    --mdui-color-surface-container-high-light: 235, 238, 242;
    --mdui-color-surface-container-highest-light: 230, 233, 238;
    --mdui-color-on-surface-light: 25, 28, 32;
    --mdui-color-surface-variant-light: 225, 230, 235;
    --mdui-color-on-surface-variant-light: 70, 80, 90;
    --mdui-color-inverse-surface-light: 45, 50, 55;
    --mdui-color-inverse-on-surface-light: 240, 245, 250;
    --mdui-color-inverse-primary-light: 160, 200, 240;
    --mdui-color-outline-light: 130, 140, 150;
    --mdui-color-outline-variant-light: 200, 210, 220;
    --mdui-color-shadow-light: 0, 0, 0; /* Ali pa zelo temno modra: 0, 10, 20 */
    --mdui-color-scrim-light: 0, 0, 0;
    --mdui-color-error-light: 186, 26, 26;
    --mdui-color-on-error-light: 255, 255, 255;
    --mdui-color-error-container-light: 255, 218, 214;
    --mdui-color-on-error-container-light: 65, 0, 2;
    --mdui-color-surface-tint-light: 60, 90, 110;
  }
  html.lpp,
  html.lop {
    --mdui-color-background-light: 247, 250, 244;
    --mdui-color-on-background-light: 24, 29, 25;
    --mdui-color-surface-light: 247, 250, 244;
    --mdui-color-surface-dim-light: 215, 219, 213;
    --mdui-color-surface-bright-light: 247, 250, 244;
    --mdui-color-surface-container-lowest-light: 255, 255, 255;
    --mdui-color-surface-container-low-light: 241, 245, 239;
    --mdui-color-surface-container: linear-gradient(329deg, #d8dcd6, #e5e9e3);
    --mdui-color-surface-container-high-light: 229, 233, 227;
    --mdui-color-surface-container-highest-light: 223, 228, 222;
    --mdui-color-on-surface-light: 24, 29, 25;
    --mdui-color-surface-variant-light: 218, 229, 219;
    --mdui-color-on-surface-variant-light: 63, 73, 66;
    --mdui-color-inverse-surface-light: 45, 50, 46;
    --mdui-color-inverse-on-surface-light: 238, 242, 236;
    --mdui-color-outline-light: 111, 122, 113;
    --mdui-color-outline-variant-light: 190, 201, 191;
    --mdui-color-shadow-light: 0, 0, 0;
    --mdui-color-scrim-light: 0, 0, 0;
    --mdui-color-surface-tint-light: 8, 108, 68;
    --mdui-color-primary-light: 0, 83, 50;
    --mdui-color-on-primary-light: 255, 255, 255;
    --mdui-color-primary-container-light: 33, 122, 80;
    --mdui-color-on-primary-container-light: 255, 255, 255;
    --mdui-color-inverse-primary-light: 131, 216, 167;
    --mdui-color-secondary-light: 70, 101, 82;
    --mdui-color-on-secondary-light: 255, 255, 255;
    --mdui-color-secondary-container-light: 176, 214, 187;
    --mdui-color-on-secondary-container-light: 50, 81, 62;
    --mdui-color-tertiary-light: 60, 64, 133;
    --mdui-color-on-tertiary-light: 255, 255, 255;
    --mdui-color-tertiary-container-light: 96, 101, 172;
    --mdui-color-on-tertiary-container-light: 255, 255, 255;
    --mdui-color-error-light: 186, 26, 26;
    --mdui-color-on-error-light: 255, 255, 255;
    --mdui-color-error-container-light: 255, 218, 214;
    --mdui-color-on-error-container-light: 65, 0, 2;
  }
  html.ijpp {
    --hue: 160deg;
    --mdui-color-background-light: 249, 249, 255;
    --mdui-color-on-background-light: 25, 27, 33;
    --mdui-color-surface-light: 249, 249, 255;
    --mdui-color-surface-dim-light: 217, 217, 225;
    --mdui-color-surface-bright-light: 249, 249, 255;
    --mdui-color-surface-container-lowest-light: 255, 255, 255;
    --mdui-color-surface-container-low-light: 243, 243, 251;
    --mdui-color-surface-container-light: linear-gradient(320deg, rgb(216 216 226), RGB(231, 231, 239));
    --mdui-color-surface-container-high-light: 231, 231, 239;
    --mdui-color-surface-container-highest-light: 226, 226, 233;
    --mdui-color-on-surface-light: 25, 27, 33;
    --mdui-color-surface-variant-light: 223, 226, 240;
    --mdui-color-on-surface-variant-light: 66, 71, 81;
    --mdui-color-inverse-surface-light: 46, 48, 54;
    --mdui-color-inverse-on-surface-light: 240, 240, 248;
    --mdui-color-outline-light: 115, 119, 131;
    --mdui-color-outline-variant-light: 195, 198, 211;
    --mdui-color-shadow-light: 0, 0, 0;
    --mdui-color-scrim-light: 0, 0, 0;
    --mdui-color-surface-tint-light: 39, 93, 174;
    --mdui-color-primary-light: 0, 53, 116;
    --mdui-color-on-primary-light: 255, 255, 255;
    --mdui-color-primary-container-light: 32, 88, 169;
    --mdui-color-on-primary-container-light: 255, 255, 255;
    --mdui-color-inverse-primary-light: 172, 199, 255;
    --mdui-color-secondary-light: 78, 94, 128;
    --mdui-color-on-secondary-light: 255, 255, 255;
    --mdui-color-secondary-container-light: 206, 220, 255;
    --mdui-color-on-secondary-container-light: 52, 68, 100;
    --mdui-color-tertiary-light: 86, 26, 108;
    --mdui-color-on-tertiary-light: 255, 255, 255;
    --mdui-color-tertiary-container-light: 125, 64, 146;
    --mdui-color-on-tertiary-container-light: 255, 255, 255;
    --mdui-color-error-light: 186, 26, 26;
    --mdui-color-on-error-light: 255, 255, 255;
    --mdui-color-error-container-light: 255, 218, 214;
    --mdui-color-on-error-container-light: 65, 0, 2;
  }
  html.marprom {
    --hue: 310deg;
    --mdui-color-background-light: 255, 248, 246;
    --mdui-color-on-background-light: 34, 26, 24;
    --mdui-color-surface-light: 255, 248, 246;
    --mdui-color-surface-dim-light: 231, 214, 212;
    --mdui-color-surface-bright-light: 255, 248, 246;
    --mdui-color-surface-container-lowest-light: 255, 255, 255;
    --mdui-color-surface-container-low-light: 255, 240, 238;
    --mdui-color-surface-container-light: linear-gradient(320deg, rgb(245, 225, 223), rgb(252, 235, 233));
    --mdui-color-surface-container-high-light: 245, 228, 226;
    --mdui-color-surface-container-highest-light: 240, 223, 220;
    --mdui-color-on-surface-light: 34, 26, 24;
    --mdui-color-surface-variant-light: 248, 220, 216;
    --mdui-color-on-surface-variant-light: 85, 66, 64;
    --mdui-color-inverse-surface-light: 56, 46, 45;
    --mdui-color-inverse-on-surface-light: 254, 237, 234;
    --mdui-color-outline-light: 136, 114, 111;
    --mdui-color-outline-variant-light: 219, 193, 189;
    --mdui-color-shadow-light: 0, 0, 0;
    --mdui-color-scrim-light: 0, 0, 0;
    --mdui-color-surface-tint-light: 152, 69, 57;
    --mdui-color-primary-light: 145, 40, 40; /* Malenkost bolj rdeča za moč */
    --mdui-color-on-primary-light: 255, 255, 255;
    --mdui-color-primary-container-light: 180, 91, 77;
    --mdui-color-on-primary-container-light: 255, 255, 255;
    --mdui-color-inverse-primary-light: 255, 180, 168;
    --mdui-color-secondary-light: 127, 83, 76;
    --mdui-color-on-secondary-light: 255, 255, 255;
    --mdui-color-secondary-container-light: 255, 218, 214; /* Svetlo roza za kontrast */
    --mdui-color-on-secondary-container-light: 65, 10, 5;
    --mdui-color-tertiary-light: 115, 90, 0;
    --mdui-color-on-tertiary-light: 255, 255, 255;
    --mdui-color-tertiary-container-light: 240, 220, 100;
    --mdui-color-on-tertiary-container-light: 40, 35, 0;
    --mdui-color-error-light: 186, 26, 26;
    --mdui-color-on-error-light: 255, 255, 255;
    --mdui-color-error-container-light: 255, 218, 214;
    --mdui-color-on-error-container-light: 65, 0, 2;
  }
  html.sž {
    --hue: 160deg;
    --mdui-color-background-light: 247, 249, 255;
    --mdui-color-on-background-light: 23, 28, 33;
    --mdui-color-surface-light: 247, 249, 255;
    --mdui-color-surface-dim-light: 214, 218, 225;
    --mdui-color-surface-bright-light: 247, 249, 255;
    --mdui-color-surface-container-lowest-light: 255, 255, 255;
    --mdui-color-surface-container-low-light: 240, 244, 250;
    --mdui-color-surface-container-light: linear-gradient(320deg, rgb(201 207 218), RGB(228, 232, 239));
    --mdui-color-surface-container-high-light: 228, 232, 239;
    --mdui-color-surface-container-highest-light: 223, 227, 233;
    --mdui-color-on-surface-light: 23, 28, 33;
    --mdui-color-surface-variant-light: 218, 227, 239;
    --mdui-color-on-surface-variant-light: 62, 72, 81;
    --mdui-color-inverse-surface-light: 44, 49, 54;
    --mdui-color-inverse-on-surface-light: 237, 241, 248;
    --mdui-color-outline-light: 111, 120, 130;
    --mdui-color-outline-variant-light: 190, 199, 210;
    --mdui-color-shadow-light: 0, 0, 0;
    --mdui-color-scrim-light: 0, 0, 0;
    --mdui-color-surface-tint-light: 0, 100, 149;
    --mdui-color-primary-light: 0, 100, 149;
    --mdui-color-on-primary-light: 255, 255, 255;
    --mdui-color-primary-container-light: 42, 174, 250;
    --mdui-color-on-primary-container-light: 0, 28, 46;
    --mdui-color-inverse-primary-light: 144, 205, 255;
    --mdui-color-secondary-light: 61, 98, 127;
    --mdui-color-on-secondary-light: 255, 255, 255;
    --mdui-color-secondary-container-light: 193, 225, 255;
    --mdui-color-on-secondary-container-light: 33, 72, 100;
    --mdui-color-tertiary-light: 131, 65, 163;
    --mdui-color-on-tertiary-light: 255, 255, 255;
    --mdui-color-tertiary-container-light: 207, 136, 239;
    --mdui-color-on-tertiary-container-light: 45, 0, 66;
    --mdui-color-error-light: 186, 26, 26;
    --mdui-color-on-error-light: 255, 255, 255;
    --mdui-color-error-container-light: 255, 218, 214;
    --mdui-color-on-error-container-light: 65, 0, 2;
  }
  html.celebus {
    --hue: 160deg;
    --mdui-color-primary-light: 0, 114, 206;
    --mdui-color-on-primary-light: 255, 255, 255;
    --mdui-color-primary-container-light: 255, 215, 0;
    --mdui-color-on-primary-container-light: 0, 50, 100;
    --mdui-color-secondary-light: 0, 80, 150;
    --mdui-color-on-secondary-light: 255, 255, 255;
    --mdui-color-secondary-container-light: 220, 240, 255;
    --mdui-color-on-secondary-container-light: 0, 30, 60;
    --mdui-color-tertiary-light: 218, 165, 32;
    --mdui-color-on-tertiary-light: 255, 255, 255;
    --mdui-color-tertiary-container-light: 255, 245, 200;
    --mdui-color-on-tertiary-container-light: 80, 60, 0;
    --mdui-color-background-light: 250, 252, 255;
    --mdui-color-on-background-light: 20, 30, 40;
    --mdui-color-surface-light: 250, 252, 255;
    --mdui-color-on-surface-light: 20, 30, 40;
    --mdui-color-surface-container-light: linear-gradient(320deg, rgb(194 217 239), rgb(234 245 255));
    --mdui-color-outline-light: 100, 130, 160;
    --mdui-color-outline-variant-light: 200, 220, 235;
    --mdui-color-error-light: 186, 26, 26;
    --mdui-color-surface-variant-light: 225, 235, 245;
    --mdui-color-on-surface-variant-light: 60, 80, 100;
    --mdui-color-shadow-light: 0, 10, 40; /* Modrikasta senca */
  }
  html.movelenje {
    --mdui-color-primary-light: 0, 108, 68;
    --mdui-color-on-primary-light: 255, 255, 255;
    --mdui-color-primary-container-light: 255, 225, 0;
    --mdui-color-on-primary-container-light: 0, 70, 40;
    --mdui-color-secondary-light: 85, 100, 80;
    --mdui-color-on-secondary-light: 255, 255, 255;
    --mdui-color-secondary-container-light: 206 227 196;
    --mdui-color-on-secondary-container-light: 25, 35, 25;
    --mdui-color-tertiary-light: 0, 105, 92;
    --mdui-color-on-tertiary-light: 255, 255, 255;
    --mdui-color-tertiary-container-light: 180, 235, 220;
    --mdui-color-on-tertiary-container-light: 0, 32, 28;
    --mdui-color-error-light: 186, 26, 26;
    --mdui-color-on-error-light: 255, 255, 255;
    --mdui-color-error-container-light: 255, 218, 214;
    --mdui-color-on-error-container-light: 65, 0, 2;
    --mdui-color-background-light: 255, 253, 250;
    --mdui-color-on-background-light: 28, 28, 26;
    --mdui-color-surface-light: 255, 253, 250;
    --mdui-color-on-surface-light: 28, 28, 26;
    --mdui-color-surface-variant-light: 225, 230, 225;
    --mdui-color-on-surface-variant-light: 68, 72, 68;
    --mdui-color-outline-light: 116, 121, 116;
    --mdui-color-outline-variant-light: 196, 200, 196;
    --mdui-color-shadow-light: 0, 0, 0;
    --mdui-color-scrim-light: 0, 0, 0;
    --mdui-color-inverse-surface-light: 49, 50, 49;
    --mdui-color-inverse-on-surface-light: 242, 241, 240;
    --mdui-color-inverse-primary-light: 100, 215, 150;
    --mdui-color-surface-dim-light: 220, 222, 218;
    --mdui-color-surface-bright-light: 250, 252, 248;
    --mdui-color-surface-container-lowest-light: 255, 255, 255;
    --mdui-color-surface-container-low-light: 245, 247, 242;
    --mdui-color-surface-container-light: linear-gradient(320deg, rgb(215, 220, 205), rgb(250, 250, 235));
    --mdui-color-surface-container-high-light: 235, 238, 232;
    --mdui-color-surface-container-highest-light: 230, 233, 227;
    --mdui-color-surface-tint-color-light: 0, 108, 68;
  }
  html.mokranj {
    --hue: 310deg;
    --mdui-color-background-light: 252, 252, 255; /* Hladna bela */
    --mdui-color-on-background-light: 26, 26, 28;
    --mdui-color-surface-light: 252, 252, 255;
    --mdui-color-surface-dim-light: 220, 220, 225;
    --mdui-color-surface-bright-light: 252, 252, 255;
    --mdui-color-surface-container-lowest-light: 255, 255, 255;
    --mdui-color-surface-container-low-light: 245, 245, 250;
    --mdui-color-surface-container-light: linear-gradient(320deg, rgb(243 212 217), rgb(255 232 237));
    --mdui-color-surface-container-high-light: 240, 242, 248;
    --mdui-color-surface-container-highest-light: 235, 237, 242;
    --mdui-color-on-surface-light: 26, 26, 28;
    --mdui-color-surface-variant-light: 225, 227, 235;
    --mdui-color-on-surface-variant-light: 68, 71, 78;
    --mdui-color-inverse-surface-light: 47, 48, 51;
    --mdui-color-inverse-on-surface-light: 241, 240, 244;
    --mdui-color-outline-light: 116, 119, 127;
    --mdui-color-outline-variant-light: 196, 199, 207;
    --mdui-color-shadow-light: 0, 0, 0;
    --mdui-color-scrim-light: 0, 0, 0;
    --mdui-color-surface-tint-light: 220, 20, 60;
    --mdui-color-primary-light: 200, 10, 40; /* Glavna rdeča */
    --mdui-color-on-primary-light: 255, 255, 255;
    --mdui-color-primary-container-light: 255, 218, 218;
    --mdui-color-on-primary-container-light: 65, 0, 10;
    --mdui-color-inverse-primary-light: 255, 179, 180;
    --mdui-color-secondary-light: 40, 45, 50;
    --mdui-color-on-secondary-light: 255, 255, 255;
    --mdui-color-secondary-container-light: 255 212 219;
    --mdui-color-on-secondary-container-light: 20, 25, 30;
    --mdui-color-tertiary-light: 110, 115, 125;
    --mdui-color-on-tertiary-light: 255, 255, 255;
    --mdui-color-tertiary-container-light: 235, 240, 250;
    --mdui-color-on-tertiary-container-light: 40, 45, 55;
    --mdui-color-error-light: 186, 26, 26;
    --mdui-color-on-error-light: 255, 255, 255;
    --mdui-color-error-container-light: 255, 218, 214;
    --mdui-color-on-error-container-light: 65, 0, 2;
  }
}
:root {
  --mdui-breakpoint-xs: 0px;
  --mdui-breakpoint-sm: 600px;
  --mdui-breakpoint-md: 840px;
  --mdui-breakpoint-lg: 1080px;
  --mdui-breakpoint-xl: 1440px;
  --mdui-breakpoint-xxl: 1920px;
}

.mdui-theme-light,
:root {
  color-scheme: light;
  --mdui-color-primary: var(--mdui-color-primary-light);
  --mdui-color-primary-container: var(--mdui-color-primary-container-light);
  --mdui-color-on-primary: var(--mdui-color-on-primary-light);
  --mdui-color-on-primary-container: var(--mdui-color-on-primary-container-light);
  --mdui-color-inverse-primary: var(--mdui-color-inverse-primary-light);
  --mdui-color-secondary: var(--mdui-color-secondary-light);
  --mdui-color-secondary-container: var(--mdui-color-secondary-container-light);
  --mdui-color-on-secondary: var(--mdui-color-on-secondary-light);
  --mdui-color-on-secondary-container: var(--mdui-color-on-secondary-container-light);
  --mdui-color-tertiary: var(--mdui-color-tertiary-light);
  --mdui-color-tertiary-container: var(--mdui-color-tertiary-container-light);
  --mdui-color-on-tertiary: var(--mdui-color-on-tertiary-light);
  --mdui-color-on-tertiary-container: var(--mdui-color-on-tertiary-container-light);
  --mdui-color-surface: var(--mdui-color-surface-light);
  --mdui-color-surface-dim: var(--mdui-color-surface-dim-light);
  --mdui-color-surface-bright: var(--mdui-color-surface-bright-light);
  --mdui-color-surface-container-lowest: var(--mdui-color-surface-container-lowest-light);
  --mdui-color-surface-container-low: var(--mdui-color-surface-container-low-light);
  --mdui-color-surface-container: var(--mdui-color-surface-container-light);
  --mdui-color-surface-container-high: var(--mdui-color-surface-container-high-light);
  --mdui-color-surface-container-highest: var(--mdui-color-surface-container-highest-light);
  --mdui-color-surface-variant: var(--mdui-color-surface-variant-light);
  --mdui-color-on-surface: var(--mdui-color-on-surface-light);
  --mdui-color-on-surface-variant: var(--mdui-color-on-surface-variant-light);
  --mdui-color-inverse-surface: var(--mdui-color-inverse-surface-light);
  --mdui-color-inverse-on-surface: var(--mdui-color-inverse-on-surface-light);
  --mdui-color-background: var(--mdui-color-background-light);
  --mdui-color-on-background: var(--mdui-color-on-background-light);
  --mdui-color-error: var(--mdui-color-error-light);
  --mdui-color-error-container: var(--mdui-color-error-container-light);
  --mdui-color-on-error: var(--mdui-color-on-error-light);
  --mdui-color-on-error-container: var(--mdui-color-on-error-container-light);
  --mdui-color-outline: var(--mdui-color-outline-light);
  --mdui-color-outline-variant: var(--mdui-color-outline-variant-light);
  --mdui-color-shadow: var(--mdui-color-shadow-light);
  --mdui-color-surface-tint-color: var(--mdui-color-surface-tint-color-light);
  --mdui-color-scrim: var(--mdui-color-scrim-light);
  color: rgb(var(--mdui-color-on-background));
  background-color: rgb(var(--mdui-color-background));
}
.mdui-theme-dark {
  color-scheme: dark;
  --mdui-color-primary: var(--mdui-color-primary-dark);
  --mdui-color-primary-container: var(--mdui-color-primary-container-dark);
  --mdui-color-on-primary: var(--mdui-color-on-primary-dark);
  --mdui-color-on-primary-container: var(--mdui-color-on-primary-container-dark);
  --mdui-color-inverse-primary: var(--mdui-color-inverse-primary-dark);
  --mdui-color-secondary: var(--mdui-color-secondary-dark);
  --mdui-color-secondary-container: var(--mdui-color-secondary-container-dark);
  --mdui-color-on-secondary: var(--mdui-color-on-secondary-dark);
  --mdui-color-on-secondary-container: var(--mdui-color-on-secondary-container-dark);
  --mdui-color-tertiary: var(--mdui-color-tertiary-dark);
  --mdui-color-tertiary-container: var(--mdui-color-tertiary-container-dark);
  --mdui-color-on-tertiary: var(--mdui-color-on-tertiary-dark);
  --mdui-color-on-tertiary-container: var(--mdui-color-on-tertiary-container-dark);
  --mdui-color-surface: var(--mdui-color-surface-dark);
  --mdui-color-surface-dim: var(--mdui-color-surface-dim-dark);
  --mdui-color-surface-bright: var(--mdui-color-surface-bright-dark);
  --mdui-color-surface-container-lowest: var(--mdui-color-surface-container-lowest-dark);
  --mdui-color-surface-container-low: var(--mdui-color-surface-container-low-dark);
  --mdui-color-surface-container: var(--mdui-color-surface-container-dark);
  --mdui-color-surface-container-high: var(--mdui-color-surface-container-high-dark);
  --mdui-color-surface-container-highest: var(--mdui-color-surface-container-highest-dark);
  --mdui-color-surface-variant: var(--mdui-color-surface-variant-dark);
  --mdui-color-on-surface: var(--mdui-color-on-surface-dark);
  --mdui-color-on-surface-variant: var(--mdui-color-on-surface-variant-dark);
  --mdui-color-inverse-surface: var(--mdui-color-inverse-surface-dark);
  --mdui-color-inverse-on-surface: var(--mdui-color-inverse-on-surface-dark);
  --mdui-color-background: var(--mdui-color-background-dark);
  --mdui-color-on-background: var(--mdui-color-on-background-dark);
  --mdui-color-error: var(--mdui-color-error-dark);
  --mdui-color-error-container: var(--mdui-color-error-container-dark);
  --mdui-color-on-error: var(--mdui-color-on-error-dark);
  --mdui-color-on-error-container: var(--mdui-color-on-error-container-dark);
  --mdui-color-outline: var(--mdui-color-outline-dark);
  --mdui-color-outline-variant: var(--mdui-color-outline-variant-dark);
  --mdui-color-shadow: var(--mdui-color-shadow-dark);
  --mdui-color-surface-tint-color: var(--mdui-color-surface-tint-color-dark);
  --mdui-color-scrim: var(--mdui-color-scrim-dark);
  color: rgb(var(--mdui-color-on-background));
  background-color: rgb(var(--mdui-color-background));
}
@media (prefers-color-scheme: dark) {
  .mdui-theme-auto {
    color-scheme: dark;
    --mdui-color-primary: var(--mdui-color-primary-dark);
    --mdui-color-primary-container: var(--mdui-color-primary-container-dark);
    --mdui-color-on-primary: var(--mdui-color-on-primary-dark);
    --mdui-color-on-primary-container: var(--mdui-color-on-primary-container-dark);
    --mdui-color-inverse-primary: var(--mdui-color-inverse-primary-dark);
    --mdui-color-secondary: var(--mdui-color-secondary-dark);
    --mdui-color-secondary-container: var(--mdui-color-secondary-container-dark);
    --mdui-color-on-secondary: var(--mdui-color-on-secondary-dark);
    --mdui-color-on-secondary-container: var(--mdui-color-on-secondary-container-dark);
    --mdui-color-tertiary: var(--mdui-color-tertiary-dark);
    --mdui-color-tertiary-container: var(--mdui-color-tertiary-container-dark);
    --mdui-color-on-tertiary: var(--mdui-color-on-tertiary-dark);
    --mdui-color-on-tertiary-container: var(--mdui-color-on-tertiary-container-dark);
    --mdui-color-surface: var(--mdui-color-surface-dark);
    --mdui-color-surface-dim: var(--mdui-color-surface-dim-dark);
    --mdui-color-surface-bright: var(--mdui-color-surface-bright-dark);
    --mdui-color-surface-container-lowest: var(--mdui-color-surface-container-lowest-dark);
    --mdui-color-surface-container-low: var(--mdui-color-surface-container-low-dark);
    --mdui-color-surface-container: var(--mdui-color-surface-container-dark);
    --mdui-color-surface-container-high: var(--mdui-color-surface-container-high-dark);
    --mdui-color-surface-container-highest: var(--mdui-color-surface-container-highest-dark);
    --mdui-color-surface-variant: var(--mdui-color-surface-variant-dark);
    --mdui-color-on-surface: var(--mdui-color-on-surface-dark);
    --mdui-color-on-surface-variant: var(--mdui-color-on-surface-variant-dark);
    --mdui-color-inverse-surface: var(--mdui-color-inverse-surface-dark);
    --mdui-color-inverse-on-surface: var(--mdui-color-inverse-on-surface-dark);
    --mdui-color-background: var(--mdui-color-background-dark);
    --mdui-color-on-background: var(--mdui-color-on-background-dark);
    --mdui-color-error: var(--mdui-color-error-dark);
    --mdui-color-error-container: var(--mdui-color-error-container-dark);
    --mdui-color-on-error: var(--mdui-color-on-error-dark);
    --mdui-color-on-error-container: var(--mdui-color-on-error-container-dark);
    --mdui-color-outline: var(--mdui-color-outline-dark);
    --mdui-color-outline-variant: var(--mdui-color-outline-variant-dark);
    --mdui-color-shadow: var(--mdui-color-shadow-dark);
    --mdui-color-surface-tint-color: var(--mdui-color-surface-tint-color-dark);
    --mdui-color-scrim: var(--mdui-color-scrim-dark);
    color: rgb(var(--mdui-color-on-background));
    background-color: rgb(var(--mdui-color-background));
  }
}
:root {
  --mdui-elevation-level0: none;
  --mdui-elevation-level1: 0 0.5px 1.5px 0 rgba(var(--mdui-color-shadow), 19%), 0 0 1px 0 rgba(var(--mdui-color-shadow), 3.9%);
  --mdui-elevation-level2: 0 0.85px 3px 0 rgba(var(--mdui-color-shadow), 19%), 0 0.25px 1px 0 rgba(var(--mdui-color-shadow), 3.9%);
  --mdui-elevation-level3: 0 1.25px 5px 0 rgba(var(--mdui-color-shadow), 19%), 0 0.3333px 1.5px 0 rgba(var(--mdui-color-shadow), 3.9%);
  --mdui-elevation-level4: 0 1.85px 6.25px 0 rgba(var(--mdui-color-shadow), 19%), 0 0.5px 1.75px 0 rgba(var(--mdui-color-shadow), 3.9%);
  --mdui-elevation-level5: 0 2.75px 9px 0 rgba(var(--mdui-color-shadow), 19%), 0 0.25px 3px 0 rgba(var(--mdui-color-shadow), 3.9%);
}
:root {
  --mdui-motion-easing-linear: cubic-bezier(0, 0, 1, 1);
  --mdui-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --mdui-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --mdui-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);
  --mdui-motion-easing-emphasized: var(--mdui-motion-easing-standard);
  --mdui-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
  --mdui-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
  --mdui-motion-duration-short1: 50ms;
  --mdui-motion-duration-short2: 100ms;
  --mdui-motion-duration-short3: 150ms;
  --mdui-motion-duration-short4: 200ms;
  --mdui-motion-duration-medium1: 250ms;
  --mdui-motion-duration-medium2: 300ms;
  --mdui-motion-duration-medium3: 350ms;
  --mdui-motion-duration-medium4: 400ms;
  --mdui-motion-duration-long1: 450ms;
  --mdui-motion-duration-long2: 500ms;
  --mdui-motion-duration-long3: 550ms;
  --mdui-motion-duration-long4: 600ms;
  --mdui-motion-duration-extra-long1: 700ms;
  --mdui-motion-duration-extra-long2: 800ms;
  --mdui-motion-duration-extra-long3: 900ms;
  --mdui-motion-duration-extra-long4: 1000ms;
}
:root {
  --mdui-shape-corner-none: 0;
  --mdui-shape-corner-extra-small: 0.25rem;
  --mdui-shape-corner-small: 0.5rem;
  --mdui-shape-corner-medium: 0.75rem;
  --mdui-shape-corner-large: 1rem;
  --mdui-shape-corner-extra-large: 1.75rem;
  --mdui-shape-corner-full: 1000rem;
}
:root {
  --mdui-state-layer-hover: 0.08;
  --mdui-state-layer-focus: 0.12;
  --mdui-state-layer-pressed: 0.12;
  --mdui-state-layer-dragged: 0.16;
}
:root {
  --mdui-typescale-display-large-weight: 400;
  --mdui-typescale-display-medium-weight: 400;
  --mdui-typescale-display-small-weight: 400;
  --mdui-typescale-display-large-line-height: 4rem;
  --mdui-typescale-display-medium-line-height: 3.25rem;
  --mdui-typescale-display-small-line-height: 2.75rem;
  --mdui-typescale-display-large-size: 3.5625rem;
  --mdui-typescale-display-medium-size: 2.8125rem;
  --mdui-typescale-display-small-size: 2.25rem;
  --mdui-typescale-display-large-tracking: 0rem;
  --mdui-typescale-display-medium-tracking: 0rem;
  --mdui-typescale-display-small-tracking: 0rem;
  --mdui-typescale-headline-large-weight: 400;
  --mdui-typescale-headline-medium-weight: 400;
  --mdui-typescale-headline-small-weight: 400;
  --mdui-typescale-headline-large-line-height: 2.5rem;
  --mdui-typescale-headline-medium-line-height: 2.25rem;
  --mdui-typescale-headline-small-line-height: 2rem;
  --mdui-typescale-headline-large-size: 2rem;
  --mdui-typescale-headline-medium-size: 1.75rem;
  --mdui-typescale-headline-small-size: 1.5rem;
  --mdui-typescale-headline-large-tracking: 0rem;
  --mdui-typescale-headline-medium-tracking: 0rem;
  --mdui-typescale-headline-small-tracking: 0rem;
  --mdui-typescale-title-large-weight: 400;
  --mdui-typescale-title-medium-weight: 500;
  --mdui-typescale-title-small-weight: 500;
  --mdui-typescale-title-large-line-height: 1.75rem;
  --mdui-typescale-title-medium-line-height: 1.5rem;
  --mdui-typescale-title-small-line-height: 1.25rem;
  --mdui-typescale-title-large-size: 1.375rem;
  --mdui-typescale-title-medium-size: 1rem;
  --mdui-typescale-title-small-size: 0.875rem;
  --mdui-typescale-title-large-tracking: 0rem;
  --mdui-typescale-title-medium-tracking: 0.009375rem;
  --mdui-typescale-title-small-tracking: 0.00625rem;
  --mdui-typescale-label-large-weight: 500;
  --mdui-typescale-label-medium-weight: 500;
  --mdui-typescale-label-small-weight: 500;
  --mdui-typescale-label-large-line-height: 1.25rem;
  --mdui-typescale-label-medium-line-height: 1rem;
  --mdui-typescale-label-small-line-height: 0.375rem;
  --mdui-typescale-label-large-size: 0.875rem;
  --mdui-typescale-label-medium-size: 0.75rem;
  --mdui-typescale-label-small-size: 0.6875rem;
  --mdui-typescale-label-large-tracking: 0.00625rem;
  --mdui-typescale-label-medium-tracking: 0.03125rem;
  --mdui-typescale-label-small-tracking: 0.03125rem;
  --mdui-typescale-body-large-weight: 400;
  --mdui-typescale-body-medium-weight: 400;
  --mdui-typescale-body-small-weight: 400;
  --mdui-typescale-body-large-line-height: 1.5rem;
  --mdui-typescale-body-medium-line-height: 1.25rem;
  --mdui-typescale-body-small-line-height: 1rem;
  --mdui-typescale-body-large-size: 1rem;
  --mdui-typescale-body-medium-size: 0.875rem;
  --mdui-typescale-body-small-size: 0.75rem;
  --mdui-typescale-body-large-tracking: 0.009375rem;
  --mdui-typescale-body-medium-tracking: 0.015625rem;
  --mdui-typescale-body-small-tracking: 0.025rem;
}
.mdui-lock-screen {
  overflow: hidden !important;
}