/* Single token layer for the v5.1 deck.
   Vendored files and licenses: vendor/NOTICE.txt */
@import url("vendor/open-props/colors.min.css");
@import url("vendor/open-props/sizes.min.css");
@import url("vendor/open-props/shadows.min.css");
@import url("vendor/open-props/easings.min.css");
@import url("vendor/open-props/borders.min.css");
@import url("vendor/open-props/fonts.min.css");
@import url("vendor/radix-colors/slate.css");
@import url("vendor/radix-colors/indigo.css");
@import url("vendor/radix-colors/tomato.css");
@import url("vendor/radix-colors/amber.css");
@import url("vendor/radix-colors/green.css");
@import url("vendor/radix-colors/red.css");
@import url("vendor/radix-colors/blue.css");
@import url("vendor/radix-colors/pink.css");
@import url("vendor/radix-colors/orange.css");
@import url("vendor/radix-colors/cyan.css");
@import url("vendor/radix-colors/lime.css");
@import url("vendor/radix-colors/bronze.css");

@font-face {
  font-family: "Noto Sans SC";
  src: url("vendor/noto/noto-sans-sc.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --sl-font: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "WenQuanYi Micro Hei", var(--font-system-ui);
  --sl-on: var(--indigo-1);
  --sl-paper: var(--indigo-2);
  --sl-ink: var(--indigo-12);
  --sl-ink-2: var(--indigo-11);
  --sl-ink-3: var(--slate-9);
  --sl-line: var(--indigo-4);
  --sl-tray: var(--indigo-3);
  --sl-card: var(--indigo-1);
  --sl-surface: var(--gray-0);
  --sl-yellow: var(--amber-9);
  --sl-coral: var(--tomato-9);
  --sl-green: var(--green-9);
  --sl-danger: var(--red-9);
  --sl-wash-bad: var(--red-2);
  --sl-wash-ok: var(--green-2);
  --sl-ok-ink: var(--green-11);
  --sl-fav: var(--tomato-3);
  --sl-fav-line: var(--tomato-6);
  --sl-ease: var(--ease-spring-3);
  --sl-ease-out: var(--ease-out-3);
  --sl-shadow-card: var(--shadow-3);
  --sl-shadow-panel: var(--shadow-5);
  --sl-shadow-lift: var(--shadow-2);
  --sl-shadow-press: 0 var(--border-size-3) 0 var(--sl-coral);
  --sl-shadow-press-ok: 0 var(--border-size-3) 0 var(--green-11);
  --sl-grid: calc(var(--size-px-7) + var(--size-px-2));
  --sl-b1: var(--border-size-1);
  --sl-b2: var(--border-size-2);
  --sl-b3: var(--border-size-3);
  --sl-b15: calc(var(--border-size-1) * 1.5);
  --sl-b25: calc(var(--border-size-2) + var(--border-size-1) / 2);
  --sl-radius-s: var(--radius-1);
  --sl-radius-m: var(--radius-2);
  --sl-radius-l: var(--radius-3);
  --sl-radius-pill: var(--radius-round);
  --sl-s1: var(--size-px-1);
  --sl-s2: var(--size-px-2);
  --sl-s3: calc(var(--size-px-2) + var(--size-px-1));
  --sl-s4: var(--size-px-3);
  --sl-s5: var(--size-px-4);
  --sl-s6: var(--size-px-5);
  --sl-s7: var(--size-px-6);
  --sl-s8: var(--size-px-7);
  --sl-s9: var(--size-px-8);
  --sl-s10: var(--size-px-9);
  --sl-s11: var(--size-px-10);
  --sl-s12: var(--size-px-11);
  --sl-half: calc(var(--size-px-1) / 2);
  --sl-s15: calc(var(--size-px-1) * 1.5);
  --sl-s25: calc(var(--size-px-2) + var(--size-px-1) / 2);
  --sl-s9px: calc(var(--size-px-1) * 2.25);
  --sl-s11px: calc(var(--size-px-2) + var(--size-px-1) * 0.75);
  --sl-s13: calc(var(--size-px-2) + var(--size-px-1) * 1.25);
  --sl-s14: calc(var(--size-px-3) - var(--size-px-1) / 2);
  --sl-s18: calc(var(--size-px-3) + var(--size-px-1) / 2);
  --sl-s22: calc(var(--size-px-4) + var(--size-px-1) / 2);
  --sl-s26: calc(var(--size-px-5) + var(--size-px-1) / 2);
  --sl-s34: calc(var(--size-px-7) + var(--size-px-1) / 2);
  --sl-s36: calc(var(--size-px-7) + var(--size-px-1));
  --sl-s42: calc(var(--size-px-7) + var(--size-px-2) + var(--size-px-1) / 2);
  --sl-s46: calc(var(--size-px-8) - var(--size-px-1) / 2);
  --sl-s52: calc(var(--size-px-8) + var(--size-px-1));
  --sl-s58: calc(var(--size-px-8) + var(--size-px-2) + var(--size-px-1) / 2);
  --sl-s70: calc(var(--size-px-9) + var(--size-px-1) * 1.5);
  --sl-s74: calc(var(--size-px-9) + var(--size-px-2) + var(--size-px-1) / 2);
  --sl-s90: calc(var(--size-px-10) + var(--size-px-2) + var(--size-px-1) / 2);
  --sl-s96: calc(var(--size-px-9) + var(--size-px-7));
  --sl-s140: calc(var(--size-px-11) + var(--size-px-4));
  --sl-s168: calc(var(--size-px-11) + var(--size-px-8));
  --sl-s180: calc(var(--size-px-10) + var(--size-px-9) + var(--size-px-7) + var(--size-px-1));
  --sl-s252: calc(var(--size-px-13) + var(--size-px-3) - var(--size-px-1));
  --sl-s268: calc(var(--size-px-11) + var(--size-px-9) + var(--size-px-8) + var(--size-px-7) + var(--size-px-1));
  --sl-s380: calc(var(--size-px-14) + var(--size-px-8) + var(--size-px-3) - var(--size-px-1));
  --sl-s420: calc(var(--size-px-14) + var(--size-px-10) + var(--size-px-3) + var(--size-px-1));
  --sl-s560: calc(var(--size-px-15) + var(--size-px-10));
  --sl-card-w: var(--sl-s180);
  --sl-card-h: var(--sl-s268);
  --sl-preview-h: var(--sl-s96);
  --sl-preview-h-src: var(--sl-s11);
  --sl-tray-w: var(--sl-s380);
  --sl-dim-co: var(--tomato-9);
  --sl-dim-co-fg: var(--sl-on);
  --sl-dim-ty: var(--indigo-12);
  --sl-dim-ty-fg: var(--sl-on);
  --sl-dim-la: var(--amber-9);
  --sl-dim-la-fg: var(--indigo-12);
  --sl-dim-sp: var(--cyan-9);
  --sl-dim-sp-fg: var(--sl-on);
  --sl-dim-sh: var(--green-9);
  --sl-dim-sh-fg: var(--sl-on);
  --sl-dim-ma: var(--slate-11);
  --sl-dim-ma-fg: var(--sl-on);
  --sl-dim-cp: var(--blue-9);
  --sl-dim-cp-fg: var(--sl-on);
  --sl-dim-ix: var(--pink-9);
  --sl-dim-ix-fg: var(--sl-on);
  --sl-dim-mo: var(--orange-9);
  --sl-dim-mo-fg: var(--sl-on);
  --sl-dim-ic: var(--lime-9);
  --sl-dim-ic-fg: var(--indigo-12);
  --sl-dim-vo: var(--bronze-11);
  --sl-dim-vo-fg: var(--sl-on);
  --sl-dim-ac: var(--slate-11);
  --sl-dim-ac-fg: var(--sl-on);
  --sl-radius-co: var(--sl-s14);
  --sl-radius-ty: var(--sl-radius-s);
  --sl-radius-la: var(--border-size-4);
  --sl-radius-sp: var(--border-size-4);
  --sl-radius-sh: var(--sl-s26);
  --sl-radius-ma: var(--sl-s4);
  --sl-radius-cp: var(--sl-s3);
  --sl-radius-ix: var(--sl-s14);
  --sl-radius-mo: var(--sl-s14);
  --sl-radius-ic: var(--sl-s14);
  --sl-radius-vo: var(--sl-s14);
  --sl-radius-ac: var(--sl-s3);
  --sl-rarity-ssr: var(--amber-9);
  --sl-rarity-sr: var(--pink-9);
  --sl-rarity-r: var(--blue-9);
  --sl-rarity-n: var(--slate-8);
  --sl-glow-ssr: 0 var(--sl-s2) var(--sl-s7) color-mix(in srgb, var(--amber-9) 40%, transparent);
  --sl-glow-sr: 0 var(--sl-s15) var(--sl-s22) color-mix(in srgb, var(--pink-9) 27%, transparent);
}