/* [project]/apps/explorer-custom/app/account/alerts/alerts-tokens.css [app-client] (css) */
:root {
  --m-bg-0: #f9fafc;
  --m-bg-1: #fff;
  --m-bg-2: #f1f2f4;
  --m-bg-3: #e6e8ec;
  --m-bg-4: #d5d7dd;
  --m-line: #dddee1;
  --m-line-soft: #e6e8ecb3;
  --m-text-0: #0e0f13;
  --m-text-1: #2c2e33;
  --m-text-2: #5b5d65;
  --m-text-3: #777a82;
  --m-text-4: #96989f;
  --m-accent: #8d9900;
  --m-accent-soft: #cedd532e;
  --m-accent-line: #8d990066;
  --m-accent-ink: #161802;
  --m-ok: #20a04e;
  --m-ok-soft: #5fd37f24;
  --m-ok-line: #20a04e66;
  --m-ok-ink: #041608;
  --m-warn: #af7b00;
  --m-warn-soft: #f7b83d24;
  --m-bad: #c92f33;
  --m-bad-soft: #ff645f24;
  --m-info: #0079b4;
  --m-info-soft: #52b5f424;
  --m-card-overlay: transparent;
  --m-tint-bg-l: .92;
  --m-tint-border-l: .62;
  --m-tint-fg-l: .32;
  --m-r-sm: 6px;
  --m-r-md: 10px;
  --m-r-lg: 14px;
  --m-r-xl: 18px;
  --m-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --m-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --m-bg-0: lab(98.244% .0141561 -1.14005);
    --m-bg-1: lab(100% 0 0);
    --m-bg-2: lab(95.3385% .020206 -1.51927);
    --m-bg-3: lab(91.8476% .0342727 -2.27652);
    --m-bg-4: lab(86.0364% .051856 -3.03173);
    --m-line: lab(88.373% .0273287 -1.89791);
    --m-line-soft: lab(91.8476% .0342727 -2.27652 / .7);
    --m-text-0: lab(4.40491% .0951812 -2.18742);
    --m-text-1: lab(18.7412% .135913 -3.75131);
    --m-text-2: lab(39.6112% .133574 -4.51664);
    --m-text-3: lab(51.2122% .118345 -4.52472);
    --m-text-4: lab(62.8245% .0811219 -3.78025);
    --m-accent: lab(60.524% -16.6498 71.4232);
    --m-accent-soft: lab(84.9929% -18.2273 63.1623 / .18);
    --m-accent-line: lab(60.524% -16.6498 71.4232 / .4);
    --m-accent-ink: lab(7.51201% -4.09467 10.1251);
    --m-ok: lab(57.9142% -48.5439 32.2804);
    --m-ok-soft: lab(76.5065% -48.1818 31.6252 / .14);
    --m-ok-line: lab(57.9142% -48.5439 32.2804 / .4);
    --m-ok-ink: lab(5.65877% -8.38405 5.05093);
    --m-warn: lab(55.843% 17.4448 84.6828);
    --m-warn-soft: lab(79.1609% 15.493 67.4391 / .14);
    --m-bad: lab(45.8749% 60.1361 37.4355);
    --m-bad-soft: lab(63.3139% 59.7937 35.1683 / .14);
    --m-info: lab(47.5913% -12.4826 -40.4206);
    --m-info-soft: lab(69.7493% -15.0731 -40.8312 / .14);
  }
}

.dark {
  --m-bg-0: #070709;
  --m-bg-1: #0c0d10;
  --m-bg-2: #121417;
  --m-bg-3: #1b1d21;
  --m-bg-4: #25262b;
  --m-line: #25262b;
  --m-line-soft: #1b1d21b3;
  --m-text-0: #f4f5f9;
  --m-text-1: #c8cad0;
  --m-text-2: #8a8c92;
  --m-text-3: #5b5d63;
  --m-text-4: #3b3d41;
  --m-accent: #cedd53;
  --m-accent-soft: #cedd5324;
  --m-accent-line: #cedd5366;
  --m-accent-ink: #161802;
  --m-ok: #5fd37f;
  --m-ok-soft: #5fd37f24;
  --m-ok-line: #5fd37f66;
  --m-ok-ink: #071b0c;
  --m-warn: #f7b83d;
  --m-warn-soft: #f7b83d24;
  --m-bad: #ff645f;
  --m-bad-soft: #ff645f24;
  --m-info: #52b5f4;
  --m-info-soft: #52b5f424;
  --m-card-overlay: #15161a99;
  --m-tint-bg-l: .34;
  --m-tint-border-l: .5;
  --m-tint-fg-l: .94;
}

