comfy-downloader/src/theme.css

@theme inline {
  --color-primary: light-dark(#ef3473, #ef3473);
  --color-primary-hover: light-dark(#ff5e94, #ff5e94);
  --color-primary-active: light-dark(#c1004f, #c1004f);
  --color-primary-focus: light-dark(#ff78aa, #ff78aa);
  --color-primary-disabled: light-dark(#ae9b9e, #ae9b9e);
  --color-on-primary: light-dark(#ffffff, #ffffff);
  --color-on-primary-disabled: light-dark(#000000, #000000);
  --color-primary-surface: light-dark(#9d0035, #9d0035);
  --color-primary-surface-hover: light-dark(#dd1b65, #dd1b65);
  --color-primary-surface-active: light-dark(#7f0020, #7f0020);
  --color-primary-surface-focus: light-dark(#ff5088, #ff5088);
  --color-primary-surface-disabled: light-dark(#766568, #766568);
  --color-on-primary-surface: light-dark(#ffffff, #ffffff);
  --color-on-primary-surface-disabled: light-dark(#ffffff, #ffffff);
  --color-swatch-primary-10: light-dark(#2f0000, #2f0000);
  --color-swatch-primary-15: light-dark(#410000, #410000);
  --color-swatch-primary-20: light-dark(#530005, #530005);
  --color-swatch-primary-25: light-dark(#65000f, #65000f);
  --color-swatch-primary-30: light-dark(#76001a, #76001a);
  --color-swatch-primary-35: light-dark(#880026, #880026);
  --color-swatch-primary-40: light-dark(#9a0033, #9a0033);
  --color-swatch-primary-50: light-dark(#be004d, #be004d);
  --color-swatch-primary-60: light-dark(#e32469, #e32469);
  --color-swatch-primary-70: light-dark(#ff4f87, #ff4f87);
  --color-swatch-primary-75: light-dark(#ff6196, #ff6196);
  --color-swatch-primary-80: light-dark(#ff72a5, #ff72a5);
  --color-swatch-primary-85: light-dark(#ff83b5, #ff83b5);
  --color-swatch-primary-90: light-dark(#ff95c5, #ff95c5);
  --color-swatch-primary-95: light-dark(#ffa6d5, #ffa6d5);
  --color-swatch-primary-98: light-dark(#ffb0df, #ffb0df);
  --color-secondary: light-dark(#d742ba, #d742ba);
  --color-secondary-hover: light-dark(#fe69de, #fe69de);
  --color-secondary-active: light-dark(#ab0192, #ab0192);
  --color-secondary-focus: light-dark(#ff81f7, #ff81f7);
  --color-secondary-disabled: light-dark(#aa9ba5, #aa9ba5);
  --color-on-secondary: light-dark(#ffffff, #ffffff);
  --color-on-secondary-disabled: light-dark(#000000, #000000);
  --color-secondary-surface: light-dark(#890073, #890073);
  --color-secondary-surface-hover: light-dark(#c630aa, #c630aa);
  --color-secondary-surface-active: light-dark(#6e005b, #6e005b);
  --color-secondary-surface-focus: light-dark(#f05bd1, #f05bd1);
  --color-secondary-surface-disabled: light-dark(#73666f, #73666f);
  --color-on-secondary-surface: light-dark(#fffffe, #fffffe);
  --color-on-secondary-surface-disabled: light-dark(#ffffff, #ffffff);
  --color-swatch-secondary-10: light-dark(#23001d, #23001d);
  --color-swatch-secondary-15: light-dark(#34002a, #34002a);
  --color-swatch-secondary-20: light-dark(#450038, #450038);
  --color-swatch-secondary-25: light-dark(#550046, #550046);
  --color-swatch-secondary-30: light-dark(#660054, #660054);
  --color-swatch-secondary-35: light-dark(#760063, #760063);
  --color-swatch-secondary-40: light-dark(#870071, #870071);
  --color-swatch-secondary-50: light-dark(#a90090, #a90090);
  --color-swatch-secondary-60: light-dark(#cc36af, #cc36af);
  --color-swatch-secondary-70: light-dark(#ef5ad0, #ef5ad0);
  --color-swatch-secondary-75: light-dark(#ff6be0, #ff6be0);
  --color-swatch-secondary-80: light-dark(#ff7cf1, #ff7cf1);
  --color-swatch-secondary-85: light-dark(#ff8cff, #ff8cff);
  --color-swatch-secondary-90: light-dark(#ff9dff, #ff9dff);
  --color-swatch-secondary-95: light-dark(#ffaeff, #ffaeff);
  --color-swatch-secondary-98: light-dark(#ffb8ff, #ffb8ff);
  --color-tertiary: light-dark(#f24000, #f24000);
  --color-tertiary-hover: light-dark(#ff6931, #ff6931);
  --color-tertiary-active: light-dark(#c40000, #c40000);
  --color-tertiary-focus: light-dark(#ff824d, #ff824d);
  --color-tertiary-disabled: light-dark(#ae9c97, #ae9c97);
  --color-on-tertiary: light-dark(#ffffff, #ffffff);
  --color-on-tertiary-disabled: light-dark(#000000, #000000);
  --color-tertiary-surface: light-dark(#a00000, #a00000);
  --color-tertiary-surface-hover: light-dark(#e02b00, #e02b00);
  --color-tertiary-surface-active: light-dark(#820000, #820000);
  --color-tertiary-surface-focus: light-dark(#ff5b1f, #ff5b1f);
  --color-tertiary-surface-disabled: light-dark(#776661, #776661);
  --color-on-tertiary-surface: light-dark(#ffffff, #ffffff);
  --color-on-tertiary-surface-disabled: light-dark(#ffffff, #ffffff);
  --color-swatch-tertiary-10: light-dark(#310000, #310000);
  --color-swatch-tertiary-15: light-dark(#440000, #440000);
  --color-swatch-tertiary-20: light-dark(#560000, #560000);
  --color-swatch-tertiary-25: light-dark(#680000, #680000);
  --color-swatch-tertiary-30: light-dark(#790000, #790000);
  --color-swatch-tertiary-35: light-dark(#8b0000, #8b0000);
  --color-swatch-tertiary-40: light-dark(#9d0000, #9d0000);
  --color-swatch-tertiary-50: light-dark(#c10000, #c10000);
  --color-swatch-tertiary-60: light-dark(#e63300, #e63300);
  --color-swatch-tertiary-70: light-dark(#ff591d, #ff591d);
  --color-swatch-tertiary-75: light-dark(#ff6b34, #ff6b34);
  --color-swatch-tertiary-80: light-dark(#ff7c47, #ff7c47);
  --color-swatch-tertiary-85: light-dark(#ff8e59, #ff8e59);
  --color-swatch-tertiary-90: light-dark(#ff9f6a, #ff9f6a);
  --color-swatch-tertiary-95: light-dark(#ffb07b, #ffb07b);
  --color-swatch-tertiary-98: light-dark(#ffba85, #ffba85);
  --color-accent: light-dark(#00b0a0, #00b0a0);
  --color-accent-hover: light-dark(#00d4c3, #00d4c3);
  --color-accent-active: light-dark(#00877a, #00877a);
  --color-accent-focus: light-dark(#00eddb, #00eddb);
  --color-accent-disabled: light-dark(#92a5a3, #92a5a3);
  --color-on-accent: light-dark(#000000, #000000);
  --color-on-accent-disabled: light-dark(#000000, #000000);
  --color-accent-surface: light-dark(#00685d, #00685d);
  --color-accent-surface-hover: light-dark(#00a091, #00a091);
  --color-accent-surface-active: light-dark(#004f47, #004f47);
  --color-accent-surface-focus: light-dark(#00c7b6, #00c7b6);
  --color-accent-surface-disabled: light-dark(#5c6f6c, #5c6f6c);
  --color-on-accent-surface: light-dark(#ffffff, #ffffff);
  --color-on-accent-surface-disabled: light-dark(#ffffff, #ffffff);
  --color-swatch-accent-10: light-dark(#000c0f, #000c0f);
  --color-swatch-accent-15: light-dark(#001b1b, #001b1b);
  --color-swatch-accent-20: light-dark(#002927, #002927);
  --color-swatch-accent-25: light-dark(#003833, #003833);
  --color-swatch-accent-30: light-dark(#004740, #004740);
  --color-swatch-accent-35: light-dark(#00564e, #00564e);
  --color-swatch-accent-40: light-dark(#00665c, #00665c);
  --color-swatch-accent-50: light-dark(#008578, #008578);
  --color-swatch-accent-60: light-dark(#00a596, #00a596);
  --color-swatch-accent-70: light-dark(#00c6b5, #00c6b5);
  --color-swatch-accent-75: light-dark(#00d7c5, #00d7c5);
  --color-swatch-accent-80: light-dark(#00e8d5, #00e8d5);
  --color-swatch-accent-85: light-dark(#00f9e6, #00f9e6);
  --color-swatch-accent-90: light-dark(#00fff6, #00fff6);
  --color-swatch-accent-95: light-dark(#00ffff, #00ffff);
  --color-swatch-accent-98: light-dark(#00ffff, #00ffff);
  --color-danger: light-dark(#be002f, #be002f);
  --color-danger-hover: light-dark(#f44b5a, #f44b5a);
  --color-danger-active: light-dark(#9a0011, #9a0011);
  --color-danger-focus: light-dark(#ff6e77, #ff6e77);
  --color-danger-disabled: light-dark(#8e7d7d, #8e7d7d);
  --color-on-danger: light-dark(#ffffff, #ffffff);
  --color-on-danger-disabled: light-dark(#ffffff, #ffffff);
  --color-danger-surface: light-dark(#9a0011, #9a0011);
  --color-danger-surface-hover: light-dark(#da3045, #da3045);
  --color-danger-surface-active: light-dark(#7d0000, #7d0000);
  --color-danger-surface-focus: light-dark(#ff5c68, #ff5c68);
  --color-danger-surface-disabled: light-dark(#766665, #766665);
  --color-on-danger-surface: light-dark(#ffffff, #ffffff);
  --color-on-danger-surface-disabled: light-dark(#ffffff, #ffffff);
  --color-swatch-danger-10: light-dark(#2e0000, #2e0000);
  --color-swatch-danger-15: light-dark(#400000, #400000);
  --color-swatch-danger-20: light-dark(#510000, #510000);
  --color-swatch-danger-25: light-dark(#630000, #630000);
  --color-swatch-danger-30: light-dark(#740000, #740000);
  --color-swatch-danger-35: light-dark(#860000, #860000);
  --color-swatch-danger-40: light-dark(#98000f, #98000f);
  --color-swatch-danger-50: light-dark(#bc002d, #bc002d);
  --color-swatch-danger-60: light-dark(#e0374a, #e0374a);
  --color-swatch-danger-70: light-dark(#ff5b67, #ff5b67);
  --color-swatch-danger-75: light-dark(#ff6c76, #ff6c76);
  --color-swatch-danger-80: light-dark(#ff7d85, #ff7d85);
  --color-swatch-danger-85: light-dark(#ff8e94, #ff8e94);
  --color-swatch-danger-90: light-dark(#ff9fa4, #ff9fa4);
  --color-swatch-danger-95: light-dark(#ffb0b4, #ffb0b4);
  --color-swatch-danger-98: light-dark(#ffbabe, #ffbabe);
  --color-success: light-dark(#0c8918, #0c8918);
  --color-success-hover: light-dark(#48b449, #48b449);
  --color-success-active: light-dark(#006800, #006800);
  --color-success-focus: light-dark(#67d166, #67d166);
  --color-success-disabled: light-dark(#868f85, #868f85);
  --color-on-success: light-dark(#ffffff, #ffffff);
  --color-on-success-disabled: light-dark(#ffffff, #ffffff);
  --color-success-surface: light-dark(#005e00, #005e00);
  --color-success-surface-hover: light-dark(#219427, #219427);
  --color-success-surface-active: light-dark(#004600, #004600);
  --color-success-surface-focus: light-dark(#4fba4f, #4fba4f);
  --color-success-surface-disabled: light-dark(#646d64, #646d64);
  --color-on-success-surface: light-dark(#ffffff, #ffffff);
  --color-on-success-surface-disabled: light-dark(#ffffff, #ffffff);
  --color-swatch-success-10: light-dark(#000a00, #000a00);
  --color-swatch-success-15: light-dark(#001700, #001700);
  --color-swatch-success-20: light-dark(#002400, #002400);
  --color-swatch-success-25: light-dark(#003200, #003200);
  --color-swatch-success-30: light-dark(#004000, #004000);
  --color-swatch-success-35: light-dark(#004e00, #004e00);
  --color-swatch-success-40: light-dark(#005c00, #005c00);
  --color-swatch-success-50: light-dark(#007a00, #007a00);
  --color-swatch-success-60: light-dark(#29992d, #29992d);
  --color-swatch-success-70: light-dark(#4eb94e, #4eb94e);
  --color-swatch-success-75: light-dark(#5fc95e, #5fc95e);
  --color-swatch-success-80: light-dark(#70da6e, #70da6e);
  --color-swatch-success-85: light-dark(#80eb7e, #80eb7e);
  --color-swatch-success-90: light-dark(#91fc8e, #91fc8e);
  --color-swatch-success-95: light-dark(#a1ff9e, #a1ff9e);
  --color-swatch-success-98: light-dark(#abffa8, #abffa8);
  --color-warn: light-dark(#f28e16, #f28e16);
  --color-warn-hover: light-dark(#ffa73e, #ffa73e);
  --color-warn-active: light-dark(#c06000, #c06000);
  --color-warn-focus: light-dark(#ffb852, #ffb852);
  --color-warn-disabled: light-dark(#c3b8b0, #c3b8b0);
  --color-on-warn: light-dark(#000000, #000000);
  --color-on-warn-disabled: light-dark(#000000, #000000);
  --color-warn-surface: light-dark(#832700, #832700);
  --color-warn-surface-hover: light-dark(#be5e00, #be5e00);
  --color-warn-surface-active: light-dark(#690500, #690500);
  --color-warn-surface-focus: light-dark(#e68300, #e68300);
  --color-warn-surface-disabled: light-dark(#726961, #726961);
  --color-on-warn-surface: light-dark(#fbfcfb, #fbfcfb);
  --color-on-warn-surface-disabled: light-dark(#ffffff, #ffffff);
  --color-swatch-warn-10: light-dark(#210000, #210000);
  --color-swatch-warn-15: light-dark(#310000, #310000);
  --color-swatch-warn-20: light-dark(#410000, #410000);
  --color-swatch-warn-25: light-dark(#510000, #510000);
  --color-swatch-warn-30: light-dark(#610000, #610000);
  --color-swatch-warn-35: light-dark(#711100, #711100);
  --color-swatch-warn-40: light-dark(#812400, #812400);
  --color-swatch-warn-50: light-dark(#a24400, #a24400);
  --color-swatch-warn-60: light-dark(#c36300, #c36300);
  --color-swatch-warn-70: light-dark(#e58200, #e58200);
  --color-swatch-warn-75: light-dark(#f6921e, #f6921e);
  --color-swatch-warn-80: light-dark(#ffa237, #ffa237);
  --color-swatch-warn-85: light-dark(#ffb24b, #ffb24b);
  --color-swatch-warn-90: light-dark(#ffc35e, #ffc35e);
  --color-swatch-warn-95: light-dark(#ffd36f, #ffd36f);
  --color-swatch-warn-98: light-dark(#ffdd7a, #ffdd7a);
  --color-info: light-dark(#10aec2, #10aec2);
  --color-info-hover: light-dark(#45cce0, #45cce0);
  --color-info-active: light-dark(#008397, #008397);
  --color-info-focus: light-dark(#5ee1f5, #5ee1f5);
  --color-info-disabled: light-dark(#a6b0b2, #a6b0b2);
  --color-on-info: light-dark(#000000, #000000);
  --color-on-info-disabled: light-dark(#000000, #000000);
  --color-info-surface: light-dark(#00586b, #00586b);
  --color-info-surface-hover: light-dark(#008ea1, #008ea1);
  --color-info-surface-active: light-dark(#004154, #004154);
  --color-info-surface-focus: light-dark(#1db3c7, #1db3c7);
  --color-info-surface-disabled: light-dark(#636c6e, #636c6e);
  --color-on-info-surface: light-dark(#ffffff, #ffffff);
  --color-on-info-surface-disabled: light-dark(#ffffff, #ffffff);
  --color-swatch-info-10: light-dark(#000619, #000619);
  --color-swatch-info-15: light-dark(#001225, #001225);
  --color-swatch-info-20: light-dark(#001f32, #001f32);
  --color-swatch-info-25: light-dark(#002d3f, #002d3f);
  --color-swatch-info-30: light-dark(#003a4d, #003a4d);
  --color-swatch-info-35: light-dark(#00485b, #00485b);
  --color-swatch-info-40: light-dark(#005669, #005669);
  --color-swatch-info-50: light-dark(#007487, #007487);
  --color-swatch-info-60: light-dark(#0092a6, #0092a6);
  --color-swatch-info-70: light-dark(#1ab2c6, #1ab2c6);
  --color-swatch-info-75: light-dark(#37c2d6, #37c2d6);
  --color-swatch-info-80: light-dark(#4dd2e6, #4dd2e6);
  --color-swatch-info-85: light-dark(#60e3f7, #60e3f7);
  --color-swatch-info-90: light-dark(#73f3ff, #73f3ff);
  --color-swatch-info-95: light-dark(#85ffff, #85ffff);
  --color-swatch-info-98: light-dark(#8fffff, #8fffff);
  --color-neutral: light-dark(#908f8e, #3c3a3a);
  --color-neutral-hover: light-dark(#b0afae, #71706f);
  --color-neutral-active: light-dark(#696968, #2a2828);
  --color-neutral-focus: light-dark(#c6c5c4, #989696);
  --color-neutral-disabled: light-dark(#a4a4a4, #5e5d5d);
  --color-on-neutral: light-dark(#000000, #ebebea);
  --color-on-neutral-disabled: light-dark(#000000, #ffffff);
  --color-neutral-variant: light-dark(#727170, #565554);
  --color-neutral-variant-hover: light-dark(#9b9999, #868484);
  --color-neutral-variant-active: light-dark(#535251, #3e3d3c);
  --color-neutral-variant-focus: light-dark(#b7b5b4, #a7a6a5);
  --color-neutral-variant-disabled: light-dark(#8c8c8c, #747474);
  --color-on-neutral-variant: light-dark(#ffffff, #ffffff);
  --color-on-neutral-variant-disabled: light-dark(#ffffff, #ffffff);
  --color-surface: light-dark(#f8f9f8, #040303);
  --color-surface-hover: light-dark(#fafbfa, #413f40);
  --color-surface-active: light-dark(#b8b9b8, #020202);
  --color-surface-focus: light-dark(#fbfcfb, #737172);
  --color-surface-disabled: light-dark(#fafafa, #292929);
  --color-on-surface: light-dark(#000000, #b7b7b6);
  --color-on-surface-disabled: light-dark(#000000, #b4b4b3);
  --color-surface-variant: light-dark(#cececd, #171616);
  --color-surface-variant-hover: light-dark(#dcdcdb, #545252);
  --color-surface-variant-active: light-dark(#989897, #0e0d0d);
  --color-surface-variant-focus: light-dark(#e6e6e5, #818080);
  --color-surface-variant-disabled: light-dark(#d7d7d7, #3d3d3d);
  --color-on-surface-variant: light-dark(#000000, #c4c4c3);
  --color-on-surface-variant-disabled: light-dark(#000000, #d1d1d0);
  --color-swatch-neutral-10: light-dark(#040303, #040303);
  --color-swatch-neutral-15: light-dark(#0c0b0b, #0c0b0b);
  --color-swatch-neutral-20: light-dark(#171616, #171616);
  --color-swatch-neutral-25: light-dark(#232121, #232121);
  --color-swatch-neutral-30: light-dark(#2f2d2d, #2f2d2d);
  --color-swatch-neutral-35: light-dark(#3c3a3a, #3c3a3a);
  --color-swatch-neutral-40: light-dark(#494747, #494747);
  --color-swatch-neutral-50: light-dark(#646362, #646362);
  --color-swatch-neutral-60: light-dark(#81807f, #81807f);
  --color-swatch-neutral-70: light-dark(#9f9e9d, #9f9e9d);
  --color-swatch-neutral-75: light-dark(#aeaead, #aeaead);
  --color-swatch-neutral-80: light-dark(#bebebd, #bebebd);
  --color-swatch-neutral-85: light-dark(#cececd, #cececd);
  --color-swatch-neutral-90: light-dark(#dededd, #dededd);
  --color-swatch-neutral-95: light-dark(#eeeeee, #eeeeee);
  --color-swatch-neutral-98: light-dark(#f8f9f8, #f8f9f8);
  --color-shadow: light-dark(#040303, #040303);
  --color-overlay: light-dark(#2f2d2d, #2f2d2d);
  --color-outline: light-dark(#9f9e9d, #232121);
  --color-outline-variant: light-dark(#bebebd, #171616);
  --color-defensive: light-dark(#2177b8, #2177b8);
  --color-defensive-hover: light-dark(#50a1e5, #50a1e5);
  --color-defensive-active: light-dark(#005695, #005695);
  --color-defensive-focus: light-dark(#6dbdff, #6dbdff);
  --color-defensive-disabled: light-dark(#878e94, #878e94);
  --color-on-defensive: light-dark(#ffffff, #ffffff);
  --color-on-defensive-disabled: light-dark(#ffffff, #ffffff);
  --color-defensive-surface: light-dark(#004c89, #004c89);
  --color-defensive-surface-hover: light-dark(#2d81c2, #2d81c2);
  --color-defensive-surface-active: light-dark(#003470, #003470);
  --color-defensive-surface-focus: light-dark(#55a6ea, #55a6ea);
  --color-defensive-surface-disabled: light-dark(#646b71, #646b71);
  --color-on-defensive-surface: light-dark(#ffffff, #ffffff);
  --color-on-defensive-surface-disabled: light-dark(#ffffff, #ffffff);
  --color-swatch-defensive-10: light-dark(#00002e, #00002e);
  --color-swatch-defensive-15: light-dark(#00003d, #00003d);
  --color-swatch-defensive-20: light-dark(#00104b, #00104b);
  --color-swatch-defensive-25: light-dark(#001f5a, #001f5a);
  --color-swatch-defensive-30: light-dark(#002d69, #002d69);
  --color-swatch-defensive-35: light-dark(#003c78, #003c78);
  --color-swatch-defensive-40: light-dark(#004a87, #004a87);
  --color-swatch-defensive-50: light-dark(#0567a7, #0567a7);
  --color-swatch-defensive-60: light-dark(#3386c8, #3386c8);
  --color-swatch-defensive-70: light-dark(#54a5e9, #54a5e9);
  --color-swatch-defensive-75: light-dark(#64b5fa, #64b5fa);
  --color-swatch-defensive-80: light-dark(#74c5ff, #74c5ff);
  --color-swatch-defensive-85: light-dark(#84d5ff, #84d5ff);
  --color-swatch-defensive-90: light-dark(#95e6ff, #95e6ff);
  --color-swatch-defensive-95: light-dark(#a5f7ff, #a5f7ff);
  --color-swatch-defensive-98: light-dark(#afffff, #afffff);
  --color-progressive: light-dark(#d42517, #d42517);
  --color-progressive-hover: light-dark(#ff5946, #ff5946);
  --color-progressive-active: light-dark(#ac0000, #ac0000);
  --color-progressive-focus: light-dark(#ff7761, #ff7761);
  --color-progressive-disabled: light-dark(#9b8a87, #9b8a87);
  --color-on-progressive: light-dark(#ffffff, #ffffff);
  --color-on-progressive-disabled: light-dark(#ffffff, #ffffff);
  --color-progressive-surface: light-dark(#9c0000, #9c0000);
  --color-progressive-surface-hover: light-dark(#dc3021, #dc3021);
  --color-progressive-surface-active: light-dark(#7f0000, #7f0000);
  --color-progressive-surface-focus: light-dark(#ff5d49, #ff5d49);
  --color-progressive-surface-disabled: light-dark(#766663, #766663);
  --color-on-progressive-surface: light-dark(#ffffff, #ffffff);
  --color-on-progressive-surface-disabled: light-dark(#ffffff, #ffffff);
  --color-swatch-progressive-10: light-dark(#2f0000, #2f0000);
  --color-swatch-progressive-15: light-dark(#410000, #410000);
  --color-swatch-progressive-20: light-dark(#530000, #530000);
  --color-swatch-progressive-25: light-dark(#650000, #650000);
  --color-swatch-progressive-30: light-dark(#770000, #770000);
  --color-swatch-progressive-35: light-dark(#880000, #880000);
  --color-swatch-progressive-40: light-dark(#9a0000, #9a0000);
  --color-swatch-progressive-50: light-dark(#be0000, #be0000);
  --color-swatch-progressive-60: light-dark(#e23627, #e23627);
  --color-swatch-progressive-70: light-dark(#ff5c48, #ff5c48);
  --color-swatch-progressive-75: light-dark(#ff6d58, #ff6d58);
  --color-swatch-progressive-80: light-dark(#ff7e68, #ff7e68);
  --color-swatch-progressive-85: light-dark(#ff8f77, #ff8f77);
  --color-swatch-progressive-90: light-dark(#ffa087, #ffa087);
  --color-swatch-progressive-95: light-dark(#ffb197, #ffb197);
  --color-swatch-progressive-98: light-dark(#ffbba1, #ffbba1);

  --breakpoint-*: initial;
  --breakpoint-md: 600px;
  --breakpoint-exp: 840px;
  --breakpoint-lg: 1200px;
  --breakpoint-xl: 1600px;

  --font-sans: 'Noto Sans CJK', 'Roboto', 'Inter', Avenir, Helvetica, Arial, ui-sans-serif,
    system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
  --font-serif: 'Noto Serif CJK', ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;

  --elevation-0: none;
  --elevation-1: 0 1px 3px 1px --alpha(var(--color-shadow) / 15%),
    0 1px 2px 0 --alpha(var(--color-shadow) / 30%);
  --elevation-2: 0 2px 6px 2px --alpha(var(--color-shadow) / 15%),
    0 1px 2px 0 --alpha(var(--color-shadow) / 30%);
  --elevation-3: 0 4px 8px 3px --alpha(var(--color-shadow) / 15%),
    0 1px 3px 0 --alpha(var(--color-shadow) / 30%);
  --elevation-4: 0 6px 10px 4px --alpha(var(--color-shadow) / 15%),
    0 2px 3px 0 --alpha(var(--color-shadow) / 30%);
  --elevation-5: 0 8px 12px 6px --alpha(var(--color-shadow) / 15%),
    0 4px 4px 0 --alpha(var(--color-shadow) / 30%);

  --radius-*: initial;
  --basis-radius: 0.5;
  --radius-none: 0;
  --radius-xs: calc(0.25rem * var(--basis-radius));
  --radius-sm: calc(0.5rem * var(--basis-radius));
  --radius-md: calc(0.75rem * var(--basis-radius));
  --radius-lg: calc(1rem * var(--basis-radius));
  --radius-xl: calc(1.75rem * var(--basis-radius));
  --radius-full: calc(infinity * 1px);
}

/* prettier-ignore */
@utility elevation-* {
  box-shadow: --value(--elevation-*);
}