@import "https://fonts.bunny.net/css?family=inter:100,900|inconsolata:400,700&display=swap";

/* static/styles/stellar.css */
:root {
  --primary-1: #e8f2ff;
  --primary-1: oklch(95.747% 0.0205 254.913);
  --primary-1-on: #28313b;
  --primary-1-on: oklch(30.9% 0.0219 251.246);
  --primary-1-dim: #b0bac6;
  --primary-1-dim: oklch(78.482% 0.0204 252.913);
  --primary-2: #e1eeff;
  --primary-2: oklch(94.449% 0.0269 255.09);
  --primary-2-on: #1e2a37;
  --primary-2-on: oklch(28.001% 0.0293 250.892);
  --primary-2-dim: #a9b5c5;
  --primary-2-dim: oklch(76.881% 0.0265 255.587);
  --primary-3: #c9e2ff;
  --primary-3: oklch(90.363% 0.048 252.214);
  --primary-3-on: #0e283e;
  --primary-3-on: oklch(26.868% 0.0521 246.86);
  --primary-3-dim: #8fa8c3;
  --primary-3-dim: oklch(72.183% 0.0483 250.492);
  --primary-4: #a1cfff;
  --primary-4: oklch(83.899% 0.0832 249.916);
  --primary-4-on: #002844;
  --primary-4-on: oklch(26.746% 0.0672 244.945);
  --primary-4-dim: #6492be;
  --primary-4-dim: oklch(64.443% 0.0832 248.149);
  --primary-5: #67b4f9;
  --primary-5: oklch(74.87% 0.1261 247.384);
  --primary-5-on: #002844;
  --primary-5-on: oklch(26.746% 0.0672 244.945);
  --primary-5-dim: #d4e8ff;
  --primary-5-dim: oklch(92.33% 0.038 251.916);
  --primary-6: #3e90d2;
  --primary-6: oklch(63.287% 0.1273 246.092);
  --primary-6-on: #ffffff;
  --primary-6-on: oklch(100% 0 89.876);
  --primary-6-dim: #96caff;
  --primary-6-dim: oklch(82.212% 0.0928 249.483);
  --primary-7: #0068a4;
  --primary-7: oklch(49.904% 0.1242 244.468);
  --primary-7-on: #ffffff;
  --primary-7-on: oklch(100% 0 89.876);
  --primary-7-dim: #60a9e8;
  --primary-7-dim: oklch(71.338% 0.1181 246.451);
  --primary-8: #004772;
  --primary-8: oklch(38.373% 0.0953 244.339);
  --primary-8-on: #fcfcff;
  --primary-8-on: oklch(99.191% 0.004 286.327);
  --primary-8-dim: #5b8dbc;
  --primary-8-dim: oklch(62.734% 0.0895 247.957);
  --primary-9: #002f4e;
  --primary-9: oklch(29.44% 0.0733 244.449);
  --primary-9-on: #e2efff;
  --primary-9-on: oklch(94.719% 0.0257 253.566);
  --primary-9-dim: #577a9d;
  --primary-9-dim: oklch(56.719% 0.0675 249.093);
  --primary-10: #001f36;
  --primary-10: oklch(23.093% 0.0576 244.588);
  --primary-10-on: #dcecff;
  --primary-10-on: oklch(93.693% 0.031 252.688);
  --primary-10-dim: #5c7590;
  --primary-10-dim: oklch(55.308% 0.0515 250.713);
  --primary-11: #001628;
  --primary-11: oklch(19.288% 0.0476 244.037);
  --primary-11-on: #dcecff;
  --primary-11-on: oklch(93.693% 0.031 252.688);
  --primary-11-dim: #60758a;
  --primary-11-dim: oklch(55.335% 0.0412 248.575);
  --primary-12: #001222;
  --primary-12: oklch(17.555% 0.0433 244.035);
  --primary-12-on: #dcecff;
  --primary-12-on: oklch(93.693% 0.031 252.688);
  --primary-12-dim: #627588;
  --primary-12-dim: oklch(55.399% 0.0373 248.501);
}
:root {
  --secondary-1: #ffecf6;
  --secondary-1: oklch(96.101% 0.0243 344.425);
  --secondary-1-on: #382d35;
  --secondary-1-on: oklch(31.242% 0.021 335.913);
  --secondary-1-dim: #c6b4be;
  --secondary-1-dim: oklch(78.806% 0.0246 343.09);
  --secondary-2: #ffe6f4;
  --secondary-2: oklch(94.91% 0.0327 342.944);
  --secondary-2-on: #33252f;
  --secondary-2-on: oklch(28.494% 0.0271 336.934);
  --secondary-2-dim: #c4aebb;
  --secondary-2-dim: oklch(77.355% 0.0309 341.552);
  --secondary-3: #ffd3f0;
  --secondary-3: oklch(91.277% 0.0617 338.916);
  --secondary-3-on: #391d33;
  --secondary-3-on: oklch(27.795% 0.0557 335.38);
  --secondary-3-dim: #c19ab5;
  --secondary-3-dim: oklch(73.028% 0.0589 337.659);
  --secondary-4: #ffb3ea;
  --secondary-4: oklch(85.486% 0.112 337.102);
  --secondary-4-on: #460f3d;
  --secondary-4-on: oklch(28.399% 0.1018 335.289);
  --secondary-4-dim: #bc78ab;
  --secondary-4-dim: oklch(66.045% 0.1079 336.43);
  --secondary-5: #f18cda;
  --secondary-5: oklch(77.16% 0.1546 335.977);
  --secondary-5-on: #4c0044;
  --secondary-5-on: oklch(28.667% 0.1283 333.702);
  --secondary-5-dim: #a64c95;
  --secondary-5-dim: oklch(55.571% 0.1488 335.158);
  --secondary-6: #c869b4;
  --secondary-6: oklch(65.495% 0.1514 335.637);
  --secondary-6-on: #ffffff;
  --secondary-6-on: oklch(100% 0 89.876);
  --secondary-6-dim: #731e66;
  --secondary-6-dim: oklch(40.015% 0.1448 334.81);
  --secondary-7: #9a428a;
  --secondary-7: oklch(52.038% 0.1472 335.041);
  --secondary-7-on: #ffffff;
  --secondary-7-on: oklch(100% 0 89.876);
  --secondary-7-dim: #e481ce;
  --secondary-7-dim: oklch(73.516% 0.1535 335.85);
  --secondary-8: #742068;
  --secondary-8: oklch(40.488% 0.1444 334.233);
  --secondary-8-on: #fffbff;
  --secondary-8-on: oklch(99.227% 0.0067 325.627);
  --secondary-8-dim: #c667b2;
  --secondary-8-dim: oklch(64.868% 0.1516 335.673);
  --secondary-9: #57004e;
  --secondary-9: oklch(31.436% 0.1407 333.716);
  --secondary-9-on: #ffe7f5;
  --secondary-9-on: oklch(95.127% 0.0318 341.776);
  --secondary-9-dim: #b0569e;
  --secondary-9-dim: oklch(58.718% 0.147 335.428);
  --secondary-10: #3d0036;
  --secondary-10: oklch(24.755% 0.1106 333.981);
  --secondary-10-on: #ffe2f3;
  --secondary-10-on: oklch(94.131% 0.0386 341.805);
  --secondary-10-dim: #a25a91;
  --secondary-10-dim: oklch(56.943% 0.1181 336.46);
  --secondary-11: #2d0028;
  --secondary-11: oklch(20.47% 0.0917 333.441);
  --secondary-11-on: #ffe2f3;
  --secondary-11-on: oklch(94.131% 0.0386 341.805);
  --secondary-11-dim: #9b5f8c;
  --secondary-11-dim: oklch(56.695% 0.0987 336.591);
  --secondary-12: #270022;
  --secondary-12: oklch(18.749% 0.0838 334.044);
  --secondary-12-on: #ffe2f3;
  --secondary-12-on: oklch(94.131% 0.0386 341.805);
  --secondary-12-dim: #986189;
  --secondary-12-dim: oklch(56.563% 0.0896 337.379);
}
:root {
  --tertiary-1: #ffeedb;
  --tertiary-1: oklch(95.76% 0.0312 70.528);
  --tertiary-1-on: #372e22;
  --tertiary-1-on: oklch(30.731% 0.0242 74.658);
  --tertiary-1-dim: #c5b6a5;
  --tertiary-1-dim: oklch(78.418% 0.0291 70.856);
  --tertiary-2: #ffe9cf;
  --tertiary-2: oklch(94.504% 0.0418 71.911);
  --tertiary-2-on: #322616;
  --tertiary-2-on: oklch(27.801% 0.0323 73.827);
  --tertiary-2-dim: #c4b199;
  --tertiary-2-dim: oklch(77.018% 0.0397 73.612);
  --tertiary-3: #f7dcb8;
  --tertiary-3: oklch(90.775% 0.0559 74.913);
  --tertiary-3-on: #33240d;
  --tertiary-3-on: oklch(27.268% 0.0425 75.94);
  --tertiary-3-dim: #baa282;
  --tertiary-3-dim: oklch(72.514% 0.0523 74.765);
  --tertiary-4: #e2c7a4;
  --tertiary-4: oklch(84.366% 0.0558 74.108);
  --tertiary-4-on: #33240c;
  --tertiary-4-on: oklch(27.254% 0.0435 76.833);
  --tertiary-4-dim: #a28b6b;
  --tertiary-4-dim: oklch(64.946% 0.0529 75.735);
  --tertiary-5: #c4ab8a;
  --tertiary-5: oklch(75.458% 0.0536 74.516);
  --tertiary-5-on: #33240d;
  --tertiary-5-on: oklch(27.268% 0.0425 75.94);
  --tertiary-5-dim: #fee2bf;
  --tertiary-5-dim: oklch(92.702% 0.0553 73.228);
  --tertiary-6: #9e8768;
  --tertiary-6: oklch(63.647% 0.052 74.897);
  --tertiary-6-on: #ffffff;
  --tertiary-6-on: oklch(100% 0 89.876);
  --tertiary-6-dim: #513f26;
  --tertiary-6-dim: oklch(38.056% 0.0459 74.793);
  --tertiary-7: #756044;
  --tertiary-7: oklch(50.248% 0.0494 74.281);
  --tertiary-7-on: #ffffff;
  --tertiary-7-on: oklch(100% 0 89.876);
  --tertiary-7-dim: #b99f7f;
  --tertiary-7-dim: oklch(71.741% 0.0538 72.575);
  --tertiary-8: #534127;
  --tertiary-8: oklch(38.782% 0.0469 75.821);
  --tertiary-8-on: #fffbff;
  --tertiary-8-on: oklch(99.227% 0.0067 325.627);
  --tertiary-8-dim: #9d8567;
  --tertiary-8-dim: oklch(63.106% 0.0516 72.876);
  --tertiary-9: #3a2a12;
  --tertiary-9: oklch(29.775% 0.0442 75.751);
  --tertiary-9-on: #ffebd3;
  --tertiary-9-on: oklch(94.986% 0.0384 72.369);
  --tertiary-9-dim: #8a7356;
  --tertiary-9-dim: oklch(56.987% 0.0508 72.969);
  --tertiary-10: #291b05;
  --tertiary-10: oklch(23.458% 0.0414 76.302);
  --tertiary-10-on: #ffe7c8;
  --tertiary-10-on: oklch(93.955% 0.0484 74.203);
  --tertiary-10-dim: #856f52;
  --tertiary-10-dim: oklch(55.52% 0.0504 74.137);
  --tertiary-11: #1f1201;
  --tertiary-11: oklch(19.523% 0.0388 75.047);
  --tertiary-11-on: #ffe7c9;
  --tertiary-11-on: oklch(93.978% 0.0474 73.346);
  --tertiary-11-dim: #856f53;
  --tertiary-11-dim: oklch(55.542% 0.0493 73.233);
  --tertiary-12: #1b0e00;
  --tertiary-12: oklch(17.795% 0.0379 73.138);
  --tertiary-12-on: #ffe6cb;
  --tertiary-12-on: oklch(93.832% 0.0449 69.389);
  --tertiary-12-dim: #856f52;
  --tertiary-12-dim: oklch(55.52% 0.0504 74.137);
}
:root {
  --neutral-1: #edf1f9;
  --neutral-1: oklch(95.742% 0.0116 264.51);
  --neutral-1-on: #2c3036;
  --neutral-1-on: oklch(30.768% 0.0122 258.371);
  --neutral-1-dim: #b5b9c0;
  --neutral-1-dim: oklch(78.471% 0.0109 261.785);
  --neutral-2: #e8edf5;
  --neutral-2: oklch(94.462% 0.012 259.823);
  --neutral-2-on: #24292f;
  --neutral-2-on: oklch(27.85% 0.0132 253.036);
  --neutral-2-dim: #afb5bc;
  --neutral-2-dim: oklch(77.048% 0.012 252.115);
  --neutral-3: #dbe0e8;
  --neutral-3: oklch(90.521% 0.0122 259.823);
  --neutral-3-on: #22272d;
  --neutral-3-on: oklch(27.03% 0.0133 253.046);
  --neutral-3-dim: #a1a6ad;
  --neutral-3-dim: oklch(72.329% 0.0116 256.711);
  --neutral-4: #c7cbd3;
  --neutral-4: oklch(84.138% 0.0119 264.502);
  --neutral-4-on: #23272d;
  --neutral-4-on: oklch(27.125% 0.0126 258.372);
  --neutral-4-dim: #8a8e96;
  --neutral-4-dim: oklch(64.598% 0.0128 264.479);
  --neutral-5: #aaafb6;
  --neutral-5: oklch(75.217% 0.0115 256.709);
  --neutral-5-on: #22272d;
  --neutral-5-on: oklch(27.03% 0.0133 253.046);
  --neutral-5-dim: #696e75;
  --neutral-5-dim: oklch(53.629% 0.0125 256.733);
  --neutral-6: #868b93;
  --neutral-6: oklch(63.519% 0.0133 259.825);
  --neutral-6-on: #ffffff;
  --neutral-6-on: oklch(100% 0 89.876);
  --neutral-6-dim: #3d434a;
  --neutral-6-dim: oklch(37.999% 0.0144 252.264);
  --neutral-7: #5f646b;
  --neutral-7: oklch(50.127% 0.0127 256.738);
  --neutral-7-on: #ffffff;
  --neutral-7-on: oklch(100% 0 89.876);
  --neutral-7-dim: #9fa4ab;
  --neutral-7-dim: oklch(71.684% 0.0116 256.712);
  --neutral-8: #3f444b;
  --neutral-8: oklch(38.466% 0.0136 256.762);
  --neutral-8-on: #fcfcff;
  --neutral-8-on: oklch(99.191% 0.004 286.327);
  --neutral-8-dim: #848991;
  --neutral-8-dim: oklch(62.852% 0.0134 259.825);
  --neutral-9: #282d34;
  --neutral-9: oklch(29.517% 0.0146 256.788);
  --neutral-9-on: #e9eef7;
  --neutral-9-on: oklch(94.793% 0.0132 262.379);
  --neutral-9-dim: #737780;
  --neutral-9-dim: oklch(56.886% 0.0146 266.621);
  --neutral-10: #191e24;
  --neutral-10: oklch(23.261% 0.0138 253.101);
  --neutral-10-on: #e6eaf3;
  --neutral-10-on: oklch(93.661% 0.0129 266.697);
  --neutral-10-dim: #6e737b;
  --neutral-10-dim: oklch(55.394% 0.0138 259.824);
  --neutral-11: #10151b;
  --neutral-11: oklch(19.337% 0.0144 253.182);
  --neutral-11-on: #e6eaf3;
  --neutral-11-on: oklch(93.661% 0.0129 266.697);
  --neutral-11-dim: #6e737b;
  --neutral-11-dim: oklch(55.394% 0.0138 259.824);
  --neutral-12: #0c1117;
  --neutral-12: oklch(17.532% 0.0148 253.233);
  --neutral-12-on: #e6eaf3;
  --neutral-12-on: oklch(93.661% 0.0129 266.697);
  --neutral-12-dim: #6e737b;
  --neutral-12-dim: oklch(55.394% 0.0138 259.824);
}
:root {
  --neutral-variant-1: #e8f2ff;
  --neutral-variant-1: oklch(95.747% 0.0205 254.913);
  --neutral-variant-1-on: #28313b;
  --neutral-variant-1-on: oklch(30.9% 0.0219 251.246);
  --neutral-variant-1-dim: #b0bac6;
  --neutral-variant-1-dim: oklch(78.482% 0.0204 252.913);
  --neutral-variant-2: #e1eeff;
  --neutral-variant-2: oklch(94.449% 0.0269 255.09);
  --neutral-variant-2-on: #1e2a37;
  --neutral-variant-2-on: oklch(28.001% 0.0293 250.892);
  --neutral-variant-2-dim: #a9b5c5;
  --neutral-variant-2-dim: oklch(76.881% 0.0265 255.587);
  --neutral-variant-3: #d2e1f4;
  --neutral-variant-3: oklch(90.429% 0.0307 254.323);
  --neutral-variant-3-on: #192836;
  --neutral-variant-3-on: oklch(27.023% 0.0332 247.448);
  --neutral-variant-3-dim: #98a7b8;
  --neutral-variant-3-dim: oklch(72.217% 0.03 251.542);
  --neutral-variant-4: #beccdf;
  --neutral-variant-4: oklch(84.046% 0.0307 256.022);
  --neutral-variant-4-on: #1a2736;
  --neutral-variant-4-on: oklch(26.817% 0.0334 252.563);
  --neutral-variant-4-dim: #828fa1;
  --neutral-variant-4-dim: oklch(64.568% 0.0309 256.526);
  --neutral-variant-5: #a1b0c2;
  --neutral-variant-5: oklch(75.135% 0.0309 253.002);
  --neutral-variant-5-on: #192836;
  --neutral-variant-5-on: oklch(27.023% 0.0332 247.448);
  --neutral-variant-5-dim: #606f80;
  --neutral-variant-5-dim: oklch(53.549% 0.0323 251.671);
  --neutral-variant-6: #7e8c9d;
  --neutral-variant-6: oklch(63.46% 0.0303 253.335);
  --neutral-variant-6-on: #ffffff;
  --neutral-variant-6-on: oklch(100% 0 89.876);
  --neutral-variant-6-dim: #b8c7d9;
  --neutral-variant-6-dim: oklch(82.386% 0.0302 252.976);
  --neutral-variant-7: #576575;
  --neutral-variant-7: oklch(50.093% 0.0308 251.891);
  --neutral-variant-7-on: #ffffff;
  --neutral-variant-7-on: oklch(100% 0 89.876);
  --neutral-variant-7-dim: #96a5b6;
  --neutral-variant-7-dim: oklch(71.572% 0.0301 251.546);
  --neutral-variant-8: #374554;
  --neutral-variant-8: oklch(38.436% 0.0314 250.415);
  --neutral-variant-8-on: #fcfcff;
  --neutral-variant-8-on: oklch(99.191% 0.004 286.327);
  --neutral-variant-8-dim: #7c8a9c;
  --neutral-variant-8-dim: oklch(62.831% 0.0317 254.758);
  --neutral-variant-9: #202e3c;
  --neutral-variant-9: oklch(29.507% 0.0319 248.955);
  --neutral-variant-9-on: #e2efff;
  --neutral-variant-9-on: oklch(94.719% 0.0257 253.566);
  --neutral-variant-9-dim: #6a7889;
  --neutral-variant-9-dim: oklch(56.721% 0.0312 253.372);
  --neutral-variant-10: #101f2c;
  --neutral-variant-10: oklch(23.261% 0.0326 245.949);
  --neutral-variant-10-on: #dcecfe;
  --neutral-variant-10-on: oklch(93.661% 0.0298 251.281);
  --neutral-variant-10-dim: #667484;
  --neutral-variant-10-dim: oklch(55.312% 0.0301 251.844);
  --neutral-variant-11: #071623;
  --neutral-variant-11: oklch(19.42% 0.0338 246.301);
  --neutral-variant-11-on: #ddecfe;
  --neutral-variant-11-on: oklch(93.733% 0.0292 252.945);
  --neutral-variant-11-dim: #667485;
  --neutral-variant-11-dim: oklch(55.351% 0.0314 253.381);
  --neutral-variant-12: #04121f;
  --neutral-variant-12: oklch(17.669% 0.0343 246.524);
  --neutral-variant-12-on: #ddecfe;
  --neutral-variant-12-on: oklch(93.733% 0.0292 252.945);
  --neutral-variant-12-dim: #667485;
  --neutral-variant-12-dim: oklch(55.351% 0.0314 253.381);
}
:root {
  --error-1: #ffedea;
  --error-1: oklch(95.957% 0.02 28.903);
  --error-1-on: #382e2c;
  --error-1-on: oklch(31.149% 0.0151 31.215);
  --error-1-dim: #c6b5b3;
  --error-1-dim: oklch(78.681% 0.0197 25.654);
  --error-2: #ffe7e3;
  --error-2: oklch(94.624% 0.0269 28.947);
  --error-2-on: #322523;
  --error-2-on: oklch(27.907% 0.0202 28.478);
  --error-2-dim: #c4afab;
  --error-2-dim: oklch(77.082% 0.025 30.523);
  --error-3: #ffd7d0;
  --error-3: oklch(91.108% 0.046 29.636);
  --error-3-on: #37211d;
  --error-3-on: oklch(27.473% 0.0352 30.764);
  --error-3-dim: #c19e97;
  --error-3-dim: oklch(72.897% 0.043 31.276);
  --error-4: #ffbaaf;
  --error-4: oklch(84.987% 0.0821 29.077);
  --error-4-on: #431a15;
  --error-4-on: oklch(27.821% 0.0648 28.932);
  --error-4-dim: #bb7f75;
  --error-4-dim: oklch(65.489% 0.0767 29.746);
  --error-5: #ff8f7e;
  --error-5: oklch(76.674% 0.1386 29.704);
  --error-5-on: #510b05;
  --error-5-on: oklch(28.348% 0.1021 30.182);
  --error-5-dim: #ffdfd9;
  --error-5-dim: oklch(92.844% 0.0365 30.367);
  --error-6: #d46d5d;
  --error-6: oklch(65.082% 0.1329 30.234);
  --error-6-on: #ffffff;
  --error-6-on: oklch(100% 0 89.876);
  --error-6-dim: #ffb3a6;
  --error-6-dim: oklch(83.538% 0.0914 29.924);
  --error-7: #a3473a;
  --error-7: oklch(51.546% 0.1249 30.079);
  --error-7-on: #ffffff;
  --error-7-on: oklch(100% 0 89.876);
  --error-7-dim: #f28474;
  --error-7-dim: oklch(73.096% 0.1376 29.462);
  --error-8: #7a291e;
  --error-8: oklch(40.071% 0.1153 30.519);
  --error-8-on: #fffbff;
  --error-8-on: oklch(99.227% 0.0067 325.627);
  --error-8-dim: #d26b5c;
  --error-8-dim: oklch(64.479% 0.1329 29.742);
  --error-9: #5a1109;
  --error-9: oklch(30.85% 0.1063 30.303);
  --error-9-on: #ffe9e5;
  --error-9-on: oklch(95.059% 0.0247 29.928);
  --error-9-dim: #bc5a4b;
  --error-9-dim: oklch(58.447% 0.1296 30.369);
  --error-10: #440201;
  --error-10: oklch(24.527% 0.0972 29.346);
  --error-10-on: #ffe4e0;
  --error-10-on: oklch(93.975% 0.0303 27.752);
  --error-10-dim: #b55648;
  --error-10-dim: oklch(56.762% 0.1264 30.087);
  --error-11: #330000;
  --error-11: oklch(20.163% 0.0827 29.234);
  --error-11-on: #ffe4e0;
  --error-11-on: oklch(93.975% 0.0303 27.752);
  --error-11-dim: #af5a4d;
  --error-11-dim: oklch(56.623% 0.1135 30.051);
  --error-12: #2d0000;
  --error-12: oklch(18.661% 0.0766 29.234);
  --error-12-on: #ffe4e0;
  --error-12-on: oklch(93.975% 0.0303 27.752);
  --error-12-dim: #ac5c50;
  --error-12-dim: oklch(56.592% 0.1068 29.72);
}
@media (prefers-color-scheme: dark) {
  :root {
    --primary-1: #001222;
    --primary-1: oklch(17.555% 0.0433 244.035);
    --primary-1-on: #dcecff;
    --primary-1-on: oklch(93.693% 0.031 252.688);
    --primary-1-dim: #627588;
    --primary-1-dim: oklch(55.399% 0.0373 248.501);
    --primary-2: #001628;
    --primary-2: oklch(19.288% 0.0476 244.037);
    --primary-2-on: #dcecff;
    --primary-2-on: oklch(93.693% 0.031 252.688);
    --primary-2-dim: #60758a;
    --primary-2-dim: oklch(55.335% 0.0412 248.575);
    --primary-3: #001f36;
    --primary-3: oklch(23.093% 0.0576 244.588);
    --primary-3-on: #dcecff;
    --primary-3-on: oklch(93.693% 0.031 252.688);
    --primary-3-dim: #5c7590;
    --primary-3-dim: oklch(55.308% 0.0515 250.713);
    --primary-4: #002f4e;
    --primary-4: oklch(29.44% 0.0733 244.449);
    --primary-4-on: #e2efff;
    --primary-4-on: oklch(94.719% 0.0257 253.566);
    --primary-4-dim: #577a9d;
    --primary-4-dim: oklch(56.719% 0.0675 249.093);
    --primary-5: #004772;
    --primary-5: oklch(38.373% 0.0953 244.339);
    --primary-5-on: #fcfcff;
    --primary-5-on: oklch(99.191% 0.004 286.327);
    --primary-5-dim: #5b8dbc;
    --primary-5-dim: oklch(62.734% 0.0895 247.957);
    --primary-6: #0068a4;
    --primary-6: oklch(49.904% 0.1242 244.468);
    --primary-6-on: #ffffff;
    --primary-6-on: oklch(100% 0 89.876);
    --primary-6-dim: #60a9e8;
    --primary-6-dim: oklch(71.338% 0.1181 246.451);
    --primary-7: #3e90d2;
    --primary-7: oklch(63.287% 0.1273 246.092);
    --primary-7-on: #ffffff;
    --primary-7-on: oklch(100% 0 89.876);
    --primary-7-dim: #96caff;
    --primary-7-dim: oklch(82.212% 0.0928 249.483);
    --primary-8: #67b4f9;
    --primary-8: oklch(74.87% 0.1261 247.384);
    --primary-8-on: #002844;
    --primary-8-on: oklch(26.746% 0.0672 244.945);
    --primary-8-dim: #d4e8ff;
    --primary-8-dim: oklch(92.33% 0.038 251.916);
    --primary-9: #a1cfff;
    --primary-9: oklch(83.899% 0.0832 249.916);
    --primary-9-on: #002844;
    --primary-9-on: oklch(26.746% 0.0672 244.945);
    --primary-9-dim: #6492be;
    --primary-9-dim: oklch(64.443% 0.0832 248.149);
    --primary-10: #c9e2ff;
    --primary-10: oklch(90.363% 0.048 252.214);
    --primary-10-on: #0e283e;
    --primary-10-on: oklch(26.868% 0.0521 246.86);
    --primary-10-dim: #8fa8c3;
    --primary-10-dim: oklch(72.183% 0.0483 250.492);
    --primary-11: #e1eeff;
    --primary-11: oklch(94.449% 0.0269 255.09);
    --primary-11-on: #1e2a37;
    --primary-11-on: oklch(28.001% 0.0293 250.892);
    --primary-11-dim: #a9b5c5;
    --primary-11-dim: oklch(76.881% 0.0265 255.587);
    --primary-12: #e8f2ff;
    --primary-12: oklch(95.747% 0.0205 254.913);
    --primary-12-on: #28313b;
    --primary-12-on: oklch(30.9% 0.0219 251.246);
    --primary-12-dim: #b0bac6;
    --primary-12-dim: oklch(78.482% 0.0204 252.913);
  }
  :root {
    --secondary-1: #270022;
    --secondary-1: oklch(18.749% 0.0838 334.044);
    --secondary-1-on: #ffe2f3;
    --secondary-1-on: oklch(94.131% 0.0386 341.805);
    --secondary-1-dim: #986189;
    --secondary-1-dim: oklch(56.563% 0.0896 337.379);
    --secondary-2: #2d0028;
    --secondary-2: oklch(20.47% 0.0917 333.441);
    --secondary-2-on: #ffe2f3;
    --secondary-2-on: oklch(94.131% 0.0386 341.805);
    --secondary-2-dim: #9b5f8c;
    --secondary-2-dim: oklch(56.695% 0.0987 336.591);
    --secondary-3: #3d0036;
    --secondary-3: oklch(24.755% 0.1106 333.981);
    --secondary-3-on: #ffe2f3;
    --secondary-3-on: oklch(94.131% 0.0386 341.805);
    --secondary-3-dim: #a25a91;
    --secondary-3-dim: oklch(56.943% 0.1181 336.46);
    --secondary-4: #57004e;
    --secondary-4: oklch(31.436% 0.1407 333.716);
    --secondary-4-on: #ffe7f5;
    --secondary-4-on: oklch(95.127% 0.0318 341.776);
    --secondary-4-dim: #b0569e;
    --secondary-4-dim: oklch(58.718% 0.147 335.428);
    --secondary-5: #742068;
    --secondary-5: oklch(40.488% 0.1444 334.233);
    --secondary-5-on: #fffbff;
    --secondary-5-on: oklch(99.227% 0.0067 325.627);
    --secondary-5-dim: #c667b2;
    --secondary-5-dim: oklch(64.868% 0.1516 335.673);
    --secondary-6: #9a428a;
    --secondary-6: oklch(52.038% 0.1472 335.041);
    --secondary-6-on: #ffffff;
    --secondary-6-on: oklch(100% 0 89.876);
    --secondary-6-dim: #e481ce;
    --secondary-6-dim: oklch(73.516% 0.1535 335.85);
    --secondary-7: #c869b4;
    --secondary-7: oklch(65.495% 0.1514 335.637);
    --secondary-7-on: #ffffff;
    --secondary-7-on: oklch(100% 0 89.876);
    --secondary-7-dim: #731e66;
    --secondary-7-dim: oklch(40.015% 0.1448 334.81);
    --secondary-8: #f18cda;
    --secondary-8: oklch(77.16% 0.1546 335.977);
    --secondary-8-on: #4c0044;
    --secondary-8-on: oklch(28.667% 0.1283 333.702);
    --secondary-8-dim: #a64c95;
    --secondary-8-dim: oklch(55.571% 0.1488 335.158);
    --secondary-9: #ffb3ea;
    --secondary-9: oklch(85.486% 0.112 337.102);
    --secondary-9-on: #460f3d;
    --secondary-9-on: oklch(28.399% 0.1018 335.289);
    --secondary-9-dim: #bc78ab;
    --secondary-9-dim: oklch(66.045% 0.1079 336.43);
    --secondary-10: #ffd3f0;
    --secondary-10: oklch(91.277% 0.0617 338.916);
    --secondary-10-on: #391d33;
    --secondary-10-on: oklch(27.795% 0.0557 335.38);
    --secondary-10-dim: #c19ab5;
    --secondary-10-dim: oklch(73.028% 0.0589 337.659);
    --secondary-11: #ffe6f4;
    --secondary-11: oklch(94.91% 0.0327 342.944);
    --secondary-11-on: #33252f;
    --secondary-11-on: oklch(28.494% 0.0271 336.934);
    --secondary-11-dim: #c4aebb;
    --secondary-11-dim: oklch(77.355% 0.0309 341.552);
    --secondary-12: #ffecf6;
    --secondary-12: oklch(96.101% 0.0243 344.425);
    --secondary-12-on: #382d35;
    --secondary-12-on: oklch(31.242% 0.021 335.913);
    --secondary-12-dim: #c6b4be;
    --secondary-12-dim: oklch(78.806% 0.0246 343.09);
  }
  :root {
    --tertiary-1: #1b0e00;
    --tertiary-1: oklch(17.795% 0.0379 73.138);
    --tertiary-1-on: #ffe6cb;
    --tertiary-1-on: oklch(93.832% 0.0449 69.389);
    --tertiary-1-dim: #856f52;
    --tertiary-1-dim: oklch(55.52% 0.0504 74.137);
    --tertiary-2: #1f1201;
    --tertiary-2: oklch(19.523% 0.0388 75.047);
    --tertiary-2-on: #ffe7c9;
    --tertiary-2-on: oklch(93.978% 0.0474 73.346);
    --tertiary-2-dim: #856f53;
    --tertiary-2-dim: oklch(55.542% 0.0493 73.233);
    --tertiary-3: #291b05;
    --tertiary-3: oklch(23.458% 0.0414 76.302);
    --tertiary-3-on: #ffe7c8;
    --tertiary-3-on: oklch(93.955% 0.0484 74.203);
    --tertiary-3-dim: #856f52;
    --tertiary-3-dim: oklch(55.52% 0.0504 74.137);
    --tertiary-4: #3a2a12;
    --tertiary-4: oklch(29.775% 0.0442 75.751);
    --tertiary-4-on: #ffebd3;
    --tertiary-4-on: oklch(94.986% 0.0384 72.369);
    --tertiary-4-dim: #8a7356;
    --tertiary-4-dim: oklch(56.987% 0.0508 72.969);
    --tertiary-5: #534127;
    --tertiary-5: oklch(38.782% 0.0469 75.821);
    --tertiary-5-on: #fffbff;
    --tertiary-5-on: oklch(99.227% 0.0067 325.627);
    --tertiary-5-dim: #9d8567;
    --tertiary-5-dim: oklch(63.106% 0.0516 72.876);
    --tertiary-6: #756044;
    --tertiary-6: oklch(50.248% 0.0494 74.281);
    --tertiary-6-on: #ffffff;
    --tertiary-6-on: oklch(100% 0 89.876);
    --tertiary-6-dim: #b99f7f;
    --tertiary-6-dim: oklch(71.741% 0.0538 72.575);
    --tertiary-7: #9e8768;
    --tertiary-7: oklch(63.647% 0.052 74.897);
    --tertiary-7-on: #ffffff;
    --tertiary-7-on: oklch(100% 0 89.876);
    --tertiary-7-dim: #513f26;
    --tertiary-7-dim: oklch(38.056% 0.0459 74.793);
    --tertiary-8: #c4ab8a;
    --tertiary-8: oklch(75.458% 0.0536 74.516);
    --tertiary-8-on: #33240d;
    --tertiary-8-on: oklch(27.268% 0.0425 75.94);
    --tertiary-8-dim: #fee2bf;
    --tertiary-8-dim: oklch(92.702% 0.0553 73.228);
    --tertiary-9: #e2c7a4;
    --tertiary-9: oklch(84.366% 0.0558 74.108);
    --tertiary-9-on: #33240c;
    --tertiary-9-on: oklch(27.254% 0.0435 76.833);
    --tertiary-9-dim: #a28b6b;
    --tertiary-9-dim: oklch(64.946% 0.0529 75.735);
    --tertiary-10: #f7dcb8;
    --tertiary-10: oklch(90.775% 0.0559 74.913);
    --tertiary-10-on: #33240d;
    --tertiary-10-on: oklch(27.268% 0.0425 75.94);
    --tertiary-10-dim: #baa282;
    --tertiary-10-dim: oklch(72.514% 0.0523 74.765);
    --tertiary-11: #ffe9cf;
    --tertiary-11: oklch(94.504% 0.0418 71.911);
    --tertiary-11-on: #322616;
    --tertiary-11-on: oklch(27.801% 0.0323 73.827);
    --tertiary-11-dim: #c4b199;
    --tertiary-11-dim: oklch(77.018% 0.0397 73.612);
    --tertiary-12: #ffeedb;
    --tertiary-12: oklch(95.76% 0.0312 70.528);
    --tertiary-12-on: #372e22;
    --tertiary-12-on: oklch(30.731% 0.0242 74.658);
    --tertiary-12-dim: #c5b6a5;
    --tertiary-12-dim: oklch(78.418% 0.0291 70.856);
  }
  :root {
    --neutral-1: #0c1117;
    --neutral-1: oklch(17.532% 0.0148 253.233);
    --neutral-1-on: #e6eaf3;
    --neutral-1-on: oklch(93.661% 0.0129 266.697);
    --neutral-1-dim: #6e737b;
    --neutral-1-dim: oklch(55.394% 0.0138 259.824);
    --neutral-2: #10151b;
    --neutral-2: oklch(19.337% 0.0144 253.182);
    --neutral-2-on: #e6eaf3;
    --neutral-2-on: oklch(93.661% 0.0129 266.697);
    --neutral-2-dim: #6e737b;
    --neutral-2-dim: oklch(55.394% 0.0138 259.824);
    --neutral-3: #191e24;
    --neutral-3: oklch(23.261% 0.0138 253.101);
    --neutral-3-on: #e6eaf3;
    --neutral-3-on: oklch(93.661% 0.0129 266.697);
    --neutral-3-dim: #6e737b;
    --neutral-3-dim: oklch(55.394% 0.0138 259.824);
    --neutral-4: #282d34;
    --neutral-4: oklch(29.517% 0.0146 256.788);
    --neutral-4-on: #e9eef7;
    --neutral-4-on: oklch(94.793% 0.0132 262.379);
    --neutral-4-dim: #737780;
    --neutral-4-dim: oklch(56.886% 0.0146 266.621);
    --neutral-5: #3f444b;
    --neutral-5: oklch(38.466% 0.0136 256.762);
    --neutral-5-on: #fcfcff;
    --neutral-5-on: oklch(99.191% 0.004 286.327);
    --neutral-5-dim: #848991;
    --neutral-5-dim: oklch(62.852% 0.0134 259.825);
    --neutral-6: #5f646b;
    --neutral-6: oklch(50.127% 0.0127 256.738);
    --neutral-6-on: #ffffff;
    --neutral-6-on: oklch(100% 0 89.876);
    --neutral-6-dim: #9fa4ab;
    --neutral-6-dim: oklch(71.684% 0.0116 256.712);
    --neutral-7: #868b93;
    --neutral-7: oklch(63.519% 0.0133 259.825);
    --neutral-7-on: #ffffff;
    --neutral-7-on: oklch(100% 0 89.876);
    --neutral-7-dim: #3d434a;
    --neutral-7-dim: oklch(37.999% 0.0144 252.264);
    --neutral-8: #aaafb6;
    --neutral-8: oklch(75.217% 0.0115 256.709);
    --neutral-8-on: #22272d;
    --neutral-8-on: oklch(27.03% 0.0133 253.046);
    --neutral-8-dim: #696e75;
    --neutral-8-dim: oklch(53.629% 0.0125 256.733);
    --neutral-9: #c7cbd3;
    --neutral-9: oklch(84.138% 0.0119 264.502);
    --neutral-9-on: #23272d;
    --neutral-9-on: oklch(27.125% 0.0126 258.372);
    --neutral-9-dim: #8a8e96;
    --neutral-9-dim: oklch(64.598% 0.0128 264.479);
    --neutral-10: #dbe0e8;
    --neutral-10: oklch(90.521% 0.0122 259.823);
    --neutral-10-on: #22272d;
    --neutral-10-on: oklch(27.03% 0.0133 253.046);
    --neutral-10-dim: #a1a6ad;
    --neutral-10-dim: oklch(72.329% 0.0116 256.711);
    --neutral-11: #e8edf5;
    --neutral-11: oklch(94.462% 0.012 259.823);
    --neutral-11-on: #24292f;
    --neutral-11-on: oklch(27.85% 0.0132 253.036);
    --neutral-11-dim: #afb5bc;
    --neutral-11-dim: oklch(77.048% 0.012 252.115);
    --neutral-12: #edf1f9;
    --neutral-12: oklch(95.742% 0.0116 264.51);
    --neutral-12-on: #2c3036;
    --neutral-12-on: oklch(30.768% 0.0122 258.371);
    --neutral-12-dim: #b5b9c0;
    --neutral-12-dim: oklch(78.471% 0.0109 261.785);
  }
  :root {
    --neutral-variant-1: #04121f;
    --neutral-variant-1: oklch(17.669% 0.0343 246.524);
    --neutral-variant-1-on: #ddecfe;
    --neutral-variant-1-on: oklch(93.733% 0.0292 252.945);
    --neutral-variant-1-dim: #667485;
    --neutral-variant-1-dim: oklch(55.351% 0.0314 253.381);
    --neutral-variant-2: #071623;
    --neutral-variant-2: oklch(19.42% 0.0338 246.301);
    --neutral-variant-2-on: #ddecfe;
    --neutral-variant-2-on: oklch(93.733% 0.0292 252.945);
    --neutral-variant-2-dim: #667485;
    --neutral-variant-2-dim: oklch(55.351% 0.0314 253.381);
    --neutral-variant-3: #101f2c;
    --neutral-variant-3: oklch(23.261% 0.0326 245.949);
    --neutral-variant-3-on: #dcecfe;
    --neutral-variant-3-on: oklch(93.661% 0.0298 251.281);
    --neutral-variant-3-dim: #667484;
    --neutral-variant-3-dim: oklch(55.312% 0.0301 251.844);
    --neutral-variant-4: #202e3c;
    --neutral-variant-4: oklch(29.507% 0.0319 248.955);
    --neutral-variant-4-on: #e2efff;
    --neutral-variant-4-on: oklch(94.719% 0.0257 253.566);
    --neutral-variant-4-dim: #6a7889;
    --neutral-variant-4-dim: oklch(56.721% 0.0312 253.372);
    --neutral-variant-5: #374554;
    --neutral-variant-5: oklch(38.436% 0.0314 250.415);
    --neutral-variant-5-on: #fcfcff;
    --neutral-variant-5-on: oklch(99.191% 0.004 286.327);
    --neutral-variant-5-dim: #7c8a9c;
    --neutral-variant-5-dim: oklch(62.831% 0.0317 254.758);
    --neutral-variant-6: #576575;
    --neutral-variant-6: oklch(50.093% 0.0308 251.891);
    --neutral-variant-6-on: #ffffff;
    --neutral-variant-6-on: oklch(100% 0 89.876);
    --neutral-variant-6-dim: #96a5b6;
    --neutral-variant-6-dim: oklch(71.572% 0.0301 251.546);
    --neutral-variant-7: #7e8c9d;
    --neutral-variant-7: oklch(63.46% 0.0303 253.335);
    --neutral-variant-7-on: #ffffff;
    --neutral-variant-7-on: oklch(100% 0 89.876);
    --neutral-variant-7-dim: #b8c7d9;
    --neutral-variant-7-dim: oklch(82.386% 0.0302 252.976);
    --neutral-variant-8: #a1b0c2;
    --neutral-variant-8: oklch(75.135% 0.0309 253.002);
    --neutral-variant-8-on: #192836;
    --neutral-variant-8-on: oklch(27.023% 0.0332 247.448);
    --neutral-variant-8-dim: #606f80;
    --neutral-variant-8-dim: oklch(53.549% 0.0323 251.671);
    --neutral-variant-9: #beccdf;
    --neutral-variant-9: oklch(84.046% 0.0307 256.022);
    --neutral-variant-9-on: #1a2736;
    --neutral-variant-9-on: oklch(26.817% 0.0334 252.563);
    --neutral-variant-9-dim: #828fa1;
    --neutral-variant-9-dim: oklch(64.568% 0.0309 256.526);
    --neutral-variant-10: #d2e1f4;
    --neutral-variant-10: oklch(90.429% 0.0307 254.323);
    --neutral-variant-10-on: #192836;
    --neutral-variant-10-on: oklch(27.023% 0.0332 247.448);
    --neutral-variant-10-dim: #98a7b8;
    --neutral-variant-10-dim: oklch(72.217% 0.03 251.542);
    --neutral-variant-11: #e1eeff;
    --neutral-variant-11: oklch(94.449% 0.0269 255.09);
    --neutral-variant-11-on: #1e2a37;
    --neutral-variant-11-on: oklch(28.001% 0.0293 250.892);
    --neutral-variant-11-dim: #a9b5c5;
    --neutral-variant-11-dim: oklch(76.881% 0.0265 255.587);
    --neutral-variant-12: #e8f2ff;
    --neutral-variant-12: oklch(95.747% 0.0205 254.913);
    --neutral-variant-12-on: #28313b;
    --neutral-variant-12-on: oklch(30.9% 0.0219 251.246);
    --neutral-variant-12-dim: #b0bac6;
    --neutral-variant-12-dim: oklch(78.482% 0.0204 252.913);
  }
  :root {
    --error-1: #2d0000;
    --error-1: oklch(18.661% 0.0766 29.234);
    --error-1-on: #ffe4e0;
    --error-1-on: oklch(93.975% 0.0303 27.752);
    --error-1-dim: #ac5c50;
    --error-1-dim: oklch(56.592% 0.1068 29.72);
    --error-2: #330000;
    --error-2: oklch(20.163% 0.0827 29.234);
    --error-2-on: #ffe4e0;
    --error-2-on: oklch(93.975% 0.0303 27.752);
    --error-2-dim: #af5a4d;
    --error-2-dim: oklch(56.623% 0.1135 30.051);
    --error-3: #440201;
    --error-3: oklch(24.527% 0.0972 29.346);
    --error-3-on: #ffe4e0;
    --error-3-on: oklch(93.975% 0.0303 27.752);
    --error-3-dim: #b55648;
    --error-3-dim: oklch(56.762% 0.1264 30.087);
    --error-4: #5a1109;
    --error-4: oklch(30.85% 0.1063 30.303);
    --error-4-on: #ffe9e5;
    --error-4-on: oklch(95.059% 0.0247 29.928);
    --error-4-dim: #bc5a4b;
    --error-4-dim: oklch(58.447% 0.1296 30.369);
    --error-5: #7a291e;
    --error-5: oklch(40.071% 0.1153 30.519);
    --error-5-on: #fffbff;
    --error-5-on: oklch(99.227% 0.0067 325.627);
    --error-5-dim: #d26b5c;
    --error-5-dim: oklch(64.479% 0.1329 29.742);
    --error-6: #a3473a;
    --error-6: oklch(51.546% 0.1249 30.079);
    --error-6-on: #ffffff;
    --error-6-on: oklch(100% 0 89.876);
    --error-6-dim: #f28474;
    --error-6-dim: oklch(73.096% 0.1376 29.462);
    --error-7: #d46d5d;
    --error-7: oklch(65.082% 0.1329 30.234);
    --error-7-on: #ffffff;
    --error-7-on: oklch(100% 0 89.876);
    --error-7-dim: #ffb3a6;
    --error-7-dim: oklch(83.538% 0.0914 29.924);
    --error-8: #ff8f7e;
    --error-8: oklch(76.674% 0.1386 29.704);
    --error-8-on: #510b05;
    --error-8-on: oklch(28.348% 0.1021 30.182);
    --error-8-dim: #ffdfd9;
    --error-8-dim: oklch(92.844% 0.0365 30.367);
    --error-9: #ffbaaf;
    --error-9: oklch(84.987% 0.0821 29.077);
    --error-9-on: #431a15;
    --error-9-on: oklch(27.821% 0.0648 28.932);
    --error-9-dim: #bb7f75;
    --error-9-dim: oklch(65.489% 0.0767 29.746);
    --error-10: #ffd7d0;
    --error-10: oklch(91.108% 0.046 29.636);
    --error-10-on: #37211d;
    --error-10-on: oklch(27.473% 0.0352 30.764);
    --error-10-dim: #c19e97;
    --error-10-dim: oklch(72.897% 0.043 31.276);
    --error-11: #ffe7e3;
    --error-11: oklch(94.624% 0.0269 28.947);
    --error-11-on: #322523;
    --error-11-on: oklch(27.907% 0.0202 28.478);
    --error-11-dim: #c4afab;
    --error-11-dim: oklch(77.082% 0.025 30.523);
    --error-12: #ffedea;
    --error-12: oklch(95.957% 0.02 28.903);
    --error-12-on: #382e2c;
    --error-12-on: oklch(31.149% 0.0151 31.215);
    --error-12-dim: #c6b5b3;
    --error-12-dim: oklch(78.681% 0.0197 25.654);
  }
}
:root {
  --named-elestrals-primary--2: #84298B;
  --named-elestrals-primary--2: oklch(45.945% 0.1711 324.85);
  --named-elestrals-primary--2-on: #FFFFFF;
  --named-elestrals-primary--2-on: oklch(100% 0 89.876);
  --named-elestrals-primary--2-dim: #D16FD4;
  --named-elestrals-primary--2-dim: oklch(68.886% 0.1755 326.172);
  --named-elestrals-primary--1: #96308D;
  --named-elestrals-primary--1: oklch(49.48% 0.1735 331.594);
  --named-elestrals-primary--1-on: #FFFFFF;
  --named-elestrals-primary--1-on: oklch(100% 0 89.876);
  --named-elestrals-primary--1-dim: #E373D3;
  --named-elestrals-primary--1-dim: oklch(71.602% 0.1799 332.907);
  --named-elestrals-primary-0: #A8378D;
  --named-elestrals-primary-0: oklch(52.944% 0.1756 338.663);
  --named-elestrals-primary-0-on: #FFFFFF;
  --named-elestrals-primary-0-on: oklch(100% 0 89.876);
  --named-elestrals-primary-0-dim: #F478D1;
  --named-elestrals-primary-0-dim: oklch(74.33% 0.1828 339.277);
  --named-elestrals-primary-1: #BA3E8C;
  --named-elestrals-primary-1: oklch(56.392% 0.1786 345.644);
  --named-elestrals-primary-1-on: #FFFFFF;
  --named-elestrals-primary-1-on: oklch(100% 0 89.876);
  --named-elestrals-primary-1-dim: #FF83CA;
  --named-elestrals-primary-1-dim: oklch(76.956% 0.1699 346.402);
  --named-elestrals-primary-2: #CC4689;
  --named-elestrals-primary-2: oklch(59.895% 0.1809 353.071);
  --named-elestrals-primary-2-on: #FFFFFF;
  --named-elestrals-primary-2-on: oklch(100% 0 89.876);
  --named-elestrals-primary-2-dim: #5A0035;
  --named-elestrals-primary-2-dim: oklch(30.656% 0.1267 352.851);
  --named-elestrals-secondary--2: #3495B8;
  --named-elestrals-secondary--2: oklch(62.878% 0.1022 226.189);
  --named-elestrals-secondary--2-on: #FFFFFF;
  --named-elestrals-secondary--2-on: oklch(100% 0 89.876);
  --named-elestrals-secondary--2-dim: #78D1F6;
  --named-elestrals-secondary--2-dim: oklch(81.86% 0.1001 226.981);
  --named-elestrals-secondary--1: #439FCA;
  --named-elestrals-secondary--1: oklch(66.539% 0.1071 231.846);
  --named-elestrals-secondary--1-on: #FFFFFF;
  --named-elestrals-secondary--1-on: oklch(100% 0 89.876);
  --named-elestrals-secondary--1-dim: #93D8FF;
  --named-elestrals-secondary--1-dim: oklch(85.025% 0.0881 234.005);
  --named-elestrals-secondary-0: #53A8DC;
  --named-elestrals-secondary-0: oklch(70.018% 0.1122 238.144);
  --named-elestrals-secondary-0-on: #FFFFFF;
  --named-elestrals-secondary-0-on: oklch(100% 0 89.876);
  --named-elestrals-secondary-0-dim: #B3DEFF;
  --named-elestrals-secondary-0-dim: oklch(88.113% 0.0642 241.478);
  --named-elestrals-secondary-1: #64B1EE;
  --named-elestrals-secondary-1: oklch(73.564% 0.1173 244.278);
  --named-elestrals-secondary-1-on: #002943;
  --named-elestrals-secondary-1-on: oklch(26.961% 0.0647 242.625);
  --named-elestrals-secondary-1-dim: #CDE5FF;
  --named-elestrals-secondary-1-dim: oklch(91.242% 0.0439 250.42);
  --named-elestrals-secondary-2: #77BAFF;
  --named-elestrals-secondary-2: oklch(77.181% 0.1208 250.31);
  --named-elestrals-secondary-2-on: #002847;
  --named-elestrals-secondary-2-on: oklch(26.969% 0.0716 247.384);
  --named-elestrals-secondary-2-dim: #E2EDFF;
  --named-elestrals-secondary-2-dim: oklch(94.323% 0.0271 260.318);
  --named-solar--2: #DDC089;
  --named-solar--2: oklch(81.977% 0.0788 83.043);
  --named-solar--2-on: #342400;
  --named-solar--2-on: oklch(27.239% 0.056 83.477);
  --named-solar--2-dim: #9B8351;
  --named-solar--2-dim: oklch(62.057% 0.0738 84.714);
  --named-solar--1: #E6CC90;
  --named-solar--1: oklch(85.317% 0.0826 87.155);
  --named-solar--1-on: #322400;
  --named-solar--1-on: oklch(26.961% 0.0552 86.637);
  --named-solar--1-dim: #A79059;
  --named-solar--1-dim: oklch(66.148% 0.0784 87.567);
  --named-solar-0: #EDD997;
  --named-solar-0: oklch(88.655% 0.087 93.222);
  --named-solar-0-on: #2F2600;
  --named-solar-0-on: oklch(27.083% 0.0557 95.47);
  --named-solar-0-dim: #B09E62;
  --named-solar-0-dim: oklch(70.121% 0.082 93.288);
  --named-solar-1: #F4E69F;
  --named-solar-1: oklch(91.995% 0.0911 98.372);
  --named-solar-1-on: #2D2600;
  --named-solar-1-on: oklch(26.83% 0.0556 98.71);
  --named-solar-1-dim: #B9AC6B;
  --named-solar-1-dim: oklch(74.059% 0.0863 98.289);
  --named-solar-2: #F9F3A9;
  --named-solar-2: oklch(95.193% 0.0935 104.088);
  --named-solar-2-on: #323000;
  --named-solar-2-on: oklch(30.148% 0.0647 107.196);
  --named-solar-2-dim: #C0BA76;
  --named-solar-2-dim: oklch(77.82% 0.0889 103.911);
  --named-earth--2: #AFB028;
  --named-earth--2: oklch(73.332% 0.1484 109.999);
  --named-earth--2-on: #282800;
  --named-earth--2-on: oklch(26.798% 0.0584 109.769);
  --named-earth--2-dim: #E8E95D;
  --named-earth--2-dim: oklch(90.741% 0.1598 109.589);
  --named-earth--1: #AFBE39;
  --named-earth--1: oklch(76.568% 0.1534 115.713);
  --named-earth--1-on: #252900;
  --named-earth--1-on: oklch(26.767% 0.0608 115.284);
  --named-earth--1-dim: #707C00;
  --named-earth--1-dim: oklch(55.696% 0.1276 116.31);
  --named-earth-0: #ADCC4A;
  --named-earth-0: oklch(79.722% 0.1586 121.544);
  --named-earth-0-on: #202A00;
  --named-earth-0-on: oklch(26.583% 0.0648 122.412);
  --named-earth-0-dim: #ECFFAC;
  --named-earth-0-dim: oklch(96.699% 0.107 118.934);
  --named-earth-1: #AADA5C;
  --named-earth-1: oklch(82.893% 0.1632 127.147);
  --named-earth-1-on: #1B2B00;
  --named-earth-1-on: oklch(26.47% 0.0694 128.142);
  --named-earth-1-dim: #709B23;
  --named-earth-1-dim: oklch(63.546% 0.1514 127.873);
  --named-earth-2: #A5E970;
  --named-earth-2: oklch(86.274% 0.1681 133.136);
  --named-earth-2-on: #122C00;
  --named-earth-2-on: oklch(26.185% 0.0766 135.121);
  --named-earth-2-dim: #6CAB3B;
  --named-earth-2-dim: oklch(67.513% 0.1584 133.974);
  --named-wate--2: #003357;
  --named-wate--2: oklch(31.184% 0.0812 246.542);
  --named-wate--2-on: #E8F1FF;
  --named-wate--2-on: oklch(95.55% 0.0212 259.191);
  --named-wate--2-dim: #587DA5;
  --named-wate--2-dim: oklch(57.839% 0.0748 251.086);
  --named-wate--1: #123B65;
  --named-wate--1: oklch(34.774% 0.0862 252.187);
  --named-wate--1-on: #F3F5FF;
  --named-wate--1-on: oklch(97.151% 0.0135 277.066);
  --named-wate--1-dim: #6083B1;
  --named-wate--1-dim: oklch(60.242% 0.081 255.532);
  --named-wate-0: #234373;
  --named-wate-0: oklch(38.429% 0.0905 258.352);
  --named-wate-0-on: #FCFBFF;
  --named-wate-0-on: oklch(98.997% 0.0054 297.729);
  --named-wate-0-dim: #6B89BD;
  --named-wate-0-dim: oklch(62.82% 0.0861 261.103);
  --named-wate-1: #334B81;
  --named-wate-1: oklch(42.117% 0.095 264.594);
  --named-wate-1-on: #FFFFFF;
  --named-wate-1-on: oklch(100% 0 89.876);
  --named-wate-1-dim: #788FC9;
  --named-wate-1-dim: oklch(65.527% 0.091 267.29);
  --named-wate-2: #42528E;
  --named-wate-2: oklch(45.485% 0.1 270.744);
  --named-wate-2-on: #FFFFFF;
  --named-wate-2-on: oklch(100% 0 89.876);
  --named-wate-2-dim: #8594D5;
  --named-wate-2-dim: oklch(68.035% 0.0978 273.589);
  --named-frost--2: #4D7193;
  --named-frost--2: oklch(53.558% 0.0676 247.795);
  --named-frost--2-on: #FFFFFF;
  --named-frost--2-on: oklch(100% 0 89.876);
  --named-frost--2-dim: #8BB0D4;
  --named-frost--2-dim: oklch(74.293% 0.066 248.028);
  --named-frost--1: #5A7AA2;
  --named-frost--1: oklch(57.134% 0.0723 254.397);
  --named-frost--1-on: #FFFFFF;
  --named-frost--1-on: oklch(100% 0 89.876);
  --named-frost--1-dim: #97B7E3;
  --named-frost--1-dim: oklch(77.144% 0.0724 256.435);
  --named-frost-0: #6783B1;
  --named-frost-0: oklch(60.681% 0.0775 260.123);
  --named-frost-0-on: #FFFFFF;
  --named-frost-0-on: oklch(100% 0 89.876);
  --named-frost-0-dim: #A3BFF0;
  --named-frost-0-dim: oklch(80.113% 0.0763 261.499);
  --named-frost-1: #758CC0;
  --named-frost-1: oklch(64.265% 0.0828 265.753);
  --named-frost-1-on: #FFFFFF;
  --named-frost-1-on: oklch(100% 0 89.876);
  --named-frost-1-dim: #AFC7FE;
  --named-frost-1-dim: oklch(83.106% 0.082 266.292);
  --named-frost-2: #8495CE;
  --named-frost-2: oklch(67.846% 0.0868 271.176);
  --named-frost-2-on: #FFFFFF;
  --named-frost-2-on: oklch(100% 0 89.876);
  --named-frost-2-dim: #C3CFFF;
  --named-frost-2-dim: oklch(86.14% 0.0681 273.92);
  --named-thunder--2: #D69D50;
  --named-thunder--2: oklch(73.545% 0.1159 72.475);
  --named-thunder--2-on: #382100;
  --named-thunder--2-on: oklch(27.105% 0.0582 71.519);
  --named-thunder--2-dim: #FFDAAE;
  --named-thunder--2-dim: oklch(90.892% 0.0705 71.591);
  --named-thunder--1: #DEAA53;
  --named-thunder--1: oklch(76.942% 0.1207 78.141);
  --named-thunder--1-on: #362300;
  --named-thunder--1-on: oklch(27.28% 0.0568 78.393);
  --named-thunder--1-dim: #FFE7C5;
  --named-thunder--1-dim: oklch(93.887% 0.0516 76.557);
  --named-thunder-0: #E5B757;
  --named-thunder-0: oklch(80.24% 0.1253 83.532);
  --named-thunder-0-on: #342400;
  --named-thunder-0-on: oklch(27.239% 0.056 83.477);
  --named-thunder-0-dim: #A0791D;
  --named-thunder-0-dim: oklch(59.907% 0.1133 83.645);
  --named-thunder-1: #EBC55C;
  --named-thunder-1: oklch(83.643% 0.1303 89.406);
  --named-thunder-1-on: #312500;
  --named-thunder-1-on: oklch(27.082% 0.0553 90.277);
  --named-thunder-1-dim: #A98825;
  --named-thunder-1-dim: oklch(64.073% 0.1183 89.274);
  --named-thunder-2: #F0D263;
  --named-thunder-2: oklch(86.778% 0.1341 94.316);
  --named-thunder-2-on: #2F2600;
  --named-thunder-2-on: oklch(27.083% 0.0557 95.47);
  --named-thunder-2-dim: #B1962D;
  --named-thunder-2-dim: oklch(67.903% 0.1234 94.051);
  --named-wind--2: #42A0B1;
  --named-wind--2: oklch(65.678% 0.0907 211.437);
  --named-wind--2-on: #FFFFFF;
  --named-wind--2-on: oklch(100% 0 89.876);
  --named-wind--2-dim: #005662;
  --named-wind--2-dim: oklch(41.554% 0.0721 210.968);
  --named-wind--1: #4CAAC3;
  --named-wind--1: oklch(69.143% 0.0951 218.044);
  --named-wind--1-on: #FFFFFF;
  --named-wind--1-on: oklch(100% 0 89.876);
  --named-wind--1-dim: #8AE4FE;
  --named-wind--1-dim: oklch(87.155% 0.0934 218.378);
  --named-wind-0: #57B4D5;
  --named-wind-0: oklch(72.622% 0.0999 224.067);
  --named-wind-0-on: #002A37;
  --named-wind-0-on: oklch(26.484% 0.0498 224.075);
  --named-wind-0-dim: #00708C;
  --named-wind-0-dim: oklch(50.596% 0.0943 223.037);
  --named-wind-1: #64BEE7;
  --named-wind-1: oklch(76.162% 0.1042 229.85);
  --named-wind-1-on: #002A3A;
  --named-wind-1-on: oklch(26.663% 0.0527 229.3);
  --named-wind-1-dim: #D3EFFF;
  --named-wind-1-dim: oklch(93.671% 0.0366 232.829);
  --named-wind-2: #72C8FA;
  --named-wind-2: oklch(79.774% 0.1096 235.897);
  --named-wind-2-on: #002A3D;
  --named-wind-2-on: oklch(26.851% 0.0561 233.849);
  --named-wind-2-dim: #2589B7;
  --named-wind-2-dim: oklch(59.551% 0.1121 233.775);
  --named-lunar--2: #4A215F;
  --named-lunar--2: oklch(33.636% 0.1108 312.456);
  --named-lunar--2-on: #FDEDFF;
  --named-lunar--2-on: oklch(96.393% 0.0292 322.393);
  --named-lunar--2-dim: #986BAD;
  --named-lunar--2-dim: oklch(59.892% 0.1094 314.543);
  --named-lunar--1: #592765;
  --named-lunar--1: oklch(37.027% 0.1147 319.494);
  --named-lunar--1-on: #FFF4FB;
  --named-lunar--1-on: oklch(97.768% 0.0149 338.907);
  --named-lunar--1-dim: #A76EB1;
  --named-lunar--1-dim: oklch(62.23% 0.1167 321.429);
  --named-lunar-0: #682E6B;
  --named-lunar-0: oklch(40.543% 0.1179 325.576);
  --named-lunar-0-on: #FFFCFF;
  --named-lunar-0-on: oklch(99.42% 0.005 325.615);
  --named-lunar-0-dim: #B573B5;
  --named-lunar-0-dim: oklch(64.817% 0.1209 326.858);
  --named-lunar-1: #783570;
  --named-lunar-1: oklch(44.118% 0.1216 332.172);
  --named-lunar-1-on: #FFFFFF;
  --named-lunar-1-on: oklch(100% 0 89.876);
  --named-lunar-1-dim: #C478B7;
  --named-lunar-1-dim: oklch(67.44% 0.1248 333.32);
  --named-lunar-2: #883C73;
  --named-lunar-2: oklch(47.572% 0.1247 339.269);
  --named-lunar-2-on: #FFFFFF;
  --named-lunar-2-on: oklch(100% 0 89.876);
  --named-lunar-2-dim: #D47CB8;
  --named-lunar-2-dim: oklch(69.998% 0.1318 340.027);
  --named-fire--2: #80243A;
  --named-fire--2: oklch(41.098% 0.1262 10.539);
  --named-fire--2-on: #FFFDFF;
  --named-fire--2-on: oklch(99.613% 0.0034 325.602);
  --named-fire--2-dim: #D7687C;
  --named-fire--2-dim: oklch(65.433% 0.1402 10.462);
  --named-fire--1: #8E2D38;
  --named-fire--1: oklch(44.554% 0.1307 17.724);
  --named-fire--1-on: #FFFFFF;
  --named-fire--1-on: oklch(100% 0 89.876);
  --named-fire--1-dim: #E36E77;
  --named-fire--1-dim: oklch(67.836% 0.1456 17.005);
  --named-fire-0: #9C3635;
  --named-fire-0: oklch(47.992% 0.1365 24.325);
  --named-fire-0-on: #FFFFFF;
  --named-fire-0-on: oklch(100% 0 89.876);
  --named-fire-0-dim: #F07570;
  --named-fire-0-dim: oklch(70.491% 0.1526 24.105);
  --named-fire-1: #AA4031;
  --named-fire-1: oklch(51.541% 0.1425 30.61);
  --named-fire-1-on: #FFFFFF;
  --named-fire-1-on: oklch(100% 0 89.876);
  --named-fire-1-dim: #FC7D6A;
  --named-fire-1-dim: oklch(73.185% 0.1587 30.117);
  --named-fire-2: #B74A2B;
  --named-fire-2: oklch(54.906% 0.1486 36.498);
  --named-fire-2-on: #FFFFFF;
  --named-fire-2-on: oklch(100% 0 89.876);
  --named-fire-2-dim: #FF8B6A;
  --named-fire-2-dim: oklch(75.696% 0.1486 36.754);
}
:root {
  --chart-qualitative-1: #66868e;
  --chart-qualitative-1: oklch(59.852% 0.0381 214.756);
  --chart-qualitative-1-on: #ffffff;
  --chart-qualitative-1-on: oklch(100% 0 89.876);
  --chart-qualitative-1-dim: #1a3a42;
  --chart-qualitative-1-dim: oklch(32.782% 0.0401 216.153);
  --chart-qualitative-2: #994148;
  --chart-qualitative-2: oklch(49.394% 0.1181 17.638);
  --chart-qualitative-2-on: #ffffff;
  --chart-qualitative-2-on: oklch(100% 0 89.876);
  --chart-qualitative-2-dim: #e87f85;
  --chart-qualitative-2-dim: oklch(71.389% 0.1293 17.256);
  --chart-qualitative-3: #665d7f;
  --chart-qualitative-3: oklch(50.007% 0.0543 296.528);
  --chart-qualitative-3-on: #ffffff;
  --chart-qualitative-3-on: oklch(100% 0 89.876);
  --chart-qualitative-3-dim: #a79cc2;
  --chart-qualitative-3-dim: oklch(71.504% 0.0558 298.229);
  --chart-qualitative-4: #898953;
  --chart-qualitative-4: oklch(61.701% 0.0745 108.398);
  --chart-qualitative-4-on: #ffffff;
  --chart-qualitative-4-on: oklch(100% 0 89.876);
  --chart-qualitative-4-dim: #3e3f10;
  --chart-qualitative-4-dim: oklch(35.614% 0.0662 110.512);
  --chart-qualitative-5: #a091b0;
  --chart-qualitative-5: oklch(68.018% 0.0479 306.991);
  --chart-qualitative-5-on: #ffffff;
  --chart-qualitative-5-on: oklch(100% 0 89.876);
  --chart-qualitative-5-dim: #dbcaec;
  --chart-qualitative-5-dim: oklch(86.348% 0.0498 307.822);
  --chart-qualitative-6: #b37e6e;
  --chart-qualitative-6: oklch(64.22% 0.0706 37.495);
  --chart-qualitative-6-on: #ffffff;
  --chart-qualitative-6-on: oklch(100% 0 89.876);
  --chart-qualitative-6-dim: #61382b;
  --chart-qualitative-6-dim: oklch(38.761% 0.0627 38.35);
  --chart-qualitative-7: #597189;
  --chart-qualitative-7: oklch(53.876% 0.0472 248.718);
  --chart-qualitative-7-on: #ffffff;
  --chart-qualitative-7-on: oklch(100% 0 89.876);
  --chart-qualitative-7-dim: #97afca;
  --chart-qualitative-7-dim: oklch(74.492% 0.0473 251.507);
  --chart-qualitative-8: #8f6676;
  --chart-qualitative-8: oklch(55.751% 0.0571 353.939);
  --chart-qualitative-8-on: #ffffff;
  --chart-qualitative-8-on: oklch(100% 0 89.876);
  --chart-qualitative-8-dim: #d2a2b4;
  --chart-qualitative-8-dim: oklch(76.172% 0.0613 354.274);
  --chart-qualitative-9: #637b6b;
  --chart-qualitative-9: oklch(55.891% 0.0373 155.827);
  --chart-qualitative-9-on: #ffffff;
  --chart-qualitative-9-on: oklch(100% 0 89.876);
  --chart-qualitative-9-dim: #152b1f;
  --chart-qualitative-9-dim: oklch(26.645% 0.0363 158.776);
  --chart-qualitative-10: #89a1b8;
  --chart-qualitative-10: oklch(69.846% 0.0433 247.319);
  --chart-qualitative-10-on: #ffffff;
  --chart-qualitative-10-on: oklch(100% 0 89.876);
  --chart-qualitative-10-dim: #c2daf3;
  --chart-qualitative-10-dim: oklch(87.854% 0.0432 249.4);
  --chart-qualitative-11: #434b6d;
  --chart-qualitative-11: oklch(42.067% 0.0577 273.526);
  --chart-qualitative-11-on: #ffffff;
  --chart-qualitative-11-on: oklch(100% 0 89.876);
  --chart-qualitative-11-dim: #878eb4;
  --chart-qualitative-11-dim: oklch(65.475% 0.0572 276.562);
  --chart-qualitative-12: #bfa267;
  --chart-qualitative-12: oklch(72.475% 0.0844 84.249);
  --chart-qualitative-12-on: #342400;
  --chart-qualitative-12-on: oklch(27.239% 0.056 83.477);
  --chart-qualitative-12-dim: #fbda9a;
  --chart-qualitative-12-dim: oklch(90.148% 0.089 83.503);
}
:root {
  --chart-diverging-1-step-1: #434b6d;
  --chart-diverging-1-step-1: oklch(42.067% 0.0577 273.526);
  --chart-diverging-1-step-1-on: #ffffff;
  --chart-diverging-1-step-1-on: oklch(100% 0 89.876);
  --chart-diverging-1-step-1-dim: #878eb4;
  --chart-diverging-1-step-1-dim: oklch(65.475% 0.0572 276.562);
  --chart-diverging-1-step-2: #464c6f;
  --chart-diverging-1-step-2: oklch(42.647% 0.0586 276.151);
  --chart-diverging-1-step-2-on: #ffffff;
  --chart-diverging-1-step-2-on: oklch(100% 0 89.876);
  --chart-diverging-1-step-2-dim: #898fb6;
  --chart-diverging-1-step-2-dim: oklch(65.923% 0.0584 277.847);
  --chart-diverging-1-step-3: #4f4f73;
  --chart-diverging-1-step-3: oklch(44.297% 0.0588 283.742);
  --chart-diverging-1-step-3-on: #ffffff;
  --chart-diverging-1-step-3-on: oklch(100% 0 89.876);
  --chart-diverging-1-step-3-dim: #9291b9;
  --chart-diverging-1-step-3-dim: oklch(67.177% 0.0588 285.847);
  --chart-diverging-1-step-4: #5f5378;
  --chart-diverging-1-step-4: oklch(46.892% 0.0604 298.944);
  --chart-diverging-1-step-4-on: #ffffff;
  --chart-diverging-1-step-4-on: oklch(100% 0 89.876);
  --chart-diverging-1-step-4-dim: #a194bc;
  --chart-diverging-1-step-4-dim: oklch(69.163% 0.0595 299.714);
  --chart-diverging-1-step-5: #745a7d;
  --chart-diverging-1-step-5: oklch(50.693% 0.0626 317.271);
  --chart-diverging-1-step-5-on: #ffffff;
  --chart-diverging-1-step-5-on: oklch(100% 0 89.876);
  --chart-diverging-1-step-5-dim: #b699bf;
  --chart-diverging-1-step-5-dim: oklch(72.141% 0.063 318.11);
  --chart-diverging-1-step-6: #8f637c;
  --chart-diverging-1-step-6: oklch(55.387% 0.0665 344.416);
  --chart-diverging-1-step-6-on: #ffffff;
  --chart-diverging-1-step-6-on: oklch(100% 0 89.876);
  --chart-diverging-1-step-6-dim: #d2a0bb;
  --chart-diverging-1-step-6-dim: oklch(76.024% 0.0689 345.238);
  --chart-diverging-1-step-7: #a97073;
  --chart-diverging-1-step-7: oklch(60.565% 0.0727 15.987);
  --chart-diverging-1-step-7-on: #ffffff;
  --chart-diverging-1-step-7-on: oklch(100% 0 89.876);
  --chart-diverging-1-step-7-dim: #52272a;
  --chart-diverging-1-step-7-dim: oklch(33.218% 0.0641 16.798);
  --chart-diverging-1-step-8: #b97f68;
  --chart-diverging-1-step-8: oklch(64.966% 0.0799 42.466);
  --chart-diverging-1-step-8-on: #ffffff;
  --chart-diverging-1-step-8-on: oklch(100% 0 89.876);
  --chart-diverging-1-step-8-dim: #673926;
  --chart-diverging-1-step-8-dim: oklch(39.729% 0.0721 42.8);
  --chart-diverging-1-step-9: #bf8e63;
  --chart-diverging-1-step-9: oklch(68.41% 0.0833 62.007);
  --chart-diverging-1-step-9-on: #ffffff;
  --chart-diverging-1-step-9-on: oklch(100% 0 89.876);
  --chart-diverging-1-step-9-dim: #724a25;
  --chart-diverging-1-step-9-dim: oklch(44.639% 0.0751 61.632);
  --chart-diverging-1-step-10: #c09963;
  --chart-diverging-1-step-10: oklch(70.687% 0.085 74.72);
  --chart-diverging-1-step-10-on: #ffffff;
  --chart-diverging-1-step-10-on: oklch(100% 0 89.876);
  --chart-diverging-1-step-10-dim: #765627;
  --chart-diverging-1-step-10-dim: oklch(47.696% 0.0762 74.586);
  --chart-diverging-1-step-11: #bfa066;
  --chart-diverging-1-step-11: oklch(72.05% 0.0843 82.348);
  --chart-diverging-1-step-11-on: #342400;
  --chart-diverging-1-step-11-on: oklch(27.239% 0.056 83.477);
  --chart-diverging-1-step-11-dim: #775e2a;
  --chart-diverging-1-step-11-dim: oklch(49.595% 0.0768 83.519);
  --chart-diverging-1-step-12: #bfa267;
  --chart-diverging-1-step-12: oklch(72.475% 0.0844 84.249);
  --chart-diverging-1-step-12-on: #342400;
  --chart-diverging-1-step-12-on: oklch(27.239% 0.056 83.477);
  --chart-diverging-1-step-12-dim: #fbda9a;
  --chart-diverging-1-step-12-dim: oklch(90.148% 0.089 83.503);
}
:root {
  --chart-diverging-2-step-1: #898953;
  --chart-diverging-2-step-1: oklch(61.701% 0.0745 108.398);
  --chart-diverging-2-step-1-on: #ffffff;
  --chart-diverging-2-step-1-on: oklch(100% 0 89.876);
  --chart-diverging-2-step-1-dim: #3e3f10;
  --chart-diverging-2-step-1-dim: oklch(35.614% 0.0662 110.512);
  --chart-diverging-2-step-2: #888a55;
  --chart-diverging-2-step-2: oklch(61.876% 0.0735 110.219);
  --chart-diverging-2-step-2-on: #ffffff;
  --chart-diverging-2-step-2-on: oklch(100% 0 89.876);
  --chart-diverging-2-step-2-dim: #3e4012;
  --chart-diverging-2-step-2-dim: oklch(35.901% 0.0657 111.653);
  --chart-diverging-2-step-3: #848c5a;
  --chart-diverging-2-step-3: oklch(62.085% 0.0708 115.912);
  --chart-diverging-2-step-3-on: #ffffff;
  --chart-diverging-2-step-3-on: oklch(100% 0 89.876);
  --chart-diverging-2-step-3-dim: #3b4217;
  --chart-diverging-2-step-3-dim: oklch(36.209% 0.0645 117.49);
  --chart-diverging-2-step-4: #7d9063;
  --chart-diverging-2-step-4: oklch(62.634% 0.0681 126.864);
  --chart-diverging-2-step-4-on: #ffffff;
  --chart-diverging-2-step-4-on: oklch(100% 0 89.876);
  --chart-diverging-2-step-4-dim: #364621;
  --chart-diverging-2-step-4-dim: oklch(37.024% 0.0618 128.298);
  --chart-diverging-2-step-5: #769472;
  --chart-diverging-2-step-5: oklch(63.403% 0.0603 141.757);
  --chart-diverging-2-step-5-on: #ffffff;
  --chart-diverging-2-step-5-on: oklch(100% 0 89.876);
  --chart-diverging-2-step-5-dim: #2f4b2e;
  --chart-diverging-2-step-5-dim: oklch(38.175% 0.059 143.535);
  --chart-diverging-2-step-6: #709984;
  --chart-diverging-2-step-6: oklch(64.661% 0.0549 162.08);
  --chart-diverging-2-step-6-on: #ffffff;
  --chart-diverging-2-step-6-on: oklch(100% 0 89.876);
  --chart-diverging-2-step-6-dim: #aad4bd;
  --chart-diverging-2-step-6-dim: oklch(83.345% 0.0546 160.996);
  --chart-diverging-2-step-7: #709c98;
  --chart-diverging-2-step-7: oklch(65.971% 0.0481 189.022);
  --chart-diverging-2-step-7-on: #ffffff;
  --chart-diverging-2-step-7-on: oklch(100% 0 89.876);
  --chart-diverging-2-step-7-dim: #295551;
  --chart-diverging-2-step-7-dim: oklch(41.682% 0.0494 187.732);
  --chart-diverging-2-step-8: #769fa6;
  --chart-diverging-2-step-8: oklch(67.502% 0.0457 209.149);
  --chart-diverging-2-step-8-on: #ffffff;
  --chart-diverging-2-step-8-on: oklch(100% 0 89.876);
  --chart-diverging-2-step-8-dim: #305960;
  --chart-diverging-2-step-8-dim: oklch(43.697% 0.0474 209.667);
  --chart-diverging-2-step-9: #7da0af;
  --chart-diverging-2-step-9: oklch(68.49% 0.0444 225.973);
  --chart-diverging-2-step-9-on: #ffffff;
  --chart-diverging-2-step-9-on: oklch(100% 0 89.876);
  --chart-diverging-2-step-9-dim: #385b68;
  --chart-diverging-2-step-9-dim: oklch(44.993% 0.0456 223.566);
  --chart-diverging-2-step-10: #84a1b4;
  --chart-diverging-2-step-10: oklch(69.356% 0.0427 236.95);
  --chart-diverging-2-step-10-on: #ffffff;
  --chart-diverging-2-step-10-on: oklch(100% 0 89.876);
  --chart-diverging-2-step-10-dim: #bddaef;
  --chart-diverging-2-step-10-dim: oklch(87.379% 0.0425 239.473);
  --chart-diverging-2-step-11: #88a1b7;
  --chart-diverging-2-step-11: oklch(69.739% 0.0428 245.022);
  --chart-diverging-2-step-11-on: #ffffff;
  --chart-diverging-2-step-11-on: oklch(100% 0 89.876);
  --chart-diverging-2-step-11-dim: #c1daf2;
  --chart-diverging-2-step-11-dim: oklch(87.751% 0.0427 247.219);
  --chart-diverging-2-step-12: #89a1b8;
  --chart-diverging-2-step-12: oklch(69.846% 0.0433 247.319);
  --chart-diverging-2-step-12-on: #ffffff;
  --chart-diverging-2-step-12-on: oklch(100% 0 89.876);
  --chart-diverging-2-step-12-dim: #c2daf3;
  --chart-diverging-2-step-12-dim: oklch(87.854% 0.0432 249.4);
}
:root {
  --chart-diverging-3-step-1: #994148;
  --chart-diverging-3-step-1: oklch(49.394% 0.1181 17.638);
  --chart-diverging-3-step-1-on: #ffffff;
  --chart-diverging-3-step-1-on: oklch(100% 0 89.876);
  --chart-diverging-3-step-1-dim: #e87f85;
  --chart-diverging-3-step-1-dim: oklch(71.389% 0.1293 17.256);
  --chart-diverging-3-step-2: #994245;
  --chart-diverging-3-step-2: oklch(49.472% 0.1169 20.264);
  --chart-diverging-3-step-2-on: #ffffff;
  --chart-diverging-3-step-2-on: oklch(100% 0 89.876);
  --chart-diverging-3-step-2-dim: #e88082;
  --chart-diverging-3-step-2-dim: oklch(71.475% 0.1282 19.573);
  --chart-diverging-3-step-3: #99453c;
  --chart-diverging-3-step-3: oklch(49.738% 0.1146 28.103);
  --chart-diverging-3-step-3-on: #ffffff;
  --chart-diverging-3-step-3-on: oklch(100% 0 89.876);
  --chart-diverging-3-step-3-dim: #e88377;
  --chart-diverging-3-step-3-dim: oklch(71.712% 0.1263 27.764);
  --chart-diverging-3-step-4: #984b2f;
  --chart-diverging-3-step-4: oklch(50.332% 0.1112 40.201);
  --chart-diverging-3-step-4-on: #ffffff;
  --chart-diverging-3-step-4-on: oklch(100% 0 89.876);
  --chart-diverging-3-step-4-dim: #e68868;
  --chart-diverging-3-step-4-dim: oklch(71.996% 0.124 39.489);
  --chart-diverging-3-step-5: #935421;
  --chart-diverging-3-step-5: oklch(51.021% 0.1054 55.935);
  --chart-diverging-3-step-5-on: #ffffff;
  --chart-diverging-3-step-5-on: oklch(100% 0 89.876);
  --chart-diverging-3-step-5-dim: #de9259;
  --chart-diverging-3-step-5-dim: oklch(72.527% 0.1176 56.45);
  --chart-diverging-3-step-6: #87601e;
  --chart-diverging-3-step-6: oklch(51.786% 0.0948 76.401);
  --chart-diverging-3-step-6-on: #ffffff;
  --chart-diverging-3-step-6-on: oklch(100% 0 89.876);
  --chart-diverging-3-step-6-dim: #cd9e57;
  --chart-diverging-3-step-6-dim: oklch(72.858% 0.105 76.141);
  --chart-diverging-3-step-7: #766c30;
  --chart-diverging-3-step-7: oklch(52.734% 0.0813 99.968);
  --chart-diverging-3-step-7-on: #ffffff;
  --chart-diverging-3-step-7-on: oklch(100% 0 89.876);
  --chart-diverging-3-step-7-dim: #b7ab68;
  --chart-diverging-3-step-7-dim: oklch(73.618% 0.0885 99.355);
  --chart-diverging-3-step-8: #697447;
  --chart-diverging-3-step-8: oklch(53.803% 0.0667 119.887);
  --chart-diverging-3-step-8-on: #ffffff;
  --chart-diverging-3-step-8-on: oklch(100% 0 89.876);
  --chart-diverging-3-step-8-dim: #a7b380;
  --chart-diverging-3-step-8-dim: oklch(74.44% 0.0709 118.913);
  --chart-diverging-3-step-9: #637858;
  --chart-diverging-3-step-9: oklch(54.662% 0.0542 135.03);
  --chart-diverging-3-step-9-on: #ffffff;
  --chart-diverging-3-step-9-on: oklch(100% 0 89.876);
  --chart-diverging-3-step-9-dim: #a0b692;
  --chart-diverging-3-step-9-dim: oklch(74.968% 0.0559 133.333);
  --chart-diverging-3-step-10: #627a63;
  --chart-diverging-3-step-10: oklch(55.354% 0.045 146.023);
  --chart-diverging-3-step-10-on: #ffffff;
  --chart-diverging-3-step-10-on: oklch(100% 0 89.876);
  --chart-diverging-3-step-10-dim: #9fb89e;
  --chart-diverging-3-step-10-dim: oklch(75.635% 0.0458 144.082);
  --chart-diverging-3-step-11: #637b69;
  --chart-diverging-3-step-11: oklch(55.834% 0.0393 152.613);
  --chart-diverging-3-step-11-on: #ffffff;
  --chart-diverging-3-step-11-on: oklch(100% 0 89.876);
  --chart-diverging-3-step-11-dim: #9fb9a4;
  --chart-diverging-3-step-11-dim: oklch(76.013% 0.0411 150.904);
  --chart-diverging-3-step-12: #637b6b;
  --chart-diverging-3-step-12: oklch(55.891% 0.0373 155.827);
  --chart-diverging-3-step-12-on: #ffffff;
  --chart-diverging-3-step-12-on: oklch(100% 0 89.876);
  --chart-diverging-3-step-12-dim: #152b1f;
  --chart-diverging-3-step-12-dim: oklch(26.645% 0.0363 158.776);
}
:root {
  --chart-diverging-4-step-1: #66868e;
  --chart-diverging-4-step-1: oklch(59.852% 0.0381 214.756);
  --chart-diverging-4-step-1-on: #ffffff;
  --chart-diverging-4-step-1-on: oklch(100% 0 89.876);
  --chart-diverging-4-step-1-dim: #1a3a42;
  --chart-diverging-4-step-1-dim: oklch(32.782% 0.0401 216.153);
  --chart-diverging-4-step-2: #66868f;
  --chart-diverging-4-step-2: oklch(59.888% 0.0386 216.885);
  --chart-diverging-4-step-2-on: #ffffff;
  --chart-diverging-4-step-2-on: oklch(100% 0 89.876);
  --chart-diverging-4-step-2-dim: #1a3a42;
  --chart-diverging-4-step-2-dim: oklch(32.782% 0.0401 216.153);
  --chart-diverging-4-step-3: #668490;
  --chart-diverging-4-step-3: oklch(59.458% 0.0387 224.339);
  --chart-diverging-4-step-3-on: #ffffff;
  --chart-diverging-4-step-3-on: oklch(100% 0 89.876);
  --chart-diverging-4-step-3-dim: #193843;
  --chart-diverging-4-step-3-dim: oklch(32.213% 0.0415 223.617);
  --chart-diverging-4-step-4: #688293;
  --chart-diverging-4-step-4: oklch(59.245% 0.0397 237.001);
  --chart-diverging-4-step-4-on: #ffffff;
  --chart-diverging-4-step-4-on: oklch(100% 0 89.876);
  --chart-diverging-4-step-4-dim: #1b3644;
  --chart-diverging-4-step-4-dim: oklch(31.807% 0.0414 232.731);
  --chart-diverging-4-step-5: #6c7e95;
  --chart-diverging-4-step-5: oklch(58.697% 0.0413 254.679);
  --chart-diverging-4-step-5-on: #ffffff;
  --chart-diverging-4-step-5-on: oklch(100% 0 89.876);
  --chart-diverging-4-step-5-dim: #203145;
  --chart-diverging-4-step-5-dim: oklch(30.804% 0.0427 253.115);
  --chart-diverging-4-step-6: #727a96;
  --chart-diverging-4-step-6: oklch(58.306% 0.0441 272.492);
  --chart-diverging-4-step-6-on: #ffffff;
  --chart-diverging-4-step-6-on: oklch(100% 0 89.876);
  --chart-diverging-4-step-6-dim: #252d46;
  --chart-diverging-4-step-6-dim: oklch(30.196% 0.0468 269.9);
  --chart-diverging-4-step-7: #7b7393;
  --chart-diverging-4-step-7: oklch(57.438% 0.0494 296.271);
  --chart-diverging-4-step-7-on: #ffffff;
  --chart-diverging-4-step-7-on: oklch(100% 0 89.876);
  --chart-diverging-4-step-7-dim: #2c2541;
  --chart-diverging-4-step-7-dim: oklch(28.613% 0.0509 294.455);
  --chart-diverging-4-step-8: #836e8c;
  --chart-diverging-4-step-8: oklch(56.872% 0.0516 315.696);
  --chart-diverging-4-step-8-on: #ffffff;
  --chart-diverging-4-step-8-on: oklch(100% 0 89.876);
  --chart-diverging-4-step-8-dim: #31203a;
  --chart-diverging-4-step-8-dim: oklch(27.673% 0.0517 313.303);
  --chart-diverging-4-step-9: #896a84;
  --chart-diverging-4-step-9: oklch(56.372% 0.0544 331.86);
  --chart-diverging-4-step-9-on: #ffffff;
  --chart-diverging-4-step-9-on: oklch(100% 0 89.876);
  --chart-diverging-4-step-9-dim: #caa6c3;
  --chart-diverging-4-step-9-dim: oklch(76.623% 0.0574 332.859);
  --chart-diverging-4-step-10: #8d687d;
  --chart-diverging-4-step-10: oklch(56.156% 0.0558 343.999);
  --chart-diverging-4-step-10-on: #ffffff;
  --chart-diverging-4-step-10-on: oklch(100% 0 89.876);
  --chart-diverging-4-step-10-dim: #cfa4bb;
  --chart-diverging-4-step-10-dim: oklch(76.466% 0.0589 345.199);
  --chart-diverging-4-step-11: #8e6678;
  --chart-diverging-4-step-11: oklch(55.705% 0.0571 350.454);
  --chart-diverging-4-step-11-on: #ffffff;
  --chart-diverging-4-step-11-on: oklch(100% 0 89.876);
  --chart-diverging-4-step-11-dim: #d0a3b6;
  --chart-diverging-4-step-11-dim: oklch(76.221% 0.0585 351.399);
  --chart-diverging-4-step-12: #8f6676;
  --chart-diverging-4-step-12: oklch(55.751% 0.0571 353.939);
  --chart-diverging-4-step-12-on: #ffffff;
  --chart-diverging-4-step-12-on: oklch(100% 0 89.876);
  --chart-diverging-4-step-12-dim: #d2a2b4;
  --chart-diverging-4-step-12-dim: oklch(76.172% 0.0613 354.274);
}
:root {
  --chart-diverging-5-step-1: #665d7f;
  --chart-diverging-5-step-1: oklch(50.007% 0.0543 296.528);
  --chart-diverging-5-step-1-on: #ffffff;
  --chart-diverging-5-step-1-on: oklch(100% 0 89.876);
  --chart-diverging-5-step-1-dim: #a79cc2;
  --chart-diverging-5-step-1-dim: oklch(71.504% 0.0558 298.229);
  --chart-diverging-5-step-2: #655e80;
  --chart-diverging-5-step-2: oklch(50.173% 0.054 293.804);
  --chart-diverging-5-step-2-on: #ffffff;
  --chart-diverging-5-step-2-on: oklch(100% 0 89.876);
  --chart-diverging-5-step-2-dim: #a69dc3;
  --chart-diverging-5-step-2-dim: oklch(71.657% 0.0554 295.826);
  --chart-diverging-5-step-3: #626081;
  --chart-diverging-5-step-3: oklch(50.382% 0.0521 287.145);
  --chart-diverging-5-step-3-on: #ffffff;
  --chart-diverging-5-step-3-on: oklch(100% 0 89.876);
  --chart-diverging-5-step-3-dim: #a29fc4;
  --chart-diverging-5-step-3-dim: oklch(71.767% 0.0534 288.69);
  --chart-diverging-5-step-4: #5e6382;
  --chart-diverging-5-step-4: oklch(50.749% 0.0496 277.353);
  --chart-diverging-5-step-4-on: #ffffff;
  --chart-diverging-5-step-4-on: oklch(100% 0 89.876);
  --chart-diverging-5-step-4-dim: #9ea2c5;
  --chart-diverging-5-step-4-dim: oklch(72.099% 0.0509 279.915);
  --chart-diverging-5-step-5: #596882;
  --chart-diverging-5-step-5: oklch(51.49% 0.0453 261.345);
  --chart-diverging-5-step-5-on: #ffffff;
  --chart-diverging-5-step-5-on: oklch(100% 0 89.876);
  --chart-diverging-5-step-5-dim: #98a7c4;
  --chart-diverging-5-step-5-dim: oklch(72.648% 0.0455 263.602);
  --chart-diverging-5-step-6: #546d80;
  --chart-diverging-5-step-6: oklch(52.215% 0.0422 241.357);
  --chart-diverging-5-step-6-on: #ffffff;
  --chart-diverging-5-step-6-on: oklch(100% 0 89.876);
  --chart-diverging-5-step-6-dim: #92acc1;
  --chart-diverging-5-step-6-dim: oklch(73.177% 0.042 242.625);
  --chart-diverging-5-step-7: #53727b;
  --chart-diverging-5-step-7: oklch(53.147% 0.0384 217.62);
  --chart-diverging-5-step-7-on: #ffffff;
  --chart-diverging-5-step-7-on: oklch(100% 0 89.876);
  --chart-diverging-5-step-7-dim: #90b1ba;
  --chart-diverging-5-step-7-dim: oklch(73.887% 0.0382 216.143);
  --chart-diverging-5-step-8: #567676;
  --chart-diverging-5-step-8: oklch(54.132% 0.0367 196.121);
  --chart-diverging-5-step-8-on: #ffffff;
  --chart-diverging-5-step-8-on: oklch(100% 0 89.876);
  --chart-diverging-5-step-8-dim: #93b5b4;
  --chart-diverging-5-step-8-dim: oklch(74.772% 0.0369 194.177);
  --chart-diverging-5-step-9: #5a7871;
  --chart-diverging-5-step-9: oklch(54.718% 0.0363 178.938);
  --chart-diverging-5-step-9-on: #ffffff;
  --chart-diverging-5-step-9-on: oklch(100% 0 89.876);
  --chart-diverging-5-step-9-dim: #97b6af;
  --chart-diverging-5-step-9-dim: oklch(75.109% 0.0352 180.082);
  --chart-diverging-5-step-10: #5f7a6e;
  --chart-diverging-5-step-10: oklch(55.454% 0.0364 166.147);
  --chart-diverging-5-step-10-on: #ffffff;
  --chart-diverging-5-step-10-on: oklch(100% 0 89.876);
  --chart-diverging-5-step-10-dim: #9cb8aa;
  --chart-diverging-5-step-10-dim: oklch(75.748% 0.0365 163.812);
  --chart-diverging-5-step-11: #627b6c;
  --chart-diverging-5-step-11: oklch(55.848% 0.0372 158.606);
  --chart-diverging-5-step-11-on: #ffffff;
  --chart-diverging-5-step-11-on: oklch(100% 0 89.876);
  --chart-diverging-5-step-11-dim: #9eb9a8;
  --chart-diverging-5-step-11-dim: oklch(76.052% 0.0381 157.744);
  --chart-diverging-5-step-12: #637b6b;
  --chart-diverging-5-step-12: oklch(55.891% 0.0373 155.827);
  --chart-diverging-5-step-12-on: #ffffff;
  --chart-diverging-5-step-12-on: oklch(100% 0 89.876);
  --chart-diverging-5-step-12-dim: #152b1f;
  --chart-diverging-5-step-12-dim: oklch(26.645% 0.0363 158.776);
}
:root {
  --chart-diverging-6-step-1: #b37e6e;
  --chart-diverging-6-step-1: oklch(64.22% 0.0706 37.495);
  --chart-diverging-6-step-1-on: #ffffff;
  --chart-diverging-6-step-1-on: oklch(100% 0 89.876);
  --chart-diverging-6-step-1-dim: #61382b;
  --chart-diverging-6-step-1-dim: oklch(38.761% 0.0627 38.35);
  --chart-diverging-6-step-2: #b37d70;
  --chart-diverging-6-step-2: oklch(64.077% 0.0706 34.044);
  --chart-diverging-6-step-2-on: #ffffff;
  --chart-diverging-6-step-2-on: oklch(100% 0 89.876);
  --chart-diverging-6-step-2-dim: #61362c;
  --chart-diverging-6-step-2-dim: oklch(38.391% 0.0644 33.977);
  --chart-diverging-6-step-3: #b17b74;
  --chart-diverging-6-step-3: oklch(63.57% 0.0689 27.383);
  --chart-diverging-6-step-3-on: #ffffff;
  --chart-diverging-6-step-3-on: oklch(100% 0 89.876);
  --chart-diverging-6-step-3-dim: #f2b5ac;
  --chart-diverging-6-step-3-dim: oklch(82.678% 0.0726 28.244);
  --chart-diverging-6-step-4: #ad797c;
  --chart-diverging-6-step-4: oklch(62.951% 0.0654 15.28);
  --chart-diverging-6-step-4-on: #ffffff;
  --chart-diverging-6-step-4-on: oklch(100% 0 89.876);
  --chart-diverging-6-step-4-dim: #eeb3b6;
  --chart-diverging-6-step-4-dim: oklch(82.163% 0.0689 15.285);
  --chart-diverging-6-step-5: #a57686;
  --chart-diverging-6-step-5: oklch(61.788% 0.0626 356.93);
  --chart-diverging-6-step-5-on: #ffffff;
  --chart-diverging-6-step-5-on: oklch(100% 0 89.876);
  --chart-diverging-6-step-5-dim: #532d3c;
  --chart-diverging-6-step-5-dim: oklch(35.091% 0.0595 355.456);
  --chart-diverging-6-step-6: #977490;
  --chart-diverging-6-step-6: oklch(60.241% 0.059 333.388);
  --chart-diverging-6-step-6-on: #ffffff;
  --chart-diverging-6-step-6-on: oklch(100% 0 89.876);
  --chart-diverging-6-step-6-dim: #d7afce;
  --chart-diverging-6-step-6-dim: oklch(79.896% 0.062 334.105);
  --chart-diverging-6-step-7: #847395;
  --chart-diverging-6-step-7: oklch(58.346% 0.0547 307.418);
  --chart-diverging-6-step-7-on: #ffffff;
  --chart-diverging-6-step-7-on: oklch(100% 0 89.876);
  --chart-diverging-6-step-7-dim: #c3afd4;
  --chart-diverging-6-step-7-dim: oklch(78.296% 0.0561 309.379);
  --chart-diverging-6-step-8: #747394;
  --chart-diverging-6-step-8: oklch(56.87% 0.0506 286.061);
  --chart-diverging-6-step-8-on: #ffffff;
  --chart-diverging-6-step-8-on: oklch(100% 0 89.876);
  --chart-diverging-6-step-8-dim: #b1b0d4;
  --chart-diverging-6-step-8-dim: oklch(77% 0.0511 286.407);
  --chart-diverging-6-step-9: #687291;
  --chart-diverging-6-step-9: oklch(55.547% 0.0498 270.792);
  --chart-diverging-6-step-9-on: #ffffff;
  --chart-diverging-6-step-9-on: oklch(100% 0 89.876);
  --chart-diverging-6-step-9-dim: #a6afd1;
  --chart-diverging-6-step-9-dim: oklch(75.836% 0.0498 273.51);
  --chart-diverging-6-step-10: #5f728d;
  --chart-diverging-6-step-10: oklch(54.7% 0.0481 257.165);
  --chart-diverging-6-step-10-on: #ffffff;
  --chart-diverging-6-step-10-on: oklch(100% 0 89.876);
  --chart-diverging-6-step-10-dim: #9cb0cd;
  --chart-diverging-6-step-10-dim: oklch(75.165% 0.0475 257.608);
  --chart-diverging-6-step-11: #5b718a;
  --chart-diverging-6-step-11: oklch(54.058% 0.0472 251.924);
  --chart-diverging-6-step-11-on: #ffffff;
  --chart-diverging-6-step-11-on: oklch(100% 0 89.876);
  --chart-diverging-6-step-11-dim: #99afcb;
  --chart-diverging-6-step-11-dim: oklch(74.668% 0.0474 254.56);
  --chart-diverging-6-step-12: #597189;
  --chart-diverging-6-step-12: oklch(53.876% 0.0472 248.718);
  --chart-diverging-6-step-12-on: #ffffff;
  --chart-diverging-6-step-12-on: oklch(100% 0 89.876);
  --chart-diverging-6-step-12-dim: #97afca;
  --chart-diverging-6-step-12-dim: oklch(74.492% 0.0473 251.507);
}
@media (prefers-color-scheme: dark) {
  :root {
    --chart-qualitative-1: #bfa267;
    --chart-qualitative-1: oklch(72.475% 0.0844 84.249);
    --chart-qualitative-1-on: #342400;
    --chart-qualitative-1-on: oklch(27.239% 0.056 83.477);
    --chart-qualitative-1-dim: #fbda9a;
    --chart-qualitative-1-dim: oklch(90.148% 0.089 83.503);
    --chart-qualitative-2: #434b6d;
    --chart-qualitative-2: oklch(42.067% 0.0577 273.526);
    --chart-qualitative-2-on: #ffffff;
    --chart-qualitative-2-on: oklch(100% 0 89.876);
    --chart-qualitative-2-dim: #878eb4;
    --chart-qualitative-2-dim: oklch(65.475% 0.0572 276.562);
    --chart-qualitative-3: #89a1b8;
    --chart-qualitative-3: oklch(69.846% 0.0433 247.319);
    --chart-qualitative-3-on: #ffffff;
    --chart-qualitative-3-on: oklch(100% 0 89.876);
    --chart-qualitative-3-dim: #c2daf3;
    --chart-qualitative-3-dim: oklch(87.854% 0.0432 249.4);
    --chart-qualitative-4: #637b6b;
    --chart-qualitative-4: oklch(55.891% 0.0373 155.827);
    --chart-qualitative-4-on: #ffffff;
    --chart-qualitative-4-on: oklch(100% 0 89.876);
    --chart-qualitative-4-dim: #152b1f;
    --chart-qualitative-4-dim: oklch(26.645% 0.0363 158.776);
    --chart-qualitative-5: #8f6676;
    --chart-qualitative-5: oklch(55.751% 0.0571 353.939);
    --chart-qualitative-5-on: #ffffff;
    --chart-qualitative-5-on: oklch(100% 0 89.876);
    --chart-qualitative-5-dim: #d2a2b4;
    --chart-qualitative-5-dim: oklch(76.172% 0.0613 354.274);
    --chart-qualitative-6: #597189;
    --chart-qualitative-6: oklch(53.876% 0.0472 248.718);
    --chart-qualitative-6-on: #ffffff;
    --chart-qualitative-6-on: oklch(100% 0 89.876);
    --chart-qualitative-6-dim: #97afca;
    --chart-qualitative-6-dim: oklch(74.492% 0.0473 251.507);
    --chart-qualitative-7: #b37e6e;
    --chart-qualitative-7: oklch(64.22% 0.0706 37.495);
    --chart-qualitative-7-on: #ffffff;
    --chart-qualitative-7-on: oklch(100% 0 89.876);
    --chart-qualitative-7-dim: #61382b;
    --chart-qualitative-7-dim: oklch(38.761% 0.0627 38.35);
    --chart-qualitative-8: #a091b0;
    --chart-qualitative-8: oklch(68.018% 0.0479 306.991);
    --chart-qualitative-8-on: #ffffff;
    --chart-qualitative-8-on: oklch(100% 0 89.876);
    --chart-qualitative-8-dim: #dbcaec;
    --chart-qualitative-8-dim: oklch(86.348% 0.0498 307.822);
    --chart-qualitative-9: #898953;
    --chart-qualitative-9: oklch(61.701% 0.0745 108.398);
    --chart-qualitative-9-on: #ffffff;
    --chart-qualitative-9-on: oklch(100% 0 89.876);
    --chart-qualitative-9-dim: #3e3f10;
    --chart-qualitative-9-dim: oklch(35.614% 0.0662 110.512);
    --chart-qualitative-10: #665d7f;
    --chart-qualitative-10: oklch(50.007% 0.0543 296.528);
    --chart-qualitative-10-on: #ffffff;
    --chart-qualitative-10-on: oklch(100% 0 89.876);
    --chart-qualitative-10-dim: #a79cc2;
    --chart-qualitative-10-dim: oklch(71.504% 0.0558 298.229);
    --chart-qualitative-11: #994148;
    --chart-qualitative-11: oklch(49.394% 0.1181 17.638);
    --chart-qualitative-11-on: #ffffff;
    --chart-qualitative-11-on: oklch(100% 0 89.876);
    --chart-qualitative-11-dim: #e87f85;
    --chart-qualitative-11-dim: oklch(71.389% 0.1293 17.256);
    --chart-qualitative-12: #66868e;
    --chart-qualitative-12: oklch(59.852% 0.0381 214.756);
    --chart-qualitative-12-on: #ffffff;
    --chart-qualitative-12-on: oklch(100% 0 89.876);
    --chart-qualitative-12-dim: #1a3a42;
    --chart-qualitative-12-dim: oklch(32.782% 0.0401 216.153);
  }
  :root {
    --chart-diverging-1-step-1: #bfa267;
    --chart-diverging-1-step-1: oklch(72.475% 0.0844 84.249);
    --chart-diverging-1-step-1-on: #342400;
    --chart-diverging-1-step-1-on: oklch(27.239% 0.056 83.477);
    --chart-diverging-1-step-1-dim: #fbda9a;
    --chart-diverging-1-step-1-dim: oklch(90.148% 0.089 83.503);
    --chart-diverging-1-step-2: #bfa066;
    --chart-diverging-1-step-2: oklch(72.05% 0.0843 82.348);
    --chart-diverging-1-step-2-on: #342400;
    --chart-diverging-1-step-2-on: oklch(27.239% 0.056 83.477);
    --chart-diverging-1-step-2-dim: #775e2a;
    --chart-diverging-1-step-2-dim: oklch(49.595% 0.0768 83.519);
    --chart-diverging-1-step-3: #c09963;
    --chart-diverging-1-step-3: oklch(70.687% 0.085 74.72);
    --chart-diverging-1-step-3-on: #ffffff;
    --chart-diverging-1-step-3-on: oklch(100% 0 89.876);
    --chart-diverging-1-step-3-dim: #765627;
    --chart-diverging-1-step-3-dim: oklch(47.696% 0.0762 74.586);
    --chart-diverging-1-step-4: #bf8e63;
    --chart-diverging-1-step-4: oklch(68.41% 0.0833 62.007);
    --chart-diverging-1-step-4-on: #ffffff;
    --chart-diverging-1-step-4-on: oklch(100% 0 89.876);
    --chart-diverging-1-step-4-dim: #724a25;
    --chart-diverging-1-step-4-dim: oklch(44.639% 0.0751 61.632);
    --chart-diverging-1-step-5: #b97f68;
    --chart-diverging-1-step-5: oklch(64.966% 0.0799 42.466);
    --chart-diverging-1-step-5-on: #ffffff;
    --chart-diverging-1-step-5-on: oklch(100% 0 89.876);
    --chart-diverging-1-step-5-dim: #673926;
    --chart-diverging-1-step-5-dim: oklch(39.729% 0.0721 42.8);
    --chart-diverging-1-step-6: #a97073;
    --chart-diverging-1-step-6: oklch(60.565% 0.0727 15.987);
    --chart-diverging-1-step-6-on: #ffffff;
    --chart-diverging-1-step-6-on: oklch(100% 0 89.876);
    --chart-diverging-1-step-6-dim: #52272a;
    --chart-diverging-1-step-6-dim: oklch(33.218% 0.0641 16.798);
    --chart-diverging-1-step-7: #8f637c;
    --chart-diverging-1-step-7: oklch(55.387% 0.0665 344.416);
    --chart-diverging-1-step-7-on: #ffffff;
    --chart-diverging-1-step-7-on: oklch(100% 0 89.876);
    --chart-diverging-1-step-7-dim: #d2a0bb;
    --chart-diverging-1-step-7-dim: oklch(76.024% 0.0689 345.238);
    --chart-diverging-1-step-8: #745a7d;
    --chart-diverging-1-step-8: oklch(50.693% 0.0626 317.271);
    --chart-diverging-1-step-8-on: #ffffff;
    --chart-diverging-1-step-8-on: oklch(100% 0 89.876);
    --chart-diverging-1-step-8-dim: #b699bf;
    --chart-diverging-1-step-8-dim: oklch(72.141% 0.063 318.11);
    --chart-diverging-1-step-9: #5f5378;
    --chart-diverging-1-step-9: oklch(46.892% 0.0604 298.944);
    --chart-diverging-1-step-9-on: #ffffff;
    --chart-diverging-1-step-9-on: oklch(100% 0 89.876);
    --chart-diverging-1-step-9-dim: #a194bc;
    --chart-diverging-1-step-9-dim: oklch(69.163% 0.0595 299.714);
    --chart-diverging-1-step-10: #4f4f73;
    --chart-diverging-1-step-10: oklch(44.297% 0.0588 283.742);
    --chart-diverging-1-step-10-on: #ffffff;
    --chart-diverging-1-step-10-on: oklch(100% 0 89.876);
    --chart-diverging-1-step-10-dim: #9291b9;
    --chart-diverging-1-step-10-dim: oklch(67.177% 0.0588 285.847);
    --chart-diverging-1-step-11: #464c6f;
    --chart-diverging-1-step-11: oklch(42.647% 0.0586 276.151);
    --chart-diverging-1-step-11-on: #ffffff;
    --chart-diverging-1-step-11-on: oklch(100% 0 89.876);
    --chart-diverging-1-step-11-dim: #898fb6;
    --chart-diverging-1-step-11-dim: oklch(65.923% 0.0584 277.847);
    --chart-diverging-1-step-12: #434b6d;
    --chart-diverging-1-step-12: oklch(42.067% 0.0577 273.526);
    --chart-diverging-1-step-12-on: #ffffff;
    --chart-diverging-1-step-12-on: oklch(100% 0 89.876);
    --chart-diverging-1-step-12-dim: #878eb4;
    --chart-diverging-1-step-12-dim: oklch(65.475% 0.0572 276.562);
  }
  :root {
    --chart-diverging-2-step-1: #89a1b8;
    --chart-diverging-2-step-1: oklch(69.846% 0.0433 247.319);
    --chart-diverging-2-step-1-on: #ffffff;
    --chart-diverging-2-step-1-on: oklch(100% 0 89.876);
    --chart-diverging-2-step-1-dim: #c2daf3;
    --chart-diverging-2-step-1-dim: oklch(87.854% 0.0432 249.4);
    --chart-diverging-2-step-2: #88a1b7;
    --chart-diverging-2-step-2: oklch(69.739% 0.0428 245.022);
    --chart-diverging-2-step-2-on: #ffffff;
    --chart-diverging-2-step-2-on: oklch(100% 0 89.876);
    --chart-diverging-2-step-2-dim: #c1daf2;
    --chart-diverging-2-step-2-dim: oklch(87.751% 0.0427 247.219);
    --chart-diverging-2-step-3: #84a1b4;
    --chart-diverging-2-step-3: oklch(69.356% 0.0427 236.95);
    --chart-diverging-2-step-3-on: #ffffff;
    --chart-diverging-2-step-3-on: oklch(100% 0 89.876);
    --chart-diverging-2-step-3-dim: #bddaef;
    --chart-diverging-2-step-3-dim: oklch(87.379% 0.0425 239.473);
    --chart-diverging-2-step-4: #7da0af;
    --chart-diverging-2-step-4: oklch(68.49% 0.0444 225.973);
    --chart-diverging-2-step-4-on: #ffffff;
    --chart-diverging-2-step-4-on: oklch(100% 0 89.876);
    --chart-diverging-2-step-4-dim: #385b68;
    --chart-diverging-2-step-4-dim: oklch(44.993% 0.0456 223.566);
    --chart-diverging-2-step-5: #769fa6;
    --chart-diverging-2-step-5: oklch(67.502% 0.0457 209.149);
    --chart-diverging-2-step-5-on: #ffffff;
    --chart-diverging-2-step-5-on: oklch(100% 0 89.876);
    --chart-diverging-2-step-5-dim: #305960;
    --chart-diverging-2-step-5-dim: oklch(43.697% 0.0474 209.667);
    --chart-diverging-2-step-6: #709c98;
    --chart-diverging-2-step-6: oklch(65.971% 0.0481 189.022);
    --chart-diverging-2-step-6-on: #ffffff;
    --chart-diverging-2-step-6-on: oklch(100% 0 89.876);
    --chart-diverging-2-step-6-dim: #295551;
    --chart-diverging-2-step-6-dim: oklch(41.682% 0.0494 187.732);
    --chart-diverging-2-step-7: #709984;
    --chart-diverging-2-step-7: oklch(64.661% 0.0549 162.08);
    --chart-diverging-2-step-7-on: #ffffff;
    --chart-diverging-2-step-7-on: oklch(100% 0 89.876);
    --chart-diverging-2-step-7-dim: #aad4bd;
    --chart-diverging-2-step-7-dim: oklch(83.345% 0.0546 160.996);
    --chart-diverging-2-step-8: #769472;
    --chart-diverging-2-step-8: oklch(63.403% 0.0603 141.757);
    --chart-diverging-2-step-8-on: #ffffff;
    --chart-diverging-2-step-8-on: oklch(100% 0 89.876);
    --chart-diverging-2-step-8-dim: #2f4b2e;
    --chart-diverging-2-step-8-dim: oklch(38.175% 0.059 143.535);
    --chart-diverging-2-step-9: #7d9063;
    --chart-diverging-2-step-9: oklch(62.634% 0.0681 126.864);
    --chart-diverging-2-step-9-on: #ffffff;
    --chart-diverging-2-step-9-on: oklch(100% 0 89.876);
    --chart-diverging-2-step-9-dim: #364621;
    --chart-diverging-2-step-9-dim: oklch(37.024% 0.0618 128.298);
    --chart-diverging-2-step-10: #848c5a;
    --chart-diverging-2-step-10: oklch(62.085% 0.0708 115.912);
    --chart-diverging-2-step-10-on: #ffffff;
    --chart-diverging-2-step-10-on: oklch(100% 0 89.876);
    --chart-diverging-2-step-10-dim: #3b4217;
    --chart-diverging-2-step-10-dim: oklch(36.209% 0.0645 117.49);
    --chart-diverging-2-step-11: #888a55;
    --chart-diverging-2-step-11: oklch(61.876% 0.0735 110.219);
    --chart-diverging-2-step-11-on: #ffffff;
    --chart-diverging-2-step-11-on: oklch(100% 0 89.876);
    --chart-diverging-2-step-11-dim: #3e4012;
    --chart-diverging-2-step-11-dim: oklch(35.901% 0.0657 111.653);
    --chart-diverging-2-step-12: #898953;
    --chart-diverging-2-step-12: oklch(61.701% 0.0745 108.398);
    --chart-diverging-2-step-12-on: #ffffff;
    --chart-diverging-2-step-12-on: oklch(100% 0 89.876);
    --chart-diverging-2-step-12-dim: #3e3f10;
    --chart-diverging-2-step-12-dim: oklch(35.614% 0.0662 110.512);
  }
  :root {
    --chart-diverging-3-step-1: #637b6b;
    --chart-diverging-3-step-1: oklch(55.891% 0.0373 155.827);
    --chart-diverging-3-step-1-on: #ffffff;
    --chart-diverging-3-step-1-on: oklch(100% 0 89.876);
    --chart-diverging-3-step-1-dim: #152b1f;
    --chart-diverging-3-step-1-dim: oklch(26.645% 0.0363 158.776);
    --chart-diverging-3-step-2: #637b69;
    --chart-diverging-3-step-2: oklch(55.834% 0.0393 152.613);
    --chart-diverging-3-step-2-on: #ffffff;
    --chart-diverging-3-step-2-on: oklch(100% 0 89.876);
    --chart-diverging-3-step-2-dim: #9fb9a4;
    --chart-diverging-3-step-2-dim: oklch(76.013% 0.0411 150.904);
    --chart-diverging-3-step-3: #627a63;
    --chart-diverging-3-step-3: oklch(55.354% 0.045 146.023);
    --chart-diverging-3-step-3-on: #ffffff;
    --chart-diverging-3-step-3-on: oklch(100% 0 89.876);
    --chart-diverging-3-step-3-dim: #9fb89e;
    --chart-diverging-3-step-3-dim: oklch(75.635% 0.0458 144.082);
    --chart-diverging-3-step-4: #637858;
    --chart-diverging-3-step-4: oklch(54.662% 0.0542 135.03);
    --chart-diverging-3-step-4-on: #ffffff;
    --chart-diverging-3-step-4-on: oklch(100% 0 89.876);
    --chart-diverging-3-step-4-dim: #a0b692;
    --chart-diverging-3-step-4-dim: oklch(74.968% 0.0559 133.333);
    --chart-diverging-3-step-5: #697447;
    --chart-diverging-3-step-5: oklch(53.803% 0.0667 119.887);
    --chart-diverging-3-step-5-on: #ffffff;
    --chart-diverging-3-step-5-on: oklch(100% 0 89.876);
    --chart-diverging-3-step-5-dim: #a7b380;
    --chart-diverging-3-step-5-dim: oklch(74.44% 0.0709 118.913);
    --chart-diverging-3-step-6: #766c30;
    --chart-diverging-3-step-6: oklch(52.734% 0.0813 99.968);
    --chart-diverging-3-step-6-on: #ffffff;
    --chart-diverging-3-step-6-on: oklch(100% 0 89.876);
    --chart-diverging-3-step-6-dim: #b7ab68;
    --chart-diverging-3-step-6-dim: oklch(73.618% 0.0885 99.355);
    --chart-diverging-3-step-7: #87601e;
    --chart-diverging-3-step-7: oklch(51.786% 0.0948 76.401);
    --chart-diverging-3-step-7-on: #ffffff;
    --chart-diverging-3-step-7-on: oklch(100% 0 89.876);
    --chart-diverging-3-step-7-dim: #cd9e57;
    --chart-diverging-3-step-7-dim: oklch(72.858% 0.105 76.141);
    --chart-diverging-3-step-8: #935421;
    --chart-diverging-3-step-8: oklch(51.021% 0.1054 55.935);
    --chart-diverging-3-step-8-on: #ffffff;
    --chart-diverging-3-step-8-on: oklch(100% 0 89.876);
    --chart-diverging-3-step-8-dim: #de9259;
    --chart-diverging-3-step-8-dim: oklch(72.527% 0.1176 56.45);
    --chart-diverging-3-step-9: #984b2f;
    --chart-diverging-3-step-9: oklch(50.332% 0.1112 40.201);
    --chart-diverging-3-step-9-on: #ffffff;
    --chart-diverging-3-step-9-on: oklch(100% 0 89.876);
    --chart-diverging-3-step-9-dim: #e68868;
    --chart-diverging-3-step-9-dim: oklch(71.996% 0.124 39.489);
    --chart-diverging-3-step-10: #99453c;
    --chart-diverging-3-step-10: oklch(49.738% 0.1146 28.103);
    --chart-diverging-3-step-10-on: #ffffff;
    --chart-diverging-3-step-10-on: oklch(100% 0 89.876);
    --chart-diverging-3-step-10-dim: #e88377;
    --chart-diverging-3-step-10-dim: oklch(71.712% 0.1263 27.764);
    --chart-diverging-3-step-11: #994245;
    --chart-diverging-3-step-11: oklch(49.472% 0.1169 20.264);
    --chart-diverging-3-step-11-on: #ffffff;
    --chart-diverging-3-step-11-on: oklch(100% 0 89.876);
    --chart-diverging-3-step-11-dim: #e88082;
    --chart-diverging-3-step-11-dim: oklch(71.475% 0.1282 19.573);
    --chart-diverging-3-step-12: #994148;
    --chart-diverging-3-step-12: oklch(49.394% 0.1181 17.638);
    --chart-diverging-3-step-12-on: #ffffff;
    --chart-diverging-3-step-12-on: oklch(100% 0 89.876);
    --chart-diverging-3-step-12-dim: #e87f85;
    --chart-diverging-3-step-12-dim: oklch(71.389% 0.1293 17.256);
  }
  :root {
    --chart-diverging-4-step-1: #8f6676;
    --chart-diverging-4-step-1: oklch(55.751% 0.0571 353.939);
    --chart-diverging-4-step-1-on: #ffffff;
    --chart-diverging-4-step-1-on: oklch(100% 0 89.876);
    --chart-diverging-4-step-1-dim: #d2a2b4;
    --chart-diverging-4-step-1-dim: oklch(76.172% 0.0613 354.274);
    --chart-diverging-4-step-2: #8e6678;
    --chart-diverging-4-step-2: oklch(55.705% 0.0571 350.454);
    --chart-diverging-4-step-2-on: #ffffff;
    --chart-diverging-4-step-2-on: oklch(100% 0 89.876);
    --chart-diverging-4-step-2-dim: #d0a3b6;
    --chart-diverging-4-step-2-dim: oklch(76.221% 0.0585 351.399);
    --chart-diverging-4-step-3: #8d687d;
    --chart-diverging-4-step-3: oklch(56.156% 0.0558 343.999);
    --chart-diverging-4-step-3-on: #ffffff;
    --chart-diverging-4-step-3-on: oklch(100% 0 89.876);
    --chart-diverging-4-step-3-dim: #cfa4bb;
    --chart-diverging-4-step-3-dim: oklch(76.466% 0.0589 345.199);
    --chart-diverging-4-step-4: #896a84;
    --chart-diverging-4-step-4: oklch(56.372% 0.0544 331.86);
    --chart-diverging-4-step-4-on: #ffffff;
    --chart-diverging-4-step-4-on: oklch(100% 0 89.876);
    --chart-diverging-4-step-4-dim: #caa6c3;
    --chart-diverging-4-step-4-dim: oklch(76.623% 0.0574 332.859);
    --chart-diverging-4-step-5: #836e8c;
    --chart-diverging-4-step-5: oklch(56.872% 0.0516 315.696);
    --chart-diverging-4-step-5-on: #ffffff;
    --chart-diverging-4-step-5-on: oklch(100% 0 89.876);
    --chart-diverging-4-step-5-dim: #31203a;
    --chart-diverging-4-step-5-dim: oklch(27.673% 0.0517 313.303);
    --chart-diverging-4-step-6: #7b7393;
    --chart-diverging-4-step-6: oklch(57.438% 0.0494 296.271);
    --chart-diverging-4-step-6-on: #ffffff;
    --chart-diverging-4-step-6-on: oklch(100% 0 89.876);
    --chart-diverging-4-step-6-dim: #2c2541;
    --chart-diverging-4-step-6-dim: oklch(28.613% 0.0509 294.455);
    --chart-diverging-4-step-7: #727a96;
    --chart-diverging-4-step-7: oklch(58.306% 0.0441 272.492);
    --chart-diverging-4-step-7-on: #ffffff;
    --chart-diverging-4-step-7-on: oklch(100% 0 89.876);
    --chart-diverging-4-step-7-dim: #252d46;
    --chart-diverging-4-step-7-dim: oklch(30.196% 0.0468 269.9);
    --chart-diverging-4-step-8: #6c7e95;
    --chart-diverging-4-step-8: oklch(58.697% 0.0413 254.679);
    --chart-diverging-4-step-8-on: #ffffff;
    --chart-diverging-4-step-8-on: oklch(100% 0 89.876);
    --chart-diverging-4-step-8-dim: #203145;
    --chart-diverging-4-step-8-dim: oklch(30.804% 0.0427 253.115);
    --chart-diverging-4-step-9: #688293;
    --chart-diverging-4-step-9: oklch(59.245% 0.0397 237.001);
    --chart-diverging-4-step-9-on: #ffffff;
    --chart-diverging-4-step-9-on: oklch(100% 0 89.876);
    --chart-diverging-4-step-9-dim: #1b3644;
    --chart-diverging-4-step-9-dim: oklch(31.807% 0.0414 232.731);
    --chart-diverging-4-step-10: #668490;
    --chart-diverging-4-step-10: oklch(59.458% 0.0387 224.339);
    --chart-diverging-4-step-10-on: #ffffff;
    --chart-diverging-4-step-10-on: oklch(100% 0 89.876);
    --chart-diverging-4-step-10-dim: #193843;
    --chart-diverging-4-step-10-dim: oklch(32.213% 0.0415 223.617);
    --chart-diverging-4-step-11: #66868f;
    --chart-diverging-4-step-11: oklch(59.888% 0.0386 216.885);
    --chart-diverging-4-step-11-on: #ffffff;
    --chart-diverging-4-step-11-on: oklch(100% 0 89.876);
    --chart-diverging-4-step-11-dim: #1a3a42;
    --chart-diverging-4-step-11-dim: oklch(32.782% 0.0401 216.153);
    --chart-diverging-4-step-12: #66868e;
    --chart-diverging-4-step-12: oklch(59.852% 0.0381 214.756);
    --chart-diverging-4-step-12-on: #ffffff;
    --chart-diverging-4-step-12-on: oklch(100% 0 89.876);
    --chart-diverging-4-step-12-dim: #1a3a42;
    --chart-diverging-4-step-12-dim: oklch(32.782% 0.0401 216.153);
  }
  :root {
    --chart-diverging-5-step-1: #637b6b;
    --chart-diverging-5-step-1: oklch(55.891% 0.0373 155.827);
    --chart-diverging-5-step-1-on: #ffffff;
    --chart-diverging-5-step-1-on: oklch(100% 0 89.876);
    --chart-diverging-5-step-1-dim: #152b1f;
    --chart-diverging-5-step-1-dim: oklch(26.645% 0.0363 158.776);
    --chart-diverging-5-step-2: #627b6c;
    --chart-diverging-5-step-2: oklch(55.848% 0.0372 158.606);
    --chart-diverging-5-step-2-on: #ffffff;
    --chart-diverging-5-step-2-on: oklch(100% 0 89.876);
    --chart-diverging-5-step-2-dim: #9eb9a8;
    --chart-diverging-5-step-2-dim: oklch(76.052% 0.0381 157.744);
    --chart-diverging-5-step-3: #5f7a6e;
    --chart-diverging-5-step-3: oklch(55.454% 0.0364 166.147);
    --chart-diverging-5-step-3-on: #ffffff;
    --chart-diverging-5-step-3-on: oklch(100% 0 89.876);
    --chart-diverging-5-step-3-dim: #9cb8aa;
    --chart-diverging-5-step-3-dim: oklch(75.748% 0.0365 163.812);
    --chart-diverging-5-step-4: #5a7871;
    --chart-diverging-5-step-4: oklch(54.718% 0.0363 178.938);
    --chart-diverging-5-step-4-on: #ffffff;
    --chart-diverging-5-step-4-on: oklch(100% 0 89.876);
    --chart-diverging-5-step-4-dim: #97b6af;
    --chart-diverging-5-step-4-dim: oklch(75.109% 0.0352 180.082);
    --chart-diverging-5-step-5: #567676;
    --chart-diverging-5-step-5: oklch(54.132% 0.0367 196.121);
    --chart-diverging-5-step-5-on: #ffffff;
    --chart-diverging-5-step-5-on: oklch(100% 0 89.876);
    --chart-diverging-5-step-5-dim: #93b5b4;
    --chart-diverging-5-step-5-dim: oklch(74.772% 0.0369 194.177);
    --chart-diverging-5-step-6: #53727b;
    --chart-diverging-5-step-6: oklch(53.147% 0.0384 217.62);
    --chart-diverging-5-step-6-on: #ffffff;
    --chart-diverging-5-step-6-on: oklch(100% 0 89.876);
    --chart-diverging-5-step-6-dim: #90b1ba;
    --chart-diverging-5-step-6-dim: oklch(73.887% 0.0382 216.143);
    --chart-diverging-5-step-7: #546d80;
    --chart-diverging-5-step-7: oklch(52.215% 0.0422 241.357);
    --chart-diverging-5-step-7-on: #ffffff;
    --chart-diverging-5-step-7-on: oklch(100% 0 89.876);
    --chart-diverging-5-step-7-dim: #92acc1;
    --chart-diverging-5-step-7-dim: oklch(73.177% 0.042 242.625);
    --chart-diverging-5-step-8: #596882;
    --chart-diverging-5-step-8: oklch(51.49% 0.0453 261.345);
    --chart-diverging-5-step-8-on: #ffffff;
    --chart-diverging-5-step-8-on: oklch(100% 0 89.876);
    --chart-diverging-5-step-8-dim: #98a7c4;
    --chart-diverging-5-step-8-dim: oklch(72.648% 0.0455 263.602);
    --chart-diverging-5-step-9: #5e6382;
    --chart-diverging-5-step-9: oklch(50.749% 0.0496 277.353);
    --chart-diverging-5-step-9-on: #ffffff;
    --chart-diverging-5-step-9-on: oklch(100% 0 89.876);
    --chart-diverging-5-step-9-dim: #9ea2c5;
    --chart-diverging-5-step-9-dim: oklch(72.099% 0.0509 279.915);
    --chart-diverging-5-step-10: #626081;
    --chart-diverging-5-step-10: oklch(50.382% 0.0521 287.145);
    --chart-diverging-5-step-10-on: #ffffff;
    --chart-diverging-5-step-10-on: oklch(100% 0 89.876);
    --chart-diverging-5-step-10-dim: #a29fc4;
    --chart-diverging-5-step-10-dim: oklch(71.767% 0.0534 288.69);
    --chart-diverging-5-step-11: #655e80;
    --chart-diverging-5-step-11: oklch(50.173% 0.054 293.804);
    --chart-diverging-5-step-11-on: #ffffff;
    --chart-diverging-5-step-11-on: oklch(100% 0 89.876);
    --chart-diverging-5-step-11-dim: #a69dc3;
    --chart-diverging-5-step-11-dim: oklch(71.657% 0.0554 295.826);
    --chart-diverging-5-step-12: #665d7f;
    --chart-diverging-5-step-12: oklch(50.007% 0.0543 296.528);
    --chart-diverging-5-step-12-on: #ffffff;
    --chart-diverging-5-step-12-on: oklch(100% 0 89.876);
    --chart-diverging-5-step-12-dim: #a79cc2;
    --chart-diverging-5-step-12-dim: oklch(71.504% 0.0558 298.229);
  }
  :root {
    --chart-diverging-6-step-1: #597189;
    --chart-diverging-6-step-1: oklch(53.876% 0.0472 248.718);
    --chart-diverging-6-step-1-on: #ffffff;
    --chart-diverging-6-step-1-on: oklch(100% 0 89.876);
    --chart-diverging-6-step-1-dim: #97afca;
    --chart-diverging-6-step-1-dim: oklch(74.492% 0.0473 251.507);
    --chart-diverging-6-step-2: #5b718a;
    --chart-diverging-6-step-2: oklch(54.058% 0.0472 251.924);
    --chart-diverging-6-step-2-on: #ffffff;
    --chart-diverging-6-step-2-on: oklch(100% 0 89.876);
    --chart-diverging-6-step-2-dim: #99afcb;
    --chart-diverging-6-step-2-dim: oklch(74.668% 0.0474 254.56);
    --chart-diverging-6-step-3: #5f728d;
    --chart-diverging-6-step-3: oklch(54.7% 0.0481 257.165);
    --chart-diverging-6-step-3-on: #ffffff;
    --chart-diverging-6-step-3-on: oklch(100% 0 89.876);
    --chart-diverging-6-step-3-dim: #9cb0cd;
    --chart-diverging-6-step-3-dim: oklch(75.165% 0.0475 257.608);
    --chart-diverging-6-step-4: #687291;
    --chart-diverging-6-step-4: oklch(55.547% 0.0498 270.792);
    --chart-diverging-6-step-4-on: #ffffff;
    --chart-diverging-6-step-4-on: oklch(100% 0 89.876);
    --chart-diverging-6-step-4-dim: #a6afd1;
    --chart-diverging-6-step-4-dim: oklch(75.836% 0.0498 273.51);
    --chart-diverging-6-step-5: #747394;
    --chart-diverging-6-step-5: oklch(56.87% 0.0506 286.061);
    --chart-diverging-6-step-5-on: #ffffff;
    --chart-diverging-6-step-5-on: oklch(100% 0 89.876);
    --chart-diverging-6-step-5-dim: #b1b0d4;
    --chart-diverging-6-step-5-dim: oklch(77% 0.0511 286.407);
    --chart-diverging-6-step-6: #847395;
    --chart-diverging-6-step-6: oklch(58.346% 0.0547 307.418);
    --chart-diverging-6-step-6-on: #ffffff;
    --chart-diverging-6-step-6-on: oklch(100% 0 89.876);
    --chart-diverging-6-step-6-dim: #c3afd4;
    --chart-diverging-6-step-6-dim: oklch(78.296% 0.0561 309.379);
    --chart-diverging-6-step-7: #977490;
    --chart-diverging-6-step-7: oklch(60.241% 0.059 333.388);
    --chart-diverging-6-step-7-on: #ffffff;
    --chart-diverging-6-step-7-on: oklch(100% 0 89.876);
    --chart-diverging-6-step-7-dim: #d7afce;
    --chart-diverging-6-step-7-dim: oklch(79.896% 0.062 334.105);
    --chart-diverging-6-step-8: #a57686;
    --chart-diverging-6-step-8: oklch(61.788% 0.0626 356.93);
    --chart-diverging-6-step-8-on: #ffffff;
    --chart-diverging-6-step-8-on: oklch(100% 0 89.876);
    --chart-diverging-6-step-8-dim: #532d3c;
    --chart-diverging-6-step-8-dim: oklch(35.091% 0.0595 355.456);
    --chart-diverging-6-step-9: #ad797c;
    --chart-diverging-6-step-9: oklch(62.951% 0.0654 15.28);
    --chart-diverging-6-step-9-on: #ffffff;
    --chart-diverging-6-step-9-on: oklch(100% 0 89.876);
    --chart-diverging-6-step-9-dim: #eeb3b6;
    --chart-diverging-6-step-9-dim: oklch(82.163% 0.0689 15.285);
    --chart-diverging-6-step-10: #b17b74;
    --chart-diverging-6-step-10: oklch(63.57% 0.0689 27.383);
    --chart-diverging-6-step-10-on: #ffffff;
    --chart-diverging-6-step-10-on: oklch(100% 0 89.876);
    --chart-diverging-6-step-10-dim: #f2b5ac;
    --chart-diverging-6-step-10-dim: oklch(82.678% 0.0726 28.244);
    --chart-diverging-6-step-11: #b37d70;
    --chart-diverging-6-step-11: oklch(64.077% 0.0706 34.044);
    --chart-diverging-6-step-11-on: #ffffff;
    --chart-diverging-6-step-11-on: oklch(100% 0 89.876);
    --chart-diverging-6-step-11-dim: #61362c;
    --chart-diverging-6-step-11-dim: oklch(38.391% 0.0644 33.977);
    --chart-diverging-6-step-12: #b37e6e;
    --chart-diverging-6-step-12: oklch(64.22% 0.0706 37.495);
    --chart-diverging-6-step-12-on: #ffffff;
    --chart-diverging-6-step-12-on: oklch(100% 0 89.876);
    --chart-diverging-6-step-12-dim: #61382b;
    --chart-diverging-6-step-12-dim: oklch(38.761% 0.0627 38.35);
  }
}
:root {
  --code-bg: #080e06;
  --code-bg: oklch(15.398% 0.0202 136.964);
  --code-inner-bg: #292d33;
  --code-inner-bg: oklch(29.566% 0.0123 258.372);
  --code-border: #374554;
  --code-border: oklch(38.436% 0.0314 250.415);
  --code-border-subtle: #3745548c;
  --code-border-subtle: oklch(38.436% 0.0314 250.415 / 0.549);
  --code-fg: #d6f2dd;
  --code-fg: oklch(93.507% 0.0406 153.116);
  --code-ln: #d6f2dd;
  --code-ln: oklch(93.507% 0.0406 153.116);
  --code-ln-current: #d6f2dd;
  --code-ln-current: oklch(93.507% 0.0406 153.116);
  --code-highlight-line: #5f78673d;
  --code-highlight-line: oklch(54.761% 0.0393 155.186 / 0.239);
  --code-selection: #6c737b52;
  --code-selection: oklch(55.228% 0.015 251.659 / 0.322);
  --code-comment: #1a78ae;
  --code-comment: oklch(54.726% 0.1173 240.533);
  --code-comment-special: #1a78ae;
  --code-comment-special: oklch(54.726% 0.1173 240.533);
  --code-keyword: #9db7a4;
  --code-keyword: oklch(75.431% 0.0392 153.668);
  --code-keyword-const: #b4b479;
  --code-keyword-const: oklch(75.576% 0.0787 108.143);
  --code-keyword-decl: #acb4be;
  --code-keyword-decl: oklch(76.671% 0.0169 253.931);
  --code-keyword-namespace: #afb66d;
  --code-keyword-namespace: oklch(75.39% 0.0962 113.185);
  --code-type: #b4b479;
  --code-type: oklch(75.576% 0.0787 108.143);
  --code-operator: #df9bcc;
  --code-operator: oklch(77.054% 0.1026 337.276);
  --code-name: #9db7a4;
  --code-name: oklch(75.431% 0.0392 153.668);
  --code-name-class: #9db7a4;
  --code-name-class: oklch(75.431% 0.0392 153.668);
  --code-name-constant: #b4b479;
  --code-name-constant: oklch(75.576% 0.0787 108.143);
  --code-name-decorator: #df9bcc;
  --code-name-decorator: oklch(77.054% 0.1026 337.276);
  --code-name-entity: #9db7a4;
  --code-name-entity: oklch(75.431% 0.0392 153.668);
  --code-name-exception: #b4b479;
  --code-name-exception: oklch(75.576% 0.0787 108.143);
  --code-name-function: #df9bcc;
  --code-name-function: oklch(77.054% 0.1026 337.276);
  --code-name-label: #df9bcc;
  --code-name-label: oklch(77.054% 0.1026 337.276);
  --code-name-namespace: #afb66d;
  --code-name-namespace: oklch(75.39% 0.0962 113.185);
  --code-name-property: #b4b479;
  --code-name-property: oklch(75.576% 0.0787 108.143);
  --code-name-tag: #9db7a4;
  --code-name-tag: oklch(75.431% 0.0392 153.668);
  --code-name-variable: #9db7a4;
  --code-name-variable: oklch(75.431% 0.0392 153.668);
  --code-name-attribute: #b4b479;
  --code-name-attribute: oklch(75.576% 0.0787 108.143);
  --code-name-builtin: #df9bcc;
  --code-name-builtin: oklch(77.054% 0.1026 337.276);
  --code-string: #9db7a4;
  --code-string: oklch(75.431% 0.0392 153.668);
  --code-string-affix: #9db7a4;
  --code-string-affix: oklch(75.431% 0.0392 153.668);
  --code-string-delim: #9db7a4;
  --code-string-delim: oklch(75.431% 0.0392 153.668);
  --code-string-escape: #9db7a4;
  --code-string-escape: oklch(75.431% 0.0392 153.668);
  --code-string-regex: #9db7a4;
  --code-string-regex: oklch(75.431% 0.0392 153.668);
  --code-string-doc: #1a78ae;
  --code-string-doc: oklch(54.726% 0.1173 240.533);
  --code-number: #9db7a4;
  --code-number: oklch(75.431% 0.0392 153.668);
  --code-error: #d6f2dd;
  --code-error: oklch(93.507% 0.0406 153.116);
  --code-inserted: #9db7a4;
  --code-inserted: oklch(75.431% 0.0392 153.668);
  --code-deleted: #d6f2dd;
  --code-deleted: oklch(93.507% 0.0406 153.116);
  --code-strong: #d6f2dd;
  --code-strong: oklch(93.507% 0.0406 153.116);
  --code-emph: #d6f2dd;
  --code-emph: oklch(93.507% 0.0406 153.116);
}
@media (prefers-color-scheme: dark) {
  :root {
    --code-bg: #f0f8e7;
    --code-bg: oklch(96.852% 0.0239 127.574);
    --code-inner-bg: #c7cbd3;
    --code-inner-bg: oklch(84.138% 0.0119 264.502);
    --code-border: #a1b0c2;
    --code-border: oklch(75.135% 0.0309 253.002);
    --code-border-subtle: #a1b0c28c;
    --code-border-subtle: oklch(75.135% 0.0309 253.002 / 0.549);
    --code-fg: #253c2e;
    --code-fg: oklch(33.23% 0.0382 156.875);
    --code-ln: #253c2e;
    --code-ln: oklch(33.23% 0.0382 156.875);
    --code-ln-current: #253c2e;
    --code-ln-current: oklch(33.23% 0.0382 156.875);
    --code-highlight-line: #aac4b13d;
    --code-highlight-line: oklch(79.542% 0.0387 153.731 / 0.239);
    --code-selection: #b8bec752;
    --code-selection: oklch(79.953% 0.0143 258.351 / 0.322);
    --code-comment: #78c5ff;
    --code-comment: oklch(79.599% 0.1127 242.528);
    --code-comment-special: #78c5ff;
    --code-comment-special: oklch(79.599% 0.1127 242.528);
    --code-keyword: #6d8675;
    --code-keyword: oklch(59.527% 0.0386 155.343);
    --code-keyword-const: #83834d;
    --code-keyword-const: oklch(59.695% 0.0747 108.465);
    --code-keyword-decl: #79818a;
    --code-keyword-decl: oklch(59.957% 0.0167 251.251);
    --code-keyword-namespace: #7e8542;
    --code-keyword-namespace: oklch(59.551% 0.0909 114.101);
    --code-type: #83834d;
    --code-type: oklch(59.695% 0.0747 108.465);
    --code-operator: #aa6c9a;
    --code-operator: oklch(61.264% 0.0998 336.784);
    --code-name: #6d8675;
    --code-name: oklch(59.527% 0.0386 155.343);
    --code-name-class: #6d8675;
    --code-name-class: oklch(59.527% 0.0386 155.343);
    --code-name-constant: #83834d;
    --code-name-constant: oklch(59.695% 0.0747 108.465);
    --code-name-decorator: #aa6c9a;
    --code-name-decorator: oklch(61.264% 0.0998 336.784);
    --code-name-entity: #6d8675;
    --code-name-entity: oklch(59.527% 0.0386 155.343);
    --code-name-exception: #83834d;
    --code-name-exception: oklch(59.695% 0.0747 108.465);
    --code-name-function: #aa6c9a;
    --code-name-function: oklch(61.264% 0.0998 336.784);
    --code-name-label: #aa6c9a;
    --code-name-label: oklch(61.264% 0.0998 336.784);
    --code-name-namespace: #7e8542;
    --code-name-namespace: oklch(59.551% 0.0909 114.101);
    --code-name-property: #83834d;
    --code-name-property: oklch(59.695% 0.0747 108.465);
    --code-name-tag: #6d8675;
    --code-name-tag: oklch(59.527% 0.0386 155.343);
    --code-name-variable: #6d8675;
    --code-name-variable: oklch(59.527% 0.0386 155.343);
    --code-name-attribute: #83834d;
    --code-name-attribute: oklch(59.695% 0.0747 108.465);
    --code-name-builtin: #aa6c9a;
    --code-name-builtin: oklch(61.264% 0.0998 336.784);
    --code-string: #6d8675;
    --code-string: oklch(59.527% 0.0386 155.343);
    --code-string-affix: #6d8675;
    --code-string-affix: oklch(59.527% 0.0386 155.343);
    --code-string-delim: #6d8675;
    --code-string-delim: oklch(59.527% 0.0386 155.343);
    --code-string-escape: #6d8675;
    --code-string-escape: oklch(59.527% 0.0386 155.343);
    --code-string-regex: #6d8675;
    --code-string-regex: oklch(59.527% 0.0386 155.343);
    --code-string-doc: #78c5ff;
    --code-string-doc: oklch(79.599% 0.1127 242.528);
    --code-number: #6d8675;
    --code-number: oklch(59.527% 0.0386 155.343);
    --code-error: #253c2e;
    --code-error: oklch(33.23% 0.0382 156.875);
    --code-inserted: #6d8675;
    --code-inserted: oklch(59.527% 0.0386 155.343);
    --code-deleted: #253c2e;
    --code-deleted: oklch(33.23% 0.0382 156.875);
    --code-strong: #253c2e;
    --code-strong: oklch(33.23% 0.0382 156.875);
    --code-emph: #253c2e;
    --code-emph: oklch(33.23% 0.0382 156.875);
  }
}
:root {
  --font-antique:
    Superclarendon,
    "Bookman Old Style",
    "URW Bookman",
    "URW Bookman L",
    "Georgia Pro",
    Georgia,
    serif;
  --font-classical-humanist:
    Optima,
    Candara,
    "Noto Sans",
    source-sans-pro,
    sans-serif;
  --font-didone:
    Didot,
    "Bodoni MT",
    "Noto Serif Display",
    "URW Palladio L",
    P052,
    Sylfaen,
    serif;
  --font-geometric-humanist:
    Avenir,
    Montserrat,
    Corbel,
    "URW Gothic",
    source-sans-pro,
    sans-serif;
  --font-handwritten:
    "Segoe Print",
    "Bradley Hand",
    Chilanka,
    TSCu_Comic,
    casual,
    cursive;
  --font-humanist:
    Seravek,
    "Gill Sans Nova",
    Ubuntu,
    Calibri,
    "DejaVu Sans",
    source-sans-pro,
    sans-serif;
  --font-industrial:
    Bahnschrift,
    "DIN Alternate",
    "Franklin Gothic Medium",
    "Nimbus Sans Narrow",
    sans-serif-condensed,
    sans-serif;
  --font-mono:
    "Dank Mono",
    "Operator Mono",
    Inconsolata,
    "Fira Mono",
    ui-monospace,
    "SF Mono",
    Monaco,
    "Droid Sans Mono",
    "Source Code Pro",
    "Cascadia Code",
    Menlo,
    Consolas,
    "DejaVu Sans Mono",
    monospace;
  --font-monospace-code:
    "Dank Mono",
    "Operator Mono",
    Inconsolata,
    "Fira Mono",
    ui-monospace,
    "SF Mono",
    Monaco,
    "Droid Sans Mono",
    "Source Code Pro",
    "Cascadia Code",
    Menlo,
    Consolas,
    "DejaVu Sans Mono",
    monospace;
  --font-monospace-slab-serif:
    "Nimbus Mono PS",
    "Courier New",
    monospace;
  --font-neo-grotesque:
    Inter,
    Roboto,
    "Helvetica Neue",
    "Arial Nova",
    "Nimbus Sans",
    Arial,
    sans-serif;
  --font-old-style:
    "Iowan Old Style",
    "Palatino Linotype",
    "URW Palladio L",
    P052,
    serif;
  --font-rounded-sans:
    ui-rounded,
    "Hiragino Maru Gothic ProN",
    Quicksand,
    Comfortaa,
    Manjari,
    "Arial Rounded MT",
    "Arial Rounded MT Bold",
    Calibri,
    source-sans-pro,
    sans-serif;
  --font-sans: system-ui, sans-serif;
  --font-serif: ui-serif, serif;
  --font-slab-serif:
    Rockwell,
    "Rockwell Nova",
    "Roboto Slab",
    "DejaVu Serif",
    "Sitka Small",
    serif;
  --font-transitional:
    Charter,
    "Bitstream Charter",
    "Sitka Text",
    Cambria,
    serif;
}
:root {
  --font-weight-thin: 100;
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight-black: 900;
  --font-weight-extra-black: 950;
}
:root {
  --viewport-min: 320px;
  --viewport-max: 1440px;
  --viewport-base-font-size: 16px;
  font-size: var(--viewport-base-font-size);
}
:root {
  --font-size--2: clamp(0.694444rem, calc(0.667108rem + 0.136684vw), 0.790123rem);
  --font-size--1: clamp(0.833333rem, calc(0.81746rem + 0.079365vw), 0.888889rem);
  --font-size-0: 1rem;
  --font-size-1: clamp(1.125rem, calc(1.103571rem + 0.107143vw), 1.2rem);
  --font-size-2: clamp(1.265625rem, calc(1.215804rem + 0.249107vw), 1.44rem);
  --font-size-3: clamp(1.423828rem, calc(1.336922rem + 0.434531vw), 1.728rem);
  --font-size-4: clamp(1.601807rem, calc(1.467009rem + 0.673991vw), 2.0736rem);
  --font-size-5: clamp(1.802032rem, calc(1.60595rem + 0.980411vw), 2.48832rem);
  --font-size-6: clamp(2.027287rem, calc(1.753373rem + 1.369568vw), 2.985984rem);
  --font-size-7: clamp(2.280697rem, calc(1.908559rem + 1.860691vw), 3.583181rem);
  --font-size-8: clamp(2.565785rem, calc(2.070347rem + 2.477189vw), 4.299817rem);
  --font-size-9: clamp(2.886508rem, calc(2.237001rem + 3.247533vw), 5.15978rem);
  --font-size-10: clamp(3.247321rem, calc(2.406059rem + 4.206308vw), 6.191736rem);
  --font-size-11: clamp(3.653236rem, calc(2.574137rem + 5.395497vw), 7.430084rem);
  --font-size-12: clamp(4.109891rem, calc(2.736688rem + 6.866014vw), 8.9161rem);
}
:root {
  --font-line-height--3: 1.234804rem;
  --font-line-height--2: 1.317536rem;
  --font-line-height--1: 1.405811rem;
  --font-line-height-0: 1.5rem;
  --font-line-height-1: 1.6005rem;
  --font-line-height-2: 1.707733rem;
  --font-line-height-3: 1.822152rem;
  --font-line-height-4: 1.944236rem;
}
:root {
  --font-letter-spacing--2: calc(calc(-1 * max(0, 0.025) * pow(max(1, calc(1.778 + 0.222 * clamp(0, calc((100vw - 320px) * 0.000893), 1))), 1)) * 1em);
  --font-letter-spacing--1: calc(calc(-1 * max(0, 0.025)) * 1em);
  --font-letter-spacing-0: calc(calc(max(0, 0.025) - max(0, 0.025)) * 1em);
  --font-letter-spacing-1: calc(max(0, 0.025) * 1em);
  --font-letter-spacing-2: calc(calc(max(0, 0.025) * pow(max(1, calc(1.778 + 0.222 * clamp(0, calc((100vw - 320px) * 0.000893), 1))), 1)) * 1em);
  --font-letter-spacing-3: calc(calc(max(0, 0.025) * pow(max(1, calc(1.778 + 0.222 * clamp(0, calc((100vw - 320px) * 0.000893), 1))), 2)) * 1em);
}
:root {
  --size--2: clamp(0.439179rem, calc(0.346404rem + 0.463872vw), 0.763889rem);
  --size--1: clamp(0.468604rem, calc(0.340586rem + 0.64009vw), 0.916667rem);
  --size-0: clamp(0.5rem, calc(0.328571rem + 0.857143vw), 1.1rem);
  --size-1: clamp(0.5335rem, calc(0.308786rem + 1.123571vw), 1.32rem);
  --size-2: clamp(0.569244rem, calc(0.279314rem + 1.449651vw), 1.584rem);
  --size-3: clamp(0.607384rem, calc(0.237836rem + 1.847737vw), 1.9008rem);
  --size-4: clamp(0.648079rem, calc(0.181541rem + 2.332688vw), 2.28096rem);
  --size-5: clamp(0.6915rem, calc(0.107028rem + 2.92236vw), 2.737152rem);
  --size-6: clamp(0.73783rem, calc(0.010187rem + 3.638217vw), 3.284582rem);
  --size-7: clamp(0.787265rem, calc(-0.113945rem + 4.506048vw), 3.941499rem);
  --size-8: clamp(0.840012rem, calc(-0.271356rem + 5.556838vw), 4.729799rem);
  --size-9: clamp(0.896293rem, calc(-0.469269rem + 6.827808vw), 5.675758rem);
  --size-10: clamp(0.956344rem, calc(-0.716389rem + 8.363666vw), 6.81091rem);
  --size-11: clamp(1.020419rem, calc(-1.023202rem + 10.218104vw), 8.173092rem);
  --size-12: clamp(1.088787rem, calc(-1.402334rem + 12.455605vw), 9.80771rem);
}
:root {
  --aspect-ratio-portrait: 0.75;
  --aspect-ratio-widescreen: 1.7778;
  --aspect-ratio-square: 1;
  --aspect-ratio-landscape: 1.3333;
  --aspect-ratio-cinematic: 2.35;
  --aspect-ratio-ultrawide: 3.5556;
}
:root {
  --zindex-drawer: 700;
  --zindex-dialog: 800;
  --zindex-dropdown: 900;
  --zindex-toast: 950;
  --zindex-tooltip: 1000;
  --zindex-important: 18014398509481984;
}
:root {
  --border-width-0: 0.1rem;
  --border-width-1: clamp(0.1125rem, calc(0.104243rem + 0.041286vw), 0.1414rem);
  --border-width-2: clamp(0.126562rem, calc(0.105598rem + 0.104824vw), 0.19994rem);
  --border-width-3: clamp(0.142383rem, calc(0.102288rem + 0.200474vw), 0.282715rem);
  --border-width-4: clamp(0.160181rem, calc(0.09173rem + 0.342254vw), 0.399758rem);
  --border-width-5: clamp(0.180203rem, calc(0.070187rem + 0.550079vw), 0.565258rem);
}
:root {
  --border-radius-0: clamp(0.125rem, calc(0.017857rem + 0.535714vw), 0.5rem);
  --border-radius-1: clamp(0.15625rem, calc(0.022321rem + 0.669643vw), 0.625rem);
  --border-radius-2: clamp(0.195312rem, calc(0.027902rem + 0.837054vw), 0.78125rem);
  --border-radius-3: clamp(0.244141rem, calc(0.034877rem + 1.046317vw), 0.976562rem);
  --border-radius-4: clamp(0.305176rem, calc(0.043597rem + 1.307896vw), 1.220703rem);
  --border-radius-5: clamp(0.38147rem, calc(0.054496rem + 1.63487vw), 1.525879rem);
  --border-radius-6: clamp(0.476837rem, calc(0.06812rem + 2.043588vw), 1.907349rem);
  --border-radius-1-2: clamp(0.351562rem, calc(0.050223rem + 1.506696vw), 1.40625rem);
  --border-radius-2-3: clamp(0.439453rem, calc(0.062779rem + 1.883371vw), 1.757812rem);
  --border-radius-3-4: clamp(0.549316rem, calc(0.078474rem + 2.354213vw), 2.197266rem);
  --border-radius-4-5: clamp(0.686646rem, calc(0.098092rem + 2.942766vw), 2.746582rem);
  --border-radius-5-6: clamp(0.858307rem, calc(0.122615rem + 3.678458vw), 3.433228rem);
}
:root {
  --radius-blob-1: 55% 30% 56% 33% / 30% 55% 30% 55%;
  --radius-blob-2: 34% 30% 60% 60% / 60% 58% 36% 35%;
  --radius-blob-3: 39% 64% 35% 62% / 61% 32% 62% 33%;
  --radius-blob-4: 34% 34% 37% 68% / 66% 67% 66% 38%;
  --radius-blob-5: 69% 36% 39% 38% / 43% 70% 70% 70%;
  --radius-drawn-1: 0.625rem 8.438rem 0.625rem 8.125rem / 7.813rem 1.563rem 8.75rem 0.625rem;
  --radius-drawn-2: 9.063rem 2.813rem 2.188rem 9.375rem / 0.625rem 9.063rem 8.438rem 1.25rem;
  --radius-drawn-3: 11.563rem 2.188rem 10rem 0.625rem / 1.875rem 11.563rem 2.813rem 11.563rem;
  --radius-drawn-4: 13.125rem 0.625rem 2.5rem 1.25rem / 1.563rem 12.813rem 12.188rem 12.188rem;
  --radius-drawn-5: 2.188rem 14.375rem 2.188rem 1.25rem / 14.063rem 2.188rem 14.063rem 14.688rem;
  --radius-drawn-6: 4.688rem 15.938rem 4.063rem 3.125rem / 15.938rem 1.563rem 15.938rem 15.938rem;
}
:root {
  --anim-duration-base: calc(calc(0.18 + 0.06 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1s);
  --anim-scale-base: 1;
  --anim-distance-0: calc(calc(0.25 + 0.35 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1rem);
  --anim-distance-1: calc(calc(0.28125 + 0.46875 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1rem);
  --anim-distance-2: calc(calc(0.316406 + 0.621094 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1rem);
  --anim-distance-3: calc(calc(0.355957 + 0.815918 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1rem);
  --anim-distance-4: calc(calc(0.400452 + 1.064392 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1rem);
  --anim-duration--2: calc(calc(0.105403 + 0.033486 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1s);
  --anim-duration--1: calc(calc(0.112465 + 0.054202 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1s);
  --anim-duration-0: calc(calc(0.12 + 0.08 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1s);
  --anim-duration-1: calc(calc(0.12804 + 0.11196 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1s);
  --anim-duration-2: calc(calc(0.136619 + 0.151381 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1s);
  --anim-duration-3: calc(calc(0.145772 + 0.199828 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1s);
  --anim-duration-4: calc(calc(0.155539 + 0.259181 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1s);
  --anim-opacity-0: calc(0.2 + 0.4 * clamp(0, calc((100vw - 320px) * 0.000893), 1));
  --anim-opacity-1: calc(0.2134 + 0.4268 * clamp(0, calc((100vw - 320px) * 0.000893), 1));
  --anim-opacity-2: calc(0.227698 + 0.455396 * clamp(0, calc((100vw - 320px) * 0.000893), 1));
  --anim-rotate--1: calc(calc(3.748828 + 2.917838 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1deg);
  --anim-rotate-0: calc(calc(4 + 4 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1deg);
  --anim-rotate-1: calc(calc(4.268 + 5.332 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1deg);
  --anim-rotate-2: calc(calc(4.553956 + 6.966044 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1deg);
  --anim-scale--2: calc(0.834439 + 0.061485 * clamp(0, calc((100vw - 320px) * 0.000893), 1));
  --anim-scale--1: calc(0.890347 + 0.065604 * clamp(0, calc((100vw - 320px) * 0.000893), 1));
  --anim-scale-0: calc(0.95 + 0.07 * clamp(0, calc((100vw - 320px) * 0.000893), 1));
  --anim-scale-1: calc(1.01365 + 0.07469 * clamp(0, calc((100vw - 320px) * 0.000893), 1));
  --anim-scale-2: calc(1.081565 + 0.079694 * clamp(0, calc((100vw - 320px) * 0.000893), 1));
  --anim-distance-none: 0rem;
  --anim-distance-xs: calc(calc(0.125 + 0.075 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1rem);
  --anim-distance-sm: calc(calc(0.25 + 0.1 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1rem);
  --anim-distance-md: calc(calc(0.5 + 0.2 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1rem);
  --anim-distance-lg: calc(calc(0.75 + 0.25 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1rem);
  --anim-distance-xl: calc(calc(1.25 + 0.35 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1rem);
  --anim-duration-none: 0s;
  --anim-duration-instant: 0.01s;
  --anim-duration-fast: calc(calc(0.12 + 0.06 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1s);
  --anim-duration-slow: calc(calc(0.28 + 0.08 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1s);
  --anim-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --anim-ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --anim-ease-entrance: cubic-bezier(0.16, 1, 0.3, 1);
  --anim-ease-bounce: linear(0, 0.011 2.9%, 0.045 5.8%, 0.1 8.6%, 0.176 11.5%, 0.273 14.4%, 0.391 17.3%, 0.53 20.2%, 0.69 23%, 0.871 25.9%, 1.068 28.8%, 1.156 30.3%, 1.171 30.8%, 1.171 31.6%, 1.163 32.4%, 1.138 33.3%, 1.017 36.7%, 0.977 38.1%, 0.945 39.5%, 0.93 40.9%, 0.928 42.4%, 0.937 43.8%, 0.958 45.2%, 1.075 49.2%, 1.101 50.8%, 1.11 52.1%, 1.105 53.4%, 1.062 56.2%, 1.017 58.1%, 0.991 60.2%, 0.98 62.7%, 0.985 65.2%, 1 68.1%, 1.036 74.2%, 1.046 77.4%, 1.044 80.4%, 1.028 83.5%, 1.001 86.9%, 0.999 99.9%);
  --anim-ease-shake: linear(0, 0.5 12%, 0.25 22%, 0.75 32%, 0.35 42%, 0.65 52%, 0.43 62%, 0.57 72%, 0.48 82%, 0.52 90%, 1);
  --anim-ease-heartbeat: linear(0, 0.38 14%, 0.7 28%, 0.46 36%, 0.84 50%, 0.62 60%, 0.9 74%, 1);
  --anim-ease-pulse: cubic-bezier(0.42, 0, 0.58, 1);
  --anim-ease-linear: linear;
  --anim-opacity-transparent: 0;
  --anim-opacity-muted: calc(0.4 + 0.2 * clamp(0, calc((100vw - 320px) * 0.000893), 1));
  --anim-opacity-solid: 1;
  --anim-rotate-none: 0deg;
  --anim-rotate-xs: calc(calc(1 + 1 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1deg);
  --anim-rotate-sm: calc(calc(3 + 2 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1deg);
  --anim-rotate-md: calc(calc(8 + 4 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1deg);
  --anim-rotate-lg: calc(calc(15 + 5 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1deg);
  --anim-rotate-neg-xs: calc(calc(-2 + 1 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1deg);
  --anim-rotate-neg-sm: calc(calc(-5 + 2 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1deg);
  --anim-rotate-neg-md: calc(calc(-12 + 4 * clamp(0, calc((100vw - 320px) * 0.000893), 1)) * 1deg);
  --anim-scale-down-strong: calc(0.88 + 0.04 * clamp(0, calc((100vw - 320px) * 0.000893), 1));
  --anim-scale-down: calc(0.96 + 0.02 * clamp(0, calc((100vw - 320px) * 0.000893), 1));
  --anim-scale-up: calc(1.03 + 0.03 * clamp(0, calc((100vw - 320px) * 0.000893), 1));
  --anim-scale-up-strong: calc(1.08 + 0.04 * clamp(0, calc((100vw - 320px) * 0.000893), 1));
}
.animate {
  animation-duration: var(--anim-duration-base);
  animation-delay: var(--anim-duration-none);
  animation-timing-function: var(--anim-ease-standard);
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-direction: normal;
  animation-play-state: running;
}
@media (prefers-reduced-motion: reduce) {
  .animate {
    animation-duration: var(--anim-duration-instant);
    animation-delay: var(--anim-duration-none);
    animation-timing-function: var(--anim-ease-linear);
    animation-iteration-count: 1;
  }
}
:root {
  --shadow--4:
    inset 0 1px 9px 0 rgb(12 17 23 / 0.347),
    inset 0 -.5px 0 0 #fff,
    inset 0 .5px 0 0 #0001;
  --shadow--4:
    inset 0 1px 9px 0 rgb(12 17 23 / 0.347),
    inset 0 -.5px 0 0 oklch(100% 0 89.876),
    inset 0 .5px 0 0 oklch(0% 0 0 / 0.067);
  --shadow--3:
    inset 0 1px 8px 0 rgb(12 17 23 / 0.347),
    inset 0 -.5px 0 0 #fff,
    inset 0 .5px 0 0 #0001;
  --shadow--3:
    inset 0 1px 8px 0 rgb(12 17 23 / 0.347),
    inset 0 -.5px 0 0 oklch(100% 0 89.876),
    inset 0 .5px 0 0 oklch(0% 0 0 / 0.067);
  --shadow--2:
    inset 0 1px 7px 0 rgb(12 17 23 / 0.347),
    inset 0 -.5px 0 0 #fff,
    inset 0 .5px 0 0 #0001;
  --shadow--2:
    inset 0 1px 7px 0 rgb(12 17 23 / 0.347),
    inset 0 -.5px 0 0 oklch(100% 0 89.876),
    inset 0 .5px 0 0 oklch(0% 0 0 / 0.067);
  --shadow--1:
    inset 0 1px 5px 0 rgb(12 17 23 / 0.347),
    inset 0 -.5px 0 0 #fff,
    inset 0 .5px 0 0 #0001;
  --shadow--1:
    inset 0 1px 5px 0 rgb(12 17 23 / 0.347),
    inset 0 -.5px 0 0 oklch(100% 0 89.876),
    inset 0 .5px 0 0 oklch(0% 0 0 / 0.067);
  --shadow-0: none;
  --shadow-1: 0 1px 3px -3px rgb(12 17 23 / 0.325);
  --shadow-2: 0 1px 3px -3px rgb(12 17 23 / 0.293), 0 2px 4px -3px rgb(12 17 23 / 0.321);
  --shadow-3:
    0 1px 3px -3px rgb(12 17 23 / 0.274),
    0 1px 3px -3px rgb(12 17 23 / 0.285),
    0 2px 4px -3px rgb(12 17 23 / 0.296),
    0 3px 5px -3px rgb(12 17 23 / 0.306),
    0 7px 8px -3px rgb(12 17 23 / 0.317);
  --shadow-4:
    0 1px 3px -3px rgb(12 17 23 / 0.27),
    0 1px 3px -3px rgb(12 17 23 / 0.279),
    0 2px 4px -3px rgb(12 17 23 / 0.288),
    0 4px 6px -3px rgb(12 17 23 / 0.297),
    0 9px 1px -2px rgb(12 17 23 / 0.306),
    0 2px 18px -2px rgb(12 17 23 / 0.314);
  --shadow-5:
    0 1px 3px -3px rgb(12 17 23 / 0.268),
    0 1px 3px -3px rgb(12 17 23 / 0.277),
    0 3px 5px -3px rgb(12 17 23 / 0.286),
    0 8px 9px -2px rgb(12 17 23 / 0.294),
    0 21px 19px -2px rgb(12 17 23 / 0.303),
    0 46px 39px -2px rgb(12 17 23 / 0.312);
  --shadow-6:
    0 1px 3px -3px rgb(12 17 23 / 0.265),
    0 1px 3px -3px rgb(12 17 23 / 0.272),
    0 3px 5px -3px rgb(12 17 23 / 0.28),
    0 8px 9px -2px rgb(12 17 23 / 0.287),
    0 21px 19px -2px rgb(12 17 23 / 0.295),
    0 47px 4px -2px rgb(12 17 23 / 0.302),
    0 93px 77px -1px rgb(12 17 23 / 0.31);
}
@media (prefers-color-scheme: dark) {
  :root {
    --shadow--4:
      inset 0 1px 9px 0 rgb(12 17 23 / 0.347),
      inset 0 -.5px 0 0 #fff,
      inset 0 .5px 0 0 #0001;
    --shadow--4:
      inset 0 1px 9px 0 rgb(12 17 23 / 0.347),
      inset 0 -.5px 0 0 oklch(100% 0 89.876),
      inset 0 .5px 0 0 oklch(0% 0 0 / 0.067);
    --shadow--3:
      inset 0 1px 8px 0 rgb(12 17 23 / 0.347),
      inset 0 -.5px 0 0 #fff,
      inset 0 .5px 0 0 #0001;
    --shadow--3:
      inset 0 1px 8px 0 rgb(12 17 23 / 0.347),
      inset 0 -.5px 0 0 oklch(100% 0 89.876),
      inset 0 .5px 0 0 oklch(0% 0 0 / 0.067);
    --shadow--2:
      inset 0 1px 7px 0 rgb(12 17 23 / 0.347),
      inset 0 -.5px 0 0 #fff,
      inset 0 .5px 0 0 #0001;
    --shadow--2:
      inset 0 1px 7px 0 rgb(12 17 23 / 0.347),
      inset 0 -.5px 0 0 oklch(100% 0 89.876),
      inset 0 .5px 0 0 oklch(0% 0 0 / 0.067);
    --shadow--1:
      inset 0 1px 5px 0 rgb(12 17 23 / 0.347),
      inset 0 -.5px 0 0 #fff,
      inset 0 .5px 0 0 #0001;
    --shadow--1:
      inset 0 1px 5px 0 rgb(12 17 23 / 0.347),
      inset 0 -.5px 0 0 oklch(100% 0 89.876),
      inset 0 .5px 0 0 oklch(0% 0 0 / 0.067);
    --shadow-0: none;
    --shadow-1: 0 1px 3px -3px rgb(12 17 23 / 0.325);
    --shadow-2: 0 1px 3px -3px rgb(12 17 23 / 0.293), 0 2px 4px -3px rgb(12 17 23 / 0.321);
    --shadow-3:
      0 1px 3px -3px rgb(12 17 23 / 0.274),
      0 1px 3px -3px rgb(12 17 23 / 0.285),
      0 2px 4px -3px rgb(12 17 23 / 0.296),
      0 3px 5px -3px rgb(12 17 23 / 0.306),
      0 7px 8px -3px rgb(12 17 23 / 0.317);
    --shadow-4:
      0 1px 3px -3px rgb(12 17 23 / 0.27),
      0 1px 3px -3px rgb(12 17 23 / 0.279),
      0 2px 4px -3px rgb(12 17 23 / 0.288),
      0 4px 6px -3px rgb(12 17 23 / 0.297),
      0 9px 1px -2px rgb(12 17 23 / 0.306),
      0 2px 18px -2px rgb(12 17 23 / 0.314);
    --shadow-5:
      0 1px 3px -3px rgb(12 17 23 / 0.268),
      0 1px 3px -3px rgb(12 17 23 / 0.277),
      0 3px 5px -3px rgb(12 17 23 / 0.286),
      0 8px 9px -2px rgb(12 17 23 / 0.294),
      0 21px 19px -2px rgb(12 17 23 / 0.303),
      0 46px 39px -2px rgb(12 17 23 / 0.312);
    --shadow-6:
      0 1px 3px -3px rgb(12 17 23 / 0.265),
      0 1px 3px -3px rgb(12 17 23 / 0.272),
      0 3px 5px -3px rgb(12 17 23 / 0.28),
      0 8px 9px -2px rgb(12 17 23 / 0.287),
      0 21px 19px -2px rgb(12 17 23 / 0.295),
      0 47px 4px -2px rgb(12 17 23 / 0.302),
      0 93px 77px -1px rgb(12 17 23 / 0.31);
  }
}
:root {
  --gradient-brand-surface:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--primary-6) 100%, var(--secondary-6) 0%) 0%,
      color-mix(in srgb, var(--primary-6) 88%, var(--secondary-6) 12%) 12%,
      color-mix(in srgb, var(--primary-6) 75%, var(--secondary-6) 25%) 25%,
      color-mix(in srgb, var(--primary-6) 62%, var(--secondary-6) 38%) 38%,
      color-mix(in srgb, var(--primary-6) 50%, var(--secondary-6) 50%) 50%,
      color-mix(in srgb, var(--primary-6) 38%, var(--secondary-6) 62%) 62%,
      color-mix(in srgb, var(--primary-6) 25%, var(--secondary-6) 75%) 75%,
      color-mix(in srgb, var(--primary-6) 12%, var(--secondary-6) 88%) 88%,
      color-mix(in srgb, var(--primary-6) 0%, var(--secondary-6) 100%) 100%);
  --gradient-brand-diagonal:
    linear-gradient(
      315deg,
      color-mix(in srgb, var(--primary-6) 100%, var(--secondary-5) 0%) 0%,
      color-mix(in srgb, var(--primary-6) 88%, var(--secondary-5) 12%) 12%,
      color-mix(in srgb, var(--primary-6) 75%, var(--secondary-5) 25%) 25%,
      color-mix(in srgb, var(--primary-6) 62%, var(--secondary-5) 38%) 38%,
      color-mix(in srgb, var(--primary-6) 50%, var(--secondary-5) 50%) 50%,
      color-mix(in srgb, var(--primary-6) 38%, var(--secondary-5) 62%) 62%,
      color-mix(in srgb, var(--primary-6) 25%, var(--secondary-5) 75%) 75%,
      color-mix(in srgb, var(--primary-6) 12%, var(--secondary-5) 88%) 88%,
      color-mix(in srgb, var(--primary-6) 0%, var(--secondary-5) 100%) 100%);
  --gradient-vapor:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--primary-6) 100%, var(--tertiary-6) 0%) 0%,
      color-mix(in srgb, var(--primary-6) 88%, var(--tertiary-6) 12%) 6%,
      color-mix(in srgb, var(--primary-6) 75%, var(--tertiary-6) 25%) 12%,
      color-mix(in srgb, var(--primary-6) 62%, var(--tertiary-6) 38%) 19%,
      color-mix(in srgb, var(--primary-6) 50%, var(--tertiary-6) 50%) 25%,
      color-mix(in srgb, var(--primary-6) 38%, var(--tertiary-6) 62%) 31%,
      color-mix(in srgb, var(--primary-6) 25%, var(--tertiary-6) 75%) 38%,
      color-mix(in srgb, var(--primary-6) 12%, var(--tertiary-6) 88%) 44%,
      color-mix(in srgb, var(--primary-6) 0%, var(--tertiary-6) 100%) 50%,
      color-mix(in srgb, var(--tertiary-6) 100%, var(--secondary-6) 0%) 50%,
      color-mix(in srgb, var(--tertiary-6) 88%, var(--secondary-6) 12%) 56%,
      color-mix(in srgb, var(--tertiary-6) 75%, var(--secondary-6) 25%) 62%,
      color-mix(in srgb, var(--tertiary-6) 62%, var(--secondary-6) 38%) 69%,
      color-mix(in srgb, var(--tertiary-6) 50%, var(--secondary-6) 50%) 75%,
      color-mix(in srgb, var(--tertiary-6) 38%, var(--secondary-6) 62%) 81%,
      color-mix(in srgb, var(--tertiary-6) 25%, var(--secondary-6) 75%) 88%,
      color-mix(in srgb, var(--tertiary-6) 12%, var(--secondary-6) 88%) 94%,
      color-mix(in srgb, var(--tertiary-6) 0%, var(--secondary-6) 100%) 100%);
  --gradient-spotlight:
    radial-gradient(
      circle,
      color-mix(in srgb, var(--primary-5) 100%, var(--neutral-2) 0%) 0%,
      color-mix(in srgb, var(--primary-5) 88%, var(--neutral-2) 12%) 12%,
      color-mix(in srgb, var(--primary-5) 75%, var(--neutral-2) 25%) 25%,
      color-mix(in srgb, var(--primary-5) 62%, var(--neutral-2) 38%) 38%,
      color-mix(in srgb, var(--primary-5) 50%, var(--neutral-2) 50%) 50%,
      color-mix(in srgb, var(--primary-5) 38%, var(--neutral-2) 62%) 62%,
      color-mix(in srgb, var(--primary-5) 25%, var(--neutral-2) 75%) 75%,
      color-mix(in srgb, var(--primary-5) 12%, var(--neutral-2) 88%) 88%,
      color-mix(in srgb, var(--primary-5) 0%, var(--neutral-2) 100%) 100%);
  --gradient-qualitative-sweep:
    conic-gradient(
      from 0deg,
      color-mix(in srgb, var(--chart-qualitative-1) 50%, var(--chart-qualitative-2) 50%) 0%,
      color-mix(in srgb, var(--chart-qualitative-1) 50%, var(--chart-qualitative-2) 50%) 9%,
      color-mix(in srgb, var(--chart-qualitative-2) 50%, var(--chart-qualitative-3) 50%) 9%,
      color-mix(in srgb, var(--chart-qualitative-2) 50%, var(--chart-qualitative-3) 50%) 18%,
      color-mix(in srgb, var(--chart-qualitative-3) 50%, var(--chart-qualitative-4) 50%) 18%,
      color-mix(in srgb, var(--chart-qualitative-3) 50%, var(--chart-qualitative-4) 50%) 27%,
      color-mix(in srgb, var(--chart-qualitative-4) 50%, var(--chart-qualitative-5) 50%) 27%,
      color-mix(in srgb, var(--chart-qualitative-4) 50%, var(--chart-qualitative-5) 50%) 36%,
      color-mix(in srgb, var(--chart-qualitative-5) 50%, var(--chart-qualitative-6) 50%) 36%,
      color-mix(in srgb, var(--chart-qualitative-5) 50%, var(--chart-qualitative-6) 50%) 45%,
      color-mix(in srgb, var(--chart-qualitative-6) 50%, var(--chart-qualitative-7) 50%) 45%,
      color-mix(in srgb, var(--chart-qualitative-6) 50%, var(--chart-qualitative-7) 50%) 54%,
      color-mix(in srgb, var(--chart-qualitative-7) 50%, var(--chart-qualitative-8) 50%) 54%,
      color-mix(in srgb, var(--chart-qualitative-7) 50%, var(--chart-qualitative-8) 50%) 63%,
      color-mix(in srgb, var(--chart-qualitative-8) 50%, var(--chart-qualitative-9) 50%) 63%,
      color-mix(in srgb, var(--chart-qualitative-8) 50%, var(--chart-qualitative-9) 50%) 72%,
      color-mix(in srgb, var(--chart-qualitative-9) 50%, var(--chart-qualitative-10) 50%) 72%,
      color-mix(in srgb, var(--chart-qualitative-9) 50%, var(--chart-qualitative-10) 50%) 81%,
      color-mix(in srgb, var(--chart-qualitative-10) 50%, var(--chart-qualitative-11) 50%) 81%,
      color-mix(in srgb, var(--chart-qualitative-10) 50%, var(--chart-qualitative-11) 50%) 90%,
      color-mix(in srgb, var(--chart-qualitative-11) 50%, var(--chart-qualitative-12) 50%) 90%,
      color-mix(in srgb, var(--chart-qualitative-11) 50%, var(--chart-qualitative-12) 50%) 100%);
  --gradient-neutral-soft:
    linear-gradient(
      180deg,
      var(--neutral-variant-5) 0%,
      var(--neutral-variant-7) 100%);
  --gradient-striped:
    repeating-linear-gradient(
      45deg,
      color-mix(in srgb, var(--neutral-6) 100%, var(--neutral-6) 0%) 0%,
      color-mix(in srgb, var(--neutral-6) 88%, var(--neutral-6) 12%) 1%,
      color-mix(in srgb, var(--neutral-6) 75%, var(--neutral-6) 25%) 2%,
      color-mix(in srgb, var(--neutral-6) 62%, var(--neutral-6) 38%) 3%,
      color-mix(in srgb, var(--neutral-6) 50%, var(--neutral-6) 50%) 4%,
      color-mix(in srgb, var(--neutral-6) 38%, var(--neutral-6) 62%) 5%,
      color-mix(in srgb, var(--neutral-6) 25%, var(--neutral-6) 75%) 6%,
      color-mix(in srgb, var(--neutral-6) 12%, var(--neutral-6) 88%) 7%,
      color-mix(in srgb, var(--neutral-6) 0%, var(--neutral-6) 100%) 8%,
      color-mix(in srgb, var(--secondary-6) 100%, var(--secondary-6) 0%) 8%,
      color-mix(in srgb, var(--secondary-6) 88%, var(--secondary-6) 12%) 9%,
      color-mix(in srgb, var(--secondary-6) 75%, var(--secondary-6) 25%) 10%,
      color-mix(in srgb, var(--secondary-6) 62%, var(--secondary-6) 38%) 11%,
      color-mix(in srgb, var(--secondary-6) 50%, var(--secondary-6) 50%) 12%,
      color-mix(in srgb, var(--secondary-6) 38%, var(--secondary-6) 62%) 13%,
      color-mix(in srgb, var(--secondary-6) 25%, var(--secondary-6) 75%) 14%,
      color-mix(in srgb, var(--secondary-6) 12%, var(--secondary-6) 88%) 15%,
      color-mix(in srgb, var(--secondary-6) 0%, var(--secondary-6) 100%) 16%);
  --gradient-diverging:
    linear-gradient(
      120deg,
      color-mix(in srgb, var(--secondary-6) 100%, var(--error-6) 0%) 0%,
      color-mix(in srgb, var(--secondary-6) 88%, var(--error-6) 12%) 12%,
      color-mix(in srgb, var(--secondary-6) 75%, var(--error-6) 25%) 25%,
      color-mix(in srgb, var(--secondary-6) 62%, var(--error-6) 38%) 38%,
      color-mix(in srgb, var(--secondary-6) 50%, var(--error-6) 50%) 50%,
      color-mix(in srgb, var(--secondary-6) 38%, var(--error-6) 62%) 62%,
      color-mix(in srgb, var(--secondary-6) 25%, var(--error-6) 75%) 75%,
      color-mix(in srgb, var(--secondary-6) 12%, var(--error-6) 88%) 88%,
      color-mix(in srgb, var(--secondary-6) 0%, var(--error-6) 100%) 100%);
}

/* static/styles/base.css */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  text-size-adjust: 100%;
}
body {
  min-height: 100vh;
  line-height: 1.5;
  background: var(--neutral-1);
  color: var(--neutral-12);
  font-size: var(--font-size-0);
  display: flex;
  flex-direction: column;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.25;
  font-weight: var(--font-weight-semi-bold);
  margin-block-end: var(--size-1);
  color: var(--neutral-12);
}
h1 {
  font-size: var(--font-size-5);
}
h2 {
  font-size: var(--font-size-4);
}
h3 {
  font-size: var(--font-size-3);
}
h4 {
  font-size: var(--font-size-2);
}
h5 {
  font-size: var(--font-size-1);
}
h6 {
  font-size: var(--font-size-0);
}
p,
ul,
ol,
dl {
  margin-block-end: var(--size-4);
  &:last-child {
    margin-block-end: 0;
  }
}
small {
  font-size: var(--font-size--1);
}
strong,
b {
  font-weight: var(--font-weight-semi-bold);
}
a {
  color: var(--primary-6);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
  transition: color var(--anim-duration-base) var(--anim-ease-standard);
  &:hover {
    color: color-mix(in srgb, var(--primary-6) 80%, var(--neutral-12));
  }
  &:focus-visible {
    outline: 2px solid var(--primary-6);
    outline-offset: 2px;
    border-radius: var(--border-radius-0);
  }
}
ul,
ol {
  padding-inline-start: var(--size-6);
}
li {
  margin-block-end: var(--size--1);
  &:last-child {
    margin-block-end: 0;
  }
}
code {
  padding: 0.2em 0.4em;
  color: color-mix(in srgb, var(--primary-6) 10%, var(--neutral-12));
  font-size: var(--font-size--1);
  font-family:
    ui-monospace,
    "Cascadia Code",
    "Source Code Pro",
    Menlo,
    Consolas,
    "DejaVu Sans Mono",
    monospace;
}
pre {
  padding: var(--size-4);
  border-radius: var(--border-radius-1);
  overflow-x: auto;
  margin-block-end: var(--size-4);
  code {
    padding: 0;
    background: none;
    font-size: var(--font-size--1);
  }
}
hr {
  border: none;
  border-block-start: 1px solid var(--neutral-4);
  margin-block: var(--size-6);
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}
blockquote {
  padding-inline-start: var(--size-4);
  border-inline-start: 3px solid var(--primary-6);
  margin-block: var(--size-4);
  color: color-mix(in srgb, var(--neutral-12) 60%, var(--neutral-1));
  font-style: italic;
  &:last-child {
    margin-block-end: 0;
  }
}
mark {
  background: color-mix(in srgb, oklch(75% 0.17 90) 12%, var(--neutral-1));
  color: var(--neutral-12);
  padding: 0.1em 0.2em;
  border-radius: var(--border-radius-0);
}
[popover]:not(ui-flyout) {
  margin: auto;
}
details {
  margin-block-end: var(--size-4);
  border: 1px solid var(--neutral-4);
  border-radius: var(--border-radius-1);
  padding: var(--size-1);
  &[open] summary {
    margin-block-end: var(--size-1);
  }
}
summary {
  cursor: pointer;
  font-weight: var(--font-weight-medium);
  color: var(--neutral-12);
  padding: var(--size--1);
  margin: calc(-1 * var(--size-1));
  margin-block-end: 0;
  border-radius: var(--border-radius-1);
  transition: background var(--anim-duration-base) var(--anim-ease-standard);
  &:hover {
    background: color-mix(in srgb, var(--primary-6) 4%, var(--neutral-2));
  }
}
table {
  width: 100%;
  border-collapse: collapse;
  margin-block-end: var(--size-4);
  th {
    text-align: start;
    font-weight: var(--font-weight-semi-bold);
    padding: var(--size-0) var(--size-1);
    border-block-end: 2px solid var(--neutral-4);
    background: var(--neutral-2);
    color: var(--neutral-12);
  }
  td {
    padding: var(--size-0) var(--size-1);
    border-block-end: 1px solid var(--neutral-4);
  }
  tbody tr:hover {
    background: color-mix(in srgb, var(--primary-6) 4%, var(--neutral-2));
  }
}

/* static/styles/layout.css */
layout-stack {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--space, 1.5rem);
}
layout-vstack {
  display: flex;
  align-items: center;
  gap: var(--space, 1rem);
}
layout-box {
  display: block;
  padding: var(--padding, 1rem);
  border-width: var(--border-width, 1px);
  border-style: solid;
  border-color: var(--border-color, currentColor);
  * {
    color: inherit;
  }
}
layout-center {
  display: block;
  box-sizing: content-box;
  margin-inline: auto;
  max-inline-size: var(--measure, 60ch);
  padding-inline: var(--gutter, 1rem);
}
layout-cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space, 1rem);
  justify-content: var(--justify, flex-start);
  align-items: var(--align, center);
}
layout-sidebar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gutter, 1rem);
  & > :first-child {
    flex-basis: var(--sidebar-width, 20rem);
    flex-grow: 1;
  }
  & > :last-child {
    flex-basis: 0;
    flex-grow: 999;
    min-inline-size: var(--min-width, 50%);
  }
}
layout-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gutter, 1rem);
  & > * {
    flex-grow: 1;
    flex-basis: calc((var(--threshold, 30rem) - 100%) * 999);
  }
}
layout-cover {
  display: flex;
  flex-direction: column;
  min-block-size: var(--min-height, 100vh);
  padding: var(--padding, 1rem);
  & > * {
    margin-block: var(--space, 1rem);
  }
  & > :first-child:not([data-centered]) {
    margin-block-start: 0;
  }
  & > :last-child:not([data-centered]) {
    margin-block-end: 0;
  }
  & > [data-centered] {
    margin-block: auto;
  }
}
layout-grid {
  display: grid;
  gap: var(--gutter, 1rem);
  grid-template-columns: repeat(auto-fill, minmax(min(var(--min-width, 15rem), 100%), 1fr));
}
layout-frame {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: var(--ratio, 16/9);
  overflow: hidden;
  & > * {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
}
layout-reel {
  display: flex;
  block-size: var(--height, auto);
  overflow-x: auto;
  overflow-y: hidden;
  gap: var(--space, 1rem);
  padding-inline: var(--gutter, 1rem);
  & > * {
    flex: 0 0 var(--item-width, auto);
  }
  &[data-snap] {
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--gutter, 1rem);
  }
  &[data-snap] > * {
    scroll-snap-align: start;
  }
}
layout-imposter {
  display: block;
  position: var(--position, absolute);
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  &[data-fixed] {
    --position: fixed;
  }
}
layout-icon {
  display: inline-block;
  inline-size: 1em;
  block-size: 1em;
  vertical-align: middle;
  & > svg {
    inline-size: 100%;
    block-size: 100%;
  }
}

/* static/styles/components.css */
button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--size--1);
  padding: var(--size-0) var(--size-4);
  border: 1px solid transparent;
  border-radius: var(--border-radius-1);
  background: var(--primary-6);
  color: var(--neutral-1);
  font: inherit;
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-0);
  line-height: 1.375;
  cursor: pointer;
  transition: all var(--anim-duration-base) var(--anim-ease-standard);
  text-decoration: none;
  &:hover {
    background: color-mix(in srgb, var(--primary-6) 80%, var(--neutral-12));
    transform: translateY(-1px);
  }
  &:active {
    transform: translateY(0);
  }
  &:focus-visible {
    outline: 2px solid var(--primary-6);
    outline-offset: 2px;
  }
  &:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
  }
  &[data-variant=secondary] {
    background: var(--neutral-2);
    color: var(--neutral-12);
    border-color: var(--neutral-4);
    &:hover {
      background: color-mix(in srgb, var(--primary-6) 4%, var(--neutral-2));
      border-color: color-mix(in srgb, var(--primary-6) 20%, var(--neutral-1));
    }
  }
  &[data-variant=ghost] {
    background: transparent;
    color: var(--neutral-12);
    border-color: var(--neutral-4);
    &:hover {
      background: var(--neutral-2);
    }
  }
  &[data-variant=danger] {
    background: var(--error-6);
    &:hover {
      background: color-mix(in srgb, var(--error-6) 80%, var(--neutral-12));
    }
  }
  &[data-variant=success] {
    background: oklch(65% 0.23 142);
    &:hover {
      background: color-mix(in srgb, oklch(65% 0.23 142) 80%, var(--neutral-12));
    }
  }
}
input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=url],
input[type=tel],
input[type=number],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=time],
textarea,
select {
  display: block;
  width: 100%;
  padding: var(--size-0) var(--size-1);
  border: 1px solid var(--neutral-4);
  border-radius: var(--border-radius-1);
  background: var(--neutral-1);
  color: var(--neutral-12);
  font: inherit;
  font-size: var(--font-size-0);
  line-height: 1.5;
  transition: all var(--anim-duration-base) var(--anim-ease-standard);
  &:focus {
    outline: none;
    border-color: var(--primary-6);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-6) 8%, var(--neutral-1));
  }
  &:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
}
textarea {
  resize: vertical;
  min-height: 100px;
}
select {
  cursor: pointer;
}
label {
  display: block;
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size--1);
  margin-block-end: var(--size--1);
  color: var(--neutral-12);
}
fieldset {
  border: 1px solid var(--neutral-4);
  border-radius: var(--border-radius-1);
  padding: var(--size-4);
  margin-block-end: var(--size-4);
}
legend {
  padding-inline: var(--size--1);
  font-weight: var(--font-weight-semi-bold);
  color: var(--neutral-12);
}
input[type=checkbox],
input[type=radio] {
  width: 1.125em;
  height: 1.125em;
  margin-inline-end: var(--size--1);
  cursor: pointer;
  accent-color: var(--primary-6);
}
ui-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  border-block-end: 1px solid var(--neutral-4);
  > input[type=radio] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  > label {
    display: inline-block;
    padding: var(--tabs-padding, 0.75rem 1.5rem);
    cursor: pointer;
    background: var(--tabs-bg, transparent);
    color: var(--tabs-color, color-mix(in srgb, var(--neutral-12) 60%, var(--neutral-1)));
    border: var(--tabs-border-width, 2px) solid transparent;
    border-block-end: none;
    border-radius: var(--tabs-radius, var(--border-radius-1) var(--border-radius-1) 0 0);
    margin-inline-end: var(--size--2);
    transition: all var(--anim-duration-base) var(--anim-ease-standard);
    user-select: none;
    &:hover {
      background: var(--tabs-bg-hover, color-mix(in srgb, var(--primary-6) 5%, transparent));
    }
  }
  > input[type=radio]:checked + label {
    background: var(--tabs-bg-active, var(--primary-6));
    color: var(--tabs-color-active, var(--neutral-1));
    border-color: var(--tabs-border-color, var(--neutral-4));
    border-block-end-color: var(--tabs-bg-active, var(--primary-6));
    margin-block-end: calc(var(--tabs-border-width, 2px) * -1);
  }
  > [data-content] {
    display: none;
    inline-size: 100%;
    padding: var(--tabs-content-padding, var(--size-4));
    order: 999;
  }
  > input[type=radio]:checked + label + [data-content] {
    display: block;
  }
  > input[type=radio]:focus-visible + label {
    outline: 2px solid currentColor;
    outline-offset: 2px;
  }
  &[data-variant=pills] {
    border-block-end: none;
    gap: var(--size--1);
    > label {
      border: var(--tabs-border-width, 2px) solid var(--tabs-border-color, var(--neutral-4));
      border-radius: 100vw;
      margin-inline-end: 0;
      margin-block-end: 0;
    }
    > input[type=radio]:checked + label {
      border-color: var(--tabs-bg-active, var(--primary-6));
      margin-block-end: 0;
    }
  }
  &[data-variant=underline] {
    > label {
      background: transparent;
      border: none;
      border-block-end: var(--tabs-border-width, 2px) solid transparent;
      border-radius: 0;
      margin-block-end: 0;
    }
    > input[type=radio]:checked + label {
      background: transparent;
      color: var(--tabs-color-active, var(--primary-6));
      border-block-end-color: var(--tabs-color-active, var(--primary-6));
      margin-block-end: 0;
    }
  }
}
ui-flyout {
  --_width: var(--flyout-width, 300px);
  --_height: var(--flyout-height, 300px);
  --_bg: var(--flyout-bg, var(--neutral-1));
  --_shadow: var(--flyout-shadow, var(--shadow-4));
  margin: 0;
  padding: 0;
  border: none;
  background: var(--_bg);
  box-shadow: var(--_shadow);
  max-inline-size: none;
  max-block-size: none;
  inset: 0;
  overflow-y: auto;
  transition:
    translate var(--anim-duration-slow) var(--anim-ease-standard),
    overlay var(--anim-duration-slow) var(--anim-ease-standard) allow-discrete,
    display var(--anim-duration-slow) var(--anim-ease-standard) allow-discrete;
  inline-size: var(--_width);
  block-size: 100%;
  inset-inline-start: 0;
  inset-inline-end: auto;
  inset-block-start: 0;
  inset-block-end: 0;
  translate: -100% 0;
  &:popover-open {
    translate: 0 0;
    @starting-style {
      translate: -100% 0;
    }
  }
  &[data-direction=right] {
    inset-inline-start: auto;
    inset-inline-end: 0;
    translate: 100% 0;
    &:popover-open {
      translate: 0 0;
      @starting-style {
        translate: 100% 0;
      }
    }
  }
  &[data-direction=top] {
    inline-size: 100%;
    block-size: var(--_height);
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-start: 0;
    inset-block-end: auto;
    translate: 0 -100%;
    &:popover-open {
      translate: 0 0;
      @starting-style {
        translate: 0 -100%;
      }
    }
  }
  &[data-direction=bottom] {
    inline-size: 100%;
    block-size: var(--_height);
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-start: auto;
    inset-block-end: 0;
    translate: 0 100%;
    &:popover-open {
      translate: 0 0;
      @starting-style {
        translate: 0 100%;
      }
    }
  }
  &::backdrop {
    background: oklch(0% 0 0 / 0.4);
    transition:
      background var(--anim-duration-slow) var(--anim-ease-standard),
      overlay var(--anim-duration-slow) var(--anim-ease-standard) allow-discrete,
      display var(--anim-duration-slow) var(--anim-ease-standard) allow-discrete;
    @starting-style {
      background: oklch(0% 0 0 / 0);
    }
  }
}
.has-tooltip {
  position: relative;
  &::after {
    content: attr(data-tooltip);
    background-color: var(--tooltip-bg, color-mix(in srgb, var(--neutral-12) 95%, transparent));
    color: var(--tooltip-color, var(--neutral-1));
    padding: var(--tooltip-padding, var(--size-0) var(--size-1));
    border-radius: var(--tooltip-radius, 10px);
    font-size: var(--tooltip-font-size, 1rem);
    font-weight: var(--font-weight-normal);
    max-inline-size: var(--tooltip-max-width, 250px);
    min-inline-size: 15ch;
    white-space: normal;
    overflow-wrap: break-word;
    display: none;
    position: absolute;
    z-index: 1000;
    opacity: 0;
    transition: opacity var(--anim-duration-base) var(--anim-ease-standard), display var(--anim-duration-base) var(--anim-ease-standard) allow-discrete;
  }
  &::before {
    content: "";
    background-color: var(--tooltip-bg, color-mix(in srgb, var(--neutral-12) 95%, transparent));
    display: none;
    position: absolute;
    inline-size: var(--tooltip-arrow-size, 15px);
    block-size: var(--tooltip-arrow-size, 15px);
    z-index: 1000;
    opacity: 0;
    transition: opacity var(--anim-duration-base) var(--anim-ease-standard), display var(--anim-duration-base) var(--anim-ease-standard) allow-discrete;
  }
  &:hover::after,
  &:hover::before {
    display: block;
    opacity: 1;
  }
  &:not([data-position])::after,
  &[data-position=top]::after {
    inset-block-end: 100%;
    inset-inline-start: 50%;
    transform: translate(-50%, calc(-1 * var(--tooltip-offset, 10px)));
  }
  &:not([data-position])::before,
  &[data-position=top]::before {
    inset-block-end: 100%;
    inset-inline-start: 50%;
    transform: translate(-50%, calc(-1 * var(--tooltip-offset, 10px) + 50%)) rotate(45deg);
  }
  &[data-position=bottom]::after {
    inset-block-start: 100%;
    inset-inline-start: 50%;
    transform: translate(-50%, var(--tooltip-offset, 10px));
  }
  &[data-position=bottom]::before {
    inset-block-start: 100%;
    inset-inline-start: 50%;
    transform: translate(-50%, calc(var(--tooltip-offset, 10px) - 50%)) rotate(45deg);
  }
  &[data-position=left]::after {
    inset-inline-end: 100%;
    inset-block-start: 50%;
    transform: translate(calc(-1 * var(--tooltip-offset, 10px)), -50%);
  }
  &[data-position=left]::before {
    inset-inline-end: 100%;
    inset-block-start: 50%;
    transform: translate(calc(-1 * var(--tooltip-offset, 10px) + 50%), -50%) rotate(45deg);
  }
  &[data-position=right]::after {
    inset-inline-start: 100%;
    inset-block-start: 50%;
    transform: translate(var(--tooltip-offset, 10px), -50%);
  }
  &[data-position=right]::before {
    inset-inline-start: 100%;
    inset-block-start: 50%;
    transform: translate(calc(var(--tooltip-offset, 10px) - 50%), -50%) rotate(45deg);
  }
}

/* static/styles/candy.css */
:root {
  --candy-radius: var(--border-radius-2);
  --candy-padding: var(--size-4);
  --candy-border: var(--neutral-4);
  --candy-shadow: var(--shadow-2);
  --pattern-shadow-x: 12px;
  --pattern-shadow-y: 12px;
  --pattern-shadow-opacity: 0.9;
  --accent-width: 6px;
  --accent-color: var(--primary-6);
}
[data-colorize] {
  --_c: var(--colorize, var(--primary-6));
  --surface: color-mix(in srgb, var(--_c) 4%, var(--neutral-1));
  --surface-hover: color-mix(in srgb, var(--_c) 8%, var(--neutral-1));
  --surface-active: color-mix(in srgb, var(--_c) 12%, var(--neutral-1));
  --text: color-mix(in srgb, var(--_c) 30%, var(--neutral-12));
  --text-heading: color-mix(in srgb, var(--_c) 70%, var(--neutral-12));
  --text-on-accent: var(--neutral-1);
  --accent: var(--_c);
  --accent-emphasis: color-mix(in srgb, var(--_c) 80%, var(--neutral-12));
  --border: color-mix(in srgb, var(--_c) 20%, transparent);
  --border-strong: color-mix(in srgb, var(--_c) 40%, transparent);
}
ui-card {
  display: block;
  background: var(--card-bg, var(--neutral-2));
  border: 1px solid var(--card-border, var(--candy-border));
  border-radius: var(--card-radius, var(--candy-radius));
  padding: var(--card-padding, var(--candy-padding));
  &[data-variant=elevated] {
    position: relative;
    &::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      border-radius: var(--card-radius, var(--candy-radius));
      background-image:
        repeating-linear-gradient(
          45deg,
          transparent,
          transparent 8px,
          var(--pattern-shadow-fill, var(--primary-6)) 8px,
          var(--pattern-shadow-fill, var(--primary-6)) 10px);
      transform: translate(var(--pattern-shadow-x, 12px), var(--pattern-shadow-y, 12px));
      opacity: var(--pattern-shadow-opacity, 0.7);
    }
    @media (prefers-color-scheme: dark) {
      &::before {
        opacity: 0.5;
      }
    }
  }
  &[data-variant=interactive] {
    cursor: pointer;
    transition: transform var(--anim-duration-base) var(--anim-ease-standard), box-shadow var(--anim-duration-base) var(--anim-ease-standard);
    text-decoration: none;
    color: inherit;
    &:hover {
      transform: translateY(var(--card-hover-lift, -2px));
      box-shadow: var(--card-hover-shadow, var(--shadow-3));
    }
    &:active {
      transform: translateY(0);
    }
  }
  &[data-variant=accent] {
    border-inline-start: var(--card-accent-width, 4px) solid var(--card-accent-color, var(--primary-6));
    &[data-intent=success] {
      --card-accent-color: oklch(65% 0.23 142);
    }
    &[data-intent=warning] {
      --card-accent-color: oklch(75% 0.17 90);
    }
    &[data-intent=error] {
      --card-accent-color: var(--error-6);
    }
    &[data-intent=secondary] {
      --card-accent-color: var(--secondary-6);
    }
    &[data-intent=tertiary] {
      --card-accent-color: var(--tertiary-6);
    }
  }
}
ui-well {
  display: block;
  background: var(--well-bg, var(--neutral-1));
  border: 1px solid var(--well-border, var(--neutral-4));
  border-radius: var(--candy-radius);
  padding: var(--well-padding, var(--size-4));
  box-shadow: inset 0 1px 3px color-mix(in srgb, var(--neutral-12) 10%, transparent);
}
ui-badge {
  display: inline-block;
  padding: var(--badge-padding, 0.3em 0.7em);
  border-radius: var(--badge-radius, var(--border-radius-0));
  background: var(--badge-bg, var(--primary-6));
  color: var(--badge-color, var(--neutral-1));
  font-size: var(--font-size--1);
  font-family: inherit;
  line-height: 1.375;
  white-space: nowrap;
  font-weight: var(--font-weight-medium);
  &[data-intent=success] {
    --badge-bg: oklch(65% 0.23 142);
  }
  &[data-intent=warning] {
    --badge-bg: oklch(75% 0.17 90);
    --badge-color: var(--neutral-12);
  }
  &[data-intent=error] {
    --badge-bg: var(--error-6);
  }
  &[data-intent=secondary] {
    --badge-bg: var(--secondary-6);
  }
  &[data-intent=tertiary] {
    --badge-bg: var(--tertiary-6);
  }
  &[data-variant=pill] {
    padding: 0.3em 0.9em;
    border-radius: 100vw;
  }
}
ui-label {
  display: inline-block;
  font-size: var(--font-size--2);
  font-weight: var(--font-weight-semi-bold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--label-color, color-mix(in srgb, var(--primary-6) 10%, var(--neutral-12)));
  margin-block-end: var(--size--1);
  &[data-intent=primary] {
    --label-color: var(--primary-6);
  }
  &[data-intent=secondary] {
    --label-color: var(--secondary-6);
  }
  &[data-intent=tertiary] {
    --label-color: var(--tertiary-6);
  }
  &[data-intent=success] {
    --label-color: oklch(65% 0.23 142);
  }
  &[data-intent=warning] {
    --label-color: oklch(75% 0.17 90);
  }
  &[data-intent=error] {
    --label-color: var(--error-6);
  }
}
ui-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  padding: 0.4em 0.8em;
  border: 1px solid var(--tag-border, var(--neutral-4));
  border-radius: var(--candy-radius);
  background: var(--tag-bg, var(--neutral-2));
  color: inherit;
  font-size: var(--font-size--1);
  cursor: pointer;
  transition: all var(--anim-duration-base) var(--anim-ease-standard);
  &:hover {
    background: color-mix(in srgb, var(--primary-6) 8%, var(--neutral-1));
    border-color: color-mix(in srgb, var(--primary-6) 20%, var(--neutral-1));
  }
}
ui-notice {
  display: flex;
  gap: var(--size-1);
  align-items: flex-start;
  padding: var(--size-4);
  border-inline-start: var(--notice-border, 4px) solid var(--notice-color, var(--primary-6));
  background: var(--notice-bg, color-mix(in srgb, var(--primary-6) 8%, var(--neutral-1)));
  border-radius: var(--candy-radius);
  &[data-intent=success] {
    --notice-color: oklch(65% 0.23 142);
    --notice-bg: color-mix(in srgb, oklch(65% 0.23 142) 8%, var(--neutral-1));
  }
  &[data-intent=warning] {
    --notice-color: oklch(75% 0.17 90);
    --notice-bg: color-mix(in srgb, oklch(75% 0.17 90) 12%, var(--neutral-1));
  }
  &[data-intent=error] {
    --notice-color: var(--error-6);
    --notice-bg: color-mix(in srgb, var(--error-6) 8%, var(--neutral-1));
  }
  &[data-intent=secondary] {
    --notice-color: var(--secondary-6);
    --notice-bg: color-mix(in srgb, var(--secondary-6) 8%, var(--neutral-1));
  }
  &[data-intent=tertiary] {
    --notice-color: var(--tertiary-6);
    --notice-bg: color-mix(in srgb, var(--tertiary-6) 8%, var(--neutral-1));
  }
}
ui-callout {
  display: block;
  padding: var(--size-4);
  background: var(--callout-bg, color-mix(in srgb, var(--primary-6) 8%, var(--neutral-1)));
  border: 2px solid var(--callout-border, color-mix(in srgb, var(--primary-6) 20%, var(--neutral-1)));
  border-radius: var(--candy-radius);
  &[data-intent=success] {
    --callout-bg: color-mix(in srgb, oklch(65% 0.23 142) 8%, var(--neutral-1));
    --callout-border: color-mix(in srgb, oklch(65% 0.23 142) 30%, var(--neutral-1));
  }
  &[data-intent=warning] {
    --callout-bg: color-mix(in srgb, oklch(75% 0.17 90) 12%, var(--neutral-1));
    --callout-border: color-mix(in srgb, oklch(75% 0.17 90) 30%, var(--neutral-1));
  }
  &[data-intent=error] {
    --callout-bg: color-mix(in srgb, var(--error-6) 8%, var(--neutral-1));
    --callout-border: color-mix(in srgb, var(--error-6) 30%, var(--neutral-1));
  }
  &[data-intent=secondary] {
    --callout-bg: color-mix(in srgb, var(--secondary-6) 8%, var(--neutral-1));
    --callout-border: color-mix(in srgb, var(--secondary-6) 30%, var(--neutral-1));
  }
  &[data-intent=tertiary] {
    --callout-bg: color-mix(in srgb, var(--tertiary-6) 8%, var(--neutral-1));
    --callout-border: color-mix(in srgb, var(--tertiary-6) 30%, var(--neutral-1));
  }
}
.pattern-hero {
  position: relative;
  overflow: hidden;
  padding: var(--size-11) var(--size-6);
  color: var(--neutral-1);
  &::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image:
      repeating-linear-gradient(
        45deg,
        transparent,
        transparent 10px,
        var(--neutral-1) 10px,
        var(--neutral-1) 12px);
    opacity: var(--hero-pattern-opacity, 0.15);
  }
  &::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
      radial-gradient(
        ellipse at center,
        transparent 0%,
        color-mix(in srgb, black 20%, transparent) 55%,
        color-mix(in srgb, black 60%, transparent) 100%),
      linear-gradient(
        135deg,
        var(--hero-color-start, var(--primary-6)),
        var(--hero-color-end, color-mix(in srgb, var(--primary-6) 80%, var(--neutral-12))));
  }
  @media (prefers-color-scheme: dark) {
    &::before {
      opacity: 0.5;
    }
  }
}

/* static/styles/custom.css */
.ts-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.ts-wrapper {
  position: relative;
  width: 100%;
}
.ts-control {
  display: flex;
  align-items: center;
  gap: var(--size--1);
  flex-wrap: wrap;
  width: 100%;
  padding: var(--size-0) var(--size-1);
  border: 1px solid var(--neutral-4);
  border-radius: var(--border-radius-1);
  background: var(--neutral-1);
  color: var(--neutral-12);
  font: inherit;
  font-size: var(--font-size-0);
  line-height: 1.5;
  cursor: pointer;
  transition: border-color var(--anim-duration-base) var(--anim-ease-standard), box-shadow var(--anim-duration-base) var(--anim-ease-standard);
}
.ts-wrapper.focus .ts-control {
  border-color: var(--primary-6);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-6) 8%, var(--neutral-1));
  outline: none;
}
.ts-wrapper.disabled .ts-control {
  opacity: 0.5;
  cursor: not-allowed;
}
.ts-control input {
  flex: 1;
  min-width: 4ch;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: inherit;
  outline: none;
  padding: 0;
  line-height: inherit;
}
.ts-control input::placeholder {
  color: color-mix(in srgb, var(--neutral-12) 60%, var(--neutral-1));
}
.ts-control .item {
  display: flex;
  align-items: center;
  gap: var(--size--1);
}
.ts-wrapper.single .ts-control::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid color-mix(in srgb, var(--neutral-12) 60%, var(--neutral-1));
  margin-left: auto;
  flex-shrink: 0;
  pointer-events: none;
}
.ts-wrapper.single.dropdown-active .ts-control::after {
  border-top: none;
  border-bottom: 5px solid color-mix(in srgb, var(--neutral-12) 60%, var(--neutral-1));
}
.ts-dropdown {
  position: absolute;
  z-index: 200;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  background: var(--neutral-1);
  border: 1px solid var(--neutral-4);
  border-radius: var(--border-radius-1);
  box-shadow: var(--shadow-3);
  overflow: hidden;
}
.ts-dropdown-content {
  max-height: 200px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.ts-dropdown .option {
  display: flex;
  align-items: center;
  gap: var(--size-0);
  padding: var(--size--1) var(--size-1);
  cursor: pointer;
  font-size: var(--font-size--1);
  color: var(--neutral-12);
  transition: background var(--anim-duration-fast) var(--anim-ease-standard);
}
.ts-dropdown .option.active {
  background: color-mix(in srgb, var(--primary-6) 4%, var(--neutral-2));
}
.ts-dropdown .option.selected {
  color: var(--primary-6);
}
.ts-dropdown .option.selected.active {
  background: color-mix(in srgb, var(--primary-6) 8%, var(--neutral-1));
}
.ts-dropdown .no-results {
  padding: var(--size-1);
  text-align: center;
  color: color-mix(in srgb, var(--neutral-12) 60%, var(--neutral-1));
  font-size: var(--font-size--1);
}
.ts-subclass-icon {
  font-size: 1.1em;
  line-height: 1;
  width: 1.5em;
  text-align: center;
  flex-shrink: 0;
}
.ts-cost-item {
  display: flex;
  align-items: center;
  font-family: "ElestralsFont", sans-serif;
  font-size: 1.1em;
  line-height: 1;
}
.ts-wrapper.multi .ts-control .item {
  background: color-mix(in srgb, var(--primary-6) 8%, var(--neutral-1));
  border: 1px solid color-mix(in srgb, var(--primary-6) 20%, var(--neutral-1));
  border-radius: var(--border-radius-0);
  padding: 0.1em 0.25em;
  display: flex;
  align-items: center;
  gap: 0.15em;
}
.ts-rune-icon {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
  flex-shrink: 0;
}
@keyframes results-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#card-results {
  animation: results-fade-in 0.2s ease-out;
}
.btn-radio-group {
  display: flex;
  border: 1px solid var(--neutral-4);
  border-radius: var(--border-radius-1);
  overflow: hidden;
}
.btn-radio-group label {
  flex: 1;
  display: flex;
  align-items: stretch;
  margin: 0;
  cursor: pointer;
}
.btn-radio-group input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.btn-radio-group span {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--size--1) var(--size-1);
  font-size: var(--font-size--1);
  border-right: 1px solid var(--neutral-4);
  background: var(--neutral-1);
  color: var(--neutral-12);
  transition: background var(--duration-fast, 150ms), color var(--duration-fast, 150ms);
}
.btn-radio-group label:last-child span {
  border-right: none;
}
.btn-radio-group input[type=radio]:checked + span {
  background: var(--primary-6);
  color: white;
}
.btn-radio-group label:hover input[type=radio]:not(:checked) + span {
  background: color-mix(in srgb, var(--primary-6) 4%, var(--neutral-2));
}
@font-face {
  font-family: "ElestralsFont";
  src: url(/static/fonts/ElestralsFont.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url(/static/fonts/Alegreya.ttf) format("truetype");
  font-display: swap;
}
.elestral-symbol {
  font-family: "ElestralsFont", sans-serif;
}
.effect-text {
  font-family: "Alegreya", serif;
}
.sidebar-sticky {
  position: static;
}
@media (min-width: 56rem) {
  .sidebar-sticky {
    position: sticky;
    top: calc(4rem + var(--size-4));
    align-self: flex-start;
  }
}
body {
  font-family:
    ui-rounded,
    "Hiragino Maru Gothic ProN",
    Quicksand,
    Comfortaa,
    Manjari,
    "Arial Rounded MT",
    "Arial Rounded MT Bold",
    Calibri,
    source-sans-pro,
    sans-serif;
  font-weight: normal;
}
main {
  flex: 1;
  padding: var(--size-4);
}
.navbar {
  padding: var(--size-1) var(--size-4);
  background: var(--neutral-1);
  border-block-end: 1px solid var(--neutral-4);
  box-shadow: 0 2px 16px color-mix(in srgb, var(--neutral-12) 6%, transparent);
  min-block-size: 4rem;
  position: sticky;
  top: 0;
  z-index: 40;
}
.navbar__brand {
  display: flex;
  align-items: center;
  gap: var(--size-0);
  text-decoration: none;
  flex-shrink: 0;
  &:hover {
    text-decoration: none;
  }
}
.navbar__brand-name {
  font-weight: var(--font-weight-semi-bold);
  font-size: var(--font-size-0);
  color: var(--primary-6);
  letter-spacing: -0.01em;
}
.navbar__search {
  flex: 1;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--size-0);
  align-items: center;
  max-width: 36rem;
  margin: 0 auto;
  & input {
    flex: 1;
    min-width: 0;
  }
  & button {
    flex-shrink: 0;
  }
}
.navbar__link {
  display: block;
  padding: var(--size-0) var(--size-1);
  text-decoration: none;
  color: var(--neutral-12);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-1);
  transition: color var(--anim-duration-base) var(--anim-ease-standard);
  &:hover {
    color: var(--primary-6);
    background: var(--neutral-2);
    text-decoration: none;
  }
}
a.btn,
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--size--1);
  padding: var(--size-0) var(--size-4);
  border: 1px solid transparent;
  border-radius: var(--border-radius-1);
  background: var(--primary-6);
  color: var(--neutral-1);
  font: inherit;
  font-weight: var(--font-weight-medium);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--anim-duration-base) var(--anim-ease-standard);
  &:hover {
    background: color-mix(in srgb, var(--primary-6) 80%, var(--neutral-12));
    color: var(--neutral-1);
    transform: translateY(-1px);
    text-decoration: none;
  }
}
a.btn[data-variant=secondary],
.btn--secondary {
  background: var(--secondary-6);
  color: var(--neutral-1);
  &:hover {
    background: color-mix(in srgb, var(--secondary-6) 80%, var(--neutral-12));
    color: var(--neutral-1);
  }
}
a.btn[data-variant=ghost],
.btn--ghost {
  background: transparent;
  color: var(--neutral-12);
  border-color: var(--neutral-4);
  &:hover {
    background: var(--neutral-2);
    color: var(--neutral-12);
    transform: translateY(-1px);
  }
}
.btn--sm {
  padding: var(--size--1) var(--size-1);
  font-size: var(--font-size--1);
}
.btn--lg {
  padding: var(--size-1) var(--size-6);
  font-size: var(--font-size-1);
}
.card {
  display: block;
  background: var(--neutral-2);
  border: 1px solid var(--neutral-4);
  border-radius: var(--card-radius, var(--border-radius-2));
  overflow: hidden;
}
a.card {
  text-decoration: none;
  color: inherit;
  transition: transform var(--anim-duration-base) var(--anim-ease-standard), box-shadow var(--anim-duration-base) var(--anim-ease-standard);
  &:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-3);
    text-decoration: none;
  }
}
.pattern-shadow {
  position: relative;
  transition: transform var(--anim-duration-base) var(--anim-ease-standard), box-shadow var(--anim-duration-base) var(--anim-ease-standard);
  &::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: var(--card-radius, var(--candy-radius));
    background-image:
      repeating-linear-gradient(
        45deg,
        transparent,
        transparent 8px,
        var(--card-accent-color, var(--primary-6)) 8px,
        var(--card-accent-color, var(--primary-6)) 10px);
    transform: translate(8px, 8px);
    opacity: 0.4;
    transition: transform var(--anim-duration-base) var(--anim-ease-standard), opacity var(--anim-duration-base) var(--anim-ease-standard);
  }
  &:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-3);
    &::before {
      transform: translate(12px, 12px);
      opacity: 0.6;
    }
  }
  &:active {
    transform: translateY(-1px);
    box-shadow: var(--shadow-2);
  }
  @media (prefers-color-scheme: dark) {
    &::before {
      opacity: 0.25;
    }
    &:hover::before {
      opacity: 0.4;
    }
  }
}
.card[data-variant=accent] {
  border-inline-start: var(--card-accent-width, 4px) solid var(--card-accent-color, var(--primary-6));
}
.card--primary {
  border-color: var(--primary-6);
}
.card--success {
  border-color: oklch(65% 0.23 142);
}
.card--warning {
  border-color: oklch(75% 0.17 90);
}
.card--error {
  border-color: var(--error-6);
}
.card__header {
  padding: var(--size-1);
  border-block-end: 1px solid var(--neutral-4);
}
.card__content {
  padding: var(--size-1);
}
.card__footer {
  padding: var(--size-1);
  border-block-start: 1px solid var(--neutral-4);
  background: var(--neutral-2);
}
.card__content.stack {
  display: flex;
  flex-direction: column;
}
.card--interactive {
  cursor: pointer;
  transition: transform var(--anim-duration-base) var(--anim-ease-standard), box-shadow var(--anim-duration-base) var(--anim-ease-standard);
  text-decoration: none;
  color: inherit;
  display: block;
  &:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-3);
    text-decoration: none;
  }
}
.alert__icon {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
}
.alert__content {
  flex: 1;
}
.hero {
  position: relative;
  overflow: hidden;
  text-align: center;
  background:
    radial-gradient(
      ellipse at 50% 40%,
      color-mix(in srgb, var(--primary-6) 15%, var(--neutral-1)) 0%,
      color-mix(in srgb, var(--secondary-6) 8%, var(--neutral-1)) 55%,
      var(--neutral-1) 100%);
}
.hero .card-wall {
  border-radius: 0;
  border-inline: none;
  border-block-start: none;
  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      black 4rem,
      black calc(100% - 6rem),
      transparent),
    linear-gradient(
      to right,
      transparent,
      black 4rem,
      black calc(100% - 4rem),
      transparent);
  mask-composite: intersect;
}
.hero__content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--size-7) var(--size-4);
}
.hero__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--size-4);
  padding: var(--size-7) var(--size-9);
  background: color-mix(in srgb, var(--primary-6) 8%, color-mix(in oklch, var(--neutral-2) 65%, transparent));
  border: 1px solid color-mix(in srgb, var(--primary-6) 30%, var(--neutral-4));
  border-radius: var(--border-radius-3);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 8px 32px color-mix(in srgb, var(--primary-6) 12%, transparent);
}
.hero h1 {
  font-size: var(--font-size-5);
  font-weight: var(--font-weight-bold);
  color: var(--primary-6);
  margin-block-end: var(--size-1);
}
.hero p {
  font-size: var(--font-size-1);
  color: color-mix(in srgb, var(--neutral-12) 60%, var(--neutral-1));
  max-inline-size: 50ch;
  margin-inline: auto;
}
.stat-value {
  font-size: var(--font-size-5);
  font-weight: var(--font-weight-bold);
  color: var(--primary-6);
}
.stat-label {
  font-size: var(--font-size--1);
  color: color-mix(in srgb, var(--neutral-12) 60%, var(--neutral-1));
}
.card-wall {
  overflow: hidden;
  border-radius: var(--border-radius-3);
  border: 1px solid var(--neutral-4);
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--primary-6) 6%, var(--neutral-2)),
      color-mix(in srgb, var(--secondary-6) 6%, var(--neutral-2)));
  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      black 3rem,
      black calc(100% - 3rem),
      transparent);
}
.card-wall__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--size-1);
  padding: var(--size-1);
  height: clamp(22rem, 50vw, 34rem);
  align-items: start;
}
.card-wall__col {
  overflow: hidden;
}
.card-wall__track {
  display: flex;
  flex-direction: column;
  gap: var(--size-1);
  will-change: transform;
}
.card-wall__segment {
  display: flex;
  flex-direction: column;
  gap: var(--size-1);
}
.card-wall__card {
  display: block;
  border-radius: var(--border-radius-1);
  overflow: hidden;
  text-decoration: none;
  flex-shrink: 0;
  aspect-ratio: 63 / 88;
  background:
    linear-gradient(
      90deg,
      var(--neutral-2) 25%,
      var(--neutral-4) 50%,
      var(--neutral-2) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  transition: transform var(--anim-duration-base) var(--anim-ease-standard), box-shadow var(--anim-duration-base) var(--anim-ease-standard);
  & img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  &:hover {
    transform: translateY(-3px) scale(1.03);
    box-shadow: var(--shadow-4);
    text-decoration: none;
  }
}
@media (max-width: 52rem) {
  .card-wall__grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .card-wall__col:nth-child(4) {
    display: none;
  }
}
@media (max-width: 36rem) {
  .card-wall__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .card-wall__col:nth-child(3),
  .card-wall__col:nth-child(4) {
    display: none;
  }
}
.loading {
  display: inline-block;
  inline-size: 1.5rem;
  block-size: 1.5rem;
  border: 2px solid var(--neutral-4);
  border-block-start-color: var(--primary-6);
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.skeleton {
  background:
    linear-gradient(
      90deg,
      var(--neutral-2) 25%,
      var(--neutral-4) 50%,
      var(--neutral-2) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: var(--border-radius-0);
}
@keyframes shimmer {
  to {
    background-position: -200% 0;
  }
}
.card-img-wrap {
  aspect-ratio: 640 / 873;
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-0);
  background:
    linear-gradient(
      90deg,
      var(--neutral-2) 25%,
      var(--neutral-4) 50%,
      var(--neutral-2) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  & img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
}
.section-heading {
  display: flex;
  align-items: center;
  gap: var(--size-1);
  &::before {
    content: "";
    display: block;
    width: 3px;
    height: 1.1em;
    background: var(--section-accent, var(--primary-6));
    border-radius: 2px;
    flex-shrink: 0;
  }
}
.section-heading--secondary {
  --section-accent: var(--secondary-6);
}
footer {
  background:
    linear-gradient(
      to bottom right,
      color-mix(in srgb, var(--primary-6) 5%, var(--neutral-2)),
      var(--neutral-2));
  padding: var(--size-6);
}
footer hr {
  border: none;
  height: 1px;
  background:
    linear-gradient(
      to right,
      transparent,
      var(--neutral-4) 20%,
      var(--neutral-4) 80%,
      transparent);
}
.field {
  display: flex;
  flex-direction: column;
  gap: var(--size--2);
}
.cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-1);
  align-items: center;
  justify-content: var(--justify, flex-start);
}
.cluster[data-justify=between] {
  --justify: space-between;
}
.cluster[data-justify=end] {
  --justify: flex-end;
}
.stack {
  display: flex;
  flex-direction: column;
}
.text-xs {
  font-size: var(--font-size--2);
}
.text-s {
  font-size: var(--font-size--1);
}
.text-m {
  font-size: var(--font-size-0);
}
.text-l {
  font-size: var(--font-size-2);
}
.text-xl {
  font-size: var(--font-size-3);
}
.text-2xl {
  font-size: var(--font-size-4);
}
.text-3xl {
  font-size: var(--font-size-5);
}
.text-4xl {
  font-size: var(--font-size-6);
}
.text-center {
  text-align: center;
}
.text-muted {
  color: color-mix(in srgb, var(--neutral-12) 60%, var(--neutral-1));
}
.text-primary {
  color: var(--primary-6);
}
.text-secondary {
  color: var(--secondary-6);
}
.weight-medium {
  font-weight: var(--font-weight-medium);
}
.weight-semibold {
  font-weight: var(--font-weight-semi-bold);
}
.weight-bold {
  font-weight: var(--font-weight-bold);
}
.flex-1 {
  flex: 1;
}
.flex-grow {
  flex-grow: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.block {
  display: block;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.overflow-x-auto {
  overflow-x: auto;
}
.pad-xs {
  padding: var(--size-0);
}
.pad-s {
  padding: var(--size-1);
}
.pad-m {
  padding: var(--size-4);
}
.pad-l {
  padding: var(--size-6);
}
.pad-block-s {
  padding-block: var(--size-1);
}
.gap-2xs {
  gap: var(--size--1);
}
.gap-xs {
  gap: var(--size-0);
}
.gap-s {
  gap: var(--size-1);
}
.gap-m {
  gap: var(--size-4);
}
.gap-l {
  gap: var(--size-6);
}
.w-full {
  width: 100%;
}
.h-auto {
  height: auto;
}
.rounded {
  border-radius: var(--border-radius-1);
}
.shadow {
  box-shadow: var(--shadow-2);
}
.icon-xs {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.icon-sm {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.icon-md {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .show\@tablet-up {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .show\@mobile {
    display: none !important;
  }
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sticky-bar {
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--neutral-2);
  padding-block: var(--size-1);
}
.badge--overlay {
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.ring-primary {
  outline: 2px solid var(--primary-6);
  border-radius: var(--border-radius-1);
}
.divider {
  border: none;
  border-block-start: 1px solid var(--neutral-4);
  margin-block: var(--size-4);
}
[data-element=fire] {
  --colorize: var(--named-fire-1);
}
[data-element=water] {
  --colorize: var(--named-wate-1);
}
[data-element=earth] {
  --colorize: var(--named-earth-1);
}
[data-element=thunder] {
  --colorize: var(--named-thunder-1);
}
[data-element=wind] {
  --colorize: var(--named-wind-1);
}
[data-element=frost] {
  --colorize: var(--named-frost-1);
}
[data-element=solar] {
  --colorize: var(--named-solar-1);
}
[data-element=lunar] {
  --colorize: var(--named-lunar-1);
}
.deck-quicklook {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-block: var(--size--1);
  mask-image:
    linear-gradient(
      to right,
      transparent 0,
      black 3rem,
      black calc(100% - 3rem),
      transparent 100%);
  & > * + * {
    margin-inline-start: -1.5rem;
  }
  & img {
    width: 6rem;
    aspect-ratio: 640 / 873;
  }
}
@media (min-width: 769px) {
  .rich-card--stacked > ui-card {
    flex-direction: column !important;
  }
  .rich-card--stacked .rich-card__image {
    flex: unset !important;
  }
  .rich-card--stacked .rich-card__info {
    border-left: none !important;
    border-top: 1px solid var(--neutral-4) !important;
    min-width: 0 !important;
  }
}
.deck-menu__trigger {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid var(--neutral-4);
  color: var(--neutral-12);
  cursor: pointer;
  padding: 0;
  transition: background var(--anim-duration-fast) var(--anim-ease-standard);
}
.deck-menu__trigger:hover {
  background: var(--neutral-2);
}
.deck-menu__popover {
  inset: unset;
  margin: 0;
  padding: 0;
  border: 1px solid var(--neutral-4);
  border-radius: var(--border-radius-1);
  box-shadow: var(--shadow-3);
  background: var(--neutral-1);
  min-width: 10rem;
  overflow: hidden;
  top: anchor(bottom);
  right: anchor(right);
  margin-top: 4px;
}
.deck-menu__item {
  display: flex;
  align-items: center;
  gap: var(--size-0);
  padding: var(--size-0) var(--size-1);
  text-decoration: none;
  color: var(--neutral-12);
  font-size: var(--font-size--1);
  transition: background var(--anim-duration-fast) var(--anim-ease-standard);
  width: 100%;
  border: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.deck-menu__item:hover {
  background: var(--neutral-2);
  text-decoration: none;
}
.deck-menu__item--danger {
  color: var(--error-6);
}
.deck-menu__item--danger:hover {
  background: color-mix(in srgb, var(--error-6) 10%, var(--neutral-1));
}
.delete-confirm-dialog {
  border: 1px solid var(--neutral-4);
  border-radius: var(--border-radius-2);
  background: var(--neutral-1);
  padding: var(--size-4);
  max-width: 28rem;
  width: calc(100% - var(--size-6) * 2);
  position: fixed;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  margin: 0;
}
.delete-confirm-dialog::backdrop {
  background: color-mix(in srgb, var(--neutral-12) 40%, transparent);
}

/* static/styles/main.css */