/* [project]/packages/design/src/tokens.css [app-client] (css) */
:root {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --primary: 263 72% 64%;
  --gem-h: 256;
  --background: var(--gem-h) 22% 4%;
  --foreground: var(--gem-h) 32% 95%;
  --card: var(--gem-h) 18% 7%;
  --raised: var(--gem-h) 16% 10%;
  --muted: var(--gem-h) 12% 14%;
  --muted-foreground: var(--gem-h) 11% 63%;
  --border: var(--gem-h) 15% 16%;
  --gold: 42 88% 64%;
  --accent: 188 72% 60%;
  --screen: var(--gem-h) 52% 4%;
  --shade: 0 0% 0%;
  --ok: 148 58% 52%;
  --warn: 38 95% 60%;
  --danger: 358 82% 63%;
  --idle: 250 9% 44%;
  --destructive: var(--danger);
  --hue-dispatcher: 285 68% 70%;
  --hue-mav: 285 68% 70%;
  --hue-front-end: 263 72% 64%;
  --hue-lore: 336 72% 68%;
  --hue-words: 200 72% 64%;
  --hue-core: 42 88% 64%;
  --hue-ops: 158 55% 56%;
  --hue-shelf: 28 85% 62%;
  --hue-lane: 188 72% 60%;
  --hue-runner: 226 88% 72%;
  --gem-amethyst: 263 72% 64%;
  --gem-sapphire: 218 88% 66%;
  --gem-emerald: 152 64% 50%;
  --gem-ruby: 350 80% 62%;
  --gem-rose: 330 78% 74%;
  --gem-topaz: 30 94% 62%;
  --gem-diamond: 194 90% 82%;
  --studio-warm: 33 100% 87.5%;
  --studio-cool: 231 100% 94.7%;
  --studio-light: 0 0% 100%;
  --studio-ground: 255 33.3% 2.4%;
  --studio-metal: 252 8.8% 11.2%;
  --studio-steel: 227 4% 55.9%;
  --studio-rubber: 240 7.1% 5.5%;
  --studio-wood: 24 28.6% 27.5%;
  --studio-wood-dark: 23 34.8% 18%;
  --studio-floor: 255 9.1% 17.3%;
  --studio-concrete: 0 0% 47.8%;
  --studio-slats: 250 4.8% 49.4%;
  --studio-slat-face: 255 14.3% 11%;
  --studio-slat-gap: 255 16.7% 4.7%;
  --studio-lacquer: 255 25% 3.1%;
  --studio-brass: 40 51.8% 55.3%;
  --studio-tape: 45 55.9% 52%;
  --studio-panel: 256 14.3% 15.1%;
  --studio-frame: 260 14.3% 8.2%;
  --studio-board: 252 18.5% 5.3%;
  --studio-cloth: 33 10.5% 20.6%;
  --studio-spill: 32 9.7% 38.2%;
  --studio-spill-dark: 30 10.5% 14.9%;
  --studio-spill-pale: 36 13.1% 47.8%;
  --studio-linen: 34 24.5% 63.1%;
  --studio-teal: 200 29.3% 32.2%;
  --studio-glass: 0 0% 93.3%;
  --studio-cyc: 258 9% 28.4%;
  --studio-lens: 224 52.4% 8.2%;
  --studio-tally: 354 100% 61.6%;
  --font-mono: "JetBrains Mono Variable", ui-monospace, "Cascadia Code", monospace;
  --font-serif: "Fraunces Variable", "Iowan Old Style", Georgia, serif;
  --font-mdex-serif: "Fraunces Variable";
  --font-mdex-mono: "JetBrains Mono Variable";
  --motion-fast: .15s;
  --motion-base: .35s;
  --motion-hit: .35s;
  --motion-strike: .46s;
  --motion-pop: .9s;
  --motion-banner: 2.4s;
  --motion-hp: .7s;
  --motion-slain: 3.2s;
  --motion-levelup: 1.6s;
  --motion-power: .32s;
  --motion-frame: .22s;
  --motion-flip: .45s;
  --motion-wave: 1.6s;
  --motion-shake: .5s;
  --motion-alarm: 1.8s;
  --motion-gem: .64s;
  --motion-bloom: .9s;
  --motion-spark: 1.15s;
  --motion-boot: 1.4s;
  --motion-pulse: 2s;
  --motion-flicker: 4s;
  --motion-scan: 8s;
  --motion-boost: .7s;
  --motion-hud: .45s;
  --motion-caret: .25s;
  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --ease-in: cubic-bezier(.4, 0, 1, 1);
}

