/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-black: #000; --color-white: #fff; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-3xl: 1.875rem; --text-5xl: 3rem; --text-8xl: 6rem; --font-weight-semibold: 600; --font-weight-bold: 700; --radius-lg: var(--radius); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --font-display: var(--display-family); --font-text: var(--text-family); } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .visible { visibility: visible; } .relative { position: relative; } .static { position: static; } .mt-\[1em\] { margin-top: 1em; } .mt-\[3em\] { margin-top: 3em; } .mb-\[0\.5em\] { margin-bottom: 0.5em; } .mb-\[1em\] { margin-bottom: 1em; } .mb-\[3em\] { margin-bottom: 3em; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .hidden { display: none; } .table { display: table; } .min-h-full { min-height: 100%; } .w-full { width: 100%; } .max-w-\[50\%\] { max-width: 50%; } .max-w-full { max-width: 100%; } .min-w-fit { min-width: fit-content; } .grow { flex-grow: 1; } .basis-full { flex-basis: 100%; } .cursor-pointer { cursor: pointer; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .items-stretch { align-items: stretch; } .justify-center { justify-content: center; } .gap-y-\[2em\] { row-gap: 2em; } .overflow-x-auto { overflow-x: auto; } .overflow-x-scroll { overflow-x: scroll; } .overflow-y-hidden { overflow-y: hidden; } .rounded-lg { border-radius: var(--radius); } .rounded-sm { border-radius: calc(var(--radius) - 4px); } .border-\[1px\] { border-style: var(--tw-border-style); border-width: 1px; } .border-sidebar-border { border-color: var(--sidebar-border); } .bg-background { background-color: var(--background); } .bg-card { background-color: var(--card); } .p-\[0\.5em\] { padding: 0.5em; } .p-\[1em\] { padding: 1em; } .p-\[2em\] { padding: 2em; } .pt-\[1em\] { padding-top: 1em; } .pb-\[1em\] { padding-bottom: 1em; } .text-center { text-align: center; } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .text-nowrap { text-wrap: nowrap; } .italic { font-style: italic; } .underline { text-decoration-line: underline; } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .hover\:bg-accent { &:hover { @media (hover: hover) { background-color: var(--accent); } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .disabled\:cursor-not-allowed { &:disabled { cursor: not-allowed; } } .disabled\:bg-accent-secondary { &:disabled { background-color: var(--accent-secondary); } } .disabled\:no-underline { &:disabled { text-decoration-line: none; } } } @layer base { select { padding: 0.5em; } } @import url('https://fonts.googleapis.com/css2?family=Geist:wght@600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300&display=swap'); :root { --display-family: "Geist", "sans-serif"; --display-weight: 600; --text-family: "Alexandria", "sans-serif"; --text-weight: 300; --base-50: oklch(0.9869 0.0042 280.57); --base-100: oklch(0.9703 0.0084 281.74); --base-200: oklch(0.9309 0.0168 282.31); --base-300: oklch(0.8708 0.0252 283.4); --base-400: oklch(0.7052 0.0378 286.14); --base-500: oklch(0.5544 0.0504 286.81); --base-600: oklch(0.4463 0.0483 286.39); --base-700: oklch(0.3722 0.0441 286.47); --base-800: oklch(0.2638 0.0399 288.01); --base-900: oklch(0.2083 0.0347 289.9); --base-950: oklch(0.1292 0.0315 290.68); --base-1000: oklch(0.0781 0.0294 290.82); --primary-50: oklch(0.9866 0.0288 120.05); --primary-100: oklch(0.9676 0.0628 121.5); --primary-200: oklch(0.9384 0.1189 123.4); --primary-300: oklch(0.8719 0.1829 125.59); --primary-400: oklch(0.8416 0.2214 127.63); --primary-500: oklch(0.7692 0.2165 129.47); --primary-600: oklch(0.6495 0.1859 130.24); --primary-700: oklch(0.5331 0.1462 130.1); --primary-800: oklch(0.4542 0.1157 129.41); --primary-900: oklch(0.406 0.0943 129.43); --primary-950: oklch(0.2748 0.0672 130.42); --primary-1000: oklch(0.1896 0.0494 131.02); --secondary-50: oklch(0.9792 0.0142 56.84); --secondary-100: oklch(0.9531 0.0338 55.36); --secondary-200: oklch(0.9004 0.0676 53.94); --secondary-300: oklch(0.8362 0.114 51.61); --secondary-400: oklch(0.7489 0.1635 49.36); --secondary-500: oklch(0.7164 0.1906 47.14); --secondary-600: oklch(0.6445 0.1986 44.75); --secondary-700: oklch(0.5519 0.1744 42.09); --secondary-800: oklch(0.4693 0.1405 40.02); --secondary-900: oklch(0.4076 0.1102 38.89); --secondary-950: oklch(0.2656 0.0708 38); --secondary-1000: oklch(0.1738 0.0448 36.79); --background: var(--base-50); --foreground: var(--base-800); --card: var(--color-white); --card-foreground: var(--base-800); --popover: var(--color-white); --popover-foreground: var(--base-800); --primary: var(--primary-300); --primary-foreground: var(--color-black); --secondary: var(--secondary-500); --secondary-foreground: var(--color-black); --muted: var(--base-100); --muted-foreground: var(--base-600); --accent: var(--base-100); --accent-secondary: var(--base-300); --accent-foreground: var(--base-800); --destructive: oklch(0.577 0.245 27.325); --border: var(--base-200); --input: var(--base-300); --ring: var(--primary-300); --chart-1: var(--primary-300); --chart-2: var(--secondary-500); --chart-3: var(--primary-400); --chart-4: var(--secondary-300); --chart-5: var(--primary-300); --radius: 0.5rem; --sidebar: var(--color-white); --sidebar-foreground: var(--base-800); --sidebar-primary: var(--primary-300); --sidebar-primary-foreground: var(--color-black); --sidebar-accent: var(--base-50); --sidebar-accent-foreground: var(--base-800); --sidebar-border: var(--base-200); --sidebar-ring: var(--primary-300); --table-thead: var(--base-400); --table-tbody: var(--base-200); --table-tfoot: var(--base-400); --table-border: var(--base-300); --table-body-border: var(--base-500); --table-inner-border: var(--base-300); --display-color: var(--foreground); --text-color: var(--foreground); @media (prefers-color-scheme: dark) { --background: var(--base-950); --foreground: var(--base-200); --card: var(--base-900); --card-foreground: var(--base-200); --popover: var(--base-900); --popover-foreground: var(--base-200); --primary: var(--primary-300); --primary-foreground: var(--color-black); --secondary: var(--secondary-500); --secondary-foreground: var(--color-black); --muted: var(--base-800); --muted-foreground: var(--base-300); --accent: var(--base-800); --accent-secondary: var(--base-600); --accent-foreground: var(--base-200); --destructive: oklch(0.704 0.191 22.216); --border: var(--base-800); --input: var(--base-700); --ring: var(--primary-300); --chart-1: var(--primary-300); --chart-2: var(--secondary-500); --chart-3: var(--primary-400); --chart-4: var(--secondary-300); --chart-5: var(--primary-300); --sidebar: var(--base-900); --sidebar-foreground: var(--base-200); --sidebar-primary: var(--primary-300); --sidebar-primary-foreground: var(--color-black); --sidebar-accent: var(--base-800); --sidebar-accent-foreground: var(--base-200); --sidebar-border: var(--base-800); --sidebar-ring: var(--primary-300); --table-thead: var(--base-600); --table-tbody: var(--base-800); --table-tfoot: var(--base-600); --table-border: var(--base-700); --table-body-border: var(--base-500); --table-inner-border: var(--base-700); } } @layer theme { * { color: var(--foreground); } } .dark { --background: var(--base-950); --foreground: var(--base-200); --card: var(--base-900); --card-foreground: var(--base-200); --popover: var(--base-900); --popover-foreground: var(--base-200); --primary: var(--primary-300); --primary-foreground: var(--color-black); --secondary: var(--secondary-500); --secondary-foreground: var(--color-black); --muted: var(--base-800); --muted-foreground: var(--base-300); --accent: var(--base-800); --accent-secondary: var(--base-600); --accent-foreground: var(--base-200); --destructive: oklch(0.704 0.191 22.216); --border: var(--base-800); --input: var(--base-700); --ring: var(--primary-300); --chart-1: var(--primary-300); --chart-2: var(--secondary-500); --chart-3: var(--primary-400); --chart-4: var(--secondary-300); --chart-5: var(--primary-300); --sidebar: var(--base-900); --sidebar-foreground: var(--base-200); --sidebar-primary: var(--primary-300); --sidebar-primary-foreground: var(--color-black); --sidebar-accent: var(--base-800); --sidebar-accent-foreground: var(--base-200); --sidebar-border: var(--base-800); --sidebar-ring: var(--primary-300); } @layer base { * { font-family: var(--font-text); font-weight: var(--text-weight); } h1, h2, h3, h4, h5, h6, label { font-family: var(--font-display); font-weight: var(--display-weight); } h1 { font-size: var(--text-8xl); } h2 { font-size: var(--text-5xl); } h3 { font-size: var(--text-3xl); } h4 { font-size: var(--text-xl); } h5 { font-size: var(--text-lg); } h6 { font-size: var(--text-md); } ul, ol { list-style: none; } a:hover { text-decoration: underline; } .font-display { font-family: var(--font-display); font-weight: var(--display-weight); } .font-text { font-family: var(--font-text); font-weight: var(--text-weight); } } @layer component { header, footer { background-color: var(--sidebar); } a.selected { background-color: var(--sidebar-accent); } } :root { --border-thin: 1px; --border-medium: 2px; } @layer base { header, footer { border-color: var(--sidebar-border); } header { border-bottom-width: 1px; } footer { border-top-width: 1px; } select { border-width: var(--border-medium); border-color: var(--border); border-radius: var(--radius-lg); } .border-thin { border-width: var(--border-thin); } .border-medium { border-width: var(--border-medium); } .border-button { border-width: var(--border-medium); border-radius: var(--radius-lg); } } @layer components { table { display: block; border-collapse: collapse; thead { border-color: var(--table-border); border-width: var(--border-thin) var(--border-thin) 0 var(--border-thin); & > tr { border-color: var(--table-body-border); & > :is(th, td) { border-color: var(--table-body-border); background-color: var(--table-thead); } } & + tbody { border-top-width: var(--border-thin); } } tbody { border-color: var(--table-body-border) var(--table-border); border-left-width: var(--border-thin); border-right-width: var(--border-thin); border-bottom-width: 0; & > tr { border-color: var(--table-border); & > :is(th, td) { border-color: var(--table-border); background-color: var(--table-tbody); } } &:has(+ tfoot) { border-bottom-width: var(--border-thin); } } tfoot { border-color: var(--table-border); border-width: 0 var(--border-thin) var(--border-thin) var(--border-thin); & > tr { border-color: var(--table-body-border); & > :is(th, td) { border-color: var(--table-body-border); background-color: var(--table-tfoot); } } } th, td { padding: 0.5em; } tr { border-width: 0 0 var(--border-thin) 0; &:last-child { border: none; } } th, td { border-width: 0 var(--border-thin) 0 0; &:last-child { border: none; } } } } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @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-border-style: solid; --tw-font-weight: initial; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; } } }