Something went wrong. Try again.
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364@import "tailwindcss";
@font-face { font-family: "Iosevka"; font-style: normal; font-display: swap; font-weight: 400; src: url(https://cdn.jsdelivr.net/fontsource/fonts/iosevka@latest/latin-400-normal.woff2) format("woff2"), url(https://cdn.jsdelivr.net/fontsource/fonts/iosevka@latest/latin-400-normal.woff) format("woff");}
:root { @apply bg-background text-text font-mono text-lg;
--background: var(--color-zinc-100); --background-contrast: hsl(0 0% 5%); --text: var(--color-black); --text-contrast: var(--color-zinc-200); --border: var(--color-zinc-400); --border-input: var(--color-zinc-300); --bg-input: var(--color-white); --success: hsl(142 71% 30%); --error: var(--color-red-600);
@variant dark { --background: hsl(0 0% 5%); --background-contrast: var(--color-zinc-100); --text: var(--color-zinc-200); --text-contrast: var(--color-black); --border: var(--color-zinc-700); --border-input: var(--color-zinc-800); --bg-input: var(--color-zinc-900); --success: hsl(142 71% 55%); --error: var(--color-red-400); }}
@theme inline { --font-mono: "Iosevka", monospace;
--color-background: var(--background); --color-background-contrast: var(--background-contrast); --color-text: var(--text); --color-text-contrast: var(--text-contrast); --color-border: var(--border); --color-bg-input: var(--bg-input); --color-border-input: var(--border-input); --color-success: var(--success); --color-error: var(--error);
--radius-input: 9px; --spacing-input: 3rem;
--shadow-mini: 0px 1px 0px 1px rgba(0, 0, 0, 0.04); --shadow-btn: 0px 1px 0px 1px rgba(0, 0, 0, 0.03);}
@utility focus-ring { @apply focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current;}