:root[data-gem="sapphire"] {
  --primary: var(--gem-sapphire);
  --gem-h: 226;
}

:root[data-gem="emerald"] {
  --primary: var(--gem-emerald);
  --gem-h: 166;
}

:root[data-gem="ruby"] {
  --primary: var(--gem-ruby);
  --gem-h: 344;
}

:root[data-gem="rose"] {
  --primary: var(--gem-rose);
  --gem-h: 322;
}

:root[data-gem="topaz"] {
  --primary: var(--gem-topaz);
  --gem-h: 22;
}

:root[data-gem="diamond"] {
  --primary: var(--gem-diamond);
  --gem-h: 212;
}

::view-transition-old(root) {
  animation-duration: var(--motion-gem);
  animation-timing-function: var(--ease-out);
}

::view-transition-new(root) {
  animation-duration: var(--motion-gem);
  animation-timing-function: var(--ease-out);
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root) {
    animation: none;
  }

  ::view-transition-new(root) {
    animation: none;
  }
}

html, body {
  height: 100%;
}

body {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: var(--font-mono);
  font-feature-settings: "calt" 1, "zero" 1;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  margin: 0;
}

::selection {
  background: hsl(var(--primary) / .35);
}

* {
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--primary) / .32) transparent;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background: hsl(var(--primary) / .28);
  border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background: hsl(var(--primary) / .45);
}

::-webkit-scrollbar-track {
  background: none;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    transition: none !important;
    animation: none !important;
  }
}