@supports (color: lab(0% 0 0)) {
  .dark {
    --m-bg-0: lab(1.97278% .0297576 -.790516);
    --m-bg-1: lab(3.67859% .053063 -1.43514);
    --m-bg-2: lab(6.16072% .0861511 -2.35903);
    --m-bg-3: lab(10.6328% .112176 -2.99936);
    --m-bg-4: lab(15.2671% .122324 -3.37619);
    --m-line: lab(15.2671% .122324 -3.37619);
    --m-line-soft: lab(10.6328% .112176 -2.99936 / .7);
    --m-text-0: lab(96.4931% .0267327 -1.89825);
    --m-text-1: lab(81.3963% .0528395 -3.03115);
    --m-text-2: lab(58.1843% .0838041 -3.77876);
    --m-text-3: lab(39.6234% .099048 -3.77037);
    --m-text-4: lab(25.7146% .0825226 -3.01455);
    --m-accent: lab(84.9929% -18.2273 63.1623);
    --m-accent-soft: lab(84.9929% -18.2273 63.1623 / .14);
    --m-accent-line: lab(84.9929% -18.2273 63.1623 / .4);
    --m-accent-ink: lab(7.51201% -4.09467 10.1251);
    --m-ok: lab(76.5065% -48.1818 31.6252);
    --m-ok-soft: lab(76.5065% -48.1818 31.6252 / .14);
    --m-ok-line: lab(76.5065% -48.1818 31.6252 / .4);
    --m-ok-ink: lab(7.71098% -10.4164 6.30971);
    --m-warn: lab(79.1609% 15.493 67.4391);
    --m-warn-soft: lab(79.1609% 15.493 67.4391 / .14);
    --m-bad: lab(63.3139% 59.7937 35.1683);
    --m-bad-soft: lab(63.3139% 59.7937 35.1683 / .14);
    --m-info: lab(69.7493% -15.0731 -40.8312);
    --m-info-soft: lab(69.7493% -15.0731 -40.8312 / .14);
    --m-card-overlay: lab(7.18164% .116065 -2.94234 / .6);
  }
}

.m-scope {
  color: var(--m-text-0);
  font-family: var(--m-font-sans);
  letter-spacing: -.005em;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "cv11", "ss01";
  --background: var(--m-bg-0);
  --foreground: var(--m-text-0);
  --card: var(--m-bg-1);
  --card-foreground: var(--m-text-0);
  --popover: var(--m-bg-1);
  --popover-foreground: var(--m-text-0);
  --border: var(--m-line);
  --input: var(--m-bg-2);
  --ring: var(--m-ok-line);
  --muted: var(--m-bg-2);
  --muted-foreground: var(--m-text-2);
  --accent: var(--m-bg-3);
  --accent-foreground: var(--m-text-0);
  --secondary: var(--m-bg-2);
  --secondary-foreground: var(--m-text-1);
  --destructive: var(--m-bad);
}

.m-scope * {
  box-sizing: border-box;
}

.m-scope [data-state="unchecked"][role="switch"] {
  background-color: var(--m-bg-3) !important;
  border-color: var(--m-line) !important;
}

.m-scope [class*="bg-card/"], .m-scope .bg-card {
  background: linear-gradient(180deg, var(--m-card-overlay), transparent 40%),
		var(--m-bg-1) !important;
}

.m-scope [class*="bg-popover"] {
  background-color: var(--m-bg-1) !important;
}

.m-scope [class*="bg-muted/10"], .m-scope [class*="bg-muted/20"], .m-scope [class*="bg-muted/30"], .m-scope [class*="bg-muted/40"] {
  background-color: var(--m-bg-0) !important;
}

