/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --spacing: 0.25rem;
  --font-weight-bold: 700;
  --radius-lg: 0.5rem;
  --color-ca-5-color: rgb(255, 255, 255);
  --color-ca-7-color-2: rgb(52, 65, 86);
  --font-ca-16: inherit;
  --font-ca-17: inherit;
  --font-ca-22: inherit;
  --font-ca-33: inherit;
  --leading-ca-16: inherit;
  --leading-ca-17: inherit;
  --leading-ca-22: inherit;
  --leading-ca-33: inherit;
  --radius-ca-11: 9px;
  --radius-ca-16: 10px;
  --radius-ca-17: 10px;
  --radius-ca-20: 11px;
  --radius-ca-22: 10px;
  --radius-ca-33: 10px;
  --radius-ca-34: 10px;
  --radius-ca-5: 10px;
  --radius-ca-53: inherit;
  --radius-ca-7: 10px;
  --spacing-ca-11-padding: 9px 10px;
  --spacing-ca-17-padding: 0px 14px;
  --spacing-ca-21: 7px 13px;
  --spacing-ca-22-padding: 0px 12px;
  --spacing-ca-3: 18px 14px;
  --spacing-ca-33-padding: 0px 12px;
  --spacing-ca-54-padding: 12px 10px;
  --text-ca-10: 11px;
  --text-ca-14: 19px;
  --text-ca-16: inherit;
  --text-ca-17: inherit;
  --text-ca-22: inherit;
  --text-ca-27: 11px;
  --text-ca-28: 23px;
  --text-ca-28-font-size: 19px;
  --text-ca-32: 15px;
  --text-ca-33: inherit;
  --text-ca-35: 9px;
  --text-ca-36: 9px;
  --text-ca-47: 9px;
  --text-ca-54: 11px;
  --tracking-ca-28: -0.03em;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.\[inset\:17px_auto_32px_9px\] {
  inset: 17px auto 32px 9px;
}
.top-0 {
  top: 0px;
}
.top-2\.5 {
  top: calc(var(--spacing) * 2.5);
}
.right-2\.5 {
  right: calc(var(--spacing) * 2.5);
}
.right-3\.5 {
  right: calc(var(--spacing) * 3.5);
}
.bottom-2 {
  bottom: calc(var(--spacing) * 2);
}
.bottom-3\.5 {
  bottom: calc(var(--spacing) * 3.5);
}
.left-8\.75 {
  left: calc(var(--spacing) * 8.75);
}
.z-2 {
  z-index: 2;
}
.z-20 {
  z-index: 20;
}
.\[margin\:0px_auto\] {
  margin: 0px auto;
}
.m-0 {
  margin: 0px;
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-auto {
  margin-top: auto;
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.ml-auto {
  margin-left: auto;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.inline-flex {
  display: inline-flex;
}
.h-1\.75 {
  height: calc(var(--spacing) * 1.75);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-8\.5 {
  height: calc(var(--spacing) * 8.5);
}
.h-9 {
  height: calc(var(--spacing) * 9);
}
.h-57\.5 {
  height: calc(var(--spacing) * 57.5);
}
.h-full {
  height: 100%;
}
.\[min-height\:100\%\] {
  min-height: 100%;
}
.min-h-8\.5 {
  min-height: calc(var(--spacing) * 8.5);
}
.min-h-16\.5 {
  min-height: calc(var(--spacing) * 16.5);
}
.min-h-screen {
  min-height: 100vh;
}
.\[width\:52\%\] {
  width: 52%;
}
.\[width\:68\%\] {
  width: 68%;
}
.\[width\:84\%\] {
  width: 84%;
}
.\[width\:min\(100\%\,_1280px\)\] {
  width: min(100%, 1280px);
}
.w-1\.75 {
  width: calc(var(--spacing) * 1.75);
}
.w-8 {
  width: calc(var(--spacing) * 8);
}
.w-8\.5 {
  width: calc(var(--spacing) * 8.5);
}
.w-9 {
  width: calc(var(--spacing) * 9);
}
.w-full {
  width: 100%;
}
.max-w-full {
  max-width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.\[flex\:0_0_auto\] {
  flex: 0 0 auto;
}
.\[border-collapse\:collapse\] {
  border-collapse: collapse;
}
.cursor-pointer {
  cursor: pointer;
}
.grid-cols-\[232px_minmax\(0px\,1fr\)\] {
  grid-template-columns: 232px minmax(0px,1fr);
}
.grid-cols-\[minmax\(0px\,1\.55fr\)_minmax\(280px\,0\.7fr\)\] {
  grid-template-columns: minmax(0px,1.55fr) minmax(280px,0.7fr);
}
.flex-col {
  flex-direction: column;
}
.\[place-items\:center\] {
  place-items: center;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0\.5 {
  gap: calc(var(--spacing) * 0.5);
}
.gap-1 {
  gap: var(--spacing);
}
.gap-1\.25 {
  gap: calc(var(--spacing) * 1.25);
}
.gap-1\.75 {
  gap: calc(var(--spacing) * 1.75);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
  gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-3\.75 {
  gap: calc(var(--spacing) * 3.75);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-5\.5 {
  gap: calc(var(--spacing) * 5.5);
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.\[border-radius\:999px\] {
  border-radius: 999px;
}
.rounded-ca-5 {
  border-radius: var(--radius-ca-5);
}
.rounded-ca-7 {
  border-radius: var(--radius-ca-7);
}
.rounded-ca-11 {
  border-radius: var(--radius-ca-11);
}
.rounded-ca-16 {
  border-radius: var(--radius-ca-16);
}
.rounded-ca-17 {
  border-radius: var(--radius-ca-17);
}
.rounded-ca-20 {
  border-radius: var(--radius-ca-20);
}
.rounded-ca-22 {
  border-radius: var(--radius-ca-22);
}
.rounded-ca-24 {
  border-radius: var(--radius);
}
.rounded-ca-31 {
  border-radius: var(--radius);
}
.rounded-ca-33 {
  border-radius: var(--radius-ca-33);
}
.rounded-ca-34 {
  border-radius: var(--radius-ca-34);
}
.rounded-ca-53 {
  border-radius: var(--radius-ca-53);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.\[fill\:none\] {
  fill: none;
}
.\[fill\:rgb\(220\,_237\,_255\)\] {
  fill: rgb(220, 237, 255);
}
.fill-\[var\(--accent\)\] {
  fill: var(--accent);
}
.fill-\[var\(--surface\)\] {
  fill: var(--surface);
}
.\[stroke\:rgb\(174\,_183\,_196\)\] {
  stroke: rgb(174, 183, 196);
}
.\[stroke\:rgb\(229\,_233\,_239\)\] {
  stroke: rgb(229, 233, 239);
}
.stroke-\[var\(--accent\)\] {
  stroke: var(--accent);
}
.stroke-\[var\(--surface\)\] {
  stroke: var(--surface);
}
.\[stroke-width\:1\] {
  stroke-width: 1;
}
.\[stroke-width\:2\] {
  stroke-width: 2;
}
.\[stroke-width\:3\] {
  stroke-width: 3;
}
.\[stroke-width\:4\] {
  stroke-width: 4;
}
.\[padding\:0px_10px_6px\] {
  padding: 0px 10px 6px;
}
.\[padding\:8px_8px_26px_34px\] {
  padding: 8px 8px 26px 34px;
}
.\[padding\:12px_24px\] {
  padding: 12px 24px;
}
.\[padding\:18px_24px_40px\] {
  padding: 18px 24px 40px;
}
.p-1 {
  padding: var(--spacing);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-4\.5 {
  padding: calc(var(--spacing) * 4.5);
}
.p-ca-3 {
  padding: var(--spacing-ca-3);
}
.p-ca-11-padding {
  padding: var(--spacing-ca-11-padding);
}
.p-ca-17-padding {
  padding: var(--spacing-ca-17-padding);
}
.p-ca-21 {
  padding: var(--spacing-ca-21);
}
.p-ca-22-padding {
  padding: var(--spacing-ca-22-padding);
}
.p-ca-33-padding {
  padding: var(--spacing-ca-33-padding);
}
.p-ca-54-padding {
  padding: var(--spacing-ca-54-padding);
}
.text-left {
  text-align: left;
}
.\[font-family\:Inter\,_ui-sans-serif\,_system-ui\,_-apple-system\,_BlinkMacSystemFont\,_\"Segoe_UI\"\,_sans-serif\] {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.font-ca-16 {
  font-family: var(--font-ca-16);
}
.font-ca-17 {
  font-family: var(--font-ca-17);
}
.font-ca-22 {
  font-family: var(--font-ca-22);
}
.font-ca-33 {
  font-family: var(--font-ca-33);
}
.\[font-feature-settings\:inherit\] {
  font-feature-settings: inherit;
}
.\[font-size\:14px\] {
  font-size: 14px;
}
.text-ca-10 {
  font-size: var(--text-ca-10);
}
.text-ca-14 {
  font-size: var(--text-ca-14);
}
.text-ca-16 {
  font-size: var(--text-ca-16);
}
.text-ca-17 {
  font-size: var(--text-ca-17);
}
.text-ca-22 {
  font-size: var(--text-ca-22);
}
.text-ca-27 {
  font-size: var(--text-ca-27);
}
.text-ca-28 {
  font-size: var(--text-ca-28);
}
.text-ca-32 {
  font-size: var(--text-ca-32);
}
.text-ca-33 {
  font-size: var(--text-ca-33);
}
.text-ca-35 {
  font-size: var(--text-ca-35);
}
.text-ca-36 {
  font-size: var(--text-ca-36);
}
.text-ca-47 {
  font-size: var(--text-ca-47);
}
.text-ca-54 {
  font-size: var(--text-ca-54);
}
.leading-ca-16 {
  --tw-leading: var(--leading-ca-16);
  line-height: var(--leading-ca-16);
}
.leading-ca-17 {
  --tw-leading: var(--leading-ca-17);
  line-height: var(--leading-ca-17);
}
.leading-ca-22 {
  --tw-leading: var(--leading-ca-22);
  line-height: var(--leading-ca-22);
}
.leading-ca-33 {
  --tw-leading: var(--leading-ca-33);
  line-height: var(--leading-ca-33);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.\[font-weight\:650\] {
  font-weight: 650;
}
.\[font-weight\:750\] {
  font-weight: 750;
}
.\[font-weight\:760\] {
  font-weight: 760;
}
.tracking-ca-28 {
  --tw-tracking: var(--tracking-ca-28);
  letter-spacing: var(--tracking-ca-28);
}
.\[letter-spacing\:0\.08em\] {
  letter-spacing: 0.08em;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.\[color\:inherit\] {
  color: inherit;
}
.\[color\:white\] {
  color: white;
}
.text-ca-5-color {
  color: var(--color-ca-5-color);
}
.text-ca-7-color-2 {
  color: var(--color-ca-7-color-2);
}
.text-ca-danger {
  color: var(--danger);
}
.text-ca-ink {
  color: var(--ink);
}
.text-ca-muted {
  color: var(--muted);
}
.text-ca-success {
  color: var(--success);
}
.text-ca-warning {
  color: var(--warning);
}
.uppercase {
  text-transform: uppercase;
}
.\[font-style\:inherit\] {
  font-style: inherit;
}
.\[font-stretch\:inherit\] {
  font-stretch: inherit;
}
.\[color-scheme\:light\] {
  color-scheme: light;
}
.shadow-ca-24 {
  --tw-shadow: var(--tw-shadow-color, rgba(0, 0, 0, 0.03)) 0px 1px 2px;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-ca-31 {
  --tw-shadow: var(--tw-shadow-color, rgba(0, 0, 0, 0.03)) 0px 1px 2px;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[rgba\(0\,_0\,_0\,_0\.2\)_0px_8px_24px\] {
  --tw-shadow-color: rgba(0, 0, 0, 0.2);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.2) 0px 8px 24px var(--tw-shadow-alpha), transparent);
  }
}
.shadow-\[rgba\(0\,_0\,_0\,_0\.07\)_0px_1px_3px\] {
  --tw-shadow-color: rgba(0, 0, 0, 0.07);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.07) 0px 1px 3px var(--tw-shadow-alpha), transparent);
  }
}
.\[backdrop-filter\:blur\(14px\)\] {
  backdrop-filter: blur(14px);
}
.\[--accent\:\#087cf0\] {
  --accent: #087cf0;
}
.\[--canvas\:\#f7f7f8\] {
  --canvas: #f7f7f8;
}
.\[--danger\:\#d04455\] {
  --danger: #d04455;
}
.\[--ink\:\#17181b\] {
  --ink: #17181b;
}
.\[--line\:\#e3e4e8\] {
  --line: #e3e4e8;
}
.\[--muted\:\#747780\] {
  --muted: #747780;
}
.\[--radius\:14px\] {
  --radius: 14px;
}
.\[--soft\:\#f1f2f4\] {
  --soft: #f1f2f4;
}
.\[--success\:\#16885c\] {
  --success: #16885c;
}
.\[--surface\:\#fff\] {
  --surface: #fff;
}
.\[--warning\:\#b76b11\] {
  --warning: #b76b11;
}
.\[background\:rgb\(23\,_24\,_27\)\] {
  background: rgb(23, 24, 27);
}
.\[background\:rgb\(174\,_183\,_196\)\] {
  background: rgb(174, 183, 196);
}
.\[background\:rgb\(223\,_230\,_239\)\] {
  background: rgb(223, 230, 239);
}
.\[background\:rgb\(251\,_252\,_254\)\] {
  background: rgb(251, 252, 254);
}
.\[background\:rgba\(255\,_255\,_255\,_0\.94\)\] {
  background: rgba(255, 255, 255, 0.94);
}
.\[background\:var\(--accent\)\] {
  background: var(--accent);
}
.\[background\:var\(--canvas\)\] {
  background: var(--canvas);
}
.\[background\:var\(--soft\)\] {
  background: var(--soft);
}
.\[background\:var\(--surface\)\] {
  background: var(--surface);
}
.\[border-right\:1px_solid_var\(--line\)\] {
  border-right: 1px solid var(--line);
}
.\[border-top\:1px_solid_var\(--line\)\] {
  border-top: 1px solid var(--line);
}
.\[font-kerning\:inherit\] {
  font-kerning: inherit;
}
.\[font-optical-sizing\:inherit\] {
  font-optical-sizing: inherit;
}
.\[font-size-adjust\:inherit\] {
  font-size-adjust: inherit;
}
.\[font-variant\:inherit\] {
  font-variant: inherit;
}
.\[font-variation-settings\:inherit\] {
  font-variation-settings: inherit;
}
.\[font\:inherit\] {
  font: inherit;
}
.\[stroke-dasharray\:5\,_7\] {
  stroke-dasharray: 5, 7;
}
.\[stroke-linecap\:round\] {
  stroke-linecap: round;
}
.\[stroke-linejoin\:round\] {
  stroke-linejoin: round;
}
.\[text-decoration\:none\] {
  text-decoration: none;
}
.ca-ca-1-border {
  border: 1px solid var(--line);
}
.ca-ca-14-border-bottom {
  border-bottom: 1px solid var(--line);
}
.ca-ca-16-border {
  border: 0px;
}
.ca-ca-17-border {
  border: 0px;
}
.ca-ca-22-border {
  border: 0px;
}
.ca-ca-24-border {
  border: 1px solid var(--line);
}
.ca-ca-31-border {
  border: 1px solid var(--line);
}
.ca-ca-33-border {
  border: 0px;
}
@media (width < 900px) {
  .max-\[900px\]\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .max-\[900px\]\:hidden {
    display: none;
  }
  .max-\[900px\]\:grid-cols-\[1fr\] {
    grid-template-columns: 1fr;
  }
  .max-\[900px\]\:\[padding\:11px_16px\] {
    padding: 11px 16px;
  }
  .max-\[900px\]\:\[padding\:14px_16px_32px\] {
    padding: 14px 16px 32px;
  }
}
@media (width < 520px) {
  .max-\[520px\]\:hidden {
    display: none;
  }
  .max-\[520px\]\:flex-col {
    flex-direction: column;
  }
  .max-\[520px\]\:items-start {
    align-items: flex-start;
  }
  .max-\[520px\]\:gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .max-\[520px\]\:\[padding\:0px_10px\] {
    padding: 0px 10px;
  }
  .max-\[520px\]\:p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .max-\[520px\]\:p-3\.25 {
    padding: calc(var(--spacing) * 3.25);
  }
  .max-\[520px\]\:\[font-size\:12px\] {
    font-size: 12px;
  }
  .max-\[520px\]\:text-ca-28-font-size {
    font-size: var(--text-ca-28-font-size);
  }
}
.dark\:\[color-scheme\:dark\]:where(html[data-ca-theme="dark"][data-ca-theme], html[data-ca-theme="dark"][data-ca-theme] *, html:has(#ca-t-d:target), html:has(#ca-t-d:target) *) {
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  .dark\:\[color-scheme\:dark\]:where(html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)), html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)) *) {
    color-scheme: dark;
  }
}
.dark\:\[--accent\:\#55a7ff\]:where(html[data-ca-theme="dark"][data-ca-theme], html[data-ca-theme="dark"][data-ca-theme] *, html:has(#ca-t-d:target), html:has(#ca-t-d:target) *) {
  --accent: #55a7ff;
}
@media (prefers-color-scheme: dark) {
  .dark\:\[--accent\:\#55a7ff\]:where(html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)), html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)) *) {
    --accent: #55a7ff;
  }
}
.dark\:\[--canvas\:\#111318\]:where(html[data-ca-theme="dark"][data-ca-theme], html[data-ca-theme="dark"][data-ca-theme] *, html:has(#ca-t-d:target), html:has(#ca-t-d:target) *) {
  --canvas: #111318;
}
@media (prefers-color-scheme: dark) {
  .dark\:\[--canvas\:\#111318\]:where(html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)), html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)) *) {
    --canvas: #111318;
  }
}
.dark\:\[--danger\:\#ff7d8c\]:where(html[data-ca-theme="dark"][data-ca-theme], html[data-ca-theme="dark"][data-ca-theme] *, html:has(#ca-t-d:target), html:has(#ca-t-d:target) *) {
  --danger: #ff7d8c;
}
@media (prefers-color-scheme: dark) {
  .dark\:\[--danger\:\#ff7d8c\]:where(html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)), html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)) *) {
    --danger: #ff7d8c;
  }
}
.dark\:\[--ink\:\#f4f6f8\]:where(html[data-ca-theme="dark"][data-ca-theme], html[data-ca-theme="dark"][data-ca-theme] *, html:has(#ca-t-d:target), html:has(#ca-t-d:target) *) {
  --ink: #f4f6f8;
}
@media (prefers-color-scheme: dark) {
  .dark\:\[--ink\:\#f4f6f8\]:where(html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)), html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)) *) {
    --ink: #f4f6f8;
  }
}
.dark\:\[--line\:\#e3e4e8\]:where(html[data-ca-theme="dark"][data-ca-theme], html[data-ca-theme="dark"][data-ca-theme] *, html:has(#ca-t-d:target), html:has(#ca-t-d:target) *) {
  --line: #e3e4e8;
}
@media (prefers-color-scheme: dark) {
  .dark\:\[--line\:\#e3e4e8\]:where(html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)), html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)) *) {
    --line: #e3e4e8;
  }
}
.dark\:\[--muted\:\#9ca3af\]:where(html[data-ca-theme="dark"][data-ca-theme], html[data-ca-theme="dark"][data-ca-theme] *, html:has(#ca-t-d:target), html:has(#ca-t-d:target) *) {
  --muted: #9ca3af;
}
@media (prefers-color-scheme: dark) {
  .dark\:\[--muted\:\#9ca3af\]:where(html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)), html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)) *) {
    --muted: #9ca3af;
  }
}
.dark\:\[--soft\:\#242831\]:where(html[data-ca-theme="dark"][data-ca-theme], html[data-ca-theme="dark"][data-ca-theme] *, html:has(#ca-t-d:target), html:has(#ca-t-d:target) *) {
  --soft: #242831;
}
@media (prefers-color-scheme: dark) {
  .dark\:\[--soft\:\#242831\]:where(html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)), html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)) *) {
    --soft: #242831;
  }
}
.dark\:\[--success\:\#55c995\]:where(html[data-ca-theme="dark"][data-ca-theme], html[data-ca-theme="dark"][data-ca-theme] *, html:has(#ca-t-d:target), html:has(#ca-t-d:target) *) {
  --success: #55c995;
}
@media (prefers-color-scheme: dark) {
  .dark\:\[--success\:\#55c995\]:where(html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)), html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)) *) {
    --success: #55c995;
  }
}
.dark\:\[--surface\:\#191c22\]:where(html[data-ca-theme="dark"][data-ca-theme], html[data-ca-theme="dark"][data-ca-theme] *, html:has(#ca-t-d:target), html:has(#ca-t-d:target) *) {
  --surface: #191c22;
}
@media (prefers-color-scheme: dark) {
  .dark\:\[--surface\:\#191c22\]:where(html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)), html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)) *) {
    --surface: #191c22;
  }
}
.dark\:\[--warning\:\#efb566\]:where(html[data-ca-theme="dark"][data-ca-theme], html[data-ca-theme="dark"][data-ca-theme] *, html:has(#ca-t-d:target), html:has(#ca-t-d:target) *) {
  --warning: #efb566;
}
@media (prefers-color-scheme: dark) {
  .dark\:\[--warning\:\#efb566\]:where(html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)), html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)) *) {
    --warning: #efb566;
  }
}
.dark\:\[background\:rgb\(24\,_27\,_33\)\]:where(html[data-ca-theme="dark"][data-ca-theme], html[data-ca-theme="dark"][data-ca-theme] *, html:has(#ca-t-d:target), html:has(#ca-t-d:target) *) {
  background: rgb(24, 27, 33);
}
@media (prefers-color-scheme: dark) {
  .dark\:\[background\:rgb\(24\,_27\,_33\)\]:where(html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)), html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)) *) {
    background: rgb(24, 27, 33);
  }
}
.dark\:\[background\:rgba\(25\,_28\,_34\,_0\.94\)\]:where(html[data-ca-theme="dark"][data-ca-theme], html[data-ca-theme="dark"][data-ca-theme] *, html:has(#ca-t-d:target), html:has(#ca-t-d:target) *) {
  background: rgba(25, 28, 34, 0.94);
}
@media (prefers-color-scheme: dark) {
  .dark\:\[background\:rgba\(25\,_28\,_34\,_0\.94\)\]:where(html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)), html:not([data-ca-theme]):not(:has(#ca-t-l:target)):not(:has(#ca-t-d:target)) *) {
    background: rgba(25, 28, 34, 0.94);
  }
}
@layer theme {
  :root {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }
}
* {
  box-sizing: border-box;
}
.ca-23 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0px, 1fr));
  gap: 12px;
}
@media (max-width: 900px) {
  .ca-23 {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}
@media (max-width: 520px) {
  .ca-23 {
    grid-template-columns: 1fr 1fr;
  }
}
*::before {
  box-sizing: border-box;
}
*::after {
  box-sizing: border-box;
}
.sl-week-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 1100px) {
  .sl-week-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .sl-week-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 520px) {
  .sl-week-grid {
    grid-template-columns: 1fr;
  }
}
.sl-shift-chip {
  display: grid;
  gap: 2px;
  padding: 8px 10px;
  border-radius: 10px;
  background: var(--soft);
  font-size: 12px;
}
.sl-shift-chip strong {
  font-size: 13px;
}
.sl-empty-day {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}
.sl-dialog {
  width: min(100% - 32px, 420px);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 0;
  background: var(--surface);
  color: var(--ink);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
}
.sl-dialog::backdrop {
  background: rgba(17, 19, 24, 0.45);
}
.sl-dialog-body {
  display: grid;
  gap: 12px;
  padding: 18px;
}
.sl-dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 4px;
}
.sl-field {
  display: grid;
  gap: 6px;
}
.sl-field label {
  font-size: 12px;
  font-weight: 700;
  color: var(--muted);
}
.sl-field input, .sl-field select {
  min-height: 36px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 0 12px;
  background: var(--canvas);
  color: var(--ink);
  font: inherit;
}
.sl-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.sl-filters select {
  min-height: 34px;
  border: 0;
  border-radius: 10px;
  padding: 0 12px;
  background: var(--soft);
  color: var(--ink);
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}
.sl-mobile-nav {
  display: none;
  gap: 8px;
  align-items: center;
}
@media (max-width: 900px) {
  .sl-mobile-nav {
    display: flex;
  }
}
@media (max-width: 520px) {
  header.sticky {
    flex-wrap: nowrap;
    gap: 8px;
  }
  header.sticky .sl-mobile-nav span:last-child {
    max-width: 7.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 900px) {
  .max-\[900px\]\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}