/* [project]/node_modules/.pnpm/@fontsource-variable+jetbrains-mono@5.3.0/node_modules/@fontsource-variable/jetbrains-mono/index.css [app-client] (css) */
@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("../media/jetbrains-mono-cyrillic-ext-wght-normal.1ladf10s224e1.woff2") format("woff2-variations");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("../media/jetbrains-mono-cyrillic-wght-normal.0x7cg5h5x34js.woff2") format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("../media/jetbrains-mono-greek-wght-normal.1k07jbkicvzf3.woff2") format("woff2-variations");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("../media/jetbrains-mono-vietnamese-wght-normal.0a13tgqsi9z78.woff2") format("woff2-variations");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("../media/jetbrains-mono-latin-ext-wght-normal.3rxtet6g9i1k3.woff2") format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("../media/jetbrains-mono-latin-wght-normal.2rmhnsrc80fag.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* [project]/node_modules/.pnpm/@fontsource-variable+fraunces@5.3.0/node_modules/@fontsource-variable/fraunces/index.css [app-client] (css) */
@font-face {
  font-family: Fraunces Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/fraunces-vietnamese-wght-normal.0i7lhkw2ij3q1.woff2") format("woff2-variations");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Fraunces Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/fraunces-latin-ext-wght-normal.0t2awsxbm3c7a.woff2") format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Fraunces Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/fraunces-latin-wght-normal.1v4l5w6-86t-v.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* [project]/node_modules/.pnpm/@fontsource-variable+fraunces@5.3.0/node_modules/@fontsource-variable/fraunces/wght-italic.css [app-client] (css) */
@font-face {
  font-family: Fraunces Variable;
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/fraunces-vietnamese-wght-italic.00j_b5ffkonkh.woff2") format("woff2-variations");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Fraunces Variable;
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/fraunces-latin-ext-wght-italic.0398zdsnbtl6o.woff2") format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Fraunces Variable;
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url("../media/fraunces-latin-wght-italic.0by3gh2t3oa9b.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* [project]/packages/design/src/fonts.css [app-client] (css) */
body {
  font-size: 15px;
  line-height: 1.55;
}

.serif {
  font-family: var(--font-serif);
}

.mono {
  font-family: var(--font-mono);
}

.eyebrow {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .22em;
  color: hsl(var(--gold) / .9);
  margin: 0;
  font-size: 10.5px;
}

/* [project]/apps/apex/app/globals.css [app-client] (css) */
html, body {
  margin: 0;
  padding: 0;
}

*, :before, :after {
  box-sizing: border-box;
}

body {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: var(--font-mono);
  -webkit-font-smoothing: antialiased;
  min-height: 100dvh;
}

a {
  color: inherit;
}

button {
  font: inherit;
}

/* [project]/apps/apex/desk/pill.module.css [app-client] (css) */
.pill-module__hc9MVW__pill {
  z-index: 50;
  border: 1px solid hsl(var(--border) / .5);
  background: hsl(var(--background) / .85);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 24px hsl(var(--shade) / .4);
  font-family: var(--font-mono);
  border-radius: 16px;
  align-items: center;
  gap: 2px;
  padding: 4px 6px;
  display: flex;
  position: fixed;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
}

.pill-module__hc9MVW__slot {
  display: flex;
  position: relative;
}

.pill-module__hc9MVW__chip {
  text-transform: uppercase;
  letter-spacing: .18em;
  height: 36px;
  color: hsl(var(--muted-foreground));
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 12px;
  align-items: center;
  padding: 0 12px;
  font-family: inherit;
  font-size: 11px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.pill-module__hc9MVW__chip:hover, .pill-module__hc9MVW__chip:focus-visible {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / .6);
  outline: none;
}

.pill-module__hc9MVW__mark {
  letter-spacing: .12em;
  text-transform: none;
  color: hsl(var(--primary));
  font-size: 13px;
  font-weight: 700;
}

.pill-module__hc9MVW__mark:hover {
  color: hsl(var(--primary));
  background: hsl(var(--primary) / .1);
}

.pill-module__hc9MVW__lit {
  color: hsl(var(--primary));
  background: hsl(var(--primary) / .15);
  box-shadow: inset 0 0 0 1px hsl(var(--primary) / .7);
}

.pill-module__hc9MVW__signin {
  color: hsl(var(--primary));
}

.pill-module__hc9MVW__sep {
  background: hsl(var(--border) / .6);
  width: 1px;
  height: 20px;
  margin: 0 4px;
}

.pill-module__hc9MVW__tip {
  border: 1px solid hsl(var(--border) / .6);
  background: hsl(var(--card) / .95);
  width: max-content;
  max-width: 340px;
  box-shadow: 0 8px 24px hsl(var(--shade) / .45);
  text-transform: none;
  letter-spacing: 0;
  cursor: default;
  animation: pill-module__hc9MVW__tip-in var(--motion-base) var(--ease-out) both;
  border-radius: 12px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  display: flex;
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}

.pill-module__hc9MVW__face {
  background: hsl(var(--screen));
  border-radius: 999px;
  flex: none;
  width: 30px;
  height: 30px;
  overflow: hidden;
}

.pill-module__hc9MVW__tipWho {
  letter-spacing: .18em;
  text-transform: uppercase;
  color: hsl(var(--primary));
  font-size: 10px;
  display: block;
}

.pill-module__hc9MVW__tipText {
  color: hsl(var(--foreground));
  white-space: normal;
  font-size: 13px;
  line-height: 1.35;
  display: block;
}

.pill-module__hc9MVW__tipLink {
  letter-spacing: .18em;
  text-transform: uppercase;
  color: hsl(var(--primary));
  margin-top: 6px;
  font-size: 11px;
  display: inline-block;
}

@keyframes pill-module__hc9MVW__tip-in {
  from {
    opacity: 0;
    transform: translate(-50%, -4px);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pill-module__hc9MVW__tip {
    animation: none;
  }
}

@media (max-width: 640px) {
  .pill-module__hc9MVW__pill {
    scrollbar-width: none;
    justify-content: space-between;
    padding: 3px 4px;
    top: 8px;
    left: 8px;
    right: 8px;
    overflow-x: auto;
    transform: none;
  }

  .pill-module__hc9MVW__pill::-webkit-scrollbar {
    display: none;
  }

  .pill-module__hc9MVW__chip {
    letter-spacing: .06em;
    flex: none;
    height: 34px;
    padding: 0 7px;
    font-size: 10px;
  }

  .pill-module__hc9MVW__mark {
    font-size: 12px;
  }

  .pill-module__hc9MVW__sep, .pill-module__hc9MVW__long, .pill-module__hc9MVW__tip {
    display: none;
  }
}

.pill-module__hc9MVW__short {
  display: none;
}

@media (max-width: 640px) {
  .pill-module__hc9MVW__short {
    display: inline;
  }
}

/*# sourceMappingURL=_14drth5._.css.map*/