.m-scope [class*="bg-muted/50"], .m-scope [class*="bg-muted/60"], .m-scope [class*="hover:bg-muted/"]:hover {
  background-color: var(--m-bg-2) !important;
}

.m-scope [class*="bg-background"] {
  background-color: var(--m-bg-0) !important;
}

.m-scope [class*="bg-foreground/[0.02]"], .m-scope [class*="bg-foreground/[0.04]"] {
  background-color: var(--m-bg-2) !important;
}

.m-scope [class*="bg-foreground/[0.06]"], .m-scope [class*="bg-foreground/[0.08]"], .m-scope [class*="bg-foreground/[0.09]"], .m-scope [class*="bg-foreground/[0.12]"] {
  background-color: var(--m-bg-3) !important;
}

.m-scope [class*="border-border/40"] {
  border-color: var(--m-line-soft) !important;
}

.m-scope [class*="border-border/50"], .m-scope [class*="border-border/60"], .m-scope [class*="border-border/70"] {
  border-color: var(--m-line) !important;
}

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

.m-eyebrow {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--m-text-3);
  font-size: 10.5px;
  font-weight: 600;
}

.m-scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.m-scroll::-webkit-scrollbar-thumb {
  background: var(--m-bg-3);
  border-radius: 4px;
}

.m-scroll::-webkit-scrollbar-track {
  background: none;
}

.m-card {
  background: var(--m-bg-1);
  border: 1px solid var(--m-line);
  border-radius: var(--m-r-lg);
}

.m-card-elev {
  background: linear-gradient(180deg, var(--m-card-overlay), transparent 40%),
		var(--m-bg-1);
  border: 1px solid var(--m-line);
  border-radius: var(--m-r-lg);
}

.m-pill {
  border: 1px solid var(--m-line);
  background: var(--m-bg-2);
  color: var(--m-text-1);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 3px 9px;
  font-size: 11.5px;
  font-weight: 500;
  display: inline-flex;
}

.m-pill .m-dot {
  border-radius: 999px;
  width: 6px;
  height: 6px;
}

.m-pill.ok {
  background: var(--m-ok-soft);
  color: var(--m-ok);
  border-color: #5fd37f4d;
  border-color: lab(76.5065% -48.1818 31.6252 / .3);
}

.m-pill.warn {
  background: var(--m-warn-soft);
  color: var(--m-warn);
  border-color: #f7b83d4d;
  border-color: lab(79.1609% 15.493 67.4391 / .3);
}

.m-pill.bad {
  background: var(--m-bad-soft);
  color: var(--m-bad);
  border-color: #ff645f4d;
  border-color: lab(63.3139% 59.7937 35.1683 / .3);
}

.m-pill.info {
  background: var(--m-info-soft);
  color: var(--m-info);
  border-color: #52b5f44d;
  border-color: lab(69.7493% -15.0731 -40.8312 / .3);
}

.m-pill.muted {
  background: var(--m-bg-2);
  color: var(--m-text-3);
}

.m-divider {
  background: var(--m-line);
  border: 0;
  height: 1px;
  margin: 0;
}

@keyframes m-fade-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.m-fade-in {
  animation: .36s both m-fade-in;
}

@keyframes pulse-glow-tab {
  0%, 100% {
    filter: drop-shadow(0 0 6px  var(--glow-color, var(--m-warn))) drop-shadow(0 0 2px var(--glow-color, var(--m-warn)));
    opacity: 1;
  }

  50% {
    filter: drop-shadow(0 0 11px var(--glow-color, var(--m-warn))) drop-shadow(0 0 4px var(--glow-color, var(--m-warn)));
    opacity: .85;
  }
}

@media (prefers-reduced-motion: reduce) {
  @keyframes pulse-glow-tab {
    0%, 100% {
      filter: drop-shadow(0 0 6px var(--glow-color, var(--m-warn))) drop-shadow(0 0 2px var(--glow-color, var(--m-warn)));
      opacity: 1;
    }
  }
}

/*# sourceMappingURL=apps_explorer-custom_app_account_alerts_alerts-tokens_0~g_y_e.css.map*/