@layer nashi{*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}}@layer niji{:root,:host{--nada-font:"Atkinson Hyperlegible Next", sans-serif;--nada-font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--nada-base-base:#636b2f;--nada-color-light:#fff;--nada-color-dark:#000;--neutral-padding:4%;--neutra-steps:9;--nada-red-base:red;--nada-green-base:green;--nada-blue-base:blue;--nada-cyan-base:cyan;--nada-magenta-base:magenta;--nada-yellow-base:yellow;--nada-purple-base:purple;--nada-orange-base:orange;--nada-brown-base:brown;--nada-white-base:white;--nada-black-base:black;--nada-pink-base:pink;--l-MAX:.91;--l-MIN:.2;--c-MAX:.024;--c-MIN:.01;--light-steps:5;--dark-steps:4;--hue-shift:30;--hue-shift-warm:50;--hue-shift-cool:40;--nada-info-base:var(--nada-color-blue-500,blue);--nada-ok-base:var(--nada-color-green-500,green);--nada-important-base:var(--nada-color-purple-500,purple);--nada-warn-base:var(--nada-color-orange-500,orange);--nada-bad-base:var(--nada-color-red-500,red);--nada-color-base-50:oklch(from var(--nada-base-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 5) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 5) calc(h - var(--hue-shift-warm) * 1));--nada-color-base-100:oklch(from var(--nada-base-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 4) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 4) calc(h - var(--hue-shift-warm) * .8));--nada-color-base-200:oklch(from var(--nada-base-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 3) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 3) calc(h - var(--hue-shift-warm) * .6));--nada-color-base-300:oklch(from var(--nada-base-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 2) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 2) calc(h - var(--hue-shift-warm) * .4));--nada-color-base-400:oklch(from var(--nada-base-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 1) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 1) calc(h - var(--hue-shift-warm) * .2));--nada-color-base-500:var(--nada-base-base);--nada-color-base-600:oklch(from var(--nada-base-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 1) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 1) calc(h + var(--hue-shift-cool) * .25));--nada-color-base-700:oklch(from var(--nada-base-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 2) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 2) calc(h + var(--hue-shift-cool) * .5));--nada-color-base-800:oklch(from var(--nada-base-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 3) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 3) calc(h + var(--hue-shift-cool) * .75));--nada-color-base-900:oklch(from var(--nada-base-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 4) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 4) calc(h + var(--hue-shift-cool) * 1));--nada-color-neutral-50:color-mix(in oklch, var(--nada-color-light) calc(100% / var(--neutra-steps) * var(--neutra-steps) - var(--neutral-padding)), var(--nada-color-dark));--nada-color-neutral-100:color-mix(in oklch, var(--nada-color-light) calc(100% / var(--neutra-steps) * 8 - var(--neutral-padding)), var(--nada-color-dark));--nada-color-neutral-200:color-mix(in oklch, var(--nada-color-light) calc(100% / var(--neutra-steps) * 7 - var(--neutral-padding)), var(--nada-color-dark));--nada-color-neutral-300:color-mix(in oklch, var(--nada-color-light) calc(100% / var(--neutra-steps) * 6 - var(--neutral-padding)), var(--nada-color-dark));--nada-color-neutral-400:color-mix(in oklch, var(--nada-color-light) calc(100% / var(--neutra-steps) * 6 - var(--neutral-padding)), var(--nada-color-dark));--nada-color-neutral-500:color-mix(in oklch, var(--nada-color-light) calc(100% / var(--neutra-steps) * 5 - var(--neutral-padding)), var(--nada-color-dark));--nada-color-neutral-600:color-mix(in oklch, var(--nada-color-light) calc(100% / var(--neutra-steps) * 4 - var(--neutral-padding)), var(--nada-color-dark));--nada-color-neutral-700:color-mix(in oklch, var(--nada-color-light) calc(100% / var(--neutra-steps) * 3 - var(--neutral-padding)), var(--nada-color-dark));--nada-color-neutral-800:color-mix(in oklch, var(--nada-color-light) calc(100% / var(--neutra-steps) * 2 - var(--neutral-padding)), var(--nada-color-dark));--nada-color-neutral-900:color-mix(in oklch, var(--nada-color-light) calc(100% / var(--neutra-steps) * 1 - var(--neutral-padding)), var(--nada-color-dark));--nada-color-important-50:oklch(from var(--nada-important-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 5) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 5) calc(h - var(--hue-shift-warm) * 1));--nada-color-important-100:oklch(from var(--nada-important-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 4) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 4) calc(h - var(--hue-shift-warm) * .8));--nada-color-important-200:oklch(from var(--nada-important-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 3) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 3) calc(h - var(--hue-shift-warm) * .6));--nada-color-important-300:oklch(from var(--nada-important-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 2) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 2) calc(h - var(--hue-shift-warm) * .4));--nada-color-important-400:oklch(from var(--nada-important-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 1) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 1) calc(h - var(--hue-shift-warm) * .2));--nada-color-important-500:var(--nada-important-base);--nada-color-important-600:oklch(from var(--nada-important-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 1) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 1) calc(h + var(--hue-shift-cool) * .25));--nada-color-important-700:oklch(from var(--nada-important-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 2) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 2) calc(h + var(--hue-shift-cool) * .5));--nada-color-important-800:oklch(from var(--nada-important-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 3) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 3) calc(h + var(--hue-shift-cool) * .75));--nada-color-important-900:oklch(from var(--nada-important-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 4) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 4) calc(h + var(--hue-shift-cool) * 1));--nada-color-info-50:oklch(from var(--nada-info-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 5) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 5) calc(h - var(--hue-shift-warm) * 1));--nada-color-info-100:oklch(from var(--nada-info-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 4) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 4) calc(h - var(--hue-shift-warm) * .8));--nada-color-info-200:oklch(from var(--nada-info-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 3) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 3) calc(h - var(--hue-shift-warm) * .6));--nada-color-info-300:oklch(from var(--nada-info-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 2) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 2) calc(h - var(--hue-shift-warm) * .4));--nada-color-info-400:oklch(from var(--nada-info-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 1) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 1) calc(h - var(--hue-shift-warm) * .2));--nada-color-info-500:var(--nada-info-base);--nada-color-info-600:oklch(from var(--nada-info-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 1) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 1) calc(h + var(--hue-shift-cool) * .25));--nada-color-info-700:oklch(from var(--nada-info-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 2) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 2) calc(h + var(--hue-shift-cool) * .5));--nada-color-info-800:oklch(from var(--nada-info-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 3) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 3) calc(h + var(--hue-shift-cool) * .75));--nada-color-info-900:oklch(from var(--nada-info-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 4) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 4) calc(h + var(--hue-shift-cool) * 1));--nada-color-ok-50:oklch(from var(--nada-ok-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 5) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 5) calc(h - var(--hue-shift-warm) * 1));--nada-color-ok-100:oklch(from var(--nada-ok-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 4) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 4) calc(h - var(--hue-shift-warm) * .8));--nada-color-ok-200:oklch(from var(--nada-ok-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 3) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 3) calc(h - var(--hue-shift-warm) * .6));--nada-color-ok-300:oklch(from var(--nada-ok-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 2) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 2) calc(h - var(--hue-shift-warm) * .4));--nada-color-ok-400:oklch(from var(--nada-ok-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 1) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 1) calc(h - var(--hue-shift-warm) * .2));--nada-color-ok-500:var(--nada-ok-base);--nada-color-ok-600:oklch(from var(--nada-ok-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 1) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 1) calc(h + var(--hue-shift-cool) * .25));--nada-color-ok-700:oklch(from var(--nada-ok-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 2) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 2) calc(h + var(--hue-shift-cool) * .5));--nada-color-ok-800:oklch(from var(--nada-ok-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 3) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 3) calc(h + var(--hue-shift-cool) * .75));--nada-color-ok-900:oklch(from var(--nada-ok-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 4) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 4) calc(h + var(--hue-shift-cool) * 1));--nada-color-warn-50:oklch(from var(--nada-warn-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 5) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 5) calc(h - var(--hue-shift-warm) * 1));--nada-color-warn-100:oklch(from var(--nada-warn-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 4) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 4) calc(h - var(--hue-shift-warm) * .8));--nada-color-warn-200:oklch(from var(--nada-warn-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 3) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 3) calc(h - var(--hue-shift-warm) * .6));--nada-color-warn-300:oklch(from var(--nada-warn-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 2) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 2) calc(h - var(--hue-shift-warm) * .4));--nada-color-warn-400:oklch(from var(--nada-warn-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 1) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 1) calc(h - var(--hue-shift-warm) * .2));--nada-color-warn-500:var(--nada-warn-base);--nada-color-warn-600:oklch(from var(--nada-warn-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 1) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 1) calc(h + var(--hue-shift-cool) * .25));--nada-color-warn-700:oklch(from var(--nada-warn-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 2) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 2) calc(h + var(--hue-shift-cool) * .5));--nada-color-warn-800:oklch(from var(--nada-warn-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 3) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 3) calc(h + var(--hue-shift-cool) * .75));--nada-color-warn-900:oklch(from var(--nada-warn-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 4) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 4) calc(h + var(--hue-shift-cool) * 1));--nada-color-bad-50:oklch(from var(--nada-bad-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 5) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 5) calc(h - var(--hue-shift-warm) * 1));--nada-color-bad-100:oklch(from var(--nada-bad-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 4) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 4) calc(h - var(--hue-shift-warm) * .8));--nada-color-bad-200:oklch(from var(--nada-bad-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 3) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 3) calc(h - var(--hue-shift-warm) * .6));--nada-color-bad-300:oklch(from var(--nada-bad-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 2) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 2) calc(h - var(--hue-shift-warm) * .4));--nada-color-bad-400:oklch(from var(--nada-bad-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 1) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 1) calc(h - var(--hue-shift-warm) * .2));--nada-color-bad-500:var(--nada-bad-base);--nada-color-bad-600:oklch(from var(--nada-bad-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 1) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 1) calc(h + var(--hue-shift-cool) * .25));--nada-color-bad-700:oklch(from var(--nada-bad-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 2) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 2) calc(h + var(--hue-shift-cool) * .5));--nada-color-bad-800:oklch(from var(--nada-bad-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 3) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 3) calc(h + var(--hue-shift-cool) * .75));--nada-color-bad-900:oklch(from var(--nada-bad-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 4) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 4) calc(h + var(--hue-shift-cool) * 1));--nada-color-red-50:oklch(from var(--nada-red-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 5) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 5) calc(h - var(--hue-shift-warm) * 1));--nada-color-red-100:oklch(from var(--nada-red-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 4) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 4) calc(h - var(--hue-shift-warm) * .8));--nada-color-red-200:oklch(from var(--nada-red-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 3) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 3) calc(h - var(--hue-shift-warm) * .6));--nada-color-red-300:oklch(from var(--nada-red-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 2) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 2) calc(h - var(--hue-shift-warm) * .4));--nada-color-red-400:oklch(from var(--nada-red-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 1) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 1) calc(h - var(--hue-shift-warm) * .2));--nada-color-red-500:var(--nada-red-base);--nada-color-red-600:oklch(from var(--nada-red-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 1) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 1) calc(h + var(--hue-shift-cool) * .25));--nada-color-red-700:oklch(from var(--nada-red-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 2) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 2) calc(h + var(--hue-shift-cool) * .5));--nada-color-red-800:oklch(from var(--nada-red-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 3) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 3) calc(h + var(--hue-shift-cool) * .75));--nada-color-red-900:oklch(from var(--nada-red-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 4) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 4) calc(h + var(--hue-shift-cool) * 1));--nada-color-green-50:oklch(from var(--nada-green-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 5) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 5) calc(h - var(--hue-shift-warm) * 1));--nada-color-green-100:oklch(from var(--nada-green-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 4) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 4) calc(h - var(--hue-shift-warm) * .8));--nada-color-green-200:oklch(from var(--nada-green-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 3) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 3) calc(h - var(--hue-shift-warm) * .6));--nada-color-green-300:oklch(from var(--nada-green-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 2) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 2) calc(h - var(--hue-shift-warm) * .4));--nada-color-green-400:oklch(from var(--nada-green-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 1) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 1) calc(h - var(--hue-shift-warm) * .2));--nada-color-green-500:var(--nada-green-base);--nada-color-green-600:oklch(from var(--nada-green-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 1) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 1) calc(h + var(--hue-shift-cool) * .25));--nada-color-green-700:oklch(from var(--nada-green-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 2) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 2) calc(h + var(--hue-shift-cool) * .5));--nada-color-green-800:oklch(from var(--nada-green-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 3) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 3) calc(h + var(--hue-shift-cool) * .75));--nada-color-green-900:oklch(from var(--nada-green-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 4) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 4) calc(h + var(--hue-shift-cool) * 1));--nada-color-blue-50:oklch(from var(--nada-blue-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 5) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 5) calc(h - var(--hue-shift-warm) * 1));--nada-color-blue-100:oklch(from var(--nada-blue-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 4) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 4) calc(h - var(--hue-shift-warm) * .8));--nada-color-blue-200:oklch(from var(--nada-blue-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 3) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 3) calc(h - var(--hue-shift-warm) * .6));--nada-color-blue-300:oklch(from var(--nada-blue-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 2) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 2) calc(h - var(--hue-shift-warm) * .4));--nada-color-blue-400:oklch(from var(--nada-blue-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 1) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 1) calc(h - var(--hue-shift-warm) * .2));--nada-color-blue-500:var(--nada-blue-base);--nada-color-blue-600:oklch(from var(--nada-blue-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 1) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 1) calc(h + var(--hue-shift-cool) * .25));--nada-color-blue-700:oklch(from var(--nada-blue-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 2) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 2) calc(h + var(--hue-shift-cool) * .5));--nada-color-blue-800:oklch(from var(--nada-blue-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 3) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 3) calc(h + var(--hue-shift-cool) * .75));--nada-color-blue-900:oklch(from var(--nada-blue-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 4) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 4) calc(h + var(--hue-shift-cool) * 1));--nada-color-cyan-50:oklch(from var(--nada-cyan-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 5) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 5) calc(h - var(--hue-shift-warm) * 1));--nada-color-cyan-100:oklch(from var(--nada-cyan-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 4) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 4) calc(h - var(--hue-shift-warm) * .8));--nada-color-cyan-200:oklch(from var(--nada-cyan-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 3) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 3) calc(h - var(--hue-shift-warm) * .6));--nada-color-cyan-300:oklch(from var(--nada-cyan-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 2) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 2) calc(h - var(--hue-shift-warm) * .4));--nada-color-cyan-400:oklch(from var(--nada-cyan-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 1) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 1) calc(h - var(--hue-shift-warm) * .2));--nada-color-cyan-500:var(--nada-cyan-base);--nada-color-cyan-600:oklch(from var(--nada-cyan-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 1) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 1) calc(h + var(--hue-shift-cool) * .25));--nada-color-cyan-700:oklch(from var(--nada-cyan-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 2) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 2) calc(h + var(--hue-shift-cool) * .5));--nada-color-cyan-800:oklch(from var(--nada-cyan-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 3) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 3) calc(h + var(--hue-shift-cool) * .75));--nada-color-cyan-900:oklch(from var(--nada-cyan-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 4) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 4) calc(h + var(--hue-shift-cool) * 1));--nada-color-magenta-50:oklch(from var(--nada-magenta-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 5) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 5) calc(h - var(--hue-shift-warm) * 1));--nada-color-magenta-100:oklch(from var(--nada-magenta-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 4) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 4) calc(h - var(--hue-shift-warm) * .8));--nada-color-magenta-200:oklch(from var(--nada-magenta-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 3) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 3) calc(h - var(--hue-shift-warm) * .6));--nada-color-magenta-300:oklch(from var(--nada-magenta-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 2) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 2) calc(h - var(--hue-shift-warm) * .4));--nada-color-magenta-400:oklch(from var(--nada-magenta-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 1) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 1) calc(h - var(--hue-shift-warm) * .2));--nada-color-magenta-500:var(--nada-magenta-base);--nada-color-magenta-600:oklch(from var(--nada-magenta-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 1) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 1) calc(h + var(--hue-shift-cool) * .25));--nada-color-magenta-700:oklch(from var(--nada-magenta-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 2) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 2) calc(h + var(--hue-shift-cool) * .5));--nada-color-magenta-800:oklch(from var(--nada-magenta-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 3) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 3) calc(h + var(--hue-shift-cool) * .75));--nada-color-magenta-900:oklch(from var(--nada-magenta-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 4) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 4) calc(h + var(--hue-shift-cool) * 1));--nada-color-yellow-50:oklch(from var(--nada-yellow-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 5) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 5) calc(h - var(--hue-shift-warm) * 1));--nada-color-yellow-100:oklch(from var(--nada-yellow-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 4) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 4) calc(h - var(--hue-shift-warm) * .8));--nada-color-yellow-200:oklch(from var(--nada-yellow-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 3) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 3) calc(h - var(--hue-shift-warm) * .6));--nada-color-yellow-300:oklch(from var(--nada-yellow-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 2) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 2) calc(h - var(--hue-shift-warm) * .4));--nada-color-yellow-400:oklch(from var(--nada-yellow-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 1) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 1) calc(h - var(--hue-shift-warm) * .2));--nada-color-yellow-500:var(--nada-yellow-base);--nada-color-yellow-600:oklch(from var(--nada-yellow-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 1) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 1) calc(h + var(--hue-shift-cool) * .25));--nada-color-yellow-700:oklch(from var(--nada-yellow-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 2) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 2) calc(h + var(--hue-shift-cool) * .5));--nada-color-yellow-800:oklch(from var(--nada-yellow-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 3) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 3) calc(h + var(--hue-shift-cool) * .75));--nada-color-yellow-900:oklch(from var(--nada-yellow-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 4) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 4) calc(h + var(--hue-shift-cool) * 1));--nada-color-purple-50:oklch(from var(--nada-purple-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 5) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 5) calc(h - var(--hue-shift-warm) * 1));--nada-color-purple-100:oklch(from var(--nada-purple-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 4) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 4) calc(h - var(--hue-shift-warm) * .8));--nada-color-purple-200:oklch(from var(--nada-purple-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 3) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 3) calc(h - var(--hue-shift-warm) * .6));--nada-color-purple-300:oklch(from var(--nada-purple-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 2) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 2) calc(h - var(--hue-shift-warm) * .4));--nada-color-purple-400:oklch(from var(--nada-purple-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 1) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 1) calc(h - var(--hue-shift-warm) * .2));--nada-color-purple-500:var(--nada-purple-base);--nada-color-purple-600:oklch(from var(--nada-purple-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 1) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 1) calc(h + var(--hue-shift-cool) * .25));--nada-color-purple-700:oklch(from var(--nada-purple-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 2) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 2) calc(h + var(--hue-shift-cool) * .5));--nada-color-purple-800:oklch(from var(--nada-purple-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 3) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 3) calc(h + var(--hue-shift-cool) * .75));--nada-color-purple-900:oklch(from var(--nada-purple-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 4) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 4) calc(h + var(--hue-shift-cool) * 1));--nada-color-orange-50:oklch(from var(--nada-orange-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 5) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 5) calc(h - var(--hue-shift-warm) * 1));--nada-color-orange-100:oklch(from var(--nada-orange-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 4) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 4) calc(h - var(--hue-shift-warm) * .8));--nada-color-orange-200:oklch(from var(--nada-orange-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 3) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 3) calc(h - var(--hue-shift-warm) * .6));--nada-color-orange-300:oklch(from var(--nada-orange-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 2) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 2) calc(h - var(--hue-shift-warm) * .4));--nada-color-orange-400:oklch(from var(--nada-orange-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 1) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 1) calc(h - var(--hue-shift-warm) * .2));--nada-color-orange-500:var(--nada-orange-base);--nada-color-orange-600:oklch(from var(--nada-orange-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 1) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 1) calc(h + var(--hue-shift-cool) * .25));--nada-color-orange-700:oklch(from var(--nada-orange-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 2) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 2) calc(h + var(--hue-shift-cool) * .5));--nada-color-orange-800:oklch(from var(--nada-orange-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 3) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 3) calc(h + var(--hue-shift-cool) * .75));--nada-color-orange-900:oklch(from var(--nada-orange-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 4) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 4) calc(h + var(--hue-shift-cool) * 1));--nada-color-brown-50:oklch(from var(--nada-brown-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 5) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 5) calc(h - var(--hue-shift-warm) * 1));--nada-color-brown-100:oklch(from var(--nada-brown-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 4) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 4) calc(h - var(--hue-shift-warm) * .8));--nada-color-brown-200:oklch(from var(--nada-brown-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 3) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 3) calc(h - var(--hue-shift-warm) * .6));--nada-color-brown-300:oklch(from var(--nada-brown-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 2) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 2) calc(h - var(--hue-shift-warm) * .4));--nada-color-brown-400:oklch(from var(--nada-brown-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 1) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 1) calc(h - var(--hue-shift-warm) * .2));--nada-color-brown-500:var(--nada-brown-base);--nada-color-brown-600:oklch(from var(--nada-brown-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 1) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 1) calc(h + var(--hue-shift-cool) * .25));--nada-color-brown-700:oklch(from var(--nada-brown-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 2) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 2) calc(h + var(--hue-shift-cool) * .5));--nada-color-brown-800:oklch(from var(--nada-brown-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 3) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 3) calc(h + var(--hue-shift-cool) * .75));--nada-color-brown-900:oklch(from var(--nada-brown-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 4) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 4) calc(h + var(--hue-shift-cool) * 1));--nada-color-black-50:oklch(from var(--nada-black-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 5) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 5) calc(h - var(--hue-shift-warm) * 1));--nada-color-black-100:oklch(from var(--nada-black-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 4) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 4) calc(h - var(--hue-shift-warm) * .8));--nada-color-black-200:oklch(from var(--nada-black-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 3) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 3) calc(h - var(--hue-shift-warm) * .6));--nada-color-black-300:oklch(from var(--nada-black-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 2) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 2) calc(h - var(--hue-shift-warm) * .4));--nada-color-black-400:oklch(from var(--nada-black-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 1) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 1) calc(h - var(--hue-shift-warm) * .2));--nada-color-black-500:var(--nada-black-base);--nada-color-black-600:oklch(from var(--nada-black-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 1) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 1) calc(h + var(--hue-shift-cool) * .25));--nada-color-black-700:oklch(from var(--nada-black-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 2) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 2) calc(h + var(--hue-shift-cool) * .5));--nada-color-black-800:oklch(from var(--nada-black-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 3) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 3) calc(h + var(--hue-shift-cool) * .75));--nada-color-black-900:oklch(from var(--nada-black-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 4) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 4) calc(h + var(--hue-shift-cool) * 1));--nada-color-white-50:oklch(from var(--nada-white-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 5) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 5) calc(h - var(--hue-shift-warm) * 1));--nada-color-white-100:oklch(from var(--nada-white-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 4) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 4) calc(h - var(--hue-shift-warm) * .8));--nada-color-white-200:oklch(from var(--nada-white-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 3) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 3) calc(h - var(--hue-shift-warm) * .6));--nada-color-white-300:oklch(from var(--nada-white-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 2) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 2) calc(h - var(--hue-shift-warm) * .4));--nada-color-white-400:oklch(from var(--nada-white-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 1) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 1) calc(h - var(--hue-shift-warm) * .2));--nada-color-white-500:var(--nada-white-base);--nada-color-white-600:oklch(from var(--nada-white-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 1) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 1) calc(h + var(--hue-shift-cool) * .25));--nada-color-white-700:oklch(from var(--nada-white-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 2) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 2) calc(h + var(--hue-shift-cool) * .5));--nada-color-white-800:oklch(from var(--nada-white-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 3) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 3) calc(h + var(--hue-shift-cool) * .75));--nada-color-white-900:oklch(from var(--nada-white-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 4) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 4) calc(h + var(--hue-shift-cool) * 1));--nada-color-pink-50:oklch(from var(--nada-pink-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 5) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 5) calc(h - var(--hue-shift-warm) * 1));--nada-color-pink-100:oklch(from var(--nada-pink-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 4) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 4) calc(h - var(--hue-shift-warm) * .8));--nada-color-pink-200:oklch(from var(--nada-pink-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 3) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 3) calc(h - var(--hue-shift-warm) * .6));--nada-color-pink-300:oklch(from var(--nada-pink-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 2) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 2) calc(h - var(--hue-shift-warm) * .4));--nada-color-pink-400:oklch(from var(--nada-pink-base) calc(l + (var(--l-MAX) - l) / var(--light-steps) * 1) calc(c - (var(--c-MAX) + c) / var(--light-steps) * 1) calc(h - var(--hue-shift-warm) * .2));--nada-color-pink-500:var(--nada-pink-base);--nada-color-pink-600:oklch(from var(--nada-pink-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 1) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 1) calc(h + var(--hue-shift-cool) * .25));--nada-color-pink-700:oklch(from var(--nada-pink-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 2) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 2) calc(h + var(--hue-shift-cool) * .5));--nada-color-pink-800:oklch(from var(--nada-pink-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 3) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 3) calc(h + var(--hue-shift-cool) * .75));--nada-color-pink-900:oklch(from var(--nada-pink-base) calc(l - (l - var(--l-MIN)) / var(--dark-steps) * 4) calc(c - (c - var(--c-MIN)) / var(--dark-steps) * 4) calc(h + var(--hue-shift-cool) * 1))}.nada-text{&.base{font-size:1.125rem}&.lg{font-size:1.25rem}}.nada-weight{font-weight:600;&.bold{font-weight:700}&.black{font-weight:900}}.nada-bg{background-color:var(--nada-color-base-500);&.neutral{background-color:var(--nada-color-neutral-800)}}.nada-text-color{color:var(--nada-color-neutral-100);&.base-400{color:var(--nada-color-base-400)}&.white{color:var(--nada-color-light)}}}@layer utils{:root{--nada-space-1:.25rem;--nada-space-2:.5rem;--nada-space-3:.75rem;--nada-space-4:1rem;--nada-space-5:1.25rem;--nada-space-6:1.5rem;--nada-space-7:1.75rem;--nada-space-8:2rem;--nada-space-9:2.25rem;--nada-space-10:2.5rem;--nada-space-12:3rem;--nada-space-16:4rem;--nada-radius-sm:.25rem;--nada-radius:.5rem;--nada-radius-md:.75rem;--nada-radius-lg:1rem}body>main,body>section,.nada-layout{max-width:1200px;margin-left:auto;margin-right:auto;margin:var(--nada-space-16) auto;padding-left:var(--nada-space-10);padding-right:var(--nada-space-10);&.prose{max-width:65ch}}.nada-grid{gap:var(--nada-space-6);display:grid}.nada-flex{gap:var(--nada-space-4);display:flex;&.col{flex-direction:column}&.center{align-items:center}&.between{justify-content:space-between}}.nada-padding{padding:var(--nada-space-4);&.sm,&.md{padding:var(--nada-space-2)}&.lg{padding:var(--nada-space-8)}&.xl{padding:var(--nada-space-12)}}.nada-margin{margin:var(--nada-space-4)}}@layer layout{html{font-size:100%}@media (width>=640px){html{font-size:112.5%}}@media (width>=1024px){html{font-size:125%}}@container main (width>=600px){.prose{max-width:65ch}}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}@media (width<=640px){.floating-menu nav.sidebar-menu{min-width:calc(100vw - 2rem);right:1rem}}}@layer koku{html{color-scheme:dark;scrollbar-color:#ffffff40 transparent;scrollbar-width:thin;background:var(--nada-color-neutral-800)}body{font-family:var(--nada-font)}code{font-family:var(--nada-font-mono)}section,article,main{& h1,& h2,& h3,& h4,& h5,& h6{margin-top:var(--nada-space-6);margin-bottom:var(--nada-space-4);color:var(--nada-color-neutral-300);font-weight:900;line-height:1.2}& h1{color:var(--nada-color-white);margin-bottom:2rem;font-size:2.75rem}& h2{font-size:2.25rem}& h3{font-size:1.875rem}& h4{font-size:1.5rem}& h5{font-size:1.25rem}& h6{font-size:1.125rem}& p{margin-bottom:1rem}& a{color:var(--nada-color-base-400);font-style:italic;font-weight:600;text-decoration:underline}& em{color:var(--nada-color-neutral-200);font-style:italic}}}@layer holo{#markdown:not(:has(#nomd)){color:var(--nada-color-neutral-100);width:100%;font-size:1rem;line-height:1.75;&>:first-child{margin-top:0}&>h1,&>h2,&>h3,&>h4,&>h5,&>h6{&>a{color:inherit;text-decoration:none;position:relative;&:before{content:"§";opacity:0;margin-left:-.75em;position:absolute}&:hover:before{opacity:.5}}}& h1,& h2,& h3,& h4,& h5,& h6{width:100%;margin-bottom:var(--nada-space-4);color:var(--nada-color-neutral-200);margin-top:2.5rem;font-weight:900;line-height:1.7;display:block;overflow-x:auto;& *{display:inline}}& h1{margin-bottom:2rem;font-size:2.75rem}& h2{margin-bottom:1.5rem;font-size:2.25rem}& h3{margin-bottom:1.5rem;font-size:1.875rem}& h4{margin-bottom:1.5rem;font-size:1.5rem}& h5{margin-bottom:1rem;font-size:1.25rem}& h6{margin-bottom:1rem;font-size:1.125rem}& p{font-size:1.125rem}&>p{margin-bottom:var(--nada-space-12)}& a{color:var(--nada-color-info-300);font-style:italic;font-weight:600;text-decoration:underline;&:hover{color:var(--nada-color-info-200)}& code{text-decoration:underline}}& strong{color:var(--nada-color-light);font-weight:900}& mark{color:inherit;background:oklch(from var(--nada-color-info-500) l c h / 40%);border:1px solid oklch(from var(--nada-color-info-300) l c h / 80%);padding:var(--nada-space-1);border-radius:var(--nada-radius-sm);&.error{background:oklch(from var(--nada-color-bad-500) l c h / 40%);border:1px solid oklch(from var(--nada-color-bad-300) l c h / 80%);border-style:dotted!important}}& del{opacity:.8;color:var(--nada-color-bad-50)}& ins{color:var(--nada-color-ok-50);font-weight:700}& em{color:var(--nada-color-neutral-200);font-style:italic;font-weight:700}& img{width:50%;margin-bottom:3rem;position:relative;&:after{content:"🖼️\a " attr(src);background:var(--nada-color-neutral-700);width:150%;color:var(--nada-color-neutral-100);display:inline;position:absolute;left:0}}& blockquote{border-left:2px solid var(--nada-color-neutral-300);margin:1.5rem 0;padding:1rem;font-style:italic;& p{line-height:2}}& span.emoji{font-size:var(--nada-space-6)}& aside.aside{font-size:var(--nada-space-4);background:var(--nada-color-neutral-700);border:2px solid oklch(from var(--nada-color-neutral-300) l c h / 20%);border-radius:var(--nada-radius-md);& header em{margin-bottom:var(--nada-space-3);font-weight:900;font-size:var(--nada-space-4);color:var(--nada-color-neutral-100);font-family:var(--nada-font-mono);align-items:center;display:flex;& span.icon{font-size:calc(var(--nada-space-4) + .1rem)}}&.aside.tip{border:2px solid oklch(from var(--nada-color-info-300) l c h / 20%);background:var(--nada-color-info-800);& header em{color:var(--nada-color-info-200)}}&.aside.info{border:2px solid oklch(from var(--nada-color-ok-300) l c h / 20%);background:var(--nada-color-ok-800);& header em{color:var(--nada-color-ok-200)}}&.aside.important{border:2px solid oklch(from var(--nada-color-important-300) l c h / 20%);background:var(--nada-color-important-800);& header em{color:var(--nada-color-important-200)}}&.aside.warning{border:2px solid oklch(from var(--nada-color-warn-300) l c h / 20%);background:var(--nada-color-warn-800);& header em{color:var(--nada-color-warn-200)}}&.aside.danger{border:2px solid oklch(from var(--nada-color-bad-300) l c h / 20%);background:var(--nada-color-bad-800);& header em{color:var(--nada-color-bad-200)}}}& :not(pre)>code{background:oklch(from var(--nada-color-important-900) l calc(c - .05) h);border:1px solid oklch(from var(--nada-color-important-300) l calc(c - .09) h / .3);color:oklch(from var(--nada-color-important-300) l calc(c - .04) h);padding:var(--nada-space-1) var(--nada-space-2);border-radius:.375rem;font-weight:700}& pre:has(code){color:oklch(from var(--nada-color-important-100) l calc(c - .04) h);border:1px solid oklch(from var(--nada-color-important-200) l c h / 10%);background:oklch(from var(--nada-color-important-800) l calc(c - .04) h);border-radius:var(--nada-radius-md);padding:var(--nada-space-6);overflow-x:auto;margin-bottom:var(--nada-space-6)!important}& table{border-collapse:collapse;width:auto;font-size:var(--nada-space-4);--table-border:1px solid oklch(from var(--nada-color-neutral-300) l c h / 20%);margin:3rem 0;display:block;overflow-x:auto;& thead{border-bottom:1px solid oklch(from var(--nada-color-neutral-900) l c h / .8);display:table-header-group;& tr{background:var(--nada-color-neutral-700)}}& th,& td{white-space:nowrap}& th{padding:var(--nada-space-2) var(--nada-space-3);vertical-align:middle;font-weight:900}& td{padding:var(--nada-space-1) var(--nada-space-3)}& tbody{& tr{background:var(--nada-color-neutral-700);&:hover{background:color-mix(in oklch, var(--nada-color-neutral-700) 80%, var(--nada-color-neutral-100) 10%)}}}& tbody tr:last-child td{padding-bottom:var(--nada-space-3)}}& .callout{border-left:8px solid;width:100%;margin-bottom:2.75rem;padding:.5rem 1rem;&-title{color:var(--rc-color-dark);align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:700;display:flex}&-content>:first-child{margin-top:1rem}}& ul,& ol{margin-bottom:2rem;padding-left:1em;& li{margin-bottom:.5rem;& ul,& ol{margin-top:.5rem;margin-bottom:0;margin-left:1rem}}}& ul:not(.contains-task-list)>li{list-style:outside}& ul.contains-task-list>li{list-style:none}& ol>li{list-style:decimal}& hr{margin:var(--nada-space-12) 0;border-color:oklch(from var(--nada-color-light) l c h / 30%)}& dl{margin-bottom:var(--nada-space-7);& dt{font-style:italic;font-weight:800;text-decoration:underline}& dd{padding-left:var(--nada-space-4)}& dd~dt{margin-top:var(--nada-space-3)}}}}.nada-button{padding:var(--nada-space-3) var(--nada-space-6);border-radius:var(--nada-radius);cursor:pointer;background-color:var(--nada-color-neutral-200);color:var(--nada-color-dark);border:none;justify-content:center;align-items:center;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;&:hover{background-color:var(--nada-color-neutral-100);color:var(--nada-color-neutral-800)}&.base{background-color:var(--nada-color-base-600);color:var(--nada-color-base-100);&:hover{background-color:var(--nada-color-base-500);color:var(--nada-color-base-50)}}&.bad{background-color:var(--nada-color-bad-700);color:var(--nada-color-bad-100);&:hover{background-color:var(--nada-color-bad-600);color:var(--nada-color-bad-50)}}&.outline{border:1px solid var(--nada-color-neutral-200);color:var(--nada-color-neutral-200);background:0 0;&:hover{border:2px solid var(--nada-color-light);color:var(--nada-color-light);background:0 0;font-weight:800}&.base{border:1px solid var(--nada-color-base-200);color:var(--nada-color-base-200);&:hover{border:2px solid var(--nada-color-base-100);color:var(--nada-color-base-100)}}}}.nada-input{width:100%;padding:var(--nada-space-2) var(--nada-space-4);background:var(--nada-color-neutral-800);border:1px solid var(--nada-color-neutral-400);border-radius:var(--nada-radius);color:inherit;font-size:1rem;&:focus{border-color:var(--nada-color-base-500);background:var(--nada-color-neutral-900);box-shadow:0 0 0 3px oklch(from var(--nada-color-base-400) 40% .1 h / .2);outline:none}&:hover{border-color:var(--nada-color-neutral-200)}}.nada-card{background:var(--nada-color-neutral-700);border:1px solid var(--nada-color-neutral-600);border-radius:var(--nada-radius);padding:var(--nada-space-6);flex-direction:column;display:flex;margin-bottom:var(--nada-space-6)!important;& :first-child{margin-top:0}}