/* GENERATED by Site/tools/build_palette_css.py from PaletteRecipes.swift. Do not edit by hand. */
:root[data-tint="mono"], :root:not([data-tint]) {
  --screen: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(247 247 248) 100%);
  --surface: rgb(255 255 255);
  --line: rgb(0 0 0 / 0.09);
  --line2: rgb(0 0 0 / 0.12);
  --ringTrack: rgb(216 216 220);
  --track: rgb(238 238 240);
  --fieldBg: rgb(241 241 243);
  --ink: rgb(15 15 16);
  --ink2: rgb(79 79 85);
  --ink3: rgb(118 118 124);
  --cardShadow: 0px 10px 28px 0px rgb(16 16 20 / 0.05);
  --vol: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(244 244 246) 55%, rgb(229 229 232) 100%);
  --volShadow: inset 0px 1px 0px 0px rgb(255 255 255), inset 0px -2px 3px 0px rgb(0 0 0 / 0.04), 0px 0px 0px 1px rgb(0 0 0 / 0.1), 0px 6px 14px 0px rgb(0 0 0 / 0.07);
  --inkVol: linear-gradient(180deg, rgb(70 70 75) 0%, rgb(28 28 31) 50%, rgb(10 10 11) 100%);
  --inkVolShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.22), inset 0px -3px 6px 0px rgb(0 0 0 / 0.45), 0px 0px 0px 1px rgb(10 10 11), 0px 8px 18px 0px rgb(0 0 0 / 0.2);
  --onInk: rgb(255 255 255);
  --hero: linear-gradient(155deg, rgb(57 57 61) 0%, rgb(26 26 28) 45%, rgb(11 11 12) 100%);
  --heroShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.14), 0px 0px 0px 1px rgb(10 10 11), 0px 20px 40px 0px rgb(0 0 0 / 0.18);
  --heroGlow: radial-gradient(circle, rgb(255 255 255 / 0.14), transparent 70%);
  --heroText: rgb(255 255 255);
  --heroDim: rgb(255 255 255 / 0.62);
  --heroChip: rgb(255 255 255 / 0.1);
  --heroChipLine: rgb(255 255 255 / 0.14);
  --heroSolid: rgb(22 22 24);
  --incLine: rgb(154 154 160);
  --floatShade: rgb(0 0 0 / 0.1);
  --bar: rgb(255 255 255 / 0.8);
  --barRim: rgb(0 0 0 / 0.1);
  --barShadow: inset 0px 1px 0px 0px rgb(255 255 255), 0px 14px 32px 0px rgb(0 0 0 / 0.1);
  --panel: rgb(255 255 255 / 0.72);
  --flat: rgb(241 241 243);
  --balFill: rgb(228 228 231);
  --markBg: rgb(226 226 230);
  --shadowSheet: 0px 18px 44px 0px rgb(0 0 0 / 0.14);
  --screenEnd: rgb(247 247 248);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"])[data-tint="mono"], :root:not([data-theme="light"]):not([data-tint]) {
  --screen: linear-gradient(180deg, rgb(18 18 20) 0%, rgb(11 11 12) 100%);
  --surface: rgb(24 24 26);
  --line: rgb(255 255 255 / 0.09);
  --line2: rgb(255 255 255 / 0.14);
  --ringTrack: rgb(255 255 255 / 0.18);
  --track: rgb(255 255 255 / 0.07);
  --fieldBg: rgb(255 255 255 / 0.05);
  --ink: rgb(244 244 246);
  --ink2: rgb(180 180 186);
  --ink3: rgb(140 140 147);
  --cardShadow: 0px 14px 34px 0px rgb(0 0 0 / 0.4);
  --vol: linear-gradient(180deg, rgb(49 49 53) 0%, rgb(35 35 38) 55%, rgb(26 26 28) 100%);
  --volShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.12), inset 0px -2px 4px 0px rgb(0 0 0 / 0.35), 0px 0px 0px 1px rgb(255 255 255 / 0.1), 0px 8px 18px 0px rgb(0 0 0 / 0.35);
  --inkVol: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(237 237 240) 55%, rgb(212 212 216) 100%);
  --inkVolShadow: inset 0px 1px 0px 0px rgb(255 255 255), inset 0px -3px 6px 0px rgb(0 0 0 / 0.14), 0px 0px 0px 1px rgb(255 255 255 / 0.9), 0px 8px 20px 0px rgb(0 0 0 / 0.45);
  --onInk: rgb(11 11 12);
  --hero: linear-gradient(155deg, rgb(255 255 255) 0%, rgb(239 239 242) 50%, rgb(217 217 221) 100%);
  --heroShadow: inset 0px 1px 0px 0px rgb(255 255 255), 0px 22px 44px 0px rgb(0 0 0 / 0.5);
  --heroGlow: radial-gradient(circle, rgb(255 255 255 / 0.9), transparent 70%);
  --heroText: rgb(11 11 12);
  --heroDim: rgb(11 11 12 / 0.58);
  --heroChip: rgb(0 0 0 / 0.06);
  --heroChipLine: rgb(0 0 0 / 0.1);
  --heroSolid: rgb(233 233 236);
  --incLine: rgb(134 134 141);
  --floatShade: rgb(0 0 0 / 0.45);
  --bar: rgb(30 30 33 / 0.8);
  --barRim: rgb(255 255 255 / 0.12);
  --barShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.08), 0px 16px 36px 0px rgb(0 0 0 / 0.5);
  --panel: rgb(30 30 33 / 0.72);
  --flat: rgb(255 255 255 / 0.05);
  --balFill: rgb(46 46 50);
  --markBg: rgb(255 255 255 / 0.2);
  --shadowSheet: 0px 24px 56px 0px rgb(0 0 0 / 0.6);
  --screenEnd: rgb(11 11 12);
  }
}
:root[data-theme="dark"][data-tint="mono"], :root[data-theme="dark"]:not([data-tint]) {
  --screen: linear-gradient(180deg, rgb(18 18 20) 0%, rgb(11 11 12) 100%);
  --surface: rgb(24 24 26);
  --line: rgb(255 255 255 / 0.09);
  --line2: rgb(255 255 255 / 0.14);
  --ringTrack: rgb(255 255 255 / 0.18);
  --track: rgb(255 255 255 / 0.07);
  --fieldBg: rgb(255 255 255 / 0.05);
  --ink: rgb(244 244 246);
  --ink2: rgb(180 180 186);
  --ink3: rgb(140 140 147);
  --cardShadow: 0px 14px 34px 0px rgb(0 0 0 / 0.4);
  --vol: linear-gradient(180deg, rgb(49 49 53) 0%, rgb(35 35 38) 55%, rgb(26 26 28) 100%);
  --volShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.12), inset 0px -2px 4px 0px rgb(0 0 0 / 0.35), 0px 0px 0px 1px rgb(255 255 255 / 0.1), 0px 8px 18px 0px rgb(0 0 0 / 0.35);
  --inkVol: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(237 237 240) 55%, rgb(212 212 216) 100%);
  --inkVolShadow: inset 0px 1px 0px 0px rgb(255 255 255), inset 0px -3px 6px 0px rgb(0 0 0 / 0.14), 0px 0px 0px 1px rgb(255 255 255 / 0.9), 0px 8px 20px 0px rgb(0 0 0 / 0.45);
  --onInk: rgb(11 11 12);
  --hero: linear-gradient(155deg, rgb(255 255 255) 0%, rgb(239 239 242) 50%, rgb(217 217 221) 100%);
  --heroShadow: inset 0px 1px 0px 0px rgb(255 255 255), 0px 22px 44px 0px rgb(0 0 0 / 0.5);
  --heroGlow: radial-gradient(circle, rgb(255 255 255 / 0.9), transparent 70%);
  --heroText: rgb(11 11 12);
  --heroDim: rgb(11 11 12 / 0.58);
  --heroChip: rgb(0 0 0 / 0.06);
  --heroChipLine: rgb(0 0 0 / 0.1);
  --heroSolid: rgb(233 233 236);
  --incLine: rgb(134 134 141);
  --floatShade: rgb(0 0 0 / 0.45);
  --bar: rgb(30 30 33 / 0.8);
  --barRim: rgb(255 255 255 / 0.12);
  --barShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.08), 0px 16px 36px 0px rgb(0 0 0 / 0.5);
  --panel: rgb(30 30 33 / 0.72);
  --flat: rgb(255 255 255 / 0.05);
  --balFill: rgb(46 46 50);
  --markBg: rgb(255 255 255 / 0.2);
  --shadowSheet: 0px 24px 56px 0px rgb(0 0 0 / 0.6);
  --screenEnd: rgb(11 11 12);
}
:root[data-tint="burgundy"] {
  --screen: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(253 247 247) 100%);
  --surface: rgb(255 255 255);
  --line: rgb(79 25 36 / 0.09);
  --line2: rgb(79 25 36 / 0.12);
  --ringTrack: rgb(233 211 213);
  --track: rgb(247 233 234);
  --fieldBg: rgb(251 240 241);
  --ink: rgb(77 23 34);
  --ink2: rgb(112 69 75);
  --ink3: rgb(144 113 116);
  --cardShadow: 0px 10px 28px 0px rgb(77 23 34 / 0.05);
  --vol: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(253 244 245) 55%, rgb(244 226 228) 100%);
  --volShadow: inset 0px 1px 0px 0px rgb(255 255 255), inset 0px -2px 3px 0px rgb(79 25 36 / 0.04), 0px 0px 0px 1px rgb(79 25 36 / 0.1), 0px 6px 14px 0px rgb(79 25 36 / 0.07);
  --inkVol: linear-gradient(180deg, rgb(132 58 71) 0%, rgb(76 22 33) 50%, rgb(51 15 22) 100%);
  --inkVolShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.22), inset 0px -3px 6px 0px rgb(0 0 0 / 0.45), 0px 0px 0px 1px rgb(51 15 22), 0px 8px 18px 0px rgb(79 25 36 / 0.2);
  --onInk: rgb(255 255 255);
  --hero: linear-gradient(155deg, rgb(133 59 72) 0%, rgb(76 22 33) 45%, rgb(45 11 18) 100%);
  --heroShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.14), 0px 0px 0px 1px rgb(51 15 22), 0px 20px 40px 0px rgb(79 25 36 / 0.18);
  --heroGlow: radial-gradient(circle, rgb(255 255 255 / 0.14), transparent 70%);
  --heroText: rgb(255 255 255);
  --heroDim: rgb(255 255 255 / 0.62);
  --heroChip: rgb(255 255 255 / 0.1);
  --heroChipLine: rgb(255 255 255 / 0.14);
  --heroSolid: rgb(61 16 25);
  --incLine: rgb(194 150 155);
  --floatShade: rgb(79 25 36 / 0.1);
  --bar: rgb(255 255 255 / 0.8);
  --barRim: rgb(79 25 36 / 0.1);
  --barShadow: inset 0px 1px 0px 0px rgb(255 255 255), 0px 14px 32px 0px rgb(79 25 36 / 0.1);
  --panel: rgb(255 255 255 / 0.72);
  --flat: rgb(251 240 241);
  --balFill: rgb(244 225 227);
  --markBg: rgb(240 217 219);
  --shadowSheet: 0px 18px 44px 0px rgb(79 25 36 / 0.14);
  --screenEnd: rgb(253 247 247);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"])[data-tint="burgundy"] {
  --screen: linear-gradient(180deg, rgb(25 17 18) 0%, rgb(16 10 11) 100%);
  --surface: rgb(34 23 24);
  --line: rgb(250 228 230 / 0.09);
  --line2: rgb(250 228 230 / 0.14);
  --ringTrack: rgb(250 228 230 / 0.18);
  --track: rgb(250 228 230 / 0.07);
  --fieldBg: rgb(250 228 230 / 0.05);
  --ink: rgb(246 224 226);
  --ink2: rgb(207 174 177);
  --ink3: rgb(160 132 134);
  --cardShadow: 0px 14px 34px 0px rgb(0 0 0 / 0.4);
  --vol: linear-gradient(180deg, rgb(64 45 47) 0%, rgb(47 32 34) 55%, rgb(36 24 25) 100%);
  --volShadow: inset 0px 1px 0px 0px rgb(250 228 230 / 0.12), inset 0px -2px 4px 0px rgb(0 0 0 / 0.35), 0px 0px 0px 1px rgb(250 228 230 / 0.1), 0px 8px 18px 0px rgb(0 0 0 / 0.35);
  --inkVol: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(247 225 227) 55%, rgb(227 191 194) 100%);
  --inkVolShadow: inset 0px 1px 0px 0px rgb(255 255 255), inset 0px -3px 6px 0px rgb(0 0 0 / 0.14), 0px 0px 0px 1px rgb(253 245 246 / 0.9), 0px 8px 20px 0px rgb(0 0 0 / 0.45);
  --onInk: rgb(77 23 34);
  --hero: linear-gradient(155deg, rgb(255 255 255) 0%, rgb(247 225 227) 50%, rgb(226 190 193) 100%);
  --heroShadow: inset 0px 1px 0px 0px rgb(255 255 255), 0px 22px 44px 0px rgb(0 0 0 / 0.5);
  --heroGlow: radial-gradient(circle, rgb(255 255 255 / 0.9), transparent 70%);
  --heroText: rgb(77 23 34);
  --heroDim: rgb(77 23 34 / 0.58);
  --heroChip: rgb(0 0 0 / 0.06);
  --heroChipLine: rgb(0 0 0 / 0.1);
  --heroSolid: rgb(238 210 212);
  --incLine: rgb(161 122 126);
  --floatShade: rgb(0 0 0 / 0.45);
  --bar: rgb(40 27 28 / 0.8);
  --barRim: rgb(250 228 230 / 0.12);
  --barShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.08), 0px 16px 36px 0px rgb(0 0 0 / 0.5);
  --panel: rgb(40 27 28 / 0.72);
  --flat: rgb(250 228 230 / 0.05);
  --balFill: rgb(62 42 44);
  --markBg: rgb(250 228 230 / 0.2);
  --shadowSheet: 0px 24px 56px 0px rgb(0 0 0 / 0.6);
  --screenEnd: rgb(16 10 11);
  }
}
:root[data-theme="dark"][data-tint="burgundy"] {
  --screen: linear-gradient(180deg, rgb(25 17 18) 0%, rgb(16 10 11) 100%);
  --surface: rgb(34 23 24);
  --line: rgb(250 228 230 / 0.09);
  --line2: rgb(250 228 230 / 0.14);
  --ringTrack: rgb(250 228 230 / 0.18);
  --track: rgb(250 228 230 / 0.07);
  --fieldBg: rgb(250 228 230 / 0.05);
  --ink: rgb(246 224 226);
  --ink2: rgb(207 174 177);
  --ink3: rgb(160 132 134);
  --cardShadow: 0px 14px 34px 0px rgb(0 0 0 / 0.4);
  --vol: linear-gradient(180deg, rgb(64 45 47) 0%, rgb(47 32 34) 55%, rgb(36 24 25) 100%);
  --volShadow: inset 0px 1px 0px 0px rgb(250 228 230 / 0.12), inset 0px -2px 4px 0px rgb(0 0 0 / 0.35), 0px 0px 0px 1px rgb(250 228 230 / 0.1), 0px 8px 18px 0px rgb(0 0 0 / 0.35);
  --inkVol: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(247 225 227) 55%, rgb(227 191 194) 100%);
  --inkVolShadow: inset 0px 1px 0px 0px rgb(255 255 255), inset 0px -3px 6px 0px rgb(0 0 0 / 0.14), 0px 0px 0px 1px rgb(253 245 246 / 0.9), 0px 8px 20px 0px rgb(0 0 0 / 0.45);
  --onInk: rgb(77 23 34);
  --hero: linear-gradient(155deg, rgb(255 255 255) 0%, rgb(247 225 227) 50%, rgb(226 190 193) 100%);
  --heroShadow: inset 0px 1px 0px 0px rgb(255 255 255), 0px 22px 44px 0px rgb(0 0 0 / 0.5);
  --heroGlow: radial-gradient(circle, rgb(255 255 255 / 0.9), transparent 70%);
  --heroText: rgb(77 23 34);
  --heroDim: rgb(77 23 34 / 0.58);
  --heroChip: rgb(0 0 0 / 0.06);
  --heroChipLine: rgb(0 0 0 / 0.1);
  --heroSolid: rgb(238 210 212);
  --incLine: rgb(161 122 126);
  --floatShade: rgb(0 0 0 / 0.45);
  --bar: rgb(40 27 28 / 0.8);
  --barRim: rgb(250 228 230 / 0.12);
  --barShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.08), 0px 16px 36px 0px rgb(0 0 0 / 0.5);
  --panel: rgb(40 27 28 / 0.72);
  --flat: rgb(250 228 230 / 0.05);
  --balFill: rgb(62 42 44);
  --markBg: rgb(250 228 230 / 0.2);
  --shadowSheet: 0px 24px 56px 0px rgb(0 0 0 / 0.6);
  --screenEnd: rgb(16 10 11);
}
:root[data-tint="deepblue"] {
  --screen: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(247 249 253) 100%);
  --surface: rgb(255 255 255);
  --line: rgb(43 60 100 / 0.09);
  --line2: rgb(43 60 100 / 0.12);
  --ringTrack: rgb(210 218 233);
  --track: rgb(232 237 246);
  --fieldBg: rgb(240 244 251);
  --ink: rgb(32 49 88);
  --ink2: rgb(69 84 114);
  --ink3: rgb(112 123 145);
  --cardShadow: 0px 10px 28px 0px rgb(32 49 87 / 0.05);
  --vol: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(245 247 253) 55%, rgb(226 231 243) 100%);
  --volShadow: inset 0px 1px 0px 0px rgb(255 255 255), inset 0px -2px 3px 0px rgb(43 60 100 / 0.04), 0px 0px 0px 1px rgb(43 60 100 / 0.1), 0px 6px 14px 0px rgb(43 60 100 / 0.07);
  --inkVol: linear-gradient(180deg, rgb(63 87 140) 0%, rgb(28 45 84) 50%, rgb(20 32 58) 100%);
  --inkVolShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.22), inset 0px -3px 6px 0px rgb(0 0 0 / 0.45), 0px 0px 0px 1px rgb(20 32 58), 0px 8px 18px 0px rgb(43 60 100 / 0.2);
  --onInk: rgb(255 255 255);
  --hero: linear-gradient(155deg, rgb(66 90 144) 0%, rgb(29 46 84) 45%, rgb(15 26 50) 100%);
  --heroShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.14), 0px 0px 0px 1px rgb(20 32 58), 0px 20px 40px 0px rgb(43 60 100 / 0.18);
  --heroGlow: radial-gradient(circle, rgb(255 255 255 / 0.14), transparent 70%);
  --heroText: rgb(255 255 255);
  --heroDim: rgb(255 255 255 / 0.62);
  --heroChip: rgb(255 255 255 / 0.1);
  --heroChipLine: rgb(255 255 255 / 0.14);
  --heroSolid: rgb(21 35 67);
  --incLine: rgb(150 165 195);
  --floatShade: rgb(43 60 100 / 0.1);
  --bar: rgb(255 255 255 / 0.8);
  --barRim: rgb(43 60 100 / 0.1);
  --barShadow: inset 0px 1px 0px 0px rgb(255 255 255), 0px 14px 32px 0px rgb(43 60 100 / 0.1);
  --panel: rgb(255 255 255 / 0.72);
  --flat: rgb(240 244 251);
  --balFill: rgb(225 231 244);
  --markBg: rgb(216 224 240);
  --shadowSheet: 0px 18px 44px 0px rgb(43 60 100 / 0.14);
  --screenEnd: rgb(247 249 253);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"])[data-tint="deepblue"] {
  --screen: linear-gradient(180deg, rgb(16 19 26) 0%, rgb(10 12 16) 100%);
  --surface: rgb(23 26 34);
  --line: rgb(223 230 245 / 0.09);
  --line2: rgb(223 230 245 / 0.14);
  --ringTrack: rgb(223 230 245 / 0.18);
  --track: rgb(223 230 245 / 0.07);
  --fieldBg: rgb(223 230 245 / 0.05);
  --ink: rgb(225 232 247);
  --ink2: rgb(173 184 207);
  --ink3: rgb(131 140 160);
  --cardShadow: 0px 14px 34px 0px rgb(0 0 0 / 0.4);
  --vol: linear-gradient(180deg, rgb(45 51 65) 0%, rgb(32 37 48) 55%, rgb(24 28 36) 100%);
  --volShadow: inset 0px 1px 0px 0px rgb(223 230 245 / 0.12), inset 0px -2px 4px 0px rgb(0 0 0 / 0.35), 0px 0px 0px 1px rgb(223 230 245 / 0.1), 0px 8px 18px 0px rgb(0 0 0 / 0.35);
  --inkVol: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(225 232 247) 55%, rgb(190 202 227) 100%);
  --inkVolShadow: inset 0px 1px 0px 0px rgb(255 255 255), inset 0px -3px 6px 0px rgb(0 0 0 / 0.14), 0px 0px 0px 1px rgb(244 246 252 / 0.9), 0px 8px 20px 0px rgb(0 0 0 / 0.45);
  --onInk: rgb(33 50 89);
  --hero: linear-gradient(155deg, rgb(255 255 255) 0%, rgb(225 232 247) 50%, rgb(190 202 227) 100%);
  --heroShadow: inset 0px 1px 0px 0px rgb(255 255 255), 0px 22px 44px 0px rgb(0 0 0 / 0.5);
  --heroGlow: radial-gradient(circle, rgb(255 255 255 / 0.9), transparent 70%);
  --heroText: rgb(33 50 89);
  --heroDim: rgb(33 50 89 / 0.58);
  --heroChip: rgb(0 0 0 / 0.06);
  --heroChipLine: rgb(0 0 0 / 0.1);
  --heroSolid: rgb(210 220 239);
  --incLine: rgb(121 134 161);
  --floatShade: rgb(0 0 0 / 0.45);
  --bar: rgb(26 31 40 / 0.8);
  --barRim: rgb(223 230 245 / 0.12);
  --barShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.08), 0px 16px 36px 0px rgb(0 0 0 / 0.5);
  --panel: rgb(26 31 40 / 0.72);
  --flat: rgb(223 230 245 / 0.05);
  --balFill: rgb(42 48 63);
  --markBg: rgb(223 230 245 / 0.2);
  --shadowSheet: 0px 24px 56px 0px rgb(0 0 0 / 0.6);
  --screenEnd: rgb(10 12 16);
  }
}
:root[data-theme="dark"][data-tint="deepblue"] {
  --screen: linear-gradient(180deg, rgb(16 19 26) 0%, rgb(10 12 16) 100%);
  --surface: rgb(23 26 34);
  --line: rgb(223 230 245 / 0.09);
  --line2: rgb(223 230 245 / 0.14);
  --ringTrack: rgb(223 230 245 / 0.18);
  --track: rgb(223 230 245 / 0.07);
  --fieldBg: rgb(223 230 245 / 0.05);
  --ink: rgb(225 232 247);
  --ink2: rgb(173 184 207);
  --ink3: rgb(131 140 160);
  --cardShadow: 0px 14px 34px 0px rgb(0 0 0 / 0.4);
  --vol: linear-gradient(180deg, rgb(45 51 65) 0%, rgb(32 37 48) 55%, rgb(24 28 36) 100%);
  --volShadow: inset 0px 1px 0px 0px rgb(223 230 245 / 0.12), inset 0px -2px 4px 0px rgb(0 0 0 / 0.35), 0px 0px 0px 1px rgb(223 230 245 / 0.1), 0px 8px 18px 0px rgb(0 0 0 / 0.35);
  --inkVol: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(225 232 247) 55%, rgb(190 202 227) 100%);
  --inkVolShadow: inset 0px 1px 0px 0px rgb(255 255 255), inset 0px -3px 6px 0px rgb(0 0 0 / 0.14), 0px 0px 0px 1px rgb(244 246 252 / 0.9), 0px 8px 20px 0px rgb(0 0 0 / 0.45);
  --onInk: rgb(33 50 89);
  --hero: linear-gradient(155deg, rgb(255 255 255) 0%, rgb(225 232 247) 50%, rgb(190 202 227) 100%);
  --heroShadow: inset 0px 1px 0px 0px rgb(255 255 255), 0px 22px 44px 0px rgb(0 0 0 / 0.5);
  --heroGlow: radial-gradient(circle, rgb(255 255 255 / 0.9), transparent 70%);
  --heroText: rgb(33 50 89);
  --heroDim: rgb(33 50 89 / 0.58);
  --heroChip: rgb(0 0 0 / 0.06);
  --heroChipLine: rgb(0 0 0 / 0.1);
  --heroSolid: rgb(210 220 239);
  --incLine: rgb(121 134 161);
  --floatShade: rgb(0 0 0 / 0.45);
  --bar: rgb(26 31 40 / 0.8);
  --barRim: rgb(223 230 245 / 0.12);
  --barShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.08), 0px 16px 36px 0px rgb(0 0 0 / 0.5);
  --panel: rgb(26 31 40 / 0.72);
  --flat: rgb(223 230 245 / 0.05);
  --balFill: rgb(42 48 63);
  --markBg: rgb(223 230 245 / 0.2);
  --shadowSheet: 0px 24px 56px 0px rgb(0 0 0 / 0.6);
  --screenEnd: rgb(10 12 16);
}
:root[data-tint="alpinegreen"] {
  --screen: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(247 250 247) 100%);
  --surface: rgb(255 255 255);
  --line: rgb(44 70 39 / 0.09);
  --line2: rgb(44 70 39 / 0.12);
  --ringTrack: rgb(211 221 209);
  --track: rgb(233 239 232);
  --fieldBg: rgb(241 245 240);
  --ink: rgb(33 58 28);
  --ink2: rgb(71 90 67);
  --ink3: rgb(114 128 111);
  --cardShadow: 0px 10px 28px 0px rgb(33 58 28 / 0.05);
  --vol: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(245 248 244) 55%, rgb(226 234 225) 100%);
  --volShadow: inset 0px 1px 0px 0px rgb(255 255 255), inset 0px -2px 3px 0px rgb(44 70 39 / 0.04), 0px 0px 0px 1px rgb(44 70 39 / 0.1), 0px 6px 14px 0px rgb(44 70 39 / 0.07);
  --inkVol: linear-gradient(180deg, rgb(65 99 58) 0%, rgb(30 54 24) 50%, rgb(21 38 17) 100%);
  --inkVolShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.22), inset 0px -3px 6px 0px rgb(0 0 0 / 0.45), 0px 0px 0px 1px rgb(21 38 17), 0px 8px 18px 0px rgb(44 70 39 / 0.2);
  --onInk: rgb(255 255 255);
  --hero: linear-gradient(155deg, rgb(69 103 61) 0%, rgb(30 55 25) 45%, rgb(16 32 13) 100%);
  --heroShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.14), 0px 0px 0px 1px rgb(21 38 17), 0px 20px 40px 0px rgb(44 70 39 / 0.18);
  --heroGlow: radial-gradient(circle, rgb(255 255 255 / 0.14), transparent 70%);
  --heroText: rgb(255 255 255);
  --heroDim: rgb(255 255 255 / 0.62);
  --heroChip: rgb(255 255 255 / 0.1);
  --heroChipLine: rgb(255 255 255 / 0.14);
  --heroSolid: rgb(22 43 18);
  --incLine: rgb(153 171 148);
  --floatShade: rgb(44 70 39 / 0.1);
  --bar: rgb(255 255 255 / 0.8);
  --barRim: rgb(44 70 39 / 0.1);
  --barShadow: inset 0px 1px 0px 0px rgb(255 255 255), 0px 14px 32px 0px rgb(44 70 39 / 0.1);
  --panel: rgb(255 255 255 / 0.72);
  --flat: rgb(241 245 240);
  --balFill: rgb(226 234 224);
  --markBg: rgb(218 228 216);
  --shadowSheet: 0px 18px 44px 0px rgb(44 70 39 / 0.14);
  --screenEnd: rgb(247 250 247);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"])[data-tint="alpinegreen"] {
  --screen: linear-gradient(180deg, rgb(17 21 16) 0%, rgb(11 13 10) 100%);
  --surface: rgb(23 28 22);
  --line: rgb(224 233 222 / 0.09);
  --line2: rgb(224 233 222 / 0.14);
  --ringTrack: rgb(224 233 222 / 0.18);
  --track: rgb(224 233 222 / 0.07);
  --fieldBg: rgb(224 233 222 / 0.05);
  --ink: rgb(228 237 226);
  --ink2: rgb(175 189 172);
  --ink3: rgb(132 144 130);
  --cardShadow: 0px 14px 34px 0px rgb(0 0 0 / 0.4);
  --vol: linear-gradient(180deg, rgb(45 54 44) 0%, rgb(33 39 31) 55%, rgb(24 30 23) 100%);
  --volShadow: inset 0px 1px 0px 0px rgb(224 233 222 / 0.12), inset 0px -2px 4px 0px rgb(0 0 0 / 0.35), 0px 0px 0px 1px rgb(224 233 222 / 0.1), 0px 8px 18px 0px rgb(0 0 0 / 0.35);
  --inkVol: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(227 236 225) 55%, rgb(194 209 191) 100%);
  --inkVolShadow: inset 0px 1px 0px 0px rgb(255 255 255), inset 0px -3px 6px 0px rgb(0 0 0 / 0.14), 0px 0px 0px 1px rgb(244 247 243 / 0.9), 0px 8px 20px 0px rgb(0 0 0 / 0.45);
  --onInk: rgb(35 59 29);
  --hero: linear-gradient(155deg, rgb(255 255 255) 0%, rgb(227 236 225) 50%, rgb(195 210 191) 100%);
  --heroShadow: inset 0px 1px 0px 0px rgb(255 255 255), 0px 22px 44px 0px rgb(0 0 0 / 0.5);
  --heroGlow: radial-gradient(circle, rgb(255 255 255 / 0.9), transparent 70%);
  --heroText: rgb(35 59 29);
  --heroDim: rgb(35 59 29 / 0.58);
  --heroChip: rgb(0 0 0 / 0.06);
  --heroChipLine: rgb(0 0 0 / 0.1);
  --heroSolid: rgb(214 226 211);
  --incLine: rgb(123 140 119);
  --floatShade: rgb(0 0 0 / 0.45);
  --bar: rgb(27 33 26 / 0.8);
  --barRim: rgb(224 233 222 / 0.12);
  --barShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.08), 0px 16px 36px 0px rgb(0 0 0 / 0.5);
  --panel: rgb(27 33 26 / 0.72);
  --flat: rgb(224 233 222 / 0.05);
  --balFill: rgb(43 51 41);
  --markBg: rgb(224 233 222 / 0.2);
  --shadowSheet: 0px 24px 56px 0px rgb(0 0 0 / 0.6);
  --screenEnd: rgb(11 13 10);
  }
}
:root[data-theme="dark"][data-tint="alpinegreen"] {
  --screen: linear-gradient(180deg, rgb(17 21 16) 0%, rgb(11 13 10) 100%);
  --surface: rgb(23 28 22);
  --line: rgb(224 233 222 / 0.09);
  --line2: rgb(224 233 222 / 0.14);
  --ringTrack: rgb(224 233 222 / 0.18);
  --track: rgb(224 233 222 / 0.07);
  --fieldBg: rgb(224 233 222 / 0.05);
  --ink: rgb(228 237 226);
  --ink2: rgb(175 189 172);
  --ink3: rgb(132 144 130);
  --cardShadow: 0px 14px 34px 0px rgb(0 0 0 / 0.4);
  --vol: linear-gradient(180deg, rgb(45 54 44) 0%, rgb(33 39 31) 55%, rgb(24 30 23) 100%);
  --volShadow: inset 0px 1px 0px 0px rgb(224 233 222 / 0.12), inset 0px -2px 4px 0px rgb(0 0 0 / 0.35), 0px 0px 0px 1px rgb(224 233 222 / 0.1), 0px 8px 18px 0px rgb(0 0 0 / 0.35);
  --inkVol: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(227 236 225) 55%, rgb(194 209 191) 100%);
  --inkVolShadow: inset 0px 1px 0px 0px rgb(255 255 255), inset 0px -3px 6px 0px rgb(0 0 0 / 0.14), 0px 0px 0px 1px rgb(244 247 243 / 0.9), 0px 8px 20px 0px rgb(0 0 0 / 0.45);
  --onInk: rgb(35 59 29);
  --hero: linear-gradient(155deg, rgb(255 255 255) 0%, rgb(227 236 225) 50%, rgb(195 210 191) 100%);
  --heroShadow: inset 0px 1px 0px 0px rgb(255 255 255), 0px 22px 44px 0px rgb(0 0 0 / 0.5);
  --heroGlow: radial-gradient(circle, rgb(255 255 255 / 0.9), transparent 70%);
  --heroText: rgb(35 59 29);
  --heroDim: rgb(35 59 29 / 0.58);
  --heroChip: rgb(0 0 0 / 0.06);
  --heroChipLine: rgb(0 0 0 / 0.1);
  --heroSolid: rgb(214 226 211);
  --incLine: rgb(123 140 119);
  --floatShade: rgb(0 0 0 / 0.45);
  --bar: rgb(27 33 26 / 0.8);
  --barRim: rgb(224 233 222 / 0.12);
  --barShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.08), 0px 16px 36px 0px rgb(0 0 0 / 0.5);
  --panel: rgb(27 33 26 / 0.72);
  --flat: rgb(224 233 222 / 0.05);
  --balFill: rgb(43 51 41);
  --markBg: rgb(224 233 222 / 0.2);
  --shadowSheet: 0px 24px 56px 0px rgb(0 0 0 / 0.6);
  --screenEnd: rgb(11 13 10);
}
:root[data-tint="glacier"] {
  --screen: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(247 249 251) 100%);
  --surface: rgb(255 255 255);
  --line: rgb(25 40 62 / 0.09);
  --line2: rgb(25 40 62 / 0.12);
  --ringTrack: rgb(212 218 227);
  --track: rgb(234 238 244);
  --fieldBg: rgb(240 244 248);
  --ink: rgb(27 42 64);
  --ink2: rgb(71 84 102);
  --ink3: rgb(114 123 136);
  --cardShadow: 0px 10px 28px 0px rgb(27 42 64 / 0.05);
  --vol: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(244 247 250) 55%, rgb(226 231 238) 100%);
  --volShadow: inset 0px 1px 0px 0px rgb(255 255 255), inset 0px -2px 3px 0px rgb(25 40 62 / 0.04), 0px 0px 0px 1px rgb(25 40 62 / 0.1), 0px 6px 14px 0px rgb(25 40 62 / 0.07);
  --inkVol: linear-gradient(180deg, rgb(64 85 116) 0%, rgb(27 43 65) 50%, rgb(17 27 42) 100%);
  --inkVolShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.22), inset 0px -3px 6px 0px rgb(0 0 0 / 0.45), 0px 0px 0px 1px rgb(17 27 42), 0px 8px 18px 0px rgb(25 40 62 / 0.2);
  --onInk: rgb(255 255 255);
  --hero: linear-gradient(155deg, rgb(63 84 115) 0%, rgb(27 43 65) 45%, rgb(14 23 37) 100%);
  --heroShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.14), 0px 0px 0px 1px rgb(17 27 42), 0px 20px 40px 0px rgb(25 40 62 / 0.18);
  --heroGlow: radial-gradient(circle, rgb(255 255 255 / 0.14), transparent 70%);
  --heroText: rgb(255 255 255);
  --heroDim: rgb(255 255 255 / 0.62);
  --heroChip: rgb(255 255 255 / 0.1);
  --heroChipLine: rgb(255 255 255 / 0.14);
  --heroSolid: rgb(21 34 52);
  --incLine: rgb(151 163 181);
  --floatShade: rgb(25 40 62 / 0.1);
  --bar: rgb(255 255 255 / 0.8);
  --barRim: rgb(25 40 62 / 0.1);
  --barShadow: inset 0px 1px 0px 0px rgb(255 255 255), 0px 14px 32px 0px rgb(25 40 62 / 0.1);
  --panel: rgb(255 255 255 / 0.72);
  --flat: rgb(240 244 248);
  --balFill: rgb(226 231 238);
  --markBg: rgb(220 226 236);
  --shadowSheet: 0px 18px 44px 0px rgb(25 40 62 / 0.14);
  --screenEnd: rgb(247 249 251);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"])[data-tint="glacier"] {
  --screen: linear-gradient(180deg, rgb(17 19 23) 0%, rgb(10 12 15) 100%);
  --surface: rgb(23 26 31);
  --line: rgb(230 236 245 / 0.09);
  --line2: rgb(230 236 245 / 0.14);
  --ringTrack: rgb(230 236 245 / 0.18);
  --track: rgb(230 236 245 / 0.07);
  --fieldBg: rgb(230 236 245 / 0.05);
  --ink: rgb(235 241 249);
  --ink2: rgb(175 184 197);
  --ink3: rgb(133 141 153);
  --cardShadow: 0px 14px 34px 0px rgb(0 0 0 / 0.4);
  --vol: linear-gradient(180deg, rgb(46 51 59) 0%, rgb(33 37 43) 55%, rgb(24 28 33) 100%);
  --volShadow: inset 0px 1px 0px 0px rgb(230 236 245 / 0.12), inset 0px -2px 4px 0px rgb(0 0 0 / 0.35), 0px 0px 0px 1px rgb(230 236 245 / 0.1), 0px 8px 18px 0px rgb(0 0 0 / 0.35);
  --inkVol: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(230 236 245) 55%, rgb(200 210 225) 100%);
  --inkVolShadow: inset 0px 1px 0px 0px rgb(255 255 255), inset 0px -3px 6px 0px rgb(0 0 0 / 0.14), 0px 0px 0px 1px rgb(246 248 252 / 0.9), 0px 8px 20px 0px rgb(0 0 0 / 0.45);
  --onInk: rgb(26 42 64);
  --hero: linear-gradient(155deg, rgb(255 255 255) 0%, rgb(231 238 246) 50%, rgb(203 213 228) 100%);
  --heroShadow: inset 0px 1px 0px 0px rgb(255 255 255), 0px 22px 44px 0px rgb(0 0 0 / 0.5);
  --heroGlow: radial-gradient(circle, rgb(255 255 255 / 0.9), transparent 70%);
  --heroText: rgb(26 42 64);
  --heroDim: rgb(26 42 64 / 0.58);
  --heroChip: rgb(0 0 0 / 0.06);
  --heroChipLine: rgb(0 0 0 / 0.1);
  --heroSolid: rgb(221 230 241);
  --incLine: rgb(124 135 152);
  --floatShade: rgb(0 0 0 / 0.45);
  --bar: rgb(27 31 37 / 0.8);
  --barRim: rgb(230 236 245 / 0.12);
  --barShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.08), 0px 16px 36px 0px rgb(0 0 0 / 0.5);
  --panel: rgb(27 31 37 / 0.72);
  --flat: rgb(230 236 245 / 0.05);
  --balFill: rgb(43 48 57);
  --markBg: rgb(230 236 245 / 0.2);
  --shadowSheet: 0px 24px 56px 0px rgb(0 0 0 / 0.6);
  --screenEnd: rgb(10 12 15);
  }
}
:root[data-theme="dark"][data-tint="glacier"] {
  --screen: linear-gradient(180deg, rgb(17 19 23) 0%, rgb(10 12 15) 100%);
  --surface: rgb(23 26 31);
  --line: rgb(230 236 245 / 0.09);
  --line2: rgb(230 236 245 / 0.14);
  --ringTrack: rgb(230 236 245 / 0.18);
  --track: rgb(230 236 245 / 0.07);
  --fieldBg: rgb(230 236 245 / 0.05);
  --ink: rgb(235 241 249);
  --ink2: rgb(175 184 197);
  --ink3: rgb(133 141 153);
  --cardShadow: 0px 14px 34px 0px rgb(0 0 0 / 0.4);
  --vol: linear-gradient(180deg, rgb(46 51 59) 0%, rgb(33 37 43) 55%, rgb(24 28 33) 100%);
  --volShadow: inset 0px 1px 0px 0px rgb(230 236 245 / 0.12), inset 0px -2px 4px 0px rgb(0 0 0 / 0.35), 0px 0px 0px 1px rgb(230 236 245 / 0.1), 0px 8px 18px 0px rgb(0 0 0 / 0.35);
  --inkVol: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(230 236 245) 55%, rgb(200 210 225) 100%);
  --inkVolShadow: inset 0px 1px 0px 0px rgb(255 255 255), inset 0px -3px 6px 0px rgb(0 0 0 / 0.14), 0px 0px 0px 1px rgb(246 248 252 / 0.9), 0px 8px 20px 0px rgb(0 0 0 / 0.45);
  --onInk: rgb(26 42 64);
  --hero: linear-gradient(155deg, rgb(255 255 255) 0%, rgb(231 238 246) 50%, rgb(203 213 228) 100%);
  --heroShadow: inset 0px 1px 0px 0px rgb(255 255 255), 0px 22px 44px 0px rgb(0 0 0 / 0.5);
  --heroGlow: radial-gradient(circle, rgb(255 255 255 / 0.9), transparent 70%);
  --heroText: rgb(26 42 64);
  --heroDim: rgb(26 42 64 / 0.58);
  --heroChip: rgb(0 0 0 / 0.06);
  --heroChipLine: rgb(0 0 0 / 0.1);
  --heroSolid: rgb(221 230 241);
  --incLine: rgb(124 135 152);
  --floatShade: rgb(0 0 0 / 0.45);
  --bar: rgb(27 31 37 / 0.8);
  --barRim: rgb(230 236 245 / 0.12);
  --barShadow: inset 0px 1px 0px 0px rgb(255 255 255 / 0.08), 0px 16px 36px 0px rgb(0 0 0 / 0.5);
  --panel: rgb(27 31 37 / 0.72);
  --flat: rgb(230 236 245 / 0.05);
  --balFill: rgb(43 48 57);
  --markBg: rgb(230 236 245 / 0.2);
  --shadowSheet: 0px 24px 56px 0px rgb(0 0 0 / 0.6);
  --screenEnd: rgb(10 12 15);
}