:root {
  --lable-font-size: 0.6rem;
  --screen-font-family: 'VT323', monospace;
  --main-padding-gap: 10px;
  --mini-screen-border-radius: 5px;
  --main-font-size: 1rem;
  --mobile-font-size: 0.8rem;
  --screen-border-radius: 2rem;
  --border-radius: 0.75em;

  --border-color-main: #696969;
  --main-text-color: #ffffff;
  --secondary-text-color: #00ff00;
  --btn-text-color: #696969;
  --mini-screen-element-hover: rgba(0, 255, 0, 0.1);

  --main-container-bg-outside: url('/Assets/Textures/pcb_1.png');
  --main-container-bg-inside:
    linear-gradient(
      to right,
      #005b6b 0%,
      #00a6b5 20%,
      #72e0df 50%,
      #00a6b5 80%,
      #005b6b 100%
    );
  --controls-bg: url('/Assets/Textures/outlets.png');
  --content-bg:
    radial-gradient(
      ellipse at 50% 45%,
      #0b700d 0%,
      #075c08 35%,
      #034703 70%,
      #012f02 100%
    );
  --logo-text-color-main:
    linear-gradient(
      to bottom,
      #dffff0,
      #7cff7c 35%,
      #2cff2c 55%,
      #0f8d0f 100%
    );
  --speaker-bg:
    linear-gradient(
      to right,
      #1f2623 0%,
      #58665f 20%,
      #73827b 50%,
      #58665f 80%,
      #1f2623 100%
    );
  --silver-bg-pipe:
    linear-gradient(
      to right,
      #050505 0%,
      #1a1a1a 8%,
      #8e8e8e 18%,
      #f5f5f5 28%,
      #8d8d8d 38%,
      #3a3a3a 50%,
      #d9d9d9 62%,
      #7c7c7c 74%,
      #1b1b1b 88%,
      #000000 100%
    );
  --button-bg:
    url('/Assets/Textures/white-brushed.png'),
    linear-gradient(
      to right,
      #2a2a2a 0%,
      #555555 10%,
      #aaaaaa 20%,
      #aaaaaa 70%,
      #555555 85%,
      #2a2a2a 100%
    );
  --screen-border-bg:
    linear-gradient(
      to right,
      #1c1c1c 0%,
      #2b2b2b 8%,
      #6f6f6f 18%,
      #bdbdbd 32%,
      #7a7a7a 58%,
      #9f9f9f 84%,
      #1a1a1a 100%
    );

  --text-shadow:
    -0.5px -0.5px 0 #000000,
    0.5px -0.5px 0 #000000,
    -0.5px 0.5px 0 #000000,
    0.5px 0.5px 0 #000000;
  --mini-scren-shadows:
    inset 0 1px 1px 1px rgba(0, 0, 0, 0.5),
    0 1px 0 0 rgba(255, 255, 255, 0.1),
    inset 0 0 10px #999999,
    inset 0 0 1.5rem rgba(0, 0, 0, 0.8);
  --controls-shadow:
    inset 0 5px 8px #4f4f4f,
    inset 0 -5px 8px #a6a6a6,
    inset 8px 0 10px #4f4f4f,
    inset -5px 0 8px #a6a6a6;
  --button-shadow:
    inset 0 2px 1px rgba(220, 255, 250, 0.65),
    inset 0 1px 6px rgba(255, 255, 255, 0.18),
    inset 0 -4px 6px rgba(0, 20, 20, 0.45),
    0 1px 1px rgba(0, 0, 0, 0.5),
    0 3px 6px rgba(0, 0, 0, 0.35);
  --container-shadow:
    0 0 2px rgba(0, 0, 0, 0.8),
    inset 0 1px 1.5px rgba(255, 255, 255, 0.6),
    inset 0 2px 5px rgba(255, 255, 255, 0.2),
    inset 0 -1px 1.5px rgba(0, 0, 0, 0.4),
    inset 0 -2.5px 4px rgba(0, 0, 0, 0.2),
    inset 2px 0 4px rgba(0, 0, 0, 0.25),
    inset -2px 0 4px rgba(0, 0, 0, 0.25),
    inset 0 0 6px rgba(255, 255, 255, 0.55),
    inset 0 0 14px rgba(0, 0, 0, 0.35);
}
:root.red-theme {
  --border-color-main: #ff3a82;
  --main-text-color: #fff7fb;
  --chrome-text-color: #fff7fb;
  --secondary-text-color: #65fff1;
  --btn-text-color: #25051f;
  --mini-screen-element-hover: rgba(101, 255, 241, 0.2);
  --main-container-bg-outside:
    url('/Assets%20Server/textures/carbon-fibre.png'),
    linear-gradient(135deg, #120316 0%, #4d0639 33%, #e40055 68%, #2d043a 100%);
  --main-container-bg-inside:
    linear-gradient(90deg, #10031a 0%, #691044 24%, #ff174f 49%, #7515a6 73%, #08031a 100%);
  --controls-bg:
    url('/Assets%20Server/textures/black-scales.png'),
    linear-gradient(145deg, #16051f 0%, #7e0c53 54%, #e41256 100%);
  --content-bg:
    radial-gradient(circle at 72% 12%, rgba(36, 255, 238, 0.4), transparent 22%),
    radial-gradient(ellipse at 50% 15%, #d91466 0%, #4a0b48 38%, #0a0719 82%);
  --logo-text-color-main: linear-gradient(#ffffff 0%, #6dfff5 28%, #ffef52 52%, #ff2271 76%, #7e16e5 100%);
  --speaker-bg: linear-gradient(90deg, #08040f 0%, #7f0d51 24%, #ff255c 43%, #61fff1 50%, #ff255c 57%, #7f0d51 76%, #08040f 100%);
  --silver-bg-pipe: linear-gradient(90deg, #050208 0%, #6b0c6e 14%, #ff2c7a 28%, #faffff 42%, #50fff1 53%, #7030ff 68%, #230427 84%, #040106 100%);
  --button-bg:
    url('/Assets%20Server/textures/brushed-alum.png'),
    linear-gradient(180deg, #fff98e 0%, #ff91ad 48%, #bd83dc 100%);
  --screen-border-bg: linear-gradient(115deg, #07020d 0%, #ff1f6a 23%, #71fff4 43%, #7124df 61%, #ffcf32 78%, #11031b 100%);
  --mini-scren-shadows: inset 0 0 14px #ff1d75, inset 0 0 2rem rgba(94, 10, 124, 0.85), 0 0 12px rgba(101, 255, 241, 0.45);
  --controls-shadow: inset 0 6px 12px #ff3980, inset 0 -6px 12px #32032c, inset 8px 0 12px #761196, inset -8px 0 12px #47e9dc;
  --button-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.72), inset 0 -5px 8px rgba(55, 0, 66, 0.75), 0 0 12px #ff2670, 0 0 20px rgba(101, 255, 241, 0.55);
  --container-shadow: inset 0 0 12px rgba(255, 69, 135, 0.8), inset 0 0 28px rgba(61, 3, 75, 0.8), 0 0 15px rgba(255, 21, 101, 0.55), 0 0 28px rgba(74, 255, 236, 0.22);
}
:root.sonic-theme {
  --border-color-main: #ffd43b;
  --main-text-color: #ffffff;
  --chrome-text-color: #ffffff;
  --secondary-text-color: #8ff7ff;
  --btn-text-color: #061a50;
  --mini-screen-element-hover: rgba(81, 220, 255, 0.2);
  --main-container-bg-outside:
    url('/Assets%20Server/textures/wave-grid.png'),
    linear-gradient(135deg, #03184f 0%, #075ac7 42%, #008ae8 68%, #042466 100%);
  --main-container-bg-inside: linear-gradient(100deg, #03194d 0%, #0c52ba 35%, #1ea9ec 51%, #0958be 70%, #031746 100%);
  --controls-bg:
    url('/Assets%20Server/textures/bright-squares.png'),
    linear-gradient(145deg, #041b57 0%, #0768d6 58%, #00a4e8 100%);
  --content-bg:
    radial-gradient(circle at 75% 15%, rgba(255, 220, 46, 0.4), transparent 18%),
    radial-gradient(ellipse at 50% 18%, #16b8ee 0%, #0864c8 36%, #03143f 82%);
  --logo-text-color-main: linear-gradient(#ffffff 0%, #b7fbff 35%, #1dd3f4 58%, #0751c5 76%, #ffd835 100%);
  --speaker-bg: linear-gradient(90deg, #020d2d 0%, #064b9f 24%, #13b6ed 48%, #ffd738 50%, #13b6ed 52%, #064b9f 76%, #020d2d 100%);
  --silver-bg-pipe: linear-gradient(90deg, #021039 0%, #096fd4 14%, #b9f8ff 29%, #ffffff 40%, #f6ca2d 50%, #ffffff 60%, #43c7f3 73%, #073879 87%, #010b28 100%);
  --button-bg:
    url('/Assets%20Server/textures/brushed-alum.png'),
    linear-gradient(180deg, #ffffff 0%, #8ae8f5 42%, #70b8e8 72%, #ffe27a 100%);
  --screen-border-bg: linear-gradient(110deg, #020d31 0%, #0b68d6 25%, #9bf7ff 43%, #ffd533 51%, #35c9f0 62%, #0645a2 81%, #020b28 100%);
  --mini-scren-shadows: inset 0 0 15px #0878d9, inset 0 0 2rem rgba(0, 22, 83, 0.85), 0 0 10px rgba(255, 214, 51, 0.35);
  --controls-shadow: inset 0 6px 10px #4bd9ff, inset 0 -6px 10px #021344, inset 8px 0 12px #0643a0, inset -8px 0 12px #ffd63a;
  --button-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.85), inset 0 -5px 8px rgba(1, 25, 86, 0.65), 0 4px 8px rgba(0, 24, 74, 0.6), 0 0 11px rgba(50, 206, 255, 0.6);
  --container-shadow: inset 0 0 12px rgba(83, 207, 255, 0.75), inset 0 0 25px rgba(1, 25, 84, 0.65), 0 8px 18px rgba(2, 23, 71, 0.58), 0 0 14px rgba(255, 214, 51, 0.28);
}
:root.she-theme {
  --border-color-main: #9f3f78;
  --main-text-color: #fff9fd;
  --chrome-text-color: #fff9fd;
  --secondary-text-color: #fff0fa;
  --btn-text-color: #6f2454;
  --mini-screen-element-hover: rgba(255, 226, 244, 0.24);
  --main-container-bg-outside:
    url('/Assets%20Server/textures/sprinkles.png'),
    linear-gradient(135deg, #ffcae4 0%, #f37db4 48%, #c34991 100%);
  --main-container-bg-inside: linear-gradient(90deg, #72265d 0%, #d45197 34%, #ffa9cf 51%, #c8448c 72%, #682254 100%);
  --controls-bg:
    url('/Assets%20Server/textures/white-diamond.png'),
    linear-gradient(145deg, #8a2e6b 0%, #e565a5 55%, #ffacd0 100%);
  --content-bg:
    radial-gradient(circle at 25% 14%, rgba(255, 255, 255, 0.55), transparent 18%),
    radial-gradient(ellipse at 50% 18%, #fca9cc 0%, #b8448d 42%, #3d1a49 86%);
  --logo-text-color-main: linear-gradient(#ffffff 0%, #ffe4f2 34%, #ff8abb 60%, #c4458e 82%, #71305f 100%);
  --speaker-bg: linear-gradient(90deg, #452043 0%, #c94e91 24%, #ffafd0 48%, #fff5fb 50%, #ffafd0 52%, #c94e91 76%, #452043 100%);
  --silver-bg-pipe: linear-gradient(90deg, #5b2852 0%, #ce65a0 15%, #ffe0ee 31%, #ffffff 45%, #ffb9d5 58%, #de75ab 72%, #7b3465 87%, #421c3d 100%);
  --button-bg:
    url('/Assets%20Server/textures/white-brushed.png'),
    linear-gradient(180deg, #ffffff 0%, #ffd3e7 43%, #f59bc1 72%, #e986b9 100%);
  --screen-border-bg: linear-gradient(110deg, #5a2450 0%, #de67a3 24%, #fff2f8 43%, #f69ac2 58%, #a83879 78%, #4c1d48 100%);
  --mini-scren-shadows: inset 0 0 14px #e45f9e, inset 0 0 2rem rgba(82, 25, 74, 0.72), 0 0 10px rgba(255, 220, 239, 0.6);
  --controls-shadow: inset 0 6px 11px #ffc6de, inset 0 -6px 11px #702255, inset 8px 0 12px #b94383, inset -8px 0 12px #ffe5f1;
  --button-shadow: inset 0 2px 3px #ffffff, inset 0 -5px 8px rgba(122, 33, 83, 0.5), 0 4px 8px rgba(99, 26, 72, 0.38), 0 0 11px rgba(255, 166, 205, 0.7);
  --container-shadow: inset 0 0 12px rgba(255, 209, 230, 0.8), inset 0 0 26px rgba(145, 47, 107, 0.45), 0 8px 18px rgba(98, 31, 78, 0.42), 0 0 15px rgba(255, 155, 199, 0.42);
}
:root.cook-theme {
  --border-color-main: #6b271f;
  --main-text-color: #fff8e8;
  --chrome-text-color: #fff8e8;
  --secondary-text-color: #ffd48a;
  --btn-text-color: #5d251d;
  --mini-screen-element-hover: rgba(255, 212, 138, 0.2);
  --main-container-bg-outside:
    url('/Assets%20Server/textures/brushed-alum.png'),
    linear-gradient(135deg, #401714 0%, #a6402d 43%, #d37648 66%, #6f241d 100%);
  --main-container-bg-inside: linear-gradient(90deg, #47171a 0%, #9f3e2c 34%, #d77c4a 51%, #873125 72%, #39151a 100%);
  --controls-bg:
    url('/Assets%20Server/textures/checkered-light-emboss.png'),
    linear-gradient(145deg, #f5dfbd 0%, #d6a775 52%, #a64a31 100%);
  --content-bg:
    radial-gradient(circle at 50% 12%, rgba(255, 198, 104, 0.35), transparent 25%),
    radial-gradient(ellipse at 50% 18%, #74432d 0%, #35261f 48%, #111918 90%);
  --logo-text-color-main: linear-gradient(#fffceb 0%, #ffd17c 36%, #df7047 66%, #7c2823 100%);
  --speaker-bg: linear-gradient(90deg, #241718 0%, #743020 24%, #d7844d 48%, #fff1c5 50%, #d7844d 52%, #743020 76%, #241718 100%);
  --silver-bg-pipe: linear-gradient(90deg, #24201e 0%, #80533b 14%, #dfb989 29%, #fff8e6 43%, #c98048 55%, #f0cc9d 67%, #7a3c2b 83%, #261718 100%);
  --button-bg:
    url('/Assets%20Server/textures/white-brushed.png'),
    linear-gradient(180deg, #fffbed 0%, #f2d39d 42%, #dda172 74%, #d18d64 100%);
  --screen-border-bg: linear-gradient(110deg, #2d1818 0%, #9b4933 23%, #f0c98f 41%, #fff9e7 50%, #c87747 64%, #6f2a22 82%, #251516 100%);
  --mini-scren-shadows: inset 0 0 14px #9f4d31, inset 0 0 2rem rgba(31, 18, 16, 0.82), 0 0 9px rgba(255, 203, 124, 0.4);
  --controls-shadow: inset 0 6px 11px #fff0cd, inset 0 -6px 11px #6c281f, inset 8px 0 12px #a75335, inset -8px 0 12px #e3b77d;
  --button-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.86), inset 0 -5px 8px rgba(92, 30, 22, 0.58), 0 4px 8px rgba(55, 24, 18, 0.45), 0 0 9px rgba(237, 170, 91, 0.42);
  --container-shadow: inset 0 0 12px rgba(238, 171, 99, 0.62), inset 0 0 25px rgba(79, 27, 22, 0.55), 0 8px 18px rgba(50, 20, 17, 0.48), 0 0 12px rgba(255, 205, 126, 0.25);
}
:root.dive-theme {
  --border-color-main: #73d9d4;
  --main-text-color: #efffff;
  --chrome-text-color: #efffff;
  --secondary-text-color: #9effed;
  --btn-text-color: #073c56;
  --mini-screen-element-hover: rgba(122, 255, 234, 0.2);
  --main-container-bg-outside:
    url('/Assets%20Server/textures/wavecut.png'),
    linear-gradient(145deg, #021e43 0%, #05647f 44%, #07988f 68%, #06354f 100%);
  --main-container-bg-inside: linear-gradient(90deg, #042640 0%, #087587 34%, #2db7a9 51%, #08657a 72%, #031f3a 100%);
  --controls-bg:
    url('/Assets%20Server/textures/wave-grid.png'),
    linear-gradient(145deg, #043657 0%, #07849a 54%, #22b8aa 100%);
  --content-bg:
    radial-gradient(circle at 20% 22%, rgba(191, 255, 241, 0.42) 0 2px, transparent 3px),
    radial-gradient(circle at 75% 12%, rgba(179, 255, 241, 0.3) 0 4px, transparent 5px),
    radial-gradient(ellipse at 50% 15%, #14aca8 0%, #075f80 38%, #021d3a 86%);
  --logo-text-color-main: linear-gradient(#f5fffd 0%, #a7fff0 38%, #2fd5ca 65%, #076b88 100%);
  --speaker-bg: linear-gradient(90deg, #02172d 0%, #075d79 24%, #28bdb2 48%, #c7fff5 50%, #28bdb2 52%, #075d79 76%, #02172d 100%);
  --silver-bg-pipe: linear-gradient(90deg, #01152b 0%, #07607a 14%, #72d9d3 28%, #eaffff 42%, #63c7d3 55%, #b8fff5 68%, #0b6880 84%, #01142a 100%);
  --button-bg:
    url('/Assets%20Server/textures/brushed-alum.png'),
    linear-gradient(180deg, #f1fffc 0%, #a5eadf 43%, #72c9c7 72%, #56aeb9 100%);
  --screen-border-bg: linear-gradient(110deg, #01182f 0%, #08738d 23%, #8be7df 41%, #edfffc 50%, #36b6ae 65%, #07556f 82%, #01152b 100%);
  --mini-scren-shadows: inset 0 0 15px #078ca0, inset 0 0 2rem rgba(0, 23, 52, 0.86), 0 0 12px rgba(111, 255, 230, 0.35);
  --controls-shadow: inset 0 6px 11px #6ee2d7, inset 0 -6px 11px #022441, inset 8px 0 12px #07576f, inset -8px 0 12px #28b9ad;
  --button-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.85), inset 0 -5px 8px rgba(0, 47, 68, 0.64), 0 4px 8px rgba(0, 28, 48, 0.52), 0 0 11px rgba(82, 225, 207, 0.48);
  --container-shadow: inset 0 0 12px rgba(76, 219, 207, 0.63), inset 0 0 27px rgba(1, 34, 66, 0.66), 0 8px 18px rgba(0, 26, 48, 0.55), 0 0 14px rgba(108, 255, 232, 0.25);
}
:root.gangsta-theme {
  --border-color-main: #a77a38;
  --main-text-color: #f8f1df;
  --chrome-text-color: #f8f1df;
  --secondary-text-color: #eac369;
  --btn-text-color: #1b1110;
  --mini-screen-element-hover: rgba(234, 195, 105, 0.17);
  --main-container-bg-outside:
    url('/Assets%20Server/textures/black-linen.png'),
    linear-gradient(135deg, #050506 0%, #201117 42%, #4b1222 65%, #09080b 100%);
  --main-container-bg-inside: linear-gradient(90deg, #08080a 0%, #30111b 34%, #681827 51%, #271017 72%, #050506 100%);
  --controls-bg:
    url('/Assets%20Server/textures/black-mamba.png'),
    linear-gradient(145deg, #08080a 0%, #281018 58%, #4f1622 100%);
  --content-bg:
    radial-gradient(ellipse at 50% 12%, #5c1728 0%, #1b1017 43%, #030305 90%);
  --logo-text-color-main: linear-gradient(#fff8df 0%, #e5be68 40%, #95642d 70%, #3c1b19 100%);
  --speaker-bg: linear-gradient(90deg, #020203 0%, #241016 25%, #681827 48%, #d8aa53 50%, #681827 52%, #241016 75%, #020203 100%);
  --silver-bg-pipe: linear-gradient(90deg, #020203 0%, #151519 13%, #615a52 27%, #d9c493 41%, #6d6150 53%, #b08a48 66%, #2b2423 82%, #020203 100%);
  --button-bg:
    url('/Assets%20Server/textures/brushed-alum.png'),
    linear-gradient(180deg, #f3e3b7 0%, #d4b06f 44%, #b98d4d 73%, #a77c3f 100%);
  --screen-border-bg: linear-gradient(110deg, #020203 0%, #25161a 23%, #8f6a32 40%, #dbc47f 49%, #54452e 59%, #39131d 78%, #020203 100%);
  --mini-scren-shadows: inset 0 0 14px #4d1522, inset 0 0 2.2rem rgba(0, 0, 0, 0.95), 0 0 8px rgba(202, 157, 73, 0.28);
  --controls-shadow: inset 0 5px 9px #4e2529, inset 0 -6px 11px #000000, inset 8px 0 12px #130b0e, inset -7px 0 11px #7b5728;
  --button-shadow: inset 0 2px 2px rgba(255, 235, 185, 0.55), inset 0 -5px 8px rgba(0, 0, 0, 0.82), 0 4px 9px rgba(0, 0, 0, 0.78), 0 0 7px rgba(196, 147, 60, 0.3);
  --container-shadow: inset 0 0 11px rgba(115, 38, 52, 0.42), inset 0 0 28px rgba(0, 0, 0, 0.86), 0 9px 19px rgba(0, 0, 0, 0.78), 0 0 9px rgba(176, 130, 54, 0.19);
}
:root.mlg-theme {
  --border-color-main: #eaff46;
  --main-text-color: #ffffff;
  --chrome-text-color: #ffffff;
  --secondary-text-color: #dfff3f;
  --btn-text-color: #231044;
  --mini-screen-element-hover: rgba(223, 255, 63, 0.22);
  --main-container-bg-outside:
    url('/Assets%20Server/textures/triangles.png'),
    linear-gradient(135deg, #161033 0%, #6d24b0 30%, #ed2c78 55%, #ff8c24 74%, #0bbeb8 100%);
  --main-container-bg-inside: linear-gradient(105deg, #211044 0%, #a02282 30%, #ef3d59 49%, #ef9a25 65%, #174d8f 82%, #151032 100%);
  --controls-bg:
    url('/Assets%20Server/textures/zig-zag.png'),
    linear-gradient(145deg, #1b1241 0%, #7134b3 43%, #e52e7a 70%, #17aeb0 100%);
  --content-bg:
    linear-gradient(135deg, rgba(222, 255, 57, 0.12) 0 8%, transparent 8% 16%, rgba(255, 70, 119, 0.14) 16% 24%, transparent 24%),
    radial-gradient(ellipse at 50% 15%, #a52d83 0%, #3d1a72 42%, #0f102e 88%);
  --logo-text-color-main: linear-gradient(#ffffff 0%, #eaff55 30%, #ff9538 52%, #fa3b7c 70%, #39ece1 100%);
  --speaker-bg: linear-gradient(90deg, #100b27 0%, #60249b 18%, #f23e76 36%, #efff43 50%, #1ad7ce 64%, #6530ad 82%, #100b27 100%);
  --silver-bg-pipe: linear-gradient(90deg, #0c0920 0%, #4b1e91 12%, #ff3d79 26%, #fff943 41%, #ffffff 49%, #30e5d9 59%, #ff8d31 72%, #5f21a5 87%, #0b081d 100%);
  --button-bg:
    url('/Assets%20Server/textures/brilliant.png'),
    linear-gradient(180deg, #f3ff94 0%, #ffc764 36%, #f47fa6 66%, #c98ad5 100%);
  --screen-border-bg: linear-gradient(110deg, #0c0924 0%, #8325bd 18%, #ff3c7d 34%, #f5ff4f 48%, #1de5d8 62%, #ff8a2f 76%, #3f1880 91%, #0b081f 100%);
  --mini-scren-shadows: inset 0 0 14px #c82c88, inset 0 0 2rem rgba(20, 9, 56, 0.82), 0 0 13px rgba(225, 255, 61, 0.5);
  --controls-shadow: inset 0 6px 11px #ff558a, inset 0 -6px 11px #16092e, inset 8px 0 12px #7931bd, inset -8px 0 12px #e7ff48;
  --button-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.75), inset 0 -5px 8px rgba(52, 14, 88, 0.62), 0 4px 8px rgba(22, 9, 47, 0.58), 0 0 14px rgba(224, 255, 59, 0.58);
  --container-shadow: inset 0 0 12px rgba(255, 60, 128, 0.62), inset 0 0 27px rgba(43, 14, 89, 0.62), 0 8px 18px rgba(22, 9, 53, 0.58), 0 0 15px rgba(216, 255, 49, 0.35);
}
:root.santa-theme {
  --border-color-main: #f4d99a;
  --main-text-color: #fffdf4;
  --chrome-text-color: #fffdf4;
  --secondary-text-color: #fff0b4;
  --btn-text-color: #651923;
  --mini-screen-element-hover: rgba(255, 244, 203, 0.22);
  --main-container-bg-outside:
    url('/Assets%20Server/textures/stitched-wool.png'),
    linear-gradient(135deg, #5d101c 0%, #a91f2d 43%, #d7423f 66%, #296044 100%);
  --main-container-bg-inside: linear-gradient(90deg, #4d111b 0%, #9f2630 34%, #d64a42 51%, #841d28 72%, #351019 100%);
  --controls-bg:
    url('/Assets%20Server/textures/green-fibers.png'),
    linear-gradient(145deg, #0c3229 0%, #176044 55%, #297553 100%);
  --content-bg:
    radial-gradient(circle at 20% 15%, rgba(255, 249, 216, 0.72) 0 2px, transparent 3px),
    radial-gradient(circle at 80% 25%, rgba(255, 249, 216, 0.52) 0 2px, transparent 3px),
    radial-gradient(ellipse at 50% 18%, #c63d3d 0%, #75212c 40%, #132c28 88%);
  --logo-text-color-main: linear-gradient(#ffffff 0%, #fff2c8 34%, #ed4a48 62%, #9e1f2b 78%, #276149 100%);
  --speaker-bg: linear-gradient(90deg, #251014 0%, #81202b 24%, #d84a43 43%, #fff4c8 50%, #1d7350 57%, #12432f 76%, #160d11 100%);
  --silver-bg-pipe: linear-gradient(90deg, #231116 0%, #8e2530 14%, #e7c995 29%, #fffdf0 42%, #dae9df 53%, #318164 68%, #67202a 84%, #1a0d12 100%);
  --button-bg:
    url('/Assets%20Server/textures/wet-snow.png'),
    linear-gradient(180deg, #fffef7 0%, #f7e6bd 40%, #e9827c 71%, #84b59c 100%);
  --screen-border-bg: linear-gradient(110deg, #351119 0%, #a82c34 22%, #f0d59d 39%, #ffffff 49%, #3f936e 61%, #a52530 79%, #2d1017 100%);
  --mini-scren-shadows: inset 0 0 14px #a83239, inset 0 0 2rem rgba(36, 15, 22, 0.8), 0 0 11px rgba(255, 239, 182, 0.42);
  --controls-shadow: inset 0 6px 11px #4b9873, inset 0 -6px 11px #081f1a, inset 8px 0 12px #153d2e, inset -8px 0 12px #e5ca91;
  --button-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.9), inset 0 -5px 8px rgba(77, 23, 29, 0.5), 0 4px 8px rgba(47, 17, 22, 0.45), 0 0 10px rgba(255, 236, 177, 0.5);
  --container-shadow: inset 0 0 12px rgba(255, 211, 157, 0.58), inset 0 0 26px rgba(77, 21, 30, 0.55), 0 8px 18px rgba(46, 16, 22, 0.5), 0 0 13px rgba(248, 226, 166, 0.3);
}
:root.squidgame-theme {
  --border-color-main: #f05288;
  --main-text-color: #f7fff9;
  --chrome-text-color: #f7fff9;
  --secondary-text-color: #ff6094;
  --btn-text-color: #082c25;
  --mini-screen-element-hover: rgba(255, 75, 137, 0.2);
  --main-container-bg-outside:
    url('/Assets%20Server/textures/tiny-grid.png'),
    linear-gradient(135deg, #031f1b 0%, #07503b 45%, #14714d 67%, #062b25 100%);
  --main-container-bg-inside: linear-gradient(90deg, #06271f 0%, #0d5940 35%, #23835a 51%, #0d4c39 72%, #041f1b 100%);
  --controls-bg:
    url('/Assets%20Server/textures/triangles-2.png'),
    linear-gradient(145deg, #29101f 0%, #7e1c43 53%, #d62a67 100%);
  --content-bg:
    radial-gradient(circle at 25% 18%, transparent 0 18px, rgba(255, 82, 139, 0.24) 19px 21px, transparent 22px),
    radial-gradient(ellipse at 50% 16%, #176547 0%, #0a392e 44%, #041716 90%);
  --logo-text-color-main: linear-gradient(#ffffff 0%, #f9e9ef 34%, #ff6094 57%, #d62764 76%, #114f3d 100%);
  --speaker-bg: linear-gradient(90deg, #031613 0%, #0c4737 24%, #1c7651 43%, #ff4e88 50%, #1c7651 57%, #0c4737 76%, #031613 100%);
  --silver-bg-pipe: linear-gradient(90deg, #02120f 0%, #0d4938 14%, #7ea99a 29%, #f0fff9 41%, #ff729f 52%, #9c244d 65%, #315b4c 81%, #02110f 100%);
  --button-bg:
    url('/Assets%20Server/textures/rubber-grip.png'),
    linear-gradient(180deg, #f5fff9 0%, #a8d1c0 40%, #f18aae 68%, #db7398 100%);
  --screen-border-bg: linear-gradient(110deg, #02130f 0%, #0d523d 22%, #87b8a4 39%, #f4fff9 48%, #ff5c91 59%, #9a234e 74%, #0b3d30 88%, #02120f 100%);
  --mini-scren-shadows: inset 0 0 14px #176147, inset 0 0 2.1rem rgba(2, 18, 16, 0.9), 0 0 11px rgba(255, 74, 137, 0.34);
  --controls-shadow: inset 0 6px 11px #e84278, inset 0 -6px 11px #270914, inset 8px 0 12px #631633, inset -8px 0 12px #ff7aa6;
  --button-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.78), inset 0 -5px 8px rgba(30, 19, 25, 0.66), 0 4px 8px rgba(2, 22, 18, 0.58), 0 0 10px rgba(255, 66, 131, 0.42);
  --container-shadow: inset 0 0 12px rgba(45, 136, 98, 0.58), inset 0 0 27px rgba(2, 30, 24, 0.72), 0 8px 18px rgba(2, 24, 20, 0.62), 0 0 13px rgba(255, 70, 134, 0.25);
}