248 lines
21 KiB
CSS
248 lines
21 KiB
CSS
|
@import "https://unpkg.com/franken-ui@2.0.0-internal.42/dist/css/core.min.css";
|
||
|
|
|
||
|
|
/* node_modules/tailwindcss/index.css */
|
||
|
|
@layer theme, base, components, utilities;
|
||
|
|
|
||
|
|
@layer theme {
|
||
|
|
@theme default {
|
||
|
|
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(.971 .013 17.38) ; --color-red-100: oklch(.936 .032 17.717) ; --color-red-200: oklch(.885 .062 18.334) ; --color-red-300: oklch(.808 .114 19.571) ; --color-red-400: oklch(.704 .191 22.216) ; --color-red-500: oklch(.637 .237 25.331) ; --color-red-600: oklch(.577 .245 27.325) ; --color-red-700: oklch(.505 .213 27.518) ; --color-red-800: oklch(.444 .177 26.899) ; --color-red-900: oklch(.396 .141 25.723) ; --color-red-950: oklch(.258 .092 26.042) ; --color-orange-50: oklch(.98 .016 73.684) ; --color-orange-100: oklch(.954 .038 75.164) ; --color-orange-200: oklch(.901 .076 70.697) ; --color-orange-300: oklch(.837 .128 66.29) ; --color-orange-400: oklch(.75 .183 55.934) ; --color-orange-500: oklch(.705 .213 47.604) ; --color-orange-600: oklch(.646 .222 41.116) ; --color-orange-700: oklch(.553 .195 38.402) ; --color-orange-800: oklch(.47 .157 37.304) ; --color-orange-900: oklch(.408 .123 38.172) ; --color-orange-950: oklch(.266 .079 36.259) ; --color-amber-50: oklch(.987 .022 95.277) ; --color-amber-100: oklch(.962 .059 95.617) ; --color-amber-200: oklch(.924 .12 95.746) ; --color-amber-300: oklch(.879 .169 91.605) ; --color-amber-400: oklch(.828 .189 84.429) ; --color-amber-500: oklch(.769 .188 70.08) ; --color-amber-600: oklch(.666 .179 58.318) ; --color-amber-700: oklch(.555 .163 48.998) ; --color-amber-800: oklch(.473 .137 46.201) ; --color-amber-900: oklch(.414 .112 45.904) ; --color-amber-950: oklch(.279 .077 45.635) ; --color-yellow-50: oklch(.987 .026 102.212) ; --color-yellow-100: oklch(.973 .071 103.193) ; --color-yellow-200: oklch(.945 .129 101.54) ; --color-yellow-300: oklch(.905 .182 98.111) ; --color-yellow-400: oklch(.852 .199 91.936) ; --color-yellow-500: oklch(.795 .184 86.047) ; --color-yellow-600: oklch(.681 .162 75.834) ; --color-yellow-700: oklch(.554 .135 66.442) ; --color-yellow-800: oklch(.476 .114 61.907) ; --color-yellow-900: oklch(.421 .095 57.708) ; --color-yellow-950: oklch(.286 .066 53.813) ; --color-lime-50: oklch(.986 .031 120.757) ; --color-lime-100: oklch(.967 .067 122.328) ; --color-lime-200: oklch(.938 .127 124.321) ; --color-lime-300: oklch(.897 .196 126.665) ; --color-lime-400: oklch(.841 .238 128.85) ; --color-lime-500: oklch(.768 .233 130.85) ; --color-lime-600: oklch(.648 .2 131.684) ; --color-lime-700: oklch(.532 .157 131.589) ; --color-lime-800: oklch(.453 .124 130.933) ; --color-lime-900: oklch(.405 .101 131.063) ; --color-lime-950: oklch(.274 .072 132.109) ; --color-green-50: oklch(.982 .018 155.826) ; --color-green-100: oklch(.962 .044 156.743) ; --color-green-200: oklch(.925 .084 155.995) ; --color-green-300: oklch(.871 .15 154.449) ; --color-green-400: oklch(.792 .209 151.711) ; --color-green-500: oklch(.723 .219 149.579) ; --color-green-600: oklch(.627 .194 149.214) ; --color-green-700: oklch(.527 .154 150.069) ; --color-green-800: oklch(.448 .119 151.328) ; --color-green-900: oklch(.393 .095 152.535) ; --color-green-950: oklch(.266 .065 152.934) ; --color-emerald-50: oklch(.979 .021 166.113) ; --color-emerald-100: oklch(.95 .052 163.051) ; --color-emerald-200: oklch(.905 .093 164.15) ; --color-emerald-300: oklch(.845 .143 164.978) ; --color-emerald-400: oklch(.765 .177 163.223) ; --color-emerald-500: oklch(.696 .17 162.48) ; --color-emerald-600: oklch(.596 .145 163.225) ; --color-emerald-700: oklch(.508 .118 165.612) ; --color-emerald-800: oklch(.432 .095 166.913) ; --color-emerald-900: oklch(.378 .077 168.94) ; --color-emerald-950: oklch(.262 .051 172.552) ; --color-teal-50: oklch(.984 .014 180.72) ; --color-teal-100: oklch(.953 .051 180.801) ; --color-teal-200: oklch(.91 .096 180.426) ; --color-teal-300: oklch(.855 .138 181.071) ; --color-teal-400: oklch(.777 .152 181.912) ; --color-teal-500: oklch(.704 .14 182.503) ; --color-teal-600: okl
|
||
|
|
}
|
||
|
|
|
||
|
|
@theme default inline reference {
|
||
|
|
--blur: 8px; --shadow: 0 1px 3px 0 , 0 1px 2px -1px #0000001a; --shadow-inner: inset 0 2px 4px 0 #0000000d; --drop-shadow: 0 1px 2px , 0 1px 1px #0000000f; --radius: .25rem; --max-width-prose: 65ch;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@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;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
line-height: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
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: -.25em;
|
||
|
|
}
|
||
|
|
|
||
|
|
sup {
|
||
|
|
top: -.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: #0000;
|
||
|
|
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;
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
:-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 {
|
||
|
|
@tailwind utilities;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* css/styles.src.css */
|
||
|
|
@font-face {
|
||
|
|
font-family: Geist;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 100 900;
|
||
|
|
font-display: swap;
|
||
|
|
src: url("https://fonts.gstatic.com/s/geist/v1/gyByhwUxId8gMEwSGFWNPoTcZY7pVQ.woff2") format(woff2);
|
||
|
|
unicode-range: U100-2BA, U2BD-02C5, U2C7-02CC, U2CE-02D7, U2DD-02FF, U304, U308, U329, U1D00-1DBF, U1-1000000000F, U1EF2-1EFF, U2020, U20A0-20AB, U20AD-20C0, U2113, U2C60-2C7F, U + A720-A7FF;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: Geist;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 100 900;
|
||
|
|
font-display: swap;
|
||
|
|
src: url("https://fonts.gstatic.com/s/geist/v1/gyByhwUxId8gMEwcGFWNPoTcZY4.woff2") format(woff2);
|
||
|
|
unicode-range: U0-0FF, U131, U152-153, U2BB-02BC, U2C6, U2DA, U2DC, U304, U308, U329, U2000-206F, U20AC, U2122, U2191, U2193, U2212, U2215, U + FEFF, U + FFFD;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: Geist Mono;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 100 900;
|
||
|
|
font-display: swap;
|
||
|
|
src: url("https://fonts.gstatic.com/s/geistmono/v1/or3nQ6H-1_WfwkMZI_qYFrkdmhHijks9bNn0.woff2") format(woff2);
|
||
|
|
unicode-range: U100-2BA, U2BD-02C5, U2C7-02CC, U2CE-02D7, U2DD-02FF, U304, U308, U329, U1D00-1DBF, U1-1000000000F, U1EF2-1EFF, U2020, U20A0-20AB, U20AD-20C0, U2113, U2C60-2C7F, U + A720-A7FF;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: Geist Mono;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 100 900;
|
||
|
|
font-display: swap;
|
||
|
|
src: url("https://fonts.gstatic.com/s/geistmono/v1/or3nQ6H-1_WfwkMZI_qYFrcdmhHijks9bA.woff2") format(woff2);
|
||
|
|
unicode-range: U0-0FF, U131, U152-153, U2BB-02BC, U2C6, U2DA, U2DC, U304, U308, U329, U2000-206F, U20AC, U2122, U2191, U2193, U2212, U2215, U + FEFF, U + FFFD;
|
||
|
|
}
|
||
|
|
|
||
|
|
@theme {
|
||
|
|
--font-sans: "Geist", sans-serif; --font-mono: "'Geist Mono'", monospace;
|
||
|
|
}
|
||
|
|
|
||
|
|
:root {
|
||
|
|
font-feature-settings: "liga" 1, "calt" 1;
|
||
|
|
font-family: Geist, sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 768px) {
|
||
|
|
.uk-subnav > * > :first-child {
|
||
|
|
padding-left: .5rem !important;
|
||
|
|
padding-right: .5rem !important;
|
||
|
|
}
|
||
|
|
}
|