vanilla-breeze 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/components/adr-record.js +383 -0
- package/dist/cdn/components/adr-wc.js +403 -0
- package/dist/cdn/components/analytics-panel.js +34 -0
- package/dist/cdn/components/author-index.js +3 -0
- package/dist/cdn/components/brand-mark.js +2 -0
- package/dist/cdn/components/calendar-wc.js +2 -2
- package/dist/cdn/components/carousel-wc.js +1 -1
- package/dist/cdn/components/chart-wc.js +25 -25
- package/dist/cdn/components/color-palette.js +13 -7
- package/dist/cdn/components/comment-wc.js +2 -0
- package/dist/cdn/components/consent-banner.js +1 -1
- package/dist/cdn/components/content-lens.js +2 -0
- package/dist/cdn/components/day-view.js +2 -0
- package/dist/cdn/components/empathy-map.js +42 -25
- package/dist/cdn/components/flow-diagram.js +2 -0
- package/dist/cdn/components/font-pairer.js +108 -0
- package/dist/cdn/components/gantt-chart.js +2 -0
- package/dist/cdn/components/geo-map.js +7 -7
- package/dist/cdn/components/glossary-wc.js +2 -0
- package/dist/cdn/components/gradient-builder.js +52 -0
- package/dist/cdn/components/highlight-wc.js +3 -0
- package/dist/cdn/components/manifest.json +134 -26
- package/dist/cdn/components/markdown-viewer.js +3 -3
- package/dist/cdn/components/motion-specimen.js +21 -0
- package/dist/cdn/components/note-wc.js +3 -0
- package/dist/cdn/components/notification-wc.js +37 -0
- package/dist/cdn/components/page-info.js +55 -24
- package/dist/cdn/components/page-toc.js +1 -1
- package/dist/cdn/components/popularity-index.js +9 -0
- package/dist/cdn/components/print-page.js +1 -1
- package/dist/cdn/components/recently-visited.js +3 -0
- package/dist/cdn/components/review-surface.js +541 -0
- package/dist/cdn/components/selection-menu.js +2 -0
- package/dist/cdn/components/semantic-palette.js +30 -0
- package/dist/cdn/components/settings-panel.js +55 -51
- package/dist/cdn/components/share-wc.js +2 -2
- package/dist/cdn/components/site-map-wc.js +2 -0
- package/dist/cdn/components/spacing-specimen.js +5 -5
- package/dist/cdn/components/split-surface.js +1 -1
- package/dist/cdn/components/text-reader.js +2 -2
- package/dist/cdn/components/theme-export.js +18 -0
- package/dist/cdn/components/theme-picker.js +58 -58
- package/dist/cdn/components/token-specimen.js +25 -20
- package/dist/cdn/components/topic-map.js +3 -0
- package/dist/cdn/components/trust-filter.js +4 -0
- package/dist/cdn/components/type-specimen.js +16 -13
- package/dist/cdn/components/user-journey.js +48 -30
- package/dist/cdn/components/user-persona.js +17 -15
- package/dist/cdn/components/user-story.js +55 -22
- package/dist/cdn/components/watch-wc.js +3 -0
- package/dist/cdn/components/week-view.js +2 -0
- package/dist/cdn/components/work-item.js +446 -0
- package/dist/cdn/packs/design-system.full.js +124 -47
- package/dist/cdn/packs/effects.full.js +1 -1
- package/dist/cdn/packs/kawaii.full.css +1 -1
- package/dist/cdn/packs/kawaii.full.js +1 -1
- package/dist/cdn/packs/kawaii.theme.css +1 -1
- package/dist/cdn/packs/manifest.json +10 -40
- package/dist/cdn/packs/prototype.full.js +1 -1
- package/dist/cdn/packs/ui.full.css +1 -1
- package/dist/cdn/packs/ui.full.js +50 -50
- package/dist/cdn/packs/ux-planning.full.css +1 -1
- package/dist/cdn/packs/ux-planning.full.js +1546 -92
- package/dist/cdn/themes/8bit.css +1 -1
- package/dist/cdn/themes/alpha1999.css +1 -1
- package/dist/cdn/themes/bauhaus.css +1 -1
- package/dist/cdn/themes/brutalist.css +1 -1
- package/dist/cdn/themes/claymorphism.css +1 -1
- package/dist/cdn/themes/cottagecore.css +1 -1
- package/dist/cdn/themes/cyber.css +1 -1
- package/dist/cdn/themes/genai.css +1 -1
- package/dist/cdn/themes/glassmorphism.css +1 -1
- package/dist/cdn/themes/kawaii.css +1 -1
- package/dist/cdn/themes/magna.css +1 -1
- package/dist/cdn/themes/manifest.json +20 -20
- package/dist/cdn/themes/nes.css +1 -1
- package/dist/cdn/themes/neumorphism.css +1 -1
- package/dist/cdn/themes/organic.css +1 -1
- package/dist/cdn/themes/rough.css +1 -1
- package/dist/cdn/themes/startup.css +1 -1
- package/dist/cdn/themes/super2026.css +1 -1
- package/dist/cdn/themes/terminal.css +1 -1
- package/dist/cdn/themes/vaporwave.css +1 -1
- package/dist/cdn/themes/win9x.css +1 -1
- package/dist/cdn/vanilla-breeze-charts.js +25 -25
- package/dist/cdn/vanilla-breeze-core.css +1 -1
- package/dist/cdn/vanilla-breeze-core.js +119 -47
- package/dist/cdn/vanilla-breeze-dev.js +1 -1
- package/dist/cdn/vanilla-breeze-extras.js +154 -74
- package/dist/cdn/vanilla-breeze.css +1 -1
- package/dist/cdn/vanilla-breeze.js +1988 -248
- package/package.json +8 -6
- package/dist/cdn/packs/retro.bundle.js +0 -2
- package/dist/cdn/packs/retro.components.js +0 -1
- package/dist/cdn/packs/retro.effects.css +0 -2
- package/dist/cdn/packs/retro.effects.js +0 -16
- package/dist/cdn/packs/retro.full.css +0 -5
- package/dist/cdn/packs/retro.full.js +0 -16
- package/dist/cdn/packs/retro.theme.css +0 -2
|
@@ -16,12 +16,12 @@
|
|
|
16
16
|
},
|
|
17
17
|
"8bit": {
|
|
18
18
|
"file": "8bit.css",
|
|
19
|
-
"size":
|
|
19
|
+
"size": 13043,
|
|
20
20
|
"tier": "showcase"
|
|
21
21
|
},
|
|
22
22
|
"alpha1999": {
|
|
23
23
|
"file": "alpha1999.css",
|
|
24
|
-
"size":
|
|
24
|
+
"size": 9051,
|
|
25
25
|
"tier": "showcase"
|
|
26
26
|
},
|
|
27
27
|
"art-deco": {
|
|
@@ -31,12 +31,12 @@
|
|
|
31
31
|
},
|
|
32
32
|
"bauhaus": {
|
|
33
33
|
"file": "bauhaus.css",
|
|
34
|
-
"size":
|
|
34
|
+
"size": 7794,
|
|
35
35
|
"tier": "showcase"
|
|
36
36
|
},
|
|
37
37
|
"brutalist": {
|
|
38
38
|
"file": "brutalist.css",
|
|
39
|
-
"size":
|
|
39
|
+
"size": 8517,
|
|
40
40
|
"tier": "showcase"
|
|
41
41
|
},
|
|
42
42
|
"catppuccin-frappe": {
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
},
|
|
62
62
|
"claymorphism": {
|
|
63
63
|
"file": "claymorphism.css",
|
|
64
|
-
"size":
|
|
64
|
+
"size": 9339,
|
|
65
65
|
"tier": "showcase"
|
|
66
66
|
},
|
|
67
67
|
"clinical": {
|
|
@@ -71,12 +71,12 @@
|
|
|
71
71
|
},
|
|
72
72
|
"cottagecore": {
|
|
73
73
|
"file": "cottagecore.css",
|
|
74
|
-
"size":
|
|
74
|
+
"size": 6770,
|
|
75
75
|
"tier": "community"
|
|
76
76
|
},
|
|
77
77
|
"cyber": {
|
|
78
78
|
"file": "cyber.css",
|
|
79
|
-
"size":
|
|
79
|
+
"size": 10496,
|
|
80
80
|
"tier": "showcase"
|
|
81
81
|
},
|
|
82
82
|
"dawn": {
|
|
@@ -106,12 +106,12 @@
|
|
|
106
106
|
},
|
|
107
107
|
"genai": {
|
|
108
108
|
"file": "genai.css",
|
|
109
|
-
"size":
|
|
109
|
+
"size": 6327,
|
|
110
110
|
"tier": "showcase"
|
|
111
111
|
},
|
|
112
112
|
"glassmorphism": {
|
|
113
113
|
"file": "glassmorphism.css",
|
|
114
|
-
"size":
|
|
114
|
+
"size": 10689,
|
|
115
115
|
"tier": "showcase"
|
|
116
116
|
},
|
|
117
117
|
"government": {
|
|
@@ -131,12 +131,12 @@
|
|
|
131
131
|
},
|
|
132
132
|
"kawaii": {
|
|
133
133
|
"file": "kawaii.css",
|
|
134
|
-
"size":
|
|
134
|
+
"size": 12750,
|
|
135
135
|
"tier": "community"
|
|
136
136
|
},
|
|
137
137
|
"magna": {
|
|
138
138
|
"file": "magna.css",
|
|
139
|
-
"size":
|
|
139
|
+
"size": 8437,
|
|
140
140
|
"tier": "community"
|
|
141
141
|
},
|
|
142
142
|
"midnight": {
|
|
@@ -146,12 +146,12 @@
|
|
|
146
146
|
},
|
|
147
147
|
"nes": {
|
|
148
148
|
"file": "nes.css",
|
|
149
|
-
"size":
|
|
149
|
+
"size": 15049,
|
|
150
150
|
"tier": "showcase"
|
|
151
151
|
},
|
|
152
152
|
"neumorphism": {
|
|
153
153
|
"file": "neumorphism.css",
|
|
154
|
-
"size":
|
|
154
|
+
"size": 18857,
|
|
155
155
|
"tier": "showcase"
|
|
156
156
|
},
|
|
157
157
|
"nord": {
|
|
@@ -161,7 +161,7 @@
|
|
|
161
161
|
},
|
|
162
162
|
"organic": {
|
|
163
163
|
"file": "organic.css",
|
|
164
|
-
"size":
|
|
164
|
+
"size": 7548,
|
|
165
165
|
"tier": "showcase"
|
|
166
166
|
},
|
|
167
167
|
"rose-pine": {
|
|
@@ -171,7 +171,7 @@
|
|
|
171
171
|
},
|
|
172
172
|
"rough": {
|
|
173
173
|
"file": "rough.css",
|
|
174
|
-
"size":
|
|
174
|
+
"size": 11948,
|
|
175
175
|
"tier": "showcase"
|
|
176
176
|
},
|
|
177
177
|
"solarized": {
|
|
@@ -181,12 +181,12 @@
|
|
|
181
181
|
},
|
|
182
182
|
"startup": {
|
|
183
183
|
"file": "startup.css",
|
|
184
|
-
"size":
|
|
184
|
+
"size": 5361,
|
|
185
185
|
"tier": "showcase"
|
|
186
186
|
},
|
|
187
187
|
"super2026": {
|
|
188
188
|
"file": "super2026.css",
|
|
189
|
-
"size":
|
|
189
|
+
"size": 16601,
|
|
190
190
|
"tier": "showcase"
|
|
191
191
|
},
|
|
192
192
|
"swiss": {
|
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
},
|
|
197
197
|
"terminal": {
|
|
198
198
|
"file": "terminal.css",
|
|
199
|
-
"size":
|
|
199
|
+
"size": 10084,
|
|
200
200
|
"tier": "community"
|
|
201
201
|
},
|
|
202
202
|
"tokyo-night": {
|
|
@@ -206,12 +206,12 @@
|
|
|
206
206
|
},
|
|
207
207
|
"vaporwave": {
|
|
208
208
|
"file": "vaporwave.css",
|
|
209
|
-
"size":
|
|
209
|
+
"size": 8040,
|
|
210
210
|
"tier": "showcase"
|
|
211
211
|
},
|
|
212
212
|
"win9x": {
|
|
213
213
|
"file": "win9x.css",
|
|
214
|
-
"size":
|
|
214
|
+
"size": 17176,
|
|
215
215
|
"tier": "showcase"
|
|
216
216
|
}
|
|
217
217
|
}
|
package/dist/cdn/themes/nes.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pressstart2p/v16/e3t4euO8T-267oIAQAu6jDQyK3nVivNm4I81.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=nes],[data-theme~=nes]{--_nes-color-black: oklch(0% 0 0);--_nes-color-dark: oklch(30% 0 0);--_nes-color-light: oklch(85% 0 0);--_nes-color-white: oklch(100% 0 0);--color-surface: oklch(90% 0 0);--color-surface-alt: oklch(85% 0 0);--color-surface-raised: oklch(95% 0 0);--color-surface-sunken: oklch(75% 0 0);--color-background: oklch(92% 0 0);--color-text: oklch(10% 0 0);--color-text-muted: oklch(30% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(50% .18 250);--color-primary-hover: oklch(45% .2 250);--color-primary-subtle: oklch(85% .08 250);--color-accent: oklch(55% .22 25);--color-accent-hover: oklch(50% .24 25);--color-success: oklch(55% .18 145);--color-success-subtle: oklch(90% .06 145);--color-success-text: oklch(35% .12 145);--color-warning: oklch(75% .18 90);--color-warning-subtle: oklch(92% .06 90);--color-warning-text: oklch(40% .12 90);--color-error: oklch(55% .22 25);--color-error-subtle: oklch(90% .06 25);--color-error-text: oklch(35% .15 25);--color-info: oklch(55% .12 220);--color-info-subtle: oklch(90% .05 220);--color-info-text: oklch(35% .1 220);--color-border: oklch(0% 0 0);--color-border-muted: oklch(50% 0 0);--color-border-strong: oklch(0% 0 0);--_nes-border-raised: inset -4px -4px var(--_nes-color-dark), inset 4px 4px var(--_nes-color-white), inset -8px -8px var(--_nes-color-black), inset 8px 8px var(--_nes-color-light);--_nes-border-pressed: inset 4px 4px var(--_nes-color-dark), inset -4px -4px var(--_nes-color-light), inset 8px 8px var(--_nes-color-black), inset -8px -8px var(--_nes-color-white);--_nes-border-sunken: inset 4px 4px var(--_nes-color-dark), inset -4px -4px var(--_nes-color-light);--font-sans: "Press Start 2P", monospace;--font-mono: "Press Start 2P", monospace;--font-size-adjust: .45;--line-height-normal: 1.8;--line-height-tight: 1.4;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 4px 4px 0 oklch(0% 0 0);--shadow-sm: 4px 4px 0 oklch(0% 0 0);--shadow-md: 8px 8px 0 oklch(0% 0 0);--shadow-lg: 8px 8px 0 oklch(0% 0 0);--shadow-xl: 12px 12px 0 oklch(0% 0 0);--shadow-2xl: 16px 16px 0 oklch(0% 0 0);--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(4);--ease-out: steps(4);--control-size: 1.5rem;--control-border: var(--_nes-color-black);--control-checked-bg: var(--color-primary);--control-checked-border: var(--_nes-color-black);--control-radius-check: 0;--control-radius-radio: 0;--input-bg: var(--color-surface);--input-border: var(--_nes-color-black);--input-border-focus: var(--color-primary);--range-track-h: .5rem;--range-track-bg: var(--_nes-color-dark);--range-track-fill: var(--color-primary);--range-thumb-size: 1.5rem;--range-thumb-bg: var(--_nes-color-white);--range-thumb-border: var(--_nes-color-black);--progress-track-bg: var(--_nes-color-dark);--progress-fill: oklch(70% .2 145)}:root[data-theme~=nes],[data-theme~=nes]{text-transform:uppercase;:is(main,article){.button,button{background:var(--color-surface);color:var(--color-text);border:none;box-shadow:var(--_nes-border-raised);padding:1rem 1.5rem;font-family:var(--font-sans);font-size:var(--font-size-xs);cursor:pointer;position:relative;&:hover{background:var(--color-surface-alt)}&:active{box-shadow:var(--_nes-border-pressed)}&:disabled{opacity:.5;cursor:not-allowed}&.primary,&[data-variant=primary]{background:var(--color-primary);color:var(--_nes-color-white)}&.success,&[data-variant=success]{background:var(--color-success);color:var(--_nes-color-white)}&.error,&.danger,&[data-variant=error],&[data-variant=danger]{background:var(--color-error);color:var(--_nes-color-white)}&.warning,&[data-variant=warning]{background:var(--color-warning);color:var(--color-text)}}}& dialog{background:var(--color-surface);border:none;box-shadow:var(--_nes-border-raised);padding:0;max-width:90vw;&::backdrop{background:#00000080}}.nes-dialog-header,dialog .dialog-header,dialog header{background:var(--color-primary);color:var(--_nes-color-white);padding:.75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-xs);border-bottom:4px solid var(--_nes-color-black)}.nes-dialog-body,dialog .dialog-body{padding:1.5rem}.nes-dialog-footer,dialog .dialog-footer,dialog footer{padding:1rem 1.5rem;display:flex;gap:1rem;justify-content:flex-end;border-top:4px solid var(--_nes-color-dark)}:is(main,article){& details{background:var(--color-surface);box-shadow:var(--_nes-border-raised);margin-block-end:.5rem;&[open]>summary{border-bottom:4px solid var(--_nes-color-black)}}& summary{padding:1rem;cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-xs);list-style:none;display:flex;align-items:center;gap:.75rem;&::-webkit-details-marker{display:none}&:before{content:"\25b6";font-size:.5rem;transition:transform .1s steps(2)}}& details[open]>summary:before{transform:rotate(90deg)}& details>:not(summary){padding:1rem}}.nes-menu,menu{background:var(--color-surface);box-shadow:var(--_nes-border-raised);padding:.5rem;margin:0;list-style:none;& li{margin:0}& button,a{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:transparent;border:none;box-shadow:none;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text);text-decoration:none;cursor:pointer;&:hover{background:var(--color-primary);color:var(--_nes-color-white)}}& hr:not([data-ornament]){border:none;height:4px;background:var(--_nes-color-dark);margin:.5rem 0}}.menu-bar,.nes-menu-bar{display:flex;background:var(--color-surface);box-shadow:var(--_nes-border-raised);padding:0;>details{box-shadow:none;margin:0;>summary{padding:.75rem 1rem;border:none;&:before{display:none}&:hover{background:var(--color-primary);color:var(--_nes-color-white)}}>menu{position:absolute;z-index:100;min-width:150px}}}& input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],textarea{background:var(--color-surface);border:none;box-shadow:var(--_nes-border-sunken);padding:.75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text);&:focus{outline:4px solid var(--color-primary);outline-offset:0}&::placeholder{color:var(--color-text-muted)}}& select{appearance:none;background:var(--color-surface);border:none;box-shadow:var(--_nes-border-raised);padding:.75rem 2.5rem .75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;&:focus{outline:4px solid var(--color-primary);outline-offset:0}}@supports (appearance: base-select){& select:not([multiple]){background-image:none}& select:not([multiple])::picker-icon{color:var(--_nes-color-black)}& select:not([multiple]):open{outline:4px solid var(--color-primary);outline-offset:0}& select:not([multiple])::picker(select){border:none;box-shadow:var(--_nes-border-raised);background:var(--color-surface)}& select:not([multiple]) option:hover{background:var(--color-primary);color:var(--_nes-color-white)}& select:not([multiple]) option:checked{background:var(--color-primary-subtle);color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-sans);font-size:.625rem;color:var(--color-text-muted)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--_nes-color-dark);border-width:4px}}& input[type=checkbox],input[type=radio]{appearance:none;width:24px;height:24px;background:var(--color-surface);box-shadow:var(--_nes-border-sunken);cursor:pointer;position:relative;&:checked{background:var(--color-primary);&:after{content:"\2714";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--_nes-color-white);font-size:.75rem}}&:focus{outline:4px solid var(--color-primary);outline-offset:0}}& input[type=radio]{&:checked:after{content:"";width:12px;height:12px;background:var(--_nes-color-white)}}& progress{appearance:none;height:24px;background:var(--color-surface);box-shadow:var(--_nes-border-sunken);border:none;&::-webkit-progress-bar{background:transparent}&::-webkit-progress-value{background:var(--color-success)}&::-moz-progress-bar{background:var(--color-success)}}:is(main,article){& hr:not([data-ornament]){border:none;height:4px;background:var(--_nes-color-black);margin-block:1.5rem}& h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:.05em;margin-block-end:1rem}& h1{font-size:var(--font-size-xl);color:var(--color-primary)}& h2{font-size:var(--font-size-md);border-bottom:4px solid currentColor;padding-bottom:.5rem}& a:not([class]){color:var(--color-primary);text-decoration:none;&:hover{text-decoration:underline;text-decoration-thickness:4px}}.card{background:var(--color-surface);box-shadow:var(--_nes-border-raised);padding:1.5rem}& blockquote{background:var(--color-surface-alt);box-shadow:var(--_nes-border-raised);padding:1.5rem;margin:1rem 0;position:relative;&:before{content:"\201c";font-size:2rem;color:var(--color-primary);position:absolute;top:.5rem;left:.5rem}}& pre{background:var(--_nes-color-black);color:var(--_nes-color-white);box-shadow:var(--_nes-border-sunken);padding:1rem;overflow-x:auto;font-family:var(--font-mono);font-size:var(--font-size-xs)}& code{background:var(--color-surface-alt);padding:.125rem .375rem;font-family:var(--font-mono);font-size:var(--font-size-xs)}& pre code{background:transparent;padding:0}}:is(main,article) code-block{--cb-bg: var(--_nes-color-black);--cb-code-bg: var(--_nes-color-black);--cb-header-bg: oklch(15% 0 0);--cb-text-color: var(--_nes-color-white);--cb-string: var(--color-success);--cb-function: var(--color-warning);--cb-button-bg: oklch(20% 0 0);--cb-button-color: var(--_nes-color-light);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(10% 0 0);--cb-scrollbar-thumb: oklch(30% 0 0)}:is(main,article) browser-window{--browser-window-header-bg: var(--color-primary);--browser-window-border-color: var(--_nes-color-black);--browser-window-text-color: var(--_nes-color-white);--browser-window-text-muted: var(--_nes-color-light);--browser-window-url-bg: var(--color-surface)}& table{width:100%;border-collapse:separate;border-spacing:0;box-shadow:var(--_nes-border-raised);background:var(--color-surface)}& th,td{padding:.75rem;text-align:left;border-bottom:4px solid var(--_nes-color-dark)}& th{background:var(--color-primary);color:var(--_nes-color-white)}& tr:last-child td{border-bottom:none}::selection{background:var(--color-primary);color:var(--_nes-color-white)}}:root[data-theme~=nes][data-mode=dark],[data-theme~=nes][data-mode=dark]{color-scheme:dark;--_nes-color-black: oklch(0% 0 0);--_nes-color-dark: oklch(25% 0 0);--_nes-color-light: oklch(70% 0 0);--_nes-color-white: oklch(90% 0 0);--color-surface: oklch(20% 0 0);--color-surface-alt: oklch(25% 0 0);--color-surface-raised: oklch(30% 0 0);--color-surface-sunken: oklch(10% 0 0);--color-background: oklch(15% 0 0);--color-text: oklch(90% 0 0);--color-text-muted: oklch(70% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(65% .18 250);--color-primary-hover: oklch(70% .2 250);--color-primary-subtle: oklch(25% .08 250);--color-accent: oklch(65% .22 25);--color-accent-hover: oklch(70% .24 25);--color-success: oklch(65% .18 145);--color-success-subtle: oklch(22% .06 145);--color-success-text: oklch(75% .12 145);--color-warning: oklch(80% .18 90);--color-warning-subtle: oklch(25% .08 90);--color-warning-text: oklch(82% .12 90);--color-error: oklch(65% .22 25);--color-error-subtle: oklch(22% .06 25);--color-error-text: oklch(75% .15 25);--color-info: oklch(65% .12 220);--color-info-subtle: oklch(22% .05 220);--color-info-text: oklch(75% .1 220);--color-border: oklch(45% 0 0);--color-border-muted: oklch(35% 0 0);--color-border-strong: oklch(60% 0 0);--control-size: 1.5rem;--control-border: var(--_nes-color-white);--control-checked-bg: var(--color-primary);--control-checked-border: var(--_nes-color-white);--input-bg: var(--color-surface-sunken);--input-border: var(--_nes-color-light);--input-border-focus: var(--color-primary);--range-track-bg: var(--_nes-color-dark);--range-track-fill: var(--color-primary);--range-thumb-bg: var(--color-surface);--range-thumb-border: var(--_nes-color-white);--progress-track-bg: var(--_nes-color-dark);--progress-fill: oklch(70% .2 145);--shadow-xs: 4px 4px 0 oklch(0% 0 0);--shadow-sm: 4px 4px 0 oklch(0% 0 0);--shadow-md: 8px 8px 0 oklch(0% 0 0);--shadow-lg: 8px 8px 0 oklch(0% 0 0 / .8);--shadow-xl: 12px 12px 0 oklch(0% 0 0 / .8);--shadow-2xl: 16px 16px 0 oklch(0% 0 0 / .8);:is(main,article) code-block{--cb-header-bg: oklch(25% 0 0);--cb-button-bg: oklch(30% 0 0);--cb-scrollbar-track: oklch(15% 0 0);--cb-scrollbar-thumb: oklch(40% 0 0)}}
|
|
1
|
+
@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pressstart2p/v16/e3t4euO8T-267oIAQAu6jDQyK3nVivNm4I81.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=nes],[data-theme~=nes]{--_nes-color-black: oklch(0% 0 0);--_nes-color-dark: oklch(30% 0 0);--_nes-color-light: oklch(85% 0 0);--_nes-color-white: oklch(100% 0 0);--color-surface: oklch(90% 0 0);--color-surface-alt: oklch(85% 0 0);--color-surface-raised: oklch(95% 0 0);--color-surface-sunken: oklch(75% 0 0);--color-background: oklch(92% 0 0);--color-surface-overlay: oklch(92% 0 0);--color-text: oklch(10% 0 0);--color-text-muted: oklch(30% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(50% .18 250);--caret-color: var(--color-primary);--color-primary-hover: oklch(45% .2 250);--color-primary-subtle: oklch(85% .08 250);--color-accent: oklch(55% .22 25);--color-accent-hover: oklch(50% .24 25);--color-success: oklch(55% .18 145);--color-success-subtle: oklch(90% .06 145);--color-success-text: oklch(35% .12 145);--color-warning: oklch(75% .18 90);--color-warning-subtle: oklch(92% .06 90);--color-warning-text: oklch(40% .12 90);--color-error: oklch(55% .22 25);--color-error-subtle: oklch(90% .06 25);--color-error-text: oklch(35% .15 25);--color-info: oklch(55% .12 220);--color-info-subtle: oklch(90% .05 220);--color-info-text: oklch(35% .1 220);--color-border: oklch(0% 0 0);--color-border-muted: oklch(50% 0 0);--color-border-strong: oklch(0% 0 0);--color-hover-bg: var(--_nes-color-light);--_nes-border-raised: inset -4px -4px var(--_nes-color-dark), inset 4px 4px var(--_nes-color-white), inset -8px -8px var(--_nes-color-black), inset 8px 8px var(--_nes-color-light);--_nes-border-pressed: inset 4px 4px var(--_nes-color-dark), inset -4px -4px var(--_nes-color-light), inset 8px 8px var(--_nes-color-black), inset -8px -8px var(--_nes-color-white);--_nes-border-sunken: inset 4px 4px var(--_nes-color-dark), inset -4px -4px var(--_nes-color-light);--font-sans: "Press Start 2P", monospace;--font-mono: "Press Start 2P", monospace;--font-size-adjust: .45;--line-height-normal: 1.8;--line-height-tight: 1.4;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 4px 4px 0 oklch(0% 0 0);--shadow-sm: 4px 4px 0 oklch(0% 0 0);--shadow-md: 8px 8px 0 oklch(0% 0 0);--shadow-lg: 8px 8px 0 oklch(0% 0 0);--shadow-xl: 12px 12px 0 oklch(0% 0 0);--shadow-2xl: 16px 16px 0 oklch(0% 0 0);--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(4);--ease-out: steps(4);--control-size: 1.5rem;--control-border: var(--_nes-color-black);--control-checked-bg: var(--color-primary);--control-checked-border: var(--_nes-color-black);--control-radius-check: 0;--control-radius-radio: 0;--input-bg: var(--color-surface);--input-border: var(--_nes-color-black);--input-border-focus: var(--color-primary);--range-track-h: .5rem;--range-track-bg: var(--_nes-color-dark);--range-track-fill: var(--color-primary);--range-thumb-size: 1.5rem;--range-thumb-bg: var(--_nes-color-white);--range-thumb-border: var(--_nes-color-black);--progress-track-bg: var(--_nes-color-dark);--progress-fill: oklch(70% .2 145)}:root[data-theme~=nes],[data-theme~=nes]{text-transform:uppercase;:is(main,article){.button,button{background:var(--color-surface);color:var(--color-text);border:none;box-shadow:var(--_nes-border-raised);padding:1rem 1.5rem;font-family:var(--font-sans);font-size:var(--font-size-xs);cursor:pointer;position:relative;&:hover{background:var(--color-surface-alt)}&:active{box-shadow:var(--_nes-border-pressed)}&:disabled{opacity:.5;cursor:not-allowed}&.primary,&[data-variant=primary]{background:var(--color-primary);color:var(--_nes-color-white)}&.success,&[data-variant=success]{background:var(--color-success);color:var(--_nes-color-white)}&.error,&.danger,&[data-variant=error],&[data-variant=danger]{background:var(--color-error);color:var(--_nes-color-white)}&.warning,&[data-variant=warning]{background:var(--color-warning);color:var(--color-text)}}}& dialog{background:var(--color-surface);border:none;box-shadow:var(--_nes-border-raised);padding:0;max-width:90vw;&::backdrop{background:#00000080}}.nes-dialog-header,dialog .dialog-header,dialog header{background:var(--color-primary);color:var(--_nes-color-white);padding:.75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-xs);border-bottom:4px solid var(--_nes-color-black)}.nes-dialog-body,dialog .dialog-body{padding:1.5rem}.nes-dialog-footer,dialog .dialog-footer,dialog footer{padding:1rem 1.5rem;display:flex;gap:1rem;justify-content:flex-end;border-top:4px solid var(--_nes-color-dark)}:is(main,article){& details{background:var(--color-surface);box-shadow:var(--_nes-border-raised);margin-block-end:.5rem;&[open]>summary{border-bottom:4px solid var(--_nes-color-black)}}& summary{padding:1rem;cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-xs);list-style:none;display:flex;align-items:center;gap:.75rem;&::-webkit-details-marker{display:none}&:before{content:"\25b6";font-size:.5rem;transition:transform .1s steps(2)}}& details[open]>summary:before{transform:rotate(90deg)}& details>:not(summary){padding:1rem}}.nes-menu,menu{background:var(--color-surface);box-shadow:var(--_nes-border-raised);padding:.5rem;margin:0;list-style:none;& li{margin:0}& button,a{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:transparent;border:none;box-shadow:none;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text);text-decoration:none;cursor:pointer;&:hover{background:var(--color-primary);color:var(--_nes-color-white)}}& hr:not([data-ornament]){border:none;height:4px;background:var(--_nes-color-dark);margin:.5rem 0}}.menu-bar,.nes-menu-bar{display:flex;background:var(--color-surface);box-shadow:var(--_nes-border-raised);padding:0;>details{box-shadow:none;margin:0;>summary{padding:.75rem 1rem;border:none;&:before{display:none}&:hover{background:var(--color-primary);color:var(--_nes-color-white)}}>menu{position:absolute;z-index:100;min-width:150px}}}& input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],textarea{background:var(--color-surface);border:none;box-shadow:var(--_nes-border-sunken);padding:.75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text);&:focus{outline:4px solid var(--color-primary);outline-offset:0}&::placeholder{color:var(--color-text-muted)}}& select{appearance:none;background:var(--color-surface);border:none;box-shadow:var(--_nes-border-raised);padding:.75rem 2.5rem .75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;&:focus{outline:4px solid var(--color-primary);outline-offset:0}}@supports (appearance: base-select){& select:not([multiple]){background-image:none}& select:not([multiple])::picker-icon{color:var(--_nes-color-black)}& select:not([multiple]):open{outline:4px solid var(--color-primary);outline-offset:0}& select:not([multiple])::picker(select){border:none;box-shadow:var(--_nes-border-raised);background:var(--color-surface)}& select:not([multiple]) option:hover{background:var(--color-primary);color:var(--_nes-color-white)}& select:not([multiple]) option:checked{background:var(--color-primary-subtle);color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-sans);font-size:.625rem;color:var(--color-text-muted)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--_nes-color-dark);border-width:4px}}:is(main,article) input[type=checkbox],:is(main,article) input[type=radio]{appearance:none;width:24px;height:24px;background:var(--color-surface);box-shadow:var(--_nes-border-sunken);cursor:pointer;position:relative;&:checked{background:var(--color-primary);&:after{content:"\2714";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--_nes-color-white);font-size:.75rem}}&:focus{outline:4px solid var(--color-primary);outline-offset:0}}:is(main,article) input[type=radio]{&:checked:after{content:"";width:12px;height:12px;background:var(--_nes-color-white)}}& progress{appearance:none;height:24px;background:var(--color-surface);box-shadow:var(--_nes-border-sunken);border:none;&::-webkit-progress-bar{background:transparent}&::-webkit-progress-value{background:var(--color-success)}&::-moz-progress-bar{background:var(--color-success)}}:is(main,article){& hr:not([data-ornament]){border:none;height:4px;background:var(--_nes-color-black);margin-block:1.5rem}& h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:.05em;margin-block-end:1rem}& h1{font-size:var(--font-size-xl);color:var(--color-primary)}& h2{font-size:var(--font-size-md);border-bottom:4px solid currentColor;padding-bottom:.5rem}& a:not([class]){color:var(--color-primary);text-decoration:none;&:hover{text-decoration:underline;text-decoration-thickness:4px}}.card{background:var(--color-surface);box-shadow:var(--_nes-border-raised);padding:1.5rem}& blockquote{background:var(--color-surface-alt);box-shadow:var(--_nes-border-raised);padding:1.5rem;margin:1rem 0;position:relative;&:before{content:"\201c";font-size:2rem;color:var(--color-primary);position:absolute;top:.5rem;left:.5rem}}& pre{background:var(--_nes-color-black);color:var(--_nes-color-white);box-shadow:var(--_nes-border-sunken);padding:1rem;overflow-x:auto;font-family:var(--font-mono);font-size:var(--font-size-xs)}& code{background:var(--color-surface-alt);padding:.125rem .375rem;font-family:var(--font-mono);font-size:var(--font-size-xs)}& pre code{background:transparent;padding:0}}:is(main,article) code-block{--cb-bg: var(--_nes-color-black);--cb-code-bg: var(--_nes-color-black);--cb-header-bg: oklch(15% 0 0);--cb-text-color: var(--_nes-color-white);--cb-label-color: var(--_nes-color-light);--cb-comment: oklch(50% 0 0);--cb-string: var(--color-success);--cb-function: var(--color-warning);--cb-number: var(--color-accent);--cb-tag: var(--color-accent);--cb-attribute: var(--color-primary);--cb-border-color: var(--_nes-color-black);--cb-button-bg: oklch(20% 0 0);--cb-button-color: var(--_nes-color-light);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(10% 0 0);--cb-scrollbar-thumb: oklch(30% 0 0)}:is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: var(--color-primary);--browser-window-content-bg: var(--_nes-color-white);--browser-window-border-color: var(--_nes-color-black);--browser-window-text-color: var(--_nes-color-white);--browser-window-text-muted: var(--_nes-color-light);--browser-window-url-bg: var(--color-surface);--browser-window-hover-bg: var(--color-surface-alt)}& table{width:100%;border-collapse:separate;border-spacing:0;box-shadow:var(--_nes-border-raised);background:var(--color-surface)}& th,td{padding:.75rem;text-align:left;border-bottom:4px solid var(--_nes-color-dark)}& th{background:var(--color-primary);color:var(--_nes-color-white)}& tr:last-child td{border-bottom:none}& input[data-switch]{border-radius:0;background:var(--_nes-color-dark)}& input[data-switch]:before{border-radius:0;background:var(--_nes-color-white);box-shadow:none}& input[data-switch]:checked{background:var(--color-primary)}& input[data-switch]:focus-visible{outline-width:4px}::selection{background:var(--color-primary);color:var(--_nes-color-white)}}:root[data-theme~=nes][data-mode=dark],[data-theme~=nes][data-mode=dark]{color-scheme:dark;--_nes-color-black: oklch(0% 0 0);--_nes-color-dark: oklch(25% 0 0);--_nes-color-light: oklch(70% 0 0);--_nes-color-white: oklch(90% 0 0);--color-surface: oklch(20% 0 0);--color-surface-alt: oklch(17% 0 0);--color-surface-raised: oklch(30% 0 0);--color-surface-sunken: oklch(10% 0 0);--color-surface-overlay: oklch(23% 0 0);--color-background: oklch(15% 0 0);--color-text: oklch(90% 0 0);--color-text-muted: oklch(70% 0 0);--color-text-subtle: oklch(50% 0 0);--color-hover-bg: oklch(28% 0 0);--color-hover-text: var(--color-primary);--color-active-text: var(--color-primary);--color-primary: oklch(65% .18 250);--color-primary-hover: oklch(70% .2 250);--color-primary-subtle: oklch(25% .08 250);--color-accent: oklch(65% .22 25);--color-accent-hover: oklch(70% .24 25);--color-success: oklch(65% .18 145);--color-success-subtle: oklch(22% .06 145);--color-success-text: oklch(75% .12 145);--color-warning: oklch(80% .18 90);--color-warning-subtle: oklch(25% .08 90);--color-warning-text: oklch(82% .12 90);--color-error: oklch(65% .22 25);--color-error-subtle: oklch(22% .06 25);--color-error-text: oklch(75% .15 25);--color-info: oklch(65% .12 220);--color-info-subtle: oklch(22% .05 220);--color-info-text: oklch(75% .1 220);--color-border: oklch(45% 0 0);--color-border-muted: oklch(35% 0 0);--color-border-strong: oklch(60% 0 0);--control-size: 1.5rem;--control-border: var(--_nes-color-white);--control-checked-bg: var(--color-primary);--control-checked-border: var(--_nes-color-white);--input-bg: var(--color-surface-sunken);--input-border: var(--_nes-color-light);--input-border-focus: var(--color-primary);--range-track-bg: var(--_nes-color-dark);--range-track-fill: var(--color-primary);--range-thumb-bg: var(--color-surface);--range-thumb-border: var(--_nes-color-white);--progress-track-bg: var(--_nes-color-dark);--progress-fill: oklch(70% .2 145);--shadow-xs: 4px 4px 0 oklch(0% 0 0);--shadow-sm: 4px 4px 0 oklch(0% 0 0);--shadow-md: 8px 8px 0 oklch(0% 0 0);--shadow-lg: 8px 8px 0 oklch(0% 0 0 / .8);--shadow-xl: 12px 12px 0 oklch(0% 0 0 / .8);--shadow-2xl: 16px 16px 0 oklch(0% 0 0 / .8);:is(main,article) code-block{--cb-header-bg: oklch(25% 0 0);--cb-label-color: var(--_nes-color-light);--cb-comment: oklch(50% 0 0);--cb-button-bg: oklch(30% 0 0);--cb-button-color: var(--_nes-color-light);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(15% 0 0);--cb-scrollbar-thumb: oklch(40% 0 0)}:is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: linear-gradient(90deg, oklch(30% .15 250), oklch(45% .08 250));--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--_nes-color-light);--browser-window-text-color: var(--_nes-color-white);--browser-window-text-muted: var(--_nes-color-light);--browser-window-url-bg: var(--color-surface-sunken);--browser-window-hover-bg: var(--color-surface-alt)}}
|
|
2
2
|
/*# sourceMappingURL=nes.css.map */
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@font-face{font-family:Nunito;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=neumorphism],[data-theme~=neumorphism]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(89% .008 250);--color-surface: oklch(89% .008 250);--color-surface-alt: oklch(87% .008 250);--color-surface-raised: oklch(90% .008 250);--color-surface-sunken: oklch(83% .012 250);--color-hover-bg: var(--color-surface-sunken);--color-text: oklch(18% .01 250);--color-text-muted: oklch(33% .01 250);--color-text-subtle: oklch(45% .008 250);--color-primary: oklch(48% .18 250);--color-primary-hover: oklch(42% .2 250);--color-primary-subtle: oklch(85% .04 250);--color-accent: oklch(55% .15 310);--color-accent-hover: oklch(50% .16 310);--color-border: oklch(82% .006 250);--color-border-muted: oklch(85% .005 250);--color-border-strong: oklch(72% .01 250);--color-success: oklch(52% .14 150);--color-warning: oklch(68% .14 80);--color-error: oklch(50% .18 25);--color-info: oklch(48% .14 250);--_neu-dark: oklch(65% .01 250);--_neu-light: oklch(100% 0 0);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .25rem;--radius-s: .5rem;--radius-m: .75rem;--radius-l: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 3px 3px 6px var(--_neu-dark), -3px -3px 6px var(--_neu-light);--shadow-sm: 5px 5px 10px var(--_neu-dark), -5px -5px 10px var(--_neu-light);--shadow-md: 7px 7px 14px var(--_neu-dark), -7px -7px 14px var(--_neu-light);--shadow-lg: 10px 10px 20px var(--_neu-dark), -10px -10px 20px var(--_neu-light);--shadow-xl: 14px 14px 28px var(--_neu-dark), -14px -14px 28px var(--_neu-light);--shadow-2xl: 20px 20px 40px var(--_neu-dark), -20px -20px 40px var(--_neu-light);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--control-border: oklch(80% .006 250);--control-checked-bg: oklch(48% .18 250);--control-checked-border: oklch(48% .18 250);--control-radius-check: var(--radius-s);--input-bg: oklch(87% .008 250);--input-border: oklch(82% .006 250);--input-border-focus: oklch(48% .18 250);--range-track-bg: oklch(80% .008 250);--range-track-fill: oklch(48% .18 250);--range-thumb-bg: oklch(89% .008 250);--range-thumb-border: oklch(80% .006 250);--progress-track-bg: oklch(80% .008 250);--progress-fill: oklch(48% .18 250)}:root[data-theme~=neumorphism],[data-theme~=neumorphism]{:is(main,article){& hr:not([data-ornament]){border:none;height:4px;border-radius:var(--radius-full);background:var(--color-background);box-shadow:inset 2px 2px 5px var(--_neu-dark),inset -2px -2px 5px var(--_neu-light);margin-block:2rem}& h1,h2{font-weight:700;letter-spacing:-.01em;color:#070c11;text-shadow:1px 1px 0 oklch(100% 0 0 / .6)}& h3,h4{color:#13161a}& a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-color:oklch(48% .18 250 / .4);text-underline-offset:.15em;transition:text-decoration-color .2s var(--ease-default);&:hover{text-decoration-color:var(--color-primary)}}& blockquote{border-inline-start:none;padding:1.25rem 1.5rem 1.25rem 2.5rem;color:#2a2e33;box-shadow:inset 4px 4px 8px var(--_neu-dark),inset -4px -4px 8px var(--_neu-light);border-radius:var(--radius-l);background:var(--color-background);position:relative;&:before{content:"\201c";position:absolute;top:-.5rem;left:1rem;width:2rem;height:2rem;border-radius:var(--radius-full);background:var(--color-background);box-shadow:4px 4px 8px var(--_neu-dark),-4px -4px 8px var(--_neu-light);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-primary);font-weight:700;line-height:1}}.button,button{background:var(--color-background);border:none;color:var(--color-primary);font-weight:600;letter-spacing:.01em;box-shadow:5px 5px 10px var(--_neu-dark),-5px -5px 10px var(--_neu-light);transition:box-shadow .2s var(--ease-default),transform .2s var(--ease-default);&:hover{box-shadow:7px 7px 14px var(--_neu-dark),-7px -7px 14px var(--_neu-light);transform:translateY(-1px)}&:active{box-shadow:inset 4px 4px 8px var(--_neu-dark),inset -4px -4px 8px var(--_neu-light);transform:translateY(0)}}.card{border:none;background:var(--color-background);transition:box-shadow .2s var(--ease-default),transform .2s var(--ease-default);&:hover{box-shadow:10px 10px 20px var(--_neu-dark),-10px -10px 20px var(--_neu-light);transform:translateY(-2px)}}& input,textarea,select{background:var(--color-surface-sunken);border:1px solid var(--color-border);box-shadow:inset 4px 4px 8px var(--_neu-dark),inset -4px -4px 8px var(--_neu-light);border-radius:var(--radius-l);transition:box-shadow .2s var(--ease-default);&:focus{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light),0 0 0 3px oklch(48% .18 250 / .2);outline:none}&::placeholder{color:var(--color-text-subtle)}}& pre{box-shadow:inset 4px 4px 8px var(--_neu-dark),inset -4px -4px 8px var(--_neu-light);border:none;border-radius:var(--radius-l);padding:var(--size-m) var(--size-l)}& table{border-radius:var(--radius-l);box-shadow:var(--shadow-sm)}& aside:not(layout-sidebar aside){border-inline-start-width:4px;border-inline-start-style:solid;background:var(--color-background);box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light);border-radius:var(--radius-l);padding:var(--size-m) var(--size-l)}& details{border:none;background:var(--color-background);box-shadow:var(--shadow-xs);border-radius:var(--radius-m);overflow:hidden;& summary{font-weight:600}&[open]{box-shadow:var(--shadow-sm)}}& output{background:var(--color-surface-sunken);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);border-radius:var(--radius-s);border:none}:not(pre)>code{background:var(--color-surface-raised);box-shadow:1px 1px 2px var(--_neu-dark),-1px -1px 2px var(--_neu-light);border:none;border-radius:var(--radius-s)}& fieldset{border:none;background:var(--color-background);box-shadow:var(--shadow-sm);border-radius:var(--radius-l)}& mark{box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light);border-radius:var(--radius-xs)}& progress{border-radius:var(--radius-full);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);overflow:hidden}& meter{border-radius:var(--radius-full);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}& tab-set{background:var(--color-background);box-shadow:var(--shadow-sm);border-radius:var(--radius-l);border:none;padding:var(--size-s);& summary{border:none;border-block-end:none;border-radius:var(--radius-s);background:transparent;box-shadow:none;font-weight:600;color:var(--color-text-muted);transition:box-shadow .2s var(--ease-default),color .2s;padding:var(--size-xs) var(--size-m);&:hover{color:var(--color-text)}}& details[open]>summary{color:var(--color-primary);border-block-end-color:transparent;background:var(--color-background);box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light)}& details>div{border:none}}& slide-accept{box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light);border:none;border-radius:var(--radius-full);background:var(--color-background)}& carousel-wc{background:var(--color-background);box-shadow:var(--shadow-sm);border-radius:var(--radius-l);padding:var(--size-s);border:none}& dialog{border:none;background:var(--color-background);box-shadow:var(--shadow-xl);border-radius:var(--radius-xl);>header,>section,>footer{border-color:transparent}>header{border-block-end:none;box-shadow:inset 0 -2px 3px -1px var(--_neu-dark),0 1px 0 0 var(--_neu-light)}>footer{border-block-start:none;box-shadow:inset 0 2px 3px -1px var(--_neu-dark),0 -1px 0 0 var(--_neu-light)}}& drop-down menu,drop-down ul[role=menu]{border:none;background:var(--color-background);box-shadow:var(--shadow-md);border-radius:var(--radius-l);padding:var(--size-xs);& button{box-shadow:none;background:transparent;border-radius:var(--radius-s);&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}[role=separator]{border:none;height:3px;border-radius:var(--radius-full);background:var(--color-background);box-shadow:inset 1px 1px 2px var(--_neu-dark),inset -1px -1px 2px var(--_neu-light);margin-block:var(--size-2xs)}}& context-menu menu,context-menu ul[role=menu]{border:none;background:var(--color-background);box-shadow:var(--shadow-md);border-radius:var(--radius-l);padding:var(--size-xs);& button{box-shadow:none;background:transparent;border-radius:var(--radius-s);&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}[role=separator]{border:none;height:3px;border-radius:var(--radius-full);background:var(--color-background);box-shadow:inset 1px 1px 2px var(--_neu-dark),inset -1px -1px 2px var(--_neu-light);margin-block:var(--size-2xs)}}[data-toggle-tags]{[role=option],button{box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light);&[aria-pressed=true],&[aria-selected=true]{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}}.number-wrapper{box-shadow:var(--shadow-xs);border-radius:var(--radius-full);border:none;background:var(--color-background);& button{box-shadow:none;background:transparent;border-radius:0;transform:none;&:hover:not(:disabled){background:#ffffff4d;box-shadow:none;transform:none}&:active:not(:disabled){background:#0000000d;box-shadow:none;transform:none}}& input[type=number]{background:var(--color-surface-sunken);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);border-radius:0;border-inline:1px solid var(--color-border-muted)}&:focus-within{box-shadow:var(--shadow-xs),0 0 0 3px oklch(48% .18 250 / .15);border-color:transparent}}:is(fieldset,.card,tab-set,carousel-wc,dialog,drop-down menu,context-menu menu){:is(button,.button){box-shadow:3px 3px 6px var(--_neu-dark),-3px -3px 6px var(--_neu-light);&:hover{box-shadow:4px 4px 8px var(--_neu-dark),-4px -4px 8px var(--_neu-light)}&:active{box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light)}}& details{box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light)}}& code-block{--cb-bg: var(--color-background);--cb-code-bg: var(--color-surface-sunken);--cb-border-color: transparent;--cb-border-radius: var(--radius-xl);--cb-shadow: none;--cb-margin: var(--size-m) 0;--cb-header-padding: .5rem 1rem;--cb-button-bg: transparent;--cb-button-border: transparent;--cb-button-border-style: none;--cb-button-hover-bg: var(--color-surface-sunken);--cb-button-hover-border: transparent;--cb-action-button-hover-bg: var(--color-surface-sunken);--cb-focus-color: oklch(48% .18 250 / .3);--cb-success-color: var(--color-success);--cb-error-color: var(--color-error);--cb-line-numbers-bg: var(--color-surface-sunken);--cb-line-numbers-color: var(--color-text-subtle);--cb-keyword: oklch(48% .18 250);--cb-string: oklch(52% .14 150);--cb-function: oklch(55% .15 310);--cb-number: oklch(58% .14 45);--cb-attribute: oklch(48% .14 250);--cb-tag: oklch(52% .14 150);--cb-meta: oklch(55% .12 60);--cb-builtin: oklch(48% .18 250);--cb-highlight-bg: oklch(48% .18 250 / .08);--cb-highlight-border: oklch(48% .18 250 / .3);--cb-scrollbar-track: var(--color-surface-sunken);--cb-scrollbar-thumb: var(--color-border-strong);--cb-scrollbar-thumb-hover: var(--color-text-subtle);--cb-expand-bg: var(--color-surface);--cb-expand-color: var(--color-primary);--cb-expand-hover-bg: var(--color-surface-raised);box-shadow:var(--shadow-md);border-radius:var(--radius-xl);border:none}& browser-window{--browser-window-border-color: transparent;box-shadow:var(--shadow-md);border-radius:var(--radius-xl);border:none}& command-palette>dialog,command-palette>[popover]{border:none;background:var(--color-background);box-shadow:var(--shadow-xl);border-radius:var(--radius-xl);& input{box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light);&:focus{box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light),0 0 0 3px oklch(48% .18 250 / .15);outline:none}}& a,button{box-shadow:none;background:transparent;border-radius:var(--radius-s);&:hover,&[aria-selected=true]{background:var(--color-surface-sunken);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}}}& nav a{border-radius:var(--radius-s);transition:box-shadow .15s var(--ease-default),background .15s var(--ease-default),color .15s;&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}&[aria-current=page]{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}& nav.tree details,nav.tree [data-sidebar-section],nav.tree [data-sidebar-group]{box-shadow:none!important;border:none;background:transparent;& summary{box-shadow:none;border:none;background:transparent;border-radius:var(--radius-s);&:hover{background:var(--color-surface-sunken);box-shadow:inset 1px 1px 3px var(--_neu-dark),inset -1px -1px 3px var(--_neu-light)}}& a{border-radius:var(--radius-s);&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}&[aria-current=page]{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);color:var(--color-primary)}}}& page-toc{.link,a{border-radius:var(--radius-s);&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}[aria-current=true] a,.active{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);border-radius:var(--radius-s)}}& drop-down menu,drop-down ul[role=menu]{border:none;background:var(--color-background);box-shadow:var(--shadow-md);border-radius:var(--radius-l);padding:var(--size-xs);& a,button{box-shadow:none;background:transparent;border-radius:var(--radius-s);&:hover,&:focus{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}}& nav.horizontal a{border-radius:var(--radius-s)}& nav.breadcrumb a{border-radius:var(--radius-s)}& settings-panel .settings-panel,theme-picker .panel{border:none;background:var(--color-background);box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);& details{border:none;box-shadow:none;background:transparent;&:not(:last-child){box-shadow:inset 0 -2px 3px -1px var(--_neu-dark),0 1px 0 0 var(--_neu-light)}}& select{background:var(--color-surface-sunken);box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light);border:none;border-radius:var(--radius-m)}.segmented-control{background:var(--color-surface-sunken);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);border:none;border-radius:var(--radius-m)}.toggle-row,label:has(input[type=checkbox]){background:var(--color-background);box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light);border:none;border-radius:var(--radius-m);padding:var(--size-xs) var(--size-m)}}::selection{background:oklch(48% .18 250 / .25);color:#080c0f}}:root[data-theme~=neumorphism][data-mode=dark],[data-theme~=neumorphism][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .008 250);--color-surface: oklch(22% .008 250);--color-surface-alt: oklch(20% .008 250);--color-surface-raised: oklch(25% .008 250);--color-surface-sunken: oklch(18% .01 250);--color-hover-bg: var(--color-surface-sunken);--color-text: oklch(92% .005 250);--color-text-muted: oklch(75% .005 250);--color-text-subtle: oklch(58% .005 250);--color-primary: oklch(70% .15 250);--color-primary-hover: oklch(75% .16 250);--color-primary-subtle: oklch(30% .05 250);--color-accent: oklch(72% .12 310);--color-accent-hover: oklch(77% .13 310);--color-border: oklch(30% .006 250);--color-border-muted: oklch(27% .005 250);--color-border-strong: oklch(40% .008 250);--color-success: oklch(68% .14 150);--color-warning: oklch(78% .14 80);--color-error: oklch(65% .16 25);--color-info: oklch(70% .14 250);--input-bg: oklch(20% .008 250);--input-border: oklch(30% .006 250);--input-border-focus: oklch(70% .15 250);--control-border: oklch(30% .006 250);--control-checked-bg: oklch(70% .15 250);--control-checked-border: oklch(70% .15 250);--range-track-bg: oklch(18% .008 250);--range-track-fill: oklch(70% .15 250);--range-thumb-bg: oklch(22% .008 250);--range-thumb-border: oklch(30% .006 250);--progress-track-bg: oklch(18% .008 250);--progress-fill: oklch(70% .15 250);--_neu-dark: oklch(8% .005 250);--_neu-light: oklch(35% .01 250);--shadow-xs: 3px 3px 6px var(--_neu-dark), -3px -3px 6px var(--_neu-light);--shadow-sm: 5px 5px 10px var(--_neu-dark), -5px -5px 10px var(--_neu-light);--shadow-md: 7px 7px 14px var(--_neu-dark), -7px -7px 14px var(--_neu-light);--shadow-lg: 10px 10px 20px var(--_neu-dark), -10px -10px 20px var(--_neu-light);--shadow-xl: 14px 14px 28px var(--_neu-dark), -14px -14px 28px var(--_neu-light);--shadow-2xl: 20px 20px 40px var(--_neu-dark), -20px -20px 40px var(--_neu-light);:is(main,article){& h1,h2{color:#e2e5e8;text-shadow:1px 1px 0 oklch(32% .005 250 / .5)}& blockquote{color:#acaeb1;background:var(--color-background);&:before{background:var(--color-background);color:var(--color-primary)}}& input,textarea,select{background:var(--color-surface-sunken);border:1px solid var(--color-border)}}& code-block{--cb-bg: var(--color-surface-sunken);--cb-code-bg: var(--color-surface-sunken);--cb-header-bg: var(--color-surface);--cb-button-bg: var(--color-surface);--cb-button-border: transparent;--cb-button-border-style: none;--cb-button-hover-bg: var(--color-surface-raised);--cb-action-button-hover-bg: var(--color-surface-raised);--cb-focus-color: oklch(70% .15 250 / .3);--cb-line-numbers-bg: var(--color-surface-sunken);--cb-line-numbers-color: var(--color-text-subtle);--cb-keyword: oklch(70% .15 250);--cb-string: oklch(68% .14 150);--cb-function: oklch(72% .12 310);--cb-number: oklch(75% .12 45);--cb-attribute: oklch(70% .12 250);--cb-tag: oklch(68% .14 150);--cb-meta: oklch(72% .12 60);--cb-builtin: oklch(70% .15 250);--cb-highlight-bg: oklch(70% .15 250 / .1);--cb-highlight-border: oklch(70% .15 250 / .3);--cb-scrollbar-track: var(--color-surface-sunken);--cb-scrollbar-thumb: var(--color-border-strong);--cb-expand-bg: var(--color-surface);--cb-expand-color: var(--color-primary)}::selection{background:#4ba3f74d;color:#e2e5e8}}
|
|
1
|
+
@font-face{font-family:Nunito;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=neumorphism],[data-theme~=neumorphism]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(89% .008 250);--color-surface: oklch(89% .008 250);--color-surface-alt: oklch(87% .008 250);--color-surface-raised: oklch(90% .008 250);--color-surface-sunken: oklch(83% .012 250);--color-hover-bg: var(--color-surface-sunken);--color-text: oklch(18% .01 250);--color-text-muted: oklch(33% .01 250);--color-text-subtle: oklch(45% .008 250);--color-primary: oklch(48% .18 250);--color-primary-hover: oklch(42% .2 250);--color-primary-subtle: oklch(85% .04 250);--color-accent: oklch(55% .15 310);--color-accent-hover: oklch(50% .16 310);--color-border: oklch(82% .006 250);--color-border-muted: oklch(85% .005 250);--color-border-strong: oklch(72% .01 250);--color-success: oklch(52% .14 150);--color-warning: oklch(68% .14 80);--color-error: oklch(50% .18 25);--color-info: oklch(48% .14 250);--_neu-dark: oklch(65% .01 250);--_neu-light: oklch(100% 0 0);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .25rem;--radius-s: .5rem;--radius-m: .75rem;--radius-l: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 3px 3px 6px var(--_neu-dark), -3px -3px 6px var(--_neu-light);--shadow-sm: 5px 5px 10px var(--_neu-dark), -5px -5px 10px var(--_neu-light);--shadow-md: 7px 7px 14px var(--_neu-dark), -7px -7px 14px var(--_neu-light);--shadow-lg: 10px 10px 20px var(--_neu-dark), -10px -10px 20px var(--_neu-light);--shadow-xl: 14px 14px 28px var(--_neu-dark), -14px -14px 28px var(--_neu-light);--shadow-2xl: 20px 20px 40px var(--_neu-dark), -20px -20px 40px var(--_neu-light);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--control-border: oklch(80% .006 250);--control-checked-bg: oklch(48% .18 250);--control-checked-border: oklch(48% .18 250);--control-radius-check: var(--radius-s);--input-bg: oklch(87% .008 250);--input-border: oklch(82% .006 250);--input-border-focus: oklch(48% .18 250);--range-track-bg: oklch(80% .008 250);--range-track-fill: oklch(48% .18 250);--range-thumb-bg: oklch(89% .008 250);--range-thumb-border: oklch(80% .006 250);--progress-track-bg: oklch(80% .008 250);--progress-fill: oklch(48% .18 250)}:root[data-theme~=neumorphism],[data-theme~=neumorphism]{:is(main,article){& hr:not([data-ornament]){border:none;height:4px;border-radius:var(--radius-full);background:var(--color-background);box-shadow:inset 2px 2px 5px var(--_neu-dark),inset -2px -2px 5px var(--_neu-light);margin-block:2rem}& h1,h2{font-weight:700;letter-spacing:-.01em;color:#070c11;text-shadow:1px 1px 0 oklch(100% 0 0 / .6)}& h3,h4{color:#13161a}& a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-color:oklch(48% .18 250 / .4);text-underline-offset:.15em;transition:text-decoration-color .2s var(--ease-default);&:hover{text-decoration-color:var(--color-primary)}}& blockquote{border-inline-start:none;padding:1.25rem 1.5rem 1.25rem 2.5rem;color:#2a2e33;box-shadow:inset 4px 4px 8px var(--_neu-dark),inset -4px -4px 8px var(--_neu-light);border-radius:var(--radius-l);background:var(--color-background);position:relative;&:before{content:"\201c";position:absolute;top:-.5rem;left:1rem;width:2rem;height:2rem;border-radius:var(--radius-full);background:var(--color-background);box-shadow:4px 4px 8px var(--_neu-dark),-4px -4px 8px var(--_neu-light);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-primary);font-weight:700;line-height:1}}.button,button{background:var(--color-background);border:none;color:var(--color-primary);font-weight:600;letter-spacing:.01em;box-shadow:5px 5px 10px var(--_neu-dark),-5px -5px 10px var(--_neu-light);transition:box-shadow .2s var(--ease-default),transform .2s var(--ease-default);&:hover{box-shadow:7px 7px 14px var(--_neu-dark),-7px -7px 14px var(--_neu-light);transform:translateY(-1px)}&:active{box-shadow:inset 4px 4px 8px var(--_neu-dark),inset -4px -4px 8px var(--_neu-light);transform:translateY(0)}}.card{border:none;background:var(--color-background);transition:box-shadow .2s var(--ease-default),transform .2s var(--ease-default);&:hover{box-shadow:10px 10px 20px var(--_neu-dark),-10px -10px 20px var(--_neu-light);transform:translateY(-2px)}}& input,textarea,select{background:var(--color-surface-sunken);border:1px solid var(--color-border);box-shadow:inset 4px 4px 8px var(--_neu-dark),inset -4px -4px 8px var(--_neu-light);border-radius:var(--radius-l);transition:box-shadow .2s var(--ease-default);&:focus{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light),0 0 0 3px oklch(48% .18 250 / .2);outline:none}&::placeholder{color:var(--color-text-subtle)}}& pre{box-shadow:inset 4px 4px 8px var(--_neu-dark),inset -4px -4px 8px var(--_neu-light);border:none;border-radius:var(--radius-l);padding:var(--size-m) var(--size-l)}& table{border-radius:var(--radius-l);box-shadow:var(--shadow-sm)}& aside:not(layout-sidebar aside){border-inline-start-width:4px;border-inline-start-style:solid;background:var(--color-background);box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light);border-radius:var(--radius-l);padding:var(--size-m) var(--size-l)}& details{border:none;background:var(--color-background);box-shadow:var(--shadow-xs);border-radius:var(--radius-m);overflow:hidden;& summary{font-weight:600}&[open]{box-shadow:var(--shadow-sm)}}& output{background:var(--color-surface-sunken);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);border-radius:var(--radius-s);border:none}:not(pre)>code{background:var(--color-surface-raised);box-shadow:1px 1px 2px var(--_neu-dark),-1px -1px 2px var(--_neu-light);border:none;border-radius:var(--radius-s)}& fieldset{border:none;background:var(--color-background);box-shadow:var(--shadow-sm);border-radius:var(--radius-l)}& mark{box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light);border-radius:var(--radius-xs)}& progress{border-radius:var(--radius-full);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);overflow:hidden}& meter{border-radius:var(--radius-full);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}& tab-set{background:var(--color-background);box-shadow:var(--shadow-sm);border-radius:var(--radius-l);border:none;padding:var(--size-s);& summary{border:none;border-block-end:none;border-radius:var(--radius-s);background:transparent;box-shadow:none;font-weight:600;color:var(--color-text-muted);transition:box-shadow .2s var(--ease-default),color .2s;padding:var(--size-xs) var(--size-m);&:hover{color:var(--color-text)}}& details[open]>summary{color:var(--color-primary);border-block-end-color:transparent;background:var(--color-background);box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light)}& details>div{border:none}}& slide-accept{box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light);border:none;border-radius:var(--radius-full);background:var(--color-background)}& carousel-wc{background:var(--color-background);box-shadow:var(--shadow-sm);border-radius:var(--radius-l);padding:var(--size-s);border:none}& dialog{border:none;background:var(--color-background);box-shadow:var(--shadow-xl);border-radius:var(--radius-xl);>header,>section,>footer{border-color:transparent}>header{border-block-end:none;box-shadow:inset 0 -2px 3px -1px var(--_neu-dark),0 1px 0 0 var(--_neu-light)}>footer{border-block-start:none;box-shadow:inset 0 2px 3px -1px var(--_neu-dark),0 -1px 0 0 var(--_neu-light)}}& drop-down menu,drop-down ul[role=menu]{border:none;background:var(--color-background);box-shadow:var(--shadow-md);border-radius:var(--radius-l);padding:var(--size-xs);& button{box-shadow:none;background:transparent;border-radius:var(--radius-s);&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}[role=separator]{border:none;height:3px;border-radius:var(--radius-full);background:var(--color-background);box-shadow:inset 1px 1px 2px var(--_neu-dark),inset -1px -1px 2px var(--_neu-light);margin-block:var(--size-2xs)}}& context-menu menu,context-menu ul[role=menu]{border:none;background:var(--color-background);box-shadow:var(--shadow-md);border-radius:var(--radius-l);padding:var(--size-xs);& button{box-shadow:none;background:transparent;border-radius:var(--radius-s);&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}[role=separator]{border:none;height:3px;border-radius:var(--radius-full);background:var(--color-background);box-shadow:inset 1px 1px 2px var(--_neu-dark),inset -1px -1px 2px var(--_neu-light);margin-block:var(--size-2xs)}}[data-toggle-tags]{[role=option],button{box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light);&[aria-pressed=true],&[aria-selected=true]{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}}.number-wrapper{box-shadow:var(--shadow-xs);border-radius:var(--radius-full);border:none;background:var(--color-background);& button{box-shadow:none;background:transparent;border-radius:0;transform:none;&:hover:not(:disabled){background:#ffffff4d;box-shadow:none;transform:none}&:active:not(:disabled){background:#0000000d;box-shadow:none;transform:none}}& input[type=number]{background:var(--color-surface-sunken);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);border-radius:0;border-inline:1px solid var(--color-border-muted)}&:focus-within{box-shadow:var(--shadow-xs),0 0 0 3px oklch(48% .18 250 / .15);border-color:transparent}}:is(fieldset,.card,tab-set,carousel-wc,dialog,drop-down menu,context-menu menu){:is(button,.button){box-shadow:3px 3px 6px var(--_neu-dark),-3px -3px 6px var(--_neu-light);&:hover{box-shadow:4px 4px 8px var(--_neu-dark),-4px -4px 8px var(--_neu-light)}&:active{box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light)}}& details{box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light)}}& code-block{--cb-bg: var(--color-background);--cb-code-bg: var(--color-surface-sunken);--cb-border-color: transparent;--cb-border-radius: var(--radius-xl);--cb-shadow: none;--cb-margin: var(--size-m) 0;--cb-header-padding: .5rem 1rem;--cb-button-bg: transparent;--cb-button-border: transparent;--cb-button-border-style: none;--cb-button-hover-bg: var(--color-surface-sunken);--cb-button-hover-border: transparent;--cb-action-button-hover-bg: var(--color-surface-sunken);--cb-focus-color: oklch(48% .18 250 / .3);--cb-success-color: var(--color-success);--cb-error-color: var(--color-error);--cb-line-numbers-bg: var(--color-surface-sunken);--cb-line-numbers-color: var(--color-text-subtle);--cb-keyword: oklch(48% .18 250);--cb-string: oklch(52% .14 150);--cb-function: oklch(55% .15 310);--cb-number: oklch(58% .14 45);--cb-attribute: oklch(48% .14 250);--cb-tag: oklch(52% .14 150);--cb-meta: oklch(55% .12 60);--cb-builtin: oklch(48% .18 250);--cb-highlight-bg: oklch(48% .18 250 / .08);--cb-highlight-border: oklch(48% .18 250 / .3);--cb-scrollbar-track: var(--color-surface-sunken);--cb-scrollbar-thumb: var(--color-border-strong);--cb-scrollbar-thumb-hover: var(--color-text-subtle);--cb-expand-bg: var(--color-surface);--cb-expand-color: var(--color-primary);--cb-expand-hover-bg: var(--color-surface-raised);box-shadow:var(--shadow-md);border-radius:var(--radius-xl);border:none}& browser-window{--browser-window-border-color: transparent;box-shadow:var(--shadow-md);border-radius:var(--radius-xl);border:none}& command-palette>dialog,command-palette>[popover]{border:none;background:var(--color-background);box-shadow:var(--shadow-xl);border-radius:var(--radius-xl);& input{box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light);&:focus{box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light),0 0 0 3px oklch(48% .18 250 / .15);outline:none}}& a,button{box-shadow:none;background:transparent;border-radius:var(--radius-s);&:hover,&[aria-selected=true]{background:var(--color-surface-sunken);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}}}& nav a{border-radius:var(--radius-s);transition:box-shadow .15s var(--ease-default),background .15s var(--ease-default),color .15s;&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}&[aria-current=page]{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}& nav.tree details,nav.tree [data-sidebar-section],nav.tree [data-sidebar-group]{box-shadow:none!important;border:none;background:transparent;& summary{box-shadow:none;border:none;background:transparent;border-radius:var(--radius-s);&:hover{background:var(--color-surface-sunken);box-shadow:inset 1px 1px 3px var(--_neu-dark),inset -1px -1px 3px var(--_neu-light)}}& a{border-radius:var(--radius-s);&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}&[aria-current=page]{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);color:var(--color-primary)}}}& page-toc{.link,a{border-radius:var(--radius-s);&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}[aria-current=true] a,.active{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);border-radius:var(--radius-s)}}& drop-down menu,drop-down ul[role=menu]{border:none;background:var(--color-background);box-shadow:var(--shadow-md);border-radius:var(--radius-l);padding:var(--size-xs);& a,button{box-shadow:none;background:transparent;border-radius:var(--radius-s);&:hover,&:focus{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}}& nav.horizontal a{border-radius:var(--radius-s)}& nav.breadcrumb a{border-radius:var(--radius-s)}& settings-panel .settings-panel,theme-picker .panel{border:none;background:var(--color-background);box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);& details{border:none;box-shadow:none;background:transparent;&:not(:last-child){box-shadow:inset 0 -2px 3px -1px var(--_neu-dark),0 1px 0 0 var(--_neu-light)}}& select{background:var(--color-surface-sunken);box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light);border:none;border-radius:var(--radius-m)}[data-segmented]{background:var(--color-surface-sunken);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);border:none;border-radius:var(--radius-m)}.toggle-row,label:has(input[type=checkbox]){background:var(--color-background);box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light);border:none;border-radius:var(--radius-m);padding:var(--size-xs) var(--size-m)}}::selection{background:oklch(48% .18 250 / .25);color:#080c0f}}:root[data-theme~=neumorphism][data-mode=dark],[data-theme~=neumorphism][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .008 250);--color-surface: oklch(22% .008 250);--color-surface-alt: oklch(20% .008 250);--color-surface-raised: oklch(25% .008 250);--color-surface-sunken: oklch(18% .01 250);--color-hover-bg: var(--color-surface-sunken);--color-text: oklch(92% .005 250);--color-text-muted: oklch(75% .005 250);--color-text-subtle: oklch(58% .005 250);--color-primary: oklch(70% .15 250);--color-primary-hover: oklch(75% .16 250);--color-primary-subtle: oklch(30% .05 250);--color-accent: oklch(72% .12 310);--color-accent-hover: oklch(77% .13 310);--color-border: oklch(30% .006 250);--color-border-muted: oklch(27% .005 250);--color-border-strong: oklch(40% .008 250);--color-success: oklch(68% .14 150);--color-warning: oklch(78% .14 80);--color-error: oklch(65% .16 25);--color-info: oklch(70% .14 250);--input-bg: oklch(20% .008 250);--input-border: oklch(30% .006 250);--input-border-focus: oklch(70% .15 250);--control-border: oklch(30% .006 250);--control-checked-bg: oklch(70% .15 250);--control-checked-border: oklch(70% .15 250);--range-track-bg: oklch(18% .008 250);--range-track-fill: oklch(70% .15 250);--range-thumb-bg: oklch(22% .008 250);--range-thumb-border: oklch(30% .006 250);--progress-track-bg: oklch(18% .008 250);--progress-fill: oklch(70% .15 250);--_neu-dark: oklch(8% .005 250);--_neu-light: oklch(35% .01 250);--shadow-xs: 3px 3px 6px var(--_neu-dark), -3px -3px 6px var(--_neu-light);--shadow-sm: 5px 5px 10px var(--_neu-dark), -5px -5px 10px var(--_neu-light);--shadow-md: 7px 7px 14px var(--_neu-dark), -7px -7px 14px var(--_neu-light);--shadow-lg: 10px 10px 20px var(--_neu-dark), -10px -10px 20px var(--_neu-light);--shadow-xl: 14px 14px 28px var(--_neu-dark), -14px -14px 28px var(--_neu-light);--shadow-2xl: 20px 20px 40px var(--_neu-dark), -20px -20px 40px var(--_neu-light);:is(main,article){& h1,h2{color:#e2e5e8;text-shadow:1px 1px 0 oklch(32% .005 250 / .5)}& blockquote{color:#acaeb1;background:var(--color-background);&:before{background:var(--color-background);color:var(--color-primary)}}& input,textarea,select{background:var(--color-surface-sunken);border:1px solid var(--color-border)}}& code-block{--cb-bg: var(--color-surface-sunken);--cb-code-bg: var(--color-surface-sunken);--cb-header-bg: var(--color-surface);--cb-button-bg: var(--color-surface);--cb-button-border: transparent;--cb-button-border-style: none;--cb-button-hover-bg: var(--color-surface-raised);--cb-action-button-hover-bg: var(--color-surface-raised);--cb-focus-color: oklch(70% .15 250 / .3);--cb-line-numbers-bg: var(--color-surface-sunken);--cb-line-numbers-color: var(--color-text-subtle);--cb-keyword: oklch(70% .15 250);--cb-string: oklch(68% .14 150);--cb-function: oklch(72% .12 310);--cb-number: oklch(75% .12 45);--cb-attribute: oklch(70% .12 250);--cb-tag: oklch(68% .14 150);--cb-meta: oklch(72% .12 60);--cb-builtin: oklch(70% .15 250);--cb-highlight-bg: oklch(70% .15 250 / .1);--cb-highlight-border: oklch(70% .15 250 / .3);--cb-scrollbar-track: var(--color-surface-sunken);--cb-scrollbar-thumb: var(--color-border-strong);--cb-expand-bg: var(--color-surface);--cb-expand-color: var(--color-primary)}::selection{background:#4ba3f74d;color:#e2e5e8}}
|
|
2
2
|
/*# sourceMappingURL=neumorphism.css.map */
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root[data-theme~=organic],[data-theme~=organic]{color-scheme:light;--theme-border-style: organic;--theme-icon-set: lucide;--color-surface: oklch(97% .02 80);--color-surface-alt: oklch(94% .03 75);--color-surface-raised: oklch(99% .01 80);--color-surface-sunken: oklch(90% .04 70);--color-background: oklch(97% .02 80);--color-text: oklch(22% .05 50);--color-text-muted: oklch(40% .04 50);--color-text-subtle: oklch(50% .03 60);--color-primary: oklch(50% .12 145);--color-primary-hover: oklch(45% .14 145);--color-primary-subtle: oklch(95% .04 145);--color-accent: oklch(65% .15 55);--color-accent-hover: oklch(55% .15 55);--color-accent-subtle: oklch(95% .05 55);--color-border: oklch(85% .04 70);--color-border-muted: oklch(90% .03 70);--color-border-strong: oklch(70% .06 60);--color-error: oklch(52% .14 18);--color-error-subtle: oklch(94% .04 18);--color-error-text: oklch(38% .12 18);--color-warning: oklch(65% .12 65);--color-warning-subtle: oklch(94% .05 65);--color-warning-text: oklch(40% .1 65);--color-success: oklch(50% .1 150);--color-success-subtle: oklch(94% .04 150);--color-success-text: oklch(35% .08 150);--color-info: oklch(50% .08 230);--color-info-subtle: oklch(94% .04 230);--color-info-text: oklch(38% .08 230);--font-sans: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;--font-mono: "Source Code Pro", Menlo, Consolas, monospace;--line-height-normal: 1.7;--line-height-tight: 1.2;--radius-xs: .375rem;--radius-s: .5rem;--radius-m: .75rem;--radius-l: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-organic: 40% 60% 70% 30% / 40% 50% 60% 50%;--shadow-xs: 0 1px 4px -1px oklch(30% .05 60 / .1);--shadow-sm: 0 2px 8px -2px oklch(30% .05 60 / .15);--shadow-md: 0 4px 16px -4px oklch(30% .05 60 / .2);--shadow-lg: 0 8px 24px -6px oklch(30% .05 60 / .25);--shadow-xl: 0 16px 40px -8px oklch(30% .05 60 / .3);--shadow-2xl: 0 24px 56px -12px oklch(30% .05 60 / .35);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--motion-hover-lift: translateY(-3px);--motion-hover-scale: scale(1.03);--motion-stagger-delay: 80ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-smooth: cubic-bezier(.22, 1, .36, 1);--motion-elastic: cubic-bezier(.68, -.3, .32, 1.3);--motion-enter-duration: .4s;--motion-exit-duration: .25s;--surface-texture-opacity: .04;--page-bg-gradient: linear-gradient( 180deg, oklch(95% .025 80) 0%, oklch(90% .03 60) 100% );--control-size: 1.25rem;--control-border: oklch(65% .06 50);--control-checked-bg: oklch(50% .12 145);--control-checked-border: oklch(50% .12 145);--control-radius-check: var(--radius-s);--input-border: oklch(80% .04 70);--input-border-focus: oklch(50% .12 145);--range-track-bg: oklch(85% .03 70);--range-track-fill: oklch(50% .12 145);--range-thumb-bg: oklch(99% .01 80);--range-thumb-border: oklch(50% .12 145);--progress-track-bg: oklch(88% .03 70);--progress-fill: oklch(50% .12 145)}:root[data-theme~=organic]:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:500}:root[data-theme~=organic],[data-theme~=organic]{:is(main,article){& hr:not([data-ornament]){border:none;height:2px;margin-block:2.5rem;background:linear-gradient(90deg,transparent,var(--color-border-strong) 20%,var(--color-border-strong) 80%,transparent)}& h1,h2{position:relative;&:after{content:"";display:block;width:3rem;height:3px;margin-block-start:.75rem;background:var(--color-accent);border-radius:9999px}}& a:not([class]){color:var(--color-primary);text-decoration:none;background-image:linear-gradient(to right,var(--color-primary-subtle),var(--color-primary-subtle));background-position:0 100%;background-size:100% 2px;background-repeat:no-repeat;transition:background-size .3s ease;&:hover{background-size:100% 100%}}& article:not(.card)>p:first-of-type:first-letter{font-size:4rem;float:left;line-height:.8;margin-inline-end:.5rem;margin-block-start:.1em;color:var(--color-primary)}& blockquote{position:relative;padding:1.5rem 2rem;background:var(--color-surface-alt);border-radius:var(--radius-l);border:none;&:before{content:"\201c";position:absolute;top:-.5rem;left:1rem;font-size:4rem;line-height:1;color:var(--color-accent);opacity:.5}}.card:nth-child(odd){border-radius:1.5rem .75rem}.card:nth-child(2n){border-radius:.75rem 1.5rem}.button,button{border-radius:var(--radius-l);transition:all .3s ease}& input,textarea{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-m)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-radius: var(--radius-l);--cb-function: oklch(45% .12 290);--cb-number: oklch(50% .12 250);--cb-button-bg: var(--color-surface)}:is(main,article) browser-window{--browser-window-border-radius: var(--radius-l)}}:root[data-theme~=organic][data-mode=dark],[data-theme~=organic][data-mode=dark]{color-scheme:dark;--color-surface: oklch(18% .03 60);--color-surface-alt: oklch(22% .04 55);--color-surface-raised: oklch(25% .03 60);--color-surface-sunken: oklch(12% .02 60);--color-background: oklch(15% .03 60);--color-text: oklch(92% .02 70);--color-text-muted: oklch(70% .03 65);--color-text-subtle: oklch(52% .02 60);--color-primary: oklch(65% .12 145);--color-primary-hover: oklch(70% .14 145);--color-primary-subtle: oklch(25% .06 145);--color-accent: oklch(72% .15 55);--color-accent-hover: oklch(65% .15 55);--color-accent-subtle: oklch(22% .04 55);--color-border: oklch(35% .04 55);--color-border-muted: oklch(28% .03 55);--color-border-strong: oklch(55% .04 55);--color-error: oklch(62% .14 18);--color-error-subtle: oklch(22% .06 18);--color-error-text: oklch(75% .12 18);--color-warning: oklch(72% .12 65);--color-warning-subtle: oklch(22% .06 65);--color-warning-text: oklch(80% .1 65);--color-success: oklch(62% .1 150);--color-success-subtle: oklch(22% .05 150);--color-success-text: oklch(75% .1 150);--color-info: oklch(60% .08 230);--color-info-subtle: oklch(22% .04 230);--color-info-text: oklch(75% .08 230);--shadow-xs: 0 1px 4px -1px oklch(10% .02 60 / .3);--shadow-sm: 0 2px 8px -2px oklch(10% .02 60 / .35);--shadow-md: 0 4px 16px -4px oklch(10% .02 60 / .4);--shadow-lg: 0 8px 24px -6px oklch(10% .02 60 / .45);--shadow-xl: 0 16px 40px -8px oklch(10% .02 60 / .5);--shadow-2xl: 0 24px 56px -12px oklch(10% .02 60 / .55);--scrollbar-thumb: oklch(45% .03 60);--scrollbar-track: oklch(20% .02 60);--input-bg: oklch(18% .03 60);--input-border: oklch(35% .04 55);--input-border-focus: oklch(60% .12 145);--control-border: oklch(50% .04 55);--control-checked-bg: oklch(60% .12 145);--control-checked-border: oklch(60% .12 145);--range-track-bg: oklch(30% .03 60);--range-track-fill: oklch(60% .12 145);--range-thumb-bg: oklch(25% .03 60);--range-thumb-border: oklch(60% .12 145);--progress-track-bg: oklch(28% .03 60);--progress-fill: oklch(60% .12 145);--page-bg-gradient: linear-gradient( 180deg, oklch(18% .03 60) 0%, oklch(12% .025 50) 100% );:is(main,article) code-block{--cb-function: oklch(65% .12 290);--cb-number: oklch(65% .12 250)}}:root[data-theme~=organic][data-mode=dark]:before{opacity:.05}
|
|
1
|
+
:root[data-theme~=organic],[data-theme~=organic]{color-scheme:light;--theme-border-style: organic;--theme-icon-set: lucide;--color-surface: oklch(97% .02 80);--color-surface-alt: oklch(94% .03 75);--color-surface-raised: oklch(99% .01 80);--color-surface-sunken: oklch(90% .04 70);--color-background: oklch(97% .02 80);--color-text: oklch(22% .05 50);--color-text-muted: oklch(40% .04 50);--color-text-subtle: oklch(50% .03 60);--color-primary: oklch(50% .12 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(45% .14 145);--color-primary-subtle: oklch(95% .04 145);--color-accent: oklch(65% .15 55);--color-accent-hover: oklch(55% .15 55);--color-accent-subtle: oklch(95% .05 55);--color-border: oklch(85% .04 70);--color-border-muted: oklch(90% .03 70);--color-border-strong: oklch(70% .06 60);--color-error: oklch(52% .14 18);--color-error-subtle: oklch(94% .04 18);--color-error-text: oklch(38% .12 18);--color-warning: oklch(65% .12 65);--color-warning-subtle: oklch(94% .05 65);--color-warning-text: oklch(40% .1 65);--color-success: oklch(50% .1 150);--color-success-subtle: oklch(94% .04 150);--color-success-text: oklch(35% .08 150);--color-info: oklch(50% .08 230);--color-info-subtle: oklch(94% .04 230);--color-info-text: oklch(38% .08 230);--font-sans: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;--font-mono: "Source Code Pro", Menlo, Consolas, monospace;--line-height-normal: 1.7;--line-height-tight: 1.2;--radius-xs: .375rem;--radius-s: .5rem;--radius-m: .75rem;--radius-l: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-organic: 40% 60% 70% 30% / 40% 50% 60% 50%;--shadow-xs: 0 1px 4px -1px oklch(30% .05 60 / .1);--shadow-sm: 0 2px 8px -2px oklch(30% .05 60 / .15);--shadow-md: 0 4px 16px -4px oklch(30% .05 60 / .2);--shadow-lg: 0 8px 24px -6px oklch(30% .05 60 / .25);--shadow-xl: 0 16px 40px -8px oklch(30% .05 60 / .3);--shadow-2xl: 0 24px 56px -12px oklch(30% .05 60 / .35);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--motion-hover-lift: translateY(-3px);--motion-hover-scale: scale(1.03);--motion-stagger-delay: 80ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-smooth: cubic-bezier(.22, 1, .36, 1);--motion-elastic: cubic-bezier(.68, -.3, .32, 1.3);--motion-enter-duration: .4s;--motion-exit-duration: .25s;--surface-texture-opacity: .04;--page-bg-gradient: linear-gradient( 180deg, oklch(95% .025 80) 0%, oklch(90% .03 60) 100% );--control-size: 1.25rem;--control-border: oklch(65% .06 50);--control-checked-bg: oklch(50% .12 145);--control-checked-border: oklch(50% .12 145);--control-radius-check: var(--radius-s);--input-border: oklch(80% .04 70);--input-border-focus: oklch(50% .12 145);--range-track-bg: oklch(85% .03 70);--range-track-fill: oklch(50% .12 145);--range-thumb-bg: oklch(99% .01 80);--range-thumb-border: oklch(50% .12 145);--progress-track-bg: oklch(88% .03 70);--progress-fill: oklch(50% .12 145)}:root[data-theme~=organic]:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:500}:root[data-theme~=organic],[data-theme~=organic]{:is(main,article){& hr:not([data-ornament]){border:none;height:2px;margin-block:2.5rem;background:linear-gradient(90deg,transparent,var(--color-border-strong) 20%,var(--color-border-strong) 80%,transparent)}& h1,h2{position:relative;&:after{content:"";display:block;width:3rem;height:3px;margin-block-start:.75rem;background:var(--color-accent);border-radius:9999px}}& a:not([class]){color:var(--color-primary);text-decoration:none;background-image:linear-gradient(to right,var(--color-primary-subtle),var(--color-primary-subtle));background-position:0 100%;background-size:100% 2px;background-repeat:no-repeat;transition:background-size .3s ease;&:hover{background-size:100% 100%}}& article:not(.card)>p:first-of-type:first-letter{font-size:4rem;float:left;line-height:.8;margin-inline-end:.5rem;margin-block-start:.1em;color:var(--color-primary)}& blockquote{position:relative;padding:1.5rem 2rem;background:var(--color-surface-alt);border-radius:var(--radius-l);border:none;&:before{content:"\201c";position:absolute;top:-.5rem;left:1rem;font-size:4rem;line-height:1;color:var(--color-accent);opacity:.5}}.card:nth-child(odd){border-radius:1.5rem .75rem}.card:nth-child(2n){border-radius:.75rem 1.5rem}.button,button{border-radius:var(--radius-l);transition:all .3s ease}& input,textarea{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-m)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-radius: var(--radius-l);--cb-function: oklch(45% .12 290);--cb-number: oklch(50% .12 250);--cb-button-bg: var(--color-surface)}:is(main,article) browser-window{--browser-window-border-radius: var(--radius-l)}}:root[data-theme~=organic][data-mode=dark],[data-theme~=organic][data-mode=dark]{color-scheme:dark;--color-surface: oklch(18% .03 60);--color-surface-alt: oklch(22% .04 55);--color-surface-raised: oklch(25% .03 60);--color-surface-sunken: oklch(12% .02 60);--color-background: oklch(15% .03 60);--color-text: oklch(92% .02 70);--color-text-muted: oklch(70% .03 65);--color-text-subtle: oklch(52% .02 60);--color-primary: oklch(65% .12 145);--color-primary-hover: oklch(70% .14 145);--color-primary-subtle: oklch(25% .06 145);--color-accent: oklch(72% .15 55);--color-accent-hover: oklch(65% .15 55);--color-accent-subtle: oklch(22% .04 55);--color-border: oklch(35% .04 55);--color-border-muted: oklch(28% .03 55);--color-border-strong: oklch(55% .04 55);--color-error: oklch(62% .14 18);--color-error-subtle: oklch(22% .06 18);--color-error-text: oklch(75% .12 18);--color-warning: oklch(72% .12 65);--color-warning-subtle: oklch(22% .06 65);--color-warning-text: oklch(80% .1 65);--color-success: oklch(62% .1 150);--color-success-subtle: oklch(22% .05 150);--color-success-text: oklch(75% .1 150);--color-info: oklch(60% .08 230);--color-info-subtle: oklch(22% .04 230);--color-info-text: oklch(75% .08 230);--shadow-xs: 0 1px 4px -1px oklch(10% .02 60 / .3);--shadow-sm: 0 2px 8px -2px oklch(10% .02 60 / .35);--shadow-md: 0 4px 16px -4px oklch(10% .02 60 / .4);--shadow-lg: 0 8px 24px -6px oklch(10% .02 60 / .45);--shadow-xl: 0 16px 40px -8px oklch(10% .02 60 / .5);--shadow-2xl: 0 24px 56px -12px oklch(10% .02 60 / .55);--scrollbar-thumb: oklch(45% .03 60);--scrollbar-track: oklch(20% .02 60);--input-bg: oklch(18% .03 60);--input-border: oklch(35% .04 55);--input-border-focus: oklch(60% .12 145);--control-border: oklch(50% .04 55);--control-checked-bg: oklch(60% .12 145);--control-checked-border: oklch(60% .12 145);--range-track-bg: oklch(30% .03 60);--range-track-fill: oklch(60% .12 145);--range-thumb-bg: oklch(25% .03 60);--range-thumb-border: oklch(60% .12 145);--progress-track-bg: oklch(28% .03 60);--progress-fill: oklch(60% .12 145);--page-bg-gradient: linear-gradient( 180deg, oklch(18% .03 60) 0%, oklch(12% .025 50) 100% );:is(main,article) code-block{--cb-function: oklch(65% .12 290);--cb-number: oklch(65% .12 250)}}:root[data-theme~=organic][data-mode=dark]:before{opacity:.05}
|
|
2
2
|
/*# sourceMappingURL=organic.css.map */
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/caveat/v23/Wnz6HAc5bAfYB2Q7ZjYYiAzcPA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=rough],[data-theme~=rough]{color-scheme:light;--theme-border-style: sketch;--theme-icon-set: lucide;--color-surface: oklch(96% .015 80);--color-surface-alt: oklch(93% .02 75);--color-surface-raised: oklch(98% .01 80);--color-surface-sunken: oklch(90% .025 70);--color-background: oklch(96% .015 80);--color-text: oklch(25% .01 60);--color-text-muted: oklch(40% .01 60);--color-text-subtle: oklch(55% .01 60);--color-primary: oklch(45% .15 250);--color-primary-hover: oklch(40% .18 250);--color-primary-subtle: oklch(92% .04 250);--color-accent: oklch(55% .2 25);--color-accent-hover: oklch(48% .22 25);--color-accent-subtle: oklch(93% .04 25);--color-border: oklch(70% .01 60);--color-border-muted: oklch(82% .01 60);--color-border-strong: oklch(45% .01 60);--color-success: oklch(48% .12 155);--color-success-subtle: oklch(93% .04 155);--color-success-text: oklch(32% .1 155);--color-warning: oklch(60% .12 70);--color-warning-subtle: oklch(93% .05 70);--color-warning-text: oklch(38% .1 70);--color-error: oklch(50% .16 20);--color-error-subtle: oklch(93% .04 20);--color-error-text: oklch(35% .12 20);--color-info: oklch(45% .1 240);--color-info-subtle: oklch(93% .04 240);--color-info-text: oklch(32% .08 240);--font-sans: "Caveat", "Segoe Print", "Bradley Hand", cursive;--font-mono: "Courier New", Courier, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: 2px;--radius-s: 3px;--radius-m: 4px;--radius-l: 6px;--radius-xl: 8px;--radius-2xl: 8px;--radius-full: 8px;--shadow-xs: 1px 1px 0 oklch(25% .01 60 / .1);--shadow-sm: 2px 2px 0 oklch(25% .01 60 / .12);--shadow-md: 3px 3px 0 oklch(25% .01 60 / .15);--shadow-lg: 4px 4px 0 oklch(25% .01 60 / .15);--shadow-xl: 5px 5px 0 oklch(25% .01 60 / .18);--shadow-2xl: 6px 6px 0 oklch(25% .01 60 / .2);--border-width: 2px;--border-width-thick: 3px;--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--motion-hover-lift: translateY(-2px) rotate(-.5deg);--motion-hover-scale: scale(1.02) rotate(.5deg);--motion-stagger-delay: 60ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-smooth: cubic-bezier(.22, 1, .36, 1);--motion-elastic: cubic-bezier(.68, -.2, .32, 1.2);--motion-enter-duration: .3s;--motion-exit-duration: .2s;--filter-rough: var(--filter-rough-light);--border-roughness: 1}:root[data-theme~=rough]:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)'/%3E%3C/svg%3E");z-index:500}:root[data-theme~=rough],[data-theme~=rough]{:is(main,article){& hr:not([data-ornament]){border:none;height:3px;margin-block:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='6' viewBox='0 0 400 6'%3E%3Cpath d='M0,3 C20,1 40,5 60,3 C80,1 100,5 120,3 C140,1 160,5 180,3 C200,1 220,5 240,3 C260,1 280,5 300,3 C320,1 340,5 360,3 C380,1 400,5 400,3' fill='none' stroke='oklch(45%25 0.01 60)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}& h1{color:var(--color-primary);position:relative;padding-block-end:.5rem;&:after{content:"";display:block;width:80%;height:4px;margin-block-start:.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='6' viewBox='0 0 200 6'%3E%3Cpath d='M0,3 Q25,0 50,3 Q75,6 100,3 Q125,0 150,3 Q175,6 200,3' fill='none' stroke='oklch(45%25 0.15 250)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}}& h2{border-block-end:2px dashed var(--color-border);padding-block-end:.5rem;text-decoration-style:wavy}& h3{font-style:italic}& a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-style:wavy;text-decoration-thickness:1.5px;text-underline-offset:3px;&:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}}.button,button{border-width:2px;box-shadow:var(--shadow-sm);transform:rotate(-.5deg);transition:transform .2s ease,box-shadow .2s ease;&:hover{transform:rotate(.5deg) translateY(-1px);box-shadow:var(--shadow-md)}&:active{transform:rotate(0) translateY(1px);box-shadow:var(--shadow-xs)}}.card{border:2px solid var(--color-border);border-image:var(--border-image-sketch);box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease;&:nth-child(odd){transform:rotate(-.5deg)}&:nth-child(2n){transform:rotate(.5deg)}&:hover{transform:rotate(0) translateY(-2px);box-shadow:var(--shadow-lg)}}& blockquote{position:relative;padding:1.5rem 2rem;background:var(--color-surface-alt);border:2px solid var(--color-border);border-image:var(--border-image-sketch);border-radius:var(--radius-l);&:before{content:"";position:absolute;bottom:-12px;left:2rem;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid var(--color-border)}&:after{content:"";position:absolute;bottom:-9px;left:calc(2rem + 2px);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--color-surface-alt)}}& table{transform:rotate(-.3deg)}& details{transform:rotate(.2deg)}& input,textarea{border:2px solid var(--color-border);background:var(--color-surface-raised);&:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);outline:none}}& pre{background:repeating-linear-gradient(0deg,transparent,transparent 19px,oklch(70% .1 250 / .12) 19px,oklch(70% .1 250 / .12) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,oklch(70% .1 250 / .12) 19px,oklch(70% .1 250 / .12) 20px),var(--color-surface);border:2px solid var(--color-border);border-image:var(--border-image-sketch);box-shadow:var(--shadow-sm);color:var(--color-text);transform:rotate(.2deg)}& code{background:var(--color-surface-alt);border:1px solid var(--color-border-muted)}}& article{border:2px solid var(--color-border);border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='oklch(45%25 0.01 60)' stroke-width='2.5'/%3E%3C/svg%3E") 10 round;padding:var(--size-xl);filter:var(--filter-rough-light)}& page-toc{border:none;filter:none}:is(main,article) code-block{--cb-bg: repeating-linear-gradient( 0deg, transparent, transparent 19px, oklch(70% .1 250 / .1) 19px, oklch(70% .1 250 / .1) 20px ), repeating-linear-gradient( 90deg, transparent, transparent 19px, oklch(70% .1 250 / .1) 19px, oklch(70% .1 250 / .1) 20px ), var(--color-surface);--cb-code-bg: transparent;--cb-header-bg: var(--color-surface);--cb-comment: var(--color-text-subtle);--cb-function: oklch(40% .12 180);--cb-number: oklch(50% .15 25);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary-subtle)}::selection{background:var(--color-primary);color:var(--color-surface-raised)}--scrollbar-thumb: oklch(70% .01 60);--scrollbar-track: oklch(93% .02 75)}:root[data-theme~=rough][data-mode=dark],[data-theme~=rough][data-mode=dark]{color-scheme:dark;--color-surface: oklch(20% .02 160);--color-surface-alt: oklch(24% .025 155);--color-surface-raised: oklch(28% .02 160);--color-surface-sunken: oklch(15% .015 160);--color-background: oklch(18% .02 160);--color-text: oklch(92% .01 80);--color-text-muted: oklch(72% .01 80);--color-text-subtle: oklch(58% .01 80);--color-primary: oklch(70% .12 230);--color-primary-hover: oklch(75% .14 230);--color-primary-subtle: oklch(30% .05 230);--color-accent: oklch(78% .14 85);--color-accent-hover: oklch(83% .16 85);--color-accent-subtle: oklch(30% .05 85);--color-border: oklch(45% .02 160);--color-border-muted: oklch(35% .015 160);--color-border-strong: oklch(60% .02 160);--color-success: oklch(68% .12 155);--color-success-subtle: oklch(25% .05 155);--color-success-text: oklch(75% .1 155);--color-warning: oklch(75% .12 70);--color-warning-subtle: oklch(25% .06 70);--color-warning-text: oklch(80% .1 70);--color-error: oklch(65% .14 20);--color-error-subtle: oklch(25% .06 20);--color-error-text: oklch(75% .12 20);--color-info: oklch(65% .1 230);--color-info-subtle: oklch(25% .05 230);--color-info-text: oklch(72% .08 230);--shadow-xs: 1px 1px 0 oklch(10% 0 0 / .2);--shadow-sm: 2px 2px 0 oklch(10% 0 0 / .25);--shadow-md: 3px 3px 0 oklch(10% 0 0 / .3);--shadow-lg: 4px 4px 0 oklch(10% 0 0 / .3);--shadow-xl: 5px 5px 0 oklch(10% 0 0 / .35);--shadow-2xl: 6px 6px 0 oklch(10% 0 0 / .4);--scrollbar-thumb: oklch(50% .02 160);--scrollbar-track: oklch(22% .02 160);--input-bg: oklch(20% .02 160);--input-border: oklch(45% .02 160);--input-border-focus: oklch(70% .12 230);--control-border: oklch(55% .02 160);--control-checked-bg: oklch(70% .12 230);--control-checked-border: oklch(70% .12 230);--range-track-bg: oklch(30% .02 160);--range-track-fill: oklch(70% .12 230);--range-thumb-bg: oklch(25% .02 160);--range-thumb-border: oklch(70% .12 230);--progress-track-bg: oklch(28% .02 160);--progress-fill: oklch(70% .12 230);--filter-rough: var(--filter-rough-light);--border-roughness: 1;& article{border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='oklch(50%25 0.02 160)' stroke-width='2.5'/%3E%3C/svg%3E") 10 round}:is(main,article) code{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-accent)}:is(main,article) h1:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='6' viewBox='0 0 200 6'%3E%3Cpath d='M0,3 Q25,0 50,3 Q75,6 100,3 Q125,0 150,3 Q175,6 200,3' fill='none' stroke='oklch(70%25 0.12 230)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}:is(main,article) hr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='6' viewBox='0 0 400 6'%3E%3Cpath d='M0,3 C20,1 40,5 60,3 C80,1 100,5 120,3 C140,1 160,5 180,3 C200,1 220,5 240,3 C260,1 280,5 300,3 C320,1 340,5 360,3 C380,1 400,5 400,3' fill='none' stroke='oklch(60%25 0.02 160)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}:is(main,article) pre{background:repeating-linear-gradient(0deg,transparent,transparent 19px,oklch(40% .05 160 / .15) 19px,oklch(40% .05 160 / .15) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,oklch(40% .05 160 / .15) 19px,oklch(40% .05 160 / .15) 20px),var(--color-surface)}:is(main,article) code-block{--cb-bg: repeating-linear-gradient( 0deg, transparent, transparent 19px, oklch(40% .05 160 / .12) 19px, oklch(40% .05 160 / .12) 20px ), repeating-linear-gradient( 90deg, transparent, transparent 19px, oklch(40% .05 160 / .12) 19px, oklch(40% .05 160 / .12) 20px ), var(--color-surface);--cb-code-bg: transparent;--cb-header-bg: var(--color-surface);--cb-comment: var(--color-text-subtle);--cb-function: oklch(70% .1 180);--cb-number: oklch(78% .14 85);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary-subtle)}}:root[data-theme~=rough][data-mode=dark]:before{opacity:.03}
|
|
1
|
+
@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/caveat/v23/Wnz6HAc5bAfYB2Q7ZjYYiAzcPA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=rough],[data-theme~=rough]{color-scheme:light;--theme-border-style: sketch;--theme-icon-set: lucide;--color-surface: oklch(96% .015 80);--color-surface-alt: oklch(93% .02 75);--color-surface-raised: oklch(98% .01 80);--color-surface-sunken: oklch(90% .025 70);--color-background: oklch(96% .015 80);--color-text: oklch(25% .01 60);--color-text-muted: oklch(40% .01 60);--color-text-subtle: oklch(55% .01 60);--color-primary: oklch(45% .15 250);--caret-color: var(--color-primary);--color-primary-hover: oklch(40% .18 250);--color-primary-subtle: oklch(92% .04 250);--color-accent: oklch(55% .2 25);--color-accent-hover: oklch(48% .22 25);--color-accent-subtle: oklch(93% .04 25);--color-border: oklch(70% .01 60);--color-border-muted: oklch(82% .01 60);--color-border-strong: oklch(45% .01 60);--color-success: oklch(48% .12 155);--color-success-subtle: oklch(93% .04 155);--color-success-text: oklch(32% .1 155);--color-warning: oklch(60% .12 70);--color-warning-subtle: oklch(93% .05 70);--color-warning-text: oklch(38% .1 70);--color-error: oklch(50% .16 20);--color-error-subtle: oklch(93% .04 20);--color-error-text: oklch(35% .12 20);--color-info: oklch(45% .1 240);--color-info-subtle: oklch(93% .04 240);--color-info-text: oklch(32% .08 240);--font-sans: "Caveat", "Segoe Print", "Bradley Hand", cursive;--font-mono: "Courier New", Courier, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: 2px;--radius-s: 3px;--radius-m: 4px;--radius-l: 6px;--radius-xl: 8px;--radius-2xl: 8px;--radius-full: 8px;--shadow-xs: 1px 1px 0 oklch(25% .01 60 / .1);--shadow-sm: 2px 2px 0 oklch(25% .01 60 / .12);--shadow-md: 3px 3px 0 oklch(25% .01 60 / .15);--shadow-lg: 4px 4px 0 oklch(25% .01 60 / .15);--shadow-xl: 5px 5px 0 oklch(25% .01 60 / .18);--shadow-2xl: 6px 6px 0 oklch(25% .01 60 / .2);--border-width: 2px;--border-width-thick: 3px;--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--motion-hover-lift: translateY(-2px) rotate(-.5deg);--motion-hover-scale: scale(1.02) rotate(.5deg);--motion-stagger-delay: 60ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-smooth: cubic-bezier(.22, 1, .36, 1);--motion-elastic: cubic-bezier(.68, -.2, .32, 1.2);--motion-enter-duration: .3s;--motion-exit-duration: .2s;--filter-rough: var(--filter-rough-light);--border-roughness: 1}:root[data-theme~=rough]:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)'/%3E%3C/svg%3E");z-index:500}:root[data-theme~=rough],[data-theme~=rough]{:is(main,article){& hr:not([data-ornament]){border:none;height:3px;margin-block:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='6' viewBox='0 0 400 6'%3E%3Cpath d='M0,3 C20,1 40,5 60,3 C80,1 100,5 120,3 C140,1 160,5 180,3 C200,1 220,5 240,3 C260,1 280,5 300,3 C320,1 340,5 360,3 C380,1 400,5 400,3' fill='none' stroke='oklch(45%25 0.01 60)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}& h1{color:var(--color-primary);position:relative;padding-block-end:.5rem;&:after{content:"";display:block;width:80%;height:4px;margin-block-start:.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='6' viewBox='0 0 200 6'%3E%3Cpath d='M0,3 Q25,0 50,3 Q75,6 100,3 Q125,0 150,3 Q175,6 200,3' fill='none' stroke='oklch(45%25 0.15 250)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}}& h2{border-block-end:2px dashed var(--color-border);padding-block-end:.5rem;text-decoration-style:wavy}& h3{font-style:italic}& a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-style:wavy;text-decoration-thickness:1.5px;text-underline-offset:3px;&:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}}.button,button{border-width:2px;box-shadow:var(--shadow-sm);transform:rotate(-.5deg);transition:transform .2s ease,box-shadow .2s ease;&:hover{transform:rotate(.5deg) translateY(-1px);box-shadow:var(--shadow-md)}&:active{transform:rotate(0) translateY(1px);box-shadow:var(--shadow-xs)}}.card{border:2px solid var(--color-border);border-image:var(--border-image-sketch);box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease;&:nth-child(odd){transform:rotate(-.5deg)}&:nth-child(2n){transform:rotate(.5deg)}&:hover{transform:rotate(0) translateY(-2px);box-shadow:var(--shadow-lg)}}& blockquote{position:relative;padding:1.5rem 2rem;background:var(--color-surface-alt);border:2px solid var(--color-border);border-image:var(--border-image-sketch);border-radius:var(--radius-l);&:before{content:"";position:absolute;bottom:-12px;left:2rem;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid var(--color-border)}&:after{content:"";position:absolute;bottom:-9px;left:calc(2rem + 2px);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--color-surface-alt)}}& table{transform:rotate(-.3deg)}& details{transform:rotate(.2deg)}& input,textarea{border:2px solid var(--color-border);background:var(--color-surface-raised);&:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);outline:none}}& pre{background:repeating-linear-gradient(0deg,transparent,transparent 19px,oklch(70% .1 250 / .12) 19px,oklch(70% .1 250 / .12) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,oklch(70% .1 250 / .12) 19px,oklch(70% .1 250 / .12) 20px),var(--color-surface);border:2px solid var(--color-border);border-image:var(--border-image-sketch);box-shadow:var(--shadow-sm);color:var(--color-text);transform:rotate(.2deg)}& code{background:var(--color-surface-alt);border:1px solid var(--color-border-muted)}}& article.card{border:2px solid var(--color-border);border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='oklch(45%25 0.01 60)' stroke-width='2.5'/%3E%3C/svg%3E") 10 round;padding:var(--size-xl);filter:var(--filter-rough-light)}& page-toc{border:none;filter:none}:is(main,article) code-block{--cb-bg: repeating-linear-gradient( 0deg, transparent, transparent 19px, oklch(70% .1 250 / .1) 19px, oklch(70% .1 250 / .1) 20px ), repeating-linear-gradient( 90deg, transparent, transparent 19px, oklch(70% .1 250 / .1) 19px, oklch(70% .1 250 / .1) 20px ), var(--color-surface);--cb-code-bg: transparent;--cb-header-bg: var(--color-surface);--cb-comment: var(--color-text-subtle);--cb-function: oklch(40% .12 180);--cb-number: oklch(50% .15 25);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary-subtle)}::selection{background:var(--color-primary);color:var(--color-surface-raised)}--scrollbar-thumb: oklch(70% .01 60);--scrollbar-track: oklch(93% .02 75)}:root[data-theme~=rough][data-mode=dark],[data-theme~=rough][data-mode=dark]{color-scheme:dark;--color-surface: oklch(20% .02 160);--color-surface-alt: oklch(24% .025 155);--color-surface-raised: oklch(28% .02 160);--color-surface-sunken: oklch(15% .015 160);--color-background: oklch(18% .02 160);--color-text: oklch(92% .01 80);--color-text-muted: oklch(72% .01 80);--color-text-subtle: oklch(58% .01 80);--color-primary: oklch(70% .12 230);--color-primary-hover: oklch(75% .14 230);--color-primary-subtle: oklch(30% .05 230);--color-accent: oklch(78% .14 85);--color-accent-hover: oklch(83% .16 85);--color-accent-subtle: oklch(30% .05 85);--color-border: oklch(45% .02 160);--color-border-muted: oklch(35% .015 160);--color-border-strong: oklch(60% .02 160);--color-success: oklch(68% .12 155);--color-success-subtle: oklch(25% .05 155);--color-success-text: oklch(75% .1 155);--color-warning: oklch(75% .12 70);--color-warning-subtle: oklch(25% .06 70);--color-warning-text: oklch(80% .1 70);--color-error: oklch(65% .14 20);--color-error-subtle: oklch(25% .06 20);--color-error-text: oklch(75% .12 20);--color-info: oklch(65% .1 230);--color-info-subtle: oklch(25% .05 230);--color-info-text: oklch(72% .08 230);--shadow-xs: 1px 1px 0 oklch(10% 0 0 / .2);--shadow-sm: 2px 2px 0 oklch(10% 0 0 / .25);--shadow-md: 3px 3px 0 oklch(10% 0 0 / .3);--shadow-lg: 4px 4px 0 oklch(10% 0 0 / .3);--shadow-xl: 5px 5px 0 oklch(10% 0 0 / .35);--shadow-2xl: 6px 6px 0 oklch(10% 0 0 / .4);--scrollbar-thumb: oklch(50% .02 160);--scrollbar-track: oklch(22% .02 160);--input-bg: oklch(20% .02 160);--input-border: oklch(45% .02 160);--input-border-focus: oklch(70% .12 230);--control-border: oklch(55% .02 160);--control-checked-bg: oklch(70% .12 230);--control-checked-border: oklch(70% .12 230);--range-track-bg: oklch(30% .02 160);--range-track-fill: oklch(70% .12 230);--range-thumb-bg: oklch(25% .02 160);--range-thumb-border: oklch(70% .12 230);--progress-track-bg: oklch(28% .02 160);--progress-fill: oklch(70% .12 230);--filter-rough: var(--filter-rough-light);--border-roughness: 1;& article.card{border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='oklch(50%25 0.02 160)' stroke-width='2.5'/%3E%3C/svg%3E") 10 round}:is(main,article) code{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-accent)}:is(main,article) h1:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='6' viewBox='0 0 200 6'%3E%3Cpath d='M0,3 Q25,0 50,3 Q75,6 100,3 Q125,0 150,3 Q175,6 200,3' fill='none' stroke='oklch(70%25 0.12 230)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}:is(main,article) hr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='6' viewBox='0 0 400 6'%3E%3Cpath d='M0,3 C20,1 40,5 60,3 C80,1 100,5 120,3 C140,1 160,5 180,3 C200,1 220,5 240,3 C260,1 280,5 300,3 C320,1 340,5 360,3 C380,1 400,5 400,3' fill='none' stroke='oklch(60%25 0.02 160)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}:is(main,article) pre{background:repeating-linear-gradient(0deg,transparent,transparent 19px,oklch(40% .05 160 / .15) 19px,oklch(40% .05 160 / .15) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,oklch(40% .05 160 / .15) 19px,oklch(40% .05 160 / .15) 20px),var(--color-surface)}:is(main,article) code-block{--cb-bg: repeating-linear-gradient( 0deg, transparent, transparent 19px, oklch(40% .05 160 / .12) 19px, oklch(40% .05 160 / .12) 20px ), repeating-linear-gradient( 90deg, transparent, transparent 19px, oklch(40% .05 160 / .12) 19px, oklch(40% .05 160 / .12) 20px ), var(--color-surface);--cb-code-bg: transparent;--cb-header-bg: var(--color-surface);--cb-comment: var(--color-text-subtle);--cb-function: oklch(70% .1 180);--cb-number: oklch(78% .14 85);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary-subtle)}}:root[data-theme~=rough][data-mode=dark]:before{opacity:.03}
|
|
2
2
|
/*# sourceMappingURL=rough.css.map */
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcviYwY.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=startup],[data-theme~=startup]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(99% .005 270);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(97% .01 270);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(96% .01 270);--color-text: oklch(15% .02 270);--color-text-muted: oklch(38% .015 270);--color-text-subtle: oklch(52% .01 270);--color-primary: oklch(50% .2 270);--color-primary-hover: oklch(45% .22 270);--color-primary-subtle: oklch(93% .04 270);--color-accent: oklch(62% .18 340);--color-accent-hover: oklch(57% .19 340);--color-border: oklch(90% .01 270);--color-border-muted: oklch(93% .008 270);--color-border-strong: oklch(65% .02 270);--color-success: oklch(58% .15 145);--color-warning: oklch(72% .14 70);--color-error: oklch(55% .2 25);--color-info: oklch(50% .2 270);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.15;--radius-xs: 4px;--radius-s: 6px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(50% .1 270 / .06);--shadow-sm: 0 1px 3px oklch(50% .1 270 / .08), 0 1px 2px oklch(50% .1 270 / .04);--shadow-md: 0 4px 6px oklch(50% .1 270 / .08), 0 2px 4px oklch(50% .1 270 / .04);--shadow-lg: 0 10px 15px oklch(50% .1 270 / .1), 0 4px 6px oklch(50% .1 270 / .04);--shadow-xl: 0 20px 25px oklch(50% .1 270 / .1);--shadow-2xl: 0 25px 50px oklch(50% .1 270 / .15);--duration-instant: 50ms;--duration-fast: 80ms;--duration-normal: .15s;--duration-slow: .25s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=startup],[data-theme~=startup]{:is(main,article){& hr:not([data-ornament]){border:none;height:2px;background:linear-gradient(90deg,#3b51d3,#c952a8,#3b51d300);margin-block:2rem}& h1,h2{font-weight:700;letter-spacing:-.025em;color:#080b14}& h3{font-weight:600;letter-spacing:-.015em;color:#12161f}& a:not([class]){color:var(--color-primary);text-decoration-color:#3b51d366;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(50% .2 270);padding-inline-start:1.25rem;color:#373a43}.button,button{font-weight:600;letter-spacing:-.01em;border-radius:var(--radius-full);background:linear-gradient(135deg,#3b51d3,#8451c9);transition:transform var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default);&:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b51d340}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(50% .2 270);--cb-string: oklch(58% .15 145);--cb-function: oklch(62% .18 340);--cb-number: oklch(60% .14 70);--cb-button-bg: var(--color-surface)}::selection{background:#3b51d333;color:#080b14}}:root[data-theme~=startup][data-mode=dark],[data-theme~=startup][data-mode=dark]{color-scheme:dark;--color-background: oklch(12% .03 270);--color-surface: oklch(15% .03 270);--color-surface-alt: oklch(18% .03 270);--color-surface-raised: oklch(22% .03 270);--color-surface-sunken: oklch(10% .03 270);--color-text: oklch(96% .005 270);--color-text-muted: oklch(78% .01 270);--color-text-subtle: oklch(60% .01 270);--color-primary: oklch(68% .18 270);--color-primary-hover: oklch(73% .19 270);--color-primary-subtle: oklch(22% .06 270);--color-accent: oklch(70% .16 340);--color-accent-hover: oklch(75% .17 340);--color-border: oklch(25% .03 270);--color-border-muted: oklch(20% .025 270);--color-border-strong: oklch(42% .04 270);--color-success: oklch(68% .13 145);--color-warning: oklch(78% .12 70);--color-error: oklch(65% .18 25);--color-info: oklch(68% .18 270);--shadow-xs: 0 1px 2px oklch(10% .03 270 / .2);--shadow-sm: 0 1px 3px oklch(10% .03 270 / .25), 0 1px 2px oklch(50% .15 270 / .05);--shadow-md: 0 4px 6px oklch(10% .03 270 / .25), 0 2px 4px oklch(50% .15 270 / .06);--shadow-lg: 0 10px 15px oklch(10% .03 270 / .25), 0 4px 6px oklch(50% .15 270 / .08);--shadow-xl: 0 20px 25px oklch(10% .03 270 / .25), 0 8px 10px oklch(50% .15 270 / .1);--shadow-2xl: 0 25px 50px oklch(10% .03 270 / .3), 0 12px 20px oklch(50% .15 270 / .12);:is(main,article){& hr:not([data-ornament]){background:linear-gradient(90deg,oklch(68% .18 270),#de73bd,oklch(68% .18 270 / 0))}& h1,h2{color:#f0f2f5}& h3{color:#dcdee3}& blockquote{border-inline-start-color:oklch(68% .18 270);color:#b5b7be}.button,button{background:linear-gradient(135deg,oklch(68% .18 270),#9f75e1);&:hover{box-shadow:0 8px 20px oklch(68% .18 270 / .3)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(68% .18 270);--cb-string: oklch(68% .13 145);--cb-function: oklch(70% .16 340);--cb-number: oklch(72% .12 70)}::selection{background:oklch(68% .18 270 / .3);color:#f0f2f5}}
|
|
1
|
+
@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcviYwY.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=startup],[data-theme~=startup]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(99% .005 270);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(97% .01 270);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(96% .01 270);--color-text: oklch(15% .02 270);--color-text-muted: oklch(38% .015 270);--color-text-subtle: oklch(52% .01 270);--color-primary: oklch(50% .2 270);--color-primary-hover: oklch(45% .22 270);--color-primary-subtle: oklch(93% .04 270);--color-accent: oklch(62% .18 340);--color-accent-hover: oklch(57% .19 340);--color-border: oklch(90% .01 270);--color-border-muted: oklch(93% .008 270);--color-border-strong: oklch(65% .02 270);--color-success: oklch(58% .15 145);--color-warning: oklch(72% .14 70);--color-error: oklch(55% .2 25);--color-info: oklch(50% .2 270);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.15;--radius-xs: 4px;--radius-s: 6px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(50% .1 270 / .06);--shadow-sm: 0 1px 3px oklch(50% .1 270 / .08), 0 1px 2px oklch(50% .1 270 / .04);--shadow-md: 0 4px 6px oklch(50% .1 270 / .08), 0 2px 4px oklch(50% .1 270 / .04);--shadow-lg: 0 10px 15px oklch(50% .1 270 / .1), 0 4px 6px oklch(50% .1 270 / .04);--shadow-xl: 0 20px 25px oklch(50% .1 270 / .1);--shadow-2xl: 0 25px 50px oklch(50% .1 270 / .15);--duration-instant: 50ms;--duration-fast: 80ms;--duration-normal: .15s;--duration-slow: .25s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=startup],[data-theme~=startup]{:is(main,article){& hr:not([data-ornament]){border:none;height:2px;background:linear-gradient(90deg,#3b51d3,#c952a8,#3b51d300);margin-block:2rem}& h1,h2{font-weight:700;letter-spacing:-.025em;color:#080b14}& h3{font-weight:600;letter-spacing:-.015em;color:#12161f}& a:not([class]){color:var(--color-primary);text-decoration-color:#3b51d366;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(50% .2 270);padding-inline-start:1.25rem;color:#373a43}.button:not(page-tools *),button:not(page-tools *){font-weight:600;letter-spacing:-.01em;border-radius:var(--radius-full);background:linear-gradient(135deg,#3b51d3,#8451c9);transition:transform var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default);&:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b51d340}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(50% .2 270);--cb-string: oklch(58% .15 145);--cb-function: oklch(62% .18 340);--cb-number: oklch(60% .14 70);--cb-button-bg: var(--color-surface)}::selection{background:#3b51d333;color:#080b14}}:root[data-theme~=startup][data-mode=dark],[data-theme~=startup][data-mode=dark]{color-scheme:dark;--color-background: oklch(12% .03 270);--color-surface: oklch(15% .03 270);--color-surface-alt: oklch(18% .03 270);--color-surface-raised: oklch(22% .03 270);--color-surface-sunken: oklch(10% .03 270);--color-text: oklch(96% .005 270);--color-text-muted: oklch(78% .01 270);--color-text-subtle: oklch(60% .01 270);--color-primary: oklch(68% .18 270);--color-primary-hover: oklch(73% .19 270);--color-primary-subtle: oklch(22% .06 270);--color-accent: oklch(70% .16 340);--color-accent-hover: oklch(75% .17 340);--color-border: oklch(25% .03 270);--color-border-muted: oklch(20% .025 270);--color-border-strong: oklch(42% .04 270);--color-success: oklch(68% .13 145);--color-warning: oklch(78% .12 70);--color-error: oklch(65% .18 25);--color-info: oklch(68% .18 270);--shadow-xs: 0 1px 2px oklch(10% .03 270 / .2);--shadow-sm: 0 1px 3px oklch(10% .03 270 / .25), 0 1px 2px oklch(50% .15 270 / .05);--shadow-md: 0 4px 6px oklch(10% .03 270 / .25), 0 2px 4px oklch(50% .15 270 / .06);--shadow-lg: 0 10px 15px oklch(10% .03 270 / .25), 0 4px 6px oklch(50% .15 270 / .08);--shadow-xl: 0 20px 25px oklch(10% .03 270 / .25), 0 8px 10px oklch(50% .15 270 / .1);--shadow-2xl: 0 25px 50px oklch(10% .03 270 / .3), 0 12px 20px oklch(50% .15 270 / .12);:is(main,article){& hr:not([data-ornament]){background:linear-gradient(90deg,oklch(68% .18 270),#de73bd,oklch(68% .18 270 / 0))}& h1,h2{color:#f0f2f5}& h3{color:#dcdee3}& blockquote{border-inline-start-color:oklch(68% .18 270);color:#b5b7be}.button:not(page-tools *),button:not(page-tools *){background:linear-gradient(135deg,oklch(68% .18 270),#9f75e1);&:hover{box-shadow:0 8px 20px oklch(68% .18 270 / .3)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(68% .18 270);--cb-string: oklch(68% .13 145);--cb-function: oklch(70% .16 340);--cb-number: oklch(72% .12 70)}::selection{background:oklch(68% .18 270 / .3);color:#f0f2f5}}
|
|
2
2
|
/*# sourceMappingURL=startup.css.map */
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root[data-theme~=super2026],[data-theme~=super2026]{color-scheme:light;--theme-border-style: sharp;--hue-primary: 18;--hue-secondary: 256;--hue-accent: 90;--color-primary: oklch(52% .27 18);--color-primary-hover: oklch(58% .28 18);--color-primary-active: oklch(44% .24 18);--color-primary-subtle: oklch(94% .04 18);--color-secondary: oklch(44% .22 256);--color-secondary-hover: oklch(50% .24 256);--color-secondary-subtle: oklch(93% .04 256);--color-accent: oklch(80% .2 90);--color-accent-hover: oklch(74% .2 90);--color-accent-subtle: oklch(95% .06 90);--color-background: oklch(97% .006 80);--color-surface: oklch(94% .008 80);--color-surface-alt: oklch(91% .01 80);--color-surface-raised: oklch(99.5% .002 80);--color-surface-sunken: oklch(90% .012 80);--color-text: oklch(12% .008 240);--color-text-muted: oklch(40% .006 240);--color-text-subtle: oklch(58% .004 240);--color-text-inverted: oklch(97% .006 80);--color-text-on-primary: oklch(99% .002 80);--color-border: oklch(75% .008 240);--color-border-strong: oklch(12% .008 240);--color-border-subtle: oklch(86% .006 240);--color-border-muted: oklch(82% .007 240);--color-success: oklch(52% .18 155);--color-success-subtle: oklch(94% .04 155);--color-success-text: oklch(34% .12 155);--color-warning: oklch(68% .16 75);--color-warning-subtle: oklch(94% .06 75);--color-warning-text: oklch(38% .12 75);--color-error: oklch(52% .24 18);--color-error-subtle: oklch(94% .05 18);--color-error-text: oklch(36% .16 18);--color-info: oklch(48% .16 256);--color-info-subtle: oklch(94% .04 256);--color-info-text: oklch(32% .12 256);--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 0 1px 2px oklch(12% .008 240 / .06);--shadow-sm: 0 1px 3px oklch(12% .008 240 / .12), 0 1px 2px oklch(12% .008 240 / .08);--shadow-md: 0 4px 6px oklch(12% .008 240 / .14), 0 2px 4px oklch(12% .008 240 / .1);--shadow-lg: 0 10px 20px oklch(12% .008 240 / .16), 0 4px 6px oklch(12% .008 240 / .1);--shadow-xl: 0 20px 30px oklch(12% .008 240 / .18), 0 8px 12px oklch(12% .008 240 / .12);--shadow-2xl: 0 30px 50px oklch(12% .008 240 / .22);--font-sans: "Barlow Condensed", system-ui, sans-serif;--font-serif: "Barlow Condensed", serif;--font-mono: "Space Mono", monospace;--font-display: "Big Shoulders Display", "Barlow Condensed", sans-serif;--font-heading: "Big Shoulders Display", "Barlow Condensed", sans-serif;--font-body: "Barlow Condensed", system-ui, sans-serif;--font-code: "Space Mono", monospace;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .35s;--duration-slower: .6s;--motion-enter-duration: .5s;--motion-exit-duration: .25s;--motion-stagger-delay: 60ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-snappy: cubic-bezier(.4, 0, .2, 1);--motion-elastic: cubic-bezier(.68, -.55, .265, 1.55);--motion-smooth: cubic-bezier(.25, .1, .25, 1);--motion-hover-lift: translateY(-4px);--motion-hover-scale: scale(1.04);--glass-blur: 10px;--glass-opacity: .12;--page-bg-color: oklch(94% .008 80);--page-bg-gradient: repeating-linear-gradient( 90deg, oklch(12% .008 240 / .04) 0px, oklch(12% .008 240 / .04) 1px, transparent 1px, transparent calc(100% / 12) ), repeating-linear-gradient( 0deg, oklch(12% .008 240 / .03) 0px, oklch(12% .008 240 / .03) 1px, transparent 1px, transparent 6rem );--page-bg-size: 100% 100%;--_sg2-red: oklch(52% .27 18);--_sg2-blue: oklch(44% .22 256);--_sg2-gold: oklch(80% .2 90);--_sg2-ink: oklch(12% .008 240);--_sg2-wall: oklch(97% .006 80);--_sg2-rule: 4px solid var(--_sg2-ink);--_sg2-rule-sm: 2px solid var(--_sg2-ink);--_sg2-rule-heavy: 8px solid var(--_sg2-ink);--control-size: 1.25rem;--control-border: var(--_sg2-ink);--control-checked-bg: oklch(52% .27 18);--control-checked-border: var(--_sg2-ink);--input-border: var(--_sg2-ink);--input-bg: oklch(100% 0 0);--input-border-focus: oklch(52% .27 18);--range-track-h: .5rem;--range-track-bg: oklch(85% .01 80);--range-track-fill: oklch(52% .27 18);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: var(--_sg2-ink);--progress-track-bg: oklch(90% .01 80);--progress-fill: oklch(52% .27 18)}:root[data-theme~=super2026][data-mode=dark],[data-theme~=super2026][data-mode=dark]{color-scheme:dark;--color-primary: oklch(62% .28 18);--color-primary-hover: oklch(68% .28 18);--color-primary-active: oklch(54% .24 18);--color-primary-subtle: oklch(22% .08 18);--color-secondary: oklch(60% .22 256);--color-secondary-hover: oklch(66% .24 256);--color-secondary-subtle: oklch(20% .08 256);--color-accent: oklch(78% .22 90);--color-accent-hover: oklch(84% .22 90);--color-accent-subtle: oklch(22% .08 90);--color-background: oklch(11% .006 240);--color-surface: oklch(15% .007 240);--color-surface-alt: oklch(18% .008 240);--color-surface-raised: oklch(20% .008 240);--color-surface-sunken: oklch(8% .005 240);--color-text: oklch(96% .004 80);--color-text-muted: oklch(72% .006 80);--color-text-subtle: oklch(54% .005 80);--color-text-inverted: oklch(12% .008 240);--color-text-on-primary: oklch(99% .002 80);--color-border: oklch(28% .01 240);--color-border-strong: oklch(60% .01 240);--color-border-subtle: oklch(20% .008 240);--color-border-muted: oklch(24% .009 240);--color-success: oklch(62% .18 155);--color-success-subtle: oklch(20% .06 155);--color-success-text: oklch(75% .14 155);--color-warning: oklch(78% .16 75);--color-warning-subtle: oklch(22% .08 75);--color-warning-text: oklch(82% .12 75);--color-error: oklch(62% .24 18);--color-error-subtle: oklch(20% .08 18);--color-error-text: oklch(75% .18 18);--color-info: oklch(62% .16 256);--color-info-subtle: oklch(20% .06 256);--color-info-text: oklch(75% .12 256);--shadow-xs: 0 1px 2px oklch(5% .005 240 / .4);--shadow-sm: 0 1px 3px oklch(5% .005 240 / .5), 0 1px 2px oklch(5% .005 240 / .4);--shadow-md: 0 4px 6px oklch(5% .005 240 / .5), 0 2px 4px oklch(5% .005 240 / .4);--shadow-lg: 0 10px 20px oklch(5% .005 240 / .55), 0 4px 6px oklch(5% .005 240 / .4);--shadow-xl: 0 20px 30px oklch(5% .005 240 / .6);--shadow-2xl: 0 30px 50px oklch(5% .005 240 / .65);--page-bg-color: oklch(11% .006 240);--page-bg-gradient: linear-gradient( 160deg, oklch(14% .01 240) 0%, oklch(10% .006 250) 100% );--_sg2-wall: oklch(11% .006 240);--_sg2-rule: 4px solid oklch(35% .01 240);--_sg2-rule-sm: 2px solid oklch(30% .009 240);--_sg2-rule-heavy: 8px solid oklch(40% .01 240);--_sg2-red: oklch(62% .28 18);--_sg2-blue: oklch(60% .22 256);--_sg2-gold: oklch(78% .22 90);--_sg2-ink: oklch(60% .01 240);--scrollbar-thumb: oklch(45% .008 240);--scrollbar-track: oklch(18% .007 240);--input-bg: oklch(15% .007 240);--input-border: oklch(35% .01 240);--input-border-focus: oklch(62% .28 18);--control-border: oklch(60% .01 240);--control-checked-bg: oklch(62% .28 18);--control-checked-border: oklch(60% .01 240);--range-track-bg: oklch(25% .008 240);--range-track-fill: oklch(62% .28 18);--range-thumb-bg: oklch(15% .007 240);--range-thumb-border: oklch(60% .01 240);--progress-track-bg: oklch(22% .007 240);--progress-fill: oklch(62% .28 18)}:root[data-theme~=super2026],[data-theme~=super2026]{--border-width-thin: 2px;--border-width-medium: 4px;--border-width-thick: 8px}:root[data-theme~=super2026],[data-theme~=super2026]{:is(main,article){:is(h1,h2,h3,h4,h5,h6){font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.95}& h1:not([data-gradient-text]){-webkit-text-stroke:3px var(--_sg2-ink);color:transparent;border-block-end:var(--_sg2-rule-heavy);padding-block-end:.5rem;margin-block-end:1.5rem}& h4{color:var(--_sg2-red)}& h2{color:var(--_sg2-blue);border-block-end:var(--_sg2-rule);padding-block-end:.4rem}& h3{border-block-end:3px solid var(--_sg2-gold);padding-block-end:.3rem}& hr:not([data-ornament]){border:none;height:6px;background:var(--_sg2-ink);margin-block:2.5rem}& hr:not([data-ornament]):nth-of-type(3n+2){background:var(--_sg2-red);height:8px}& hr:not([data-ornament]):nth-of-type(3n+3){background:var(--_sg2-blue)}& a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:600;&:hover{background:var(--color-primary);color:var(--color-text-on-primary);text-decoration:none;padding-inline:.15em;margin-inline:-.15em}}.button,button{position:relative;overflow:hidden;font-family:var(--font-display);font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-width:2px;transition:transform var(--duration-fast) var(--motion-bounce),box-shadow var(--duration-fast) var(--motion-snappy);&:before{content:"";position:absolute;inset-block-start:50%;inset-inline-end:0;translate:50% -50%;width:200%;aspect-ratio:1;border-radius:50%;background:oklch(from var(--color-primary) calc(l - .08) c h);scale:0;transition:scale .25s cubic-bezier(.16,1,.3,1);z-index:0}&:hover{transform:var(--motion-hover-lift);box-shadow:var(--shadow-md)}&:hover:before{scale:1}&:active{transform:translateY(1px)}}.button.secondary,button.secondary{border-color:var(--_sg2-ink);border-width:2px;&:before{background:var(--_sg2-blue)}&:hover{background:var(--color-secondary);color:var(--color-text-on-primary);border-color:var(--color-secondary)}}.button.ghost,button.ghost{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;&:before{background:var(--_sg2-gold)}}.card{position:relative;overflow:hidden;border:var(--_sg2-rule-sm);border-block-start:5px solid var(--_sg2-red);&:before{content:"";position:absolute;inset-block-start:-50%;inset-inline-end:-50%;width:120%;aspect-ratio:1;border-radius:50%;background:var(--_sg2-red);opacity:.06;pointer-events:none;transition:opacity .2s,scale .3s}&:hover{transform:var(--motion-hover-lift);box-shadow:var(--shadow-lg)}&:hover:before{opacity:.12;scale:1.1}}.card:nth-child(3n+2){border-block-start-color:var(--_sg2-blue)}.card:nth-child(3n+2):before{background:var(--_sg2-blue)}.card:nth-child(3n+3){border-block-start-color:var(--_sg2-gold)}.card:nth-child(3n+3):before{background:var(--_sg2-gold);opacity:.08}& blockquote{border-inline-start:var(--_sg2-rule-heavy);border-inline-start-color:var(--_sg2-red);padding-inline-start:1.5rem;font-style:normal;&:before{content:'"';font-family:var(--font-display);font-size:4rem;font-weight:900;line-height:1;display:block;color:var(--_sg2-red);margin-block-end:.5rem}}& code{background:var(--color-accent-subtle);border:1.5px solid var(--_sg2-ink);font-weight:700}& pre{background:var(--_sg2-ink);color:var(--_sg2-wall);border:var(--_sg2-rule);& code{background:transparent;border:none;color:inherit;font-weight:400}}& th{background:var(--_sg2-ink);color:var(--_sg2-wall);font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.85em}& td{border-color:var(--_sg2-ink)}& summary{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-block-end:var(--_sg2-rule-sm)}.lead,.tagline{font-weight:400;letter-spacing:.02em}.badge,small{font-family:var(--font-display);font-weight:900;letter-spacing:.1em;text-transform:uppercase}& input:not([type=checkbox]):not([type=radio]),textarea,select{border:var(--_sg2-rule-sm);&:focus{border-color:var(--_sg2-red);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .18)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--_sg2-ink)}& select:not([multiple]):open{border-color:var(--_sg2-red);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .18)}& select:not([multiple])::picker(select){border:var(--_sg2-rule-sm);border-block-start:4px solid var(--_sg2-red);transition-timing-function:var(--motion-elastic)}& select:not([multiple]) optgroup>legend{font-family:var(--font-display);font-weight:900;letter-spacing:.08em;color:var(--_sg2-blue)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--_sg2-ink)}& select:not([multiple]) option:hover{background:var(--color-accent-subtle)}& select:not([multiple]) option:checked{color:var(--_sg2-red);font-weight:700}& select:not([multiple]) option::checkmark{color:var(--_sg2-red)}}}:is(main,article) layout-card{position:relative;overflow:hidden;border:var(--_sg2-rule-sm);border-block-start:5px solid var(--_sg2-red);&:before{content:"";position:absolute;inset-block-start:-50%;inset-inline-end:-50%;width:120%;aspect-ratio:1;border-radius:50%;background:var(--_sg2-red);opacity:.06;pointer-events:none;transition:opacity .2s,scale .3s}&:hover:before{opacity:.12;scale:1.1}&:nth-child(3n+2){border-block-start-color:var(--_sg2-blue)}&:nth-child(3n+2):before{background:var(--_sg2-blue)}&:nth-child(3n+3){border-block-start-color:var(--_sg2-gold)}&:nth-child(3n+3):before{background:var(--_sg2-gold);opacity:.08}}:is(main,article) code-block{--cb-bg: var(--_sg2-ink);--cb-code-bg: var(--_sg2-ink);--cb-header-bg: oklch(18% .01 240);--cb-text-color: var(--_sg2-wall);--cb-border-color: oklch(25% .01 240);--cb-border-radius: 0;--cb-label-color: oklch(60% 0 0);--cb-comment: oklch(50% 0 0);--cb-keyword: oklch(62% .28 18);--cb-string: var(--_sg2-gold);--cb-function: oklch(70% .15 256);--cb-number: var(--_sg2-gold);--cb-button-bg: oklch(18% .01 240);--cb-button-color: oklch(60% 0 0);--cb-button-border: 1px solid oklch(30% 0 0);--cb-button-hover-bg: var(--_sg2-red);--cb-scrollbar-track: var(--_sg2-ink);--cb-scrollbar-thumb: oklch(35% 0 0)}:is(main,article) browser-window{--browser-window-header-bg: var(--_sg2-ink);--browser-window-content-bg: var(--color-surface-raised);--browser-window-border-color: oklch(25% .01 240);--browser-window-border-radius: 0;--browser-window-text-muted: oklch(60% 0 0);--browser-window-url-bg: oklch(18% .01 240)}::selection{background:var(--color-primary);color:var(--_sg2-wall)}--scrollbar-thumb: oklch(40% .006 240);--scrollbar-track: oklch(91% .01 80);& calendar-wc{--cal-banner-height: .5rem;--cal-banner-bg: var(--_sg2-red);--cal-header-bg: var(--_sg2-ink);--cal-header-color: var(--_sg2-wall);--cal-week-bg: transparent;--cal-week-bg-alt: oklch(93% .006 80);--cal-disabled-opacity: .55;--cal-outside-opacity: .3;--cal-outside-color: oklch(50% .006 240);--cal-today-bg: oklch(96% .01 18);--cal-today-border: var(--_sg2-red);--cal-today-shadow: none;--cal-watermark-opacity: .06;--cal-watermark-color: var(--_sg2-ink);--cal-watermark-size: 3.5rem;--cal-watermark-weight: 900;--cal-highlight-bg: oklch(from var(--_sg2-gold) l c h / .1);--cal-highlight-border: oklch(from var(--_sg2-gold) l c h / .3)}& calendar-wc[data-month="1"],calendar-wc[data-month="4"],calendar-wc[data-month="7"],calendar-wc[data-month="10"]{--cal-banner-bg: var(--_sg2-red)}& calendar-wc[data-month="2"],calendar-wc[data-month="5"],calendar-wc[data-month="8"],calendar-wc[data-month="11"]{--cal-banner-bg: var(--_sg2-blue)}& calendar-wc[data-month="3"],calendar-wc[data-month="6"],calendar-wc[data-month="9"],calendar-wc[data-month="12"]{--cal-banner-bg: var(--_sg2-gold)}& calendar-wc td button[data-highlight=holiday]{background:repeating-linear-gradient(-45deg,oklch(from var(--_sg2-gold) l c h / .08),oklch(from var(--_sg2-gold) l c h / .08) 4px,transparent 4px,transparent 8px)}}:root[data-theme~=super2026][data-mode=dark],[data-theme~=super2026][data-mode=dark]{:is(main,article){& h1:not([data-gradient-text]){-webkit-text-stroke-color:oklch(80% .005 80);border-block-end-color:#43494d}& h2{border-block-end-color:#363b3f}& h3{border-block-end-color:#363b3f}& code{background:var(--color-surface-raised);border-color:#363b3f}& th{background:var(--color-surface-raised);color:var(--color-text)}.card:before,layout-card:before{mix-blend-mode:screen}.button:before,button:before{background:oklch(from var(--color-primary) calc(l + .1) c h)}}:is(main,article) code-block{--cb-header-bg: oklch(12% .008 240);--cb-border-color: oklch(28% .01 240);--cb-label-color: oklch(54% .005 80);--cb-comment: oklch(45% .005 80);--cb-keyword: oklch(68% .28 18);--cb-function: oklch(72% .18 256);--cb-button-bg: oklch(12% .008 240);--cb-button-color: oklch(54% .005 80);--cb-button-border: 1px solid oklch(35% .008 240);--cb-scrollbar-thumb: oklch(40% .008 240)}:is(main,article) browser-window{--browser-window-border-color: oklch(28% .01 240);--browser-window-text-muted: oklch(54% .005 80);--browser-window-url-bg: oklch(12% .008 240)}& calendar-wc{--cal-banner-bg: var(--_sg2-red);--cal-header-bg: oklch(8% .006 240);--cal-header-color: oklch(85% .005 80);--cal-week-bg-alt: oklch(14% .005 240);--cal-today-bg: oklch(18% .03 18);--cal-today-border: var(--_sg2-red);--cal-watermark-color: oklch(60% .008 240);--cal-outside-color: oklch(40% .005 240)}}
|
|
1
|
+
:root[data-theme~=super2026],[data-theme~=super2026]{color-scheme:light;--theme-border-style: sharp;--hue-primary: 18;--hue-secondary: 256;--hue-accent: 90;--color-primary: oklch(52% .27 18);--caret-color: var(--color-primary);--color-primary-hover: oklch(58% .28 18);--color-primary-active: oklch(44% .24 18);--color-primary-subtle: oklch(94% .04 18);--color-secondary: oklch(44% .22 256);--color-secondary-hover: oklch(50% .24 256);--color-secondary-subtle: oklch(93% .04 256);--color-accent: oklch(80% .2 90);--color-accent-hover: oklch(74% .2 90);--color-accent-subtle: oklch(95% .06 90);--color-background: oklch(97% .006 80);--color-surface: oklch(94% .008 80);--color-surface-alt: oklch(91% .01 80);--color-surface-raised: oklch(99.5% .002 80);--color-surface-sunken: oklch(90% .012 80);--color-text: oklch(12% .008 240);--color-text-muted: oklch(40% .006 240);--color-text-subtle: oklch(58% .004 240);--color-text-inverted: oklch(97% .006 80);--color-text-on-primary: oklch(99% .002 80);--color-border: oklch(75% .008 240);--color-border-strong: oklch(12% .008 240);--color-border-subtle: oklch(86% .006 240);--color-border-muted: oklch(82% .007 240);--color-success: oklch(52% .18 155);--color-success-subtle: oklch(94% .04 155);--color-success-text: oklch(34% .12 155);--color-warning: oklch(68% .16 75);--color-warning-subtle: oklch(94% .06 75);--color-warning-text: oklch(38% .12 75);--color-error: oklch(52% .24 18);--color-error-subtle: oklch(94% .05 18);--color-error-text: oklch(36% .16 18);--color-info: oklch(48% .16 256);--color-info-subtle: oklch(94% .04 256);--color-info-text: oklch(32% .12 256);--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 0 1px 2px oklch(12% .008 240 / .06);--shadow-sm: 0 1px 3px oklch(12% .008 240 / .12), 0 1px 2px oklch(12% .008 240 / .08);--shadow-md: 0 4px 6px oklch(12% .008 240 / .14), 0 2px 4px oklch(12% .008 240 / .1);--shadow-lg: 0 10px 20px oklch(12% .008 240 / .16), 0 4px 6px oklch(12% .008 240 / .1);--shadow-xl: 0 20px 30px oklch(12% .008 240 / .18), 0 8px 12px oklch(12% .008 240 / .12);--shadow-2xl: 0 30px 50px oklch(12% .008 240 / .22);--font-sans: "Barlow Condensed", system-ui, sans-serif;--font-serif: "Barlow Condensed", serif;--font-mono: "Space Mono", monospace;--font-display: "Big Shoulders Display", "Barlow Condensed", sans-serif;--font-heading: "Big Shoulders Display", "Barlow Condensed", sans-serif;--font-body: "Barlow Condensed", system-ui, sans-serif;--font-code: "Space Mono", monospace;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .35s;--duration-slower: .6s;--motion-enter-duration: .5s;--motion-exit-duration: .25s;--motion-stagger-delay: 60ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-snappy: cubic-bezier(.4, 0, .2, 1);--motion-elastic: cubic-bezier(.68, -.55, .265, 1.55);--motion-smooth: cubic-bezier(.25, .1, .25, 1);--motion-hover-lift: translateY(-4px);--motion-hover-scale: scale(1.04);--glass-blur: 10px;--glass-opacity: .12;--page-bg-color: oklch(94% .008 80);--page-bg-gradient: repeating-linear-gradient( 90deg, oklch(12% .008 240 / .04) 0px, oklch(12% .008 240 / .04) 1px, transparent 1px, transparent calc(100% / 12) ), repeating-linear-gradient( 0deg, oklch(12% .008 240 / .03) 0px, oklch(12% .008 240 / .03) 1px, transparent 1px, transparent 6rem );--page-bg-size: 100% 100%;--_sg2-red: oklch(52% .27 18);--_sg2-blue: oklch(44% .22 256);--_sg2-gold: oklch(80% .2 90);--_sg2-ink: oklch(12% .008 240);--_sg2-wall: oklch(97% .006 80);--_sg2-rule: 4px solid var(--_sg2-ink);--_sg2-rule-sm: 2px solid var(--_sg2-ink);--_sg2-rule-heavy: 8px solid var(--_sg2-ink);--control-size: 1.25rem;--control-border: var(--_sg2-ink);--control-checked-bg: oklch(52% .27 18);--control-checked-border: var(--_sg2-ink);--input-border: var(--_sg2-ink);--input-bg: oklch(100% 0 0);--input-border-focus: oklch(52% .27 18);--range-track-h: .5rem;--range-track-bg: oklch(85% .01 80);--range-track-fill: oklch(52% .27 18);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: var(--_sg2-ink);--progress-track-bg: oklch(90% .01 80);--progress-fill: oklch(52% .27 18)}:root[data-theme~=super2026][data-mode=dark],[data-theme~=super2026][data-mode=dark]{color-scheme:dark;--color-primary: oklch(62% .28 18);--color-primary-hover: oklch(68% .28 18);--color-primary-active: oklch(54% .24 18);--color-primary-subtle: oklch(22% .08 18);--color-secondary: oklch(60% .22 256);--color-secondary-hover: oklch(66% .24 256);--color-secondary-subtle: oklch(20% .08 256);--color-accent: oklch(78% .22 90);--color-accent-hover: oklch(84% .22 90);--color-accent-subtle: oklch(22% .08 90);--color-background: oklch(11% .006 240);--color-surface: oklch(15% .007 240);--color-surface-alt: oklch(18% .008 240);--color-surface-raised: oklch(20% .008 240);--color-surface-sunken: oklch(8% .005 240);--color-text: oklch(96% .004 80);--color-text-muted: oklch(72% .006 80);--color-text-subtle: oklch(54% .005 80);--color-text-inverted: oklch(12% .008 240);--color-text-on-primary: oklch(99% .002 80);--color-border: oklch(28% .01 240);--color-border-strong: oklch(60% .01 240);--color-border-subtle: oklch(20% .008 240);--color-border-muted: oklch(24% .009 240);--color-success: oklch(62% .18 155);--color-success-subtle: oklch(20% .06 155);--color-success-text: oklch(75% .14 155);--color-warning: oklch(78% .16 75);--color-warning-subtle: oklch(22% .08 75);--color-warning-text: oklch(82% .12 75);--color-error: oklch(62% .24 18);--color-error-subtle: oklch(20% .08 18);--color-error-text: oklch(75% .18 18);--color-info: oklch(62% .16 256);--color-info-subtle: oklch(20% .06 256);--color-info-text: oklch(75% .12 256);--shadow-xs: 0 1px 2px oklch(5% .005 240 / .4);--shadow-sm: 0 1px 3px oklch(5% .005 240 / .5), 0 1px 2px oklch(5% .005 240 / .4);--shadow-md: 0 4px 6px oklch(5% .005 240 / .5), 0 2px 4px oklch(5% .005 240 / .4);--shadow-lg: 0 10px 20px oklch(5% .005 240 / .55), 0 4px 6px oklch(5% .005 240 / .4);--shadow-xl: 0 20px 30px oklch(5% .005 240 / .6);--shadow-2xl: 0 30px 50px oklch(5% .005 240 / .65);--page-bg-color: oklch(11% .006 240);--page-bg-gradient: linear-gradient( 160deg, oklch(14% .01 240) 0%, oklch(10% .006 250) 100% );--_sg2-wall: oklch(11% .006 240);--_sg2-rule: 4px solid oklch(35% .01 240);--_sg2-rule-sm: 2px solid oklch(30% .009 240);--_sg2-rule-heavy: 8px solid oklch(40% .01 240);--_sg2-red: oklch(62% .28 18);--_sg2-blue: oklch(60% .22 256);--_sg2-gold: oklch(78% .22 90);--_sg2-ink: oklch(60% .01 240);--scrollbar-thumb: oklch(45% .008 240);--scrollbar-track: oklch(18% .007 240);--input-bg: oklch(15% .007 240);--input-border: oklch(35% .01 240);--input-border-focus: oklch(62% .28 18);--control-border: oklch(60% .01 240);--control-checked-bg: oklch(62% .28 18);--control-checked-border: oklch(60% .01 240);--range-track-bg: oklch(25% .008 240);--range-track-fill: oklch(62% .28 18);--range-thumb-bg: oklch(15% .007 240);--range-thumb-border: oklch(60% .01 240);--progress-track-bg: oklch(22% .007 240);--progress-fill: oklch(62% .28 18)}:root[data-theme~=super2026],[data-theme~=super2026]{--border-width-thin: 2px;--border-width-medium: 4px;--border-width-thick: 8px}:root[data-theme~=super2026],[data-theme~=super2026]{:is(main,article){:is(h1,h2,h3,h4,h5,h6){font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.95}& h1:not([data-gradient-text]){-webkit-text-stroke:3px var(--_sg2-ink);color:transparent;border-block-end:var(--_sg2-rule-heavy);padding-block-end:.5rem;margin-block-end:1.5rem}& h4{color:var(--_sg2-red)}& h2{color:var(--_sg2-blue);border-block-end:var(--_sg2-rule);padding-block-end:.4rem}& h3{border-block-end:3px solid var(--_sg2-gold);padding-block-end:.3rem}& hr:not([data-ornament]){border:none;height:6px;background:var(--_sg2-ink);margin-block:2.5rem}& hr:not([data-ornament]):nth-of-type(3n+2){background:var(--_sg2-red);height:8px}& hr:not([data-ornament]):nth-of-type(3n+3){background:var(--_sg2-blue)}& a:not([class]):not(nav a){color:var(--color-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:600;&:hover{background:var(--color-primary);color:var(--color-text-on-primary);text-decoration:none;padding-inline:.15em;margin-inline:-.15em}}.button,button{position:relative;overflow:hidden;font-family:var(--font-display);font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-width:2px;transition:transform var(--duration-fast) var(--motion-bounce),box-shadow var(--duration-fast) var(--motion-snappy);&:before{content:"";position:absolute;inset-block-start:50%;inset-inline-end:0;translate:50% -50%;width:200%;aspect-ratio:1;border-radius:50%;background:oklch(from var(--color-primary) calc(l - .08) c h);scale:0;transition:scale .25s cubic-bezier(.16,1,.3,1);z-index:-1}&:hover{transform:var(--motion-hover-lift);box-shadow:var(--shadow-md)}&:hover:before{scale:1}&:active{transform:translateY(1px)}}.button.secondary,button.secondary{border-color:var(--_sg2-ink);border-width:2px;&:before{background:var(--_sg2-blue)}&:hover{background:var(--color-secondary);color:var(--color-text-on-primary);border-color:var(--color-secondary)}}.button.ghost,button.ghost{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;&:before{background:var(--_sg2-gold)}}.card{position:relative;overflow:hidden;border:var(--_sg2-rule-sm);border-block-start:5px solid var(--_sg2-red);&:before{content:"";position:absolute;inset-block-start:-50%;inset-inline-end:-50%;width:120%;aspect-ratio:1;border-radius:50%;background:var(--_sg2-red);opacity:.06;pointer-events:none;transition:opacity .2s,scale .3s}&:hover{transform:var(--motion-hover-lift);box-shadow:var(--shadow-lg)}&:hover:before{opacity:.12;scale:1.1}}.card:nth-child(3n+2){border-block-start-color:var(--_sg2-blue)}.card:nth-child(3n+2):before{background:var(--_sg2-blue)}.card:nth-child(3n+3){border-block-start-color:var(--_sg2-gold)}.card:nth-child(3n+3):before{background:var(--_sg2-gold);opacity:.08}& blockquote{border-inline-start:var(--_sg2-rule-heavy);border-inline-start-color:var(--_sg2-red);padding-inline-start:1.5rem;font-style:normal;&:before{content:'"';font-family:var(--font-display);font-size:4rem;font-weight:900;line-height:1;display:block;color:var(--_sg2-red);margin-block-end:.5rem}}& code{background:var(--color-accent-subtle);border:1.5px solid var(--_sg2-ink);font-weight:700}& pre{background:var(--_sg2-ink);color:var(--_sg2-wall);border:var(--_sg2-rule);& code{background:transparent;border:none;color:inherit;font-weight:400}}& th{background:var(--_sg2-ink);color:var(--_sg2-wall);font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.85em}& td{border-color:var(--_sg2-ink)}& summary{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-block-end:var(--_sg2-rule-sm)}.lead,.tagline{font-weight:400;letter-spacing:.02em}.badge,small{font-family:var(--font-display);font-weight:900;letter-spacing:.1em;text-transform:uppercase}& input:not([type=checkbox]):not([type=radio]),textarea,select{border:var(--_sg2-rule-sm);&:focus{border-color:var(--_sg2-red);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .18)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--_sg2-ink)}& select:not([multiple]):open{border-color:var(--_sg2-red);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .18)}& select:not([multiple])::picker(select){border:var(--_sg2-rule-sm);border-block-start:4px solid var(--_sg2-red);transition-timing-function:var(--motion-elastic)}& select:not([multiple]) optgroup>legend{font-family:var(--font-display);font-weight:900;letter-spacing:.08em;color:var(--_sg2-blue)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--_sg2-ink)}& select:not([multiple]) option:hover{background:var(--color-accent-subtle)}& select:not([multiple]) option:checked{color:var(--_sg2-red);font-weight:700}& select:not([multiple]) option::checkmark{color:var(--_sg2-red)}}}:is(main,article) layout-card{position:relative;overflow:hidden;border:var(--_sg2-rule-sm);border-block-start:5px solid var(--_sg2-red);&:before{content:"";position:absolute;inset-block-start:-50%;inset-inline-end:-50%;width:120%;aspect-ratio:1;border-radius:50%;background:var(--_sg2-red);opacity:.06;pointer-events:none;transition:opacity .2s,scale .3s}&:hover:before{opacity:.12;scale:1.1}&:nth-child(3n+2){border-block-start-color:var(--_sg2-blue)}&:nth-child(3n+2):before{background:var(--_sg2-blue)}&:nth-child(3n+3){border-block-start-color:var(--_sg2-gold)}&:nth-child(3n+3):before{background:var(--_sg2-gold);opacity:.08}}:is(main,article) code-block{--cb-bg: var(--_sg2-ink);--cb-code-bg: var(--_sg2-ink);--cb-header-bg: oklch(18% .01 240);--cb-text-color: var(--_sg2-wall);--cb-border-color: oklch(25% .01 240);--cb-border-radius: 0;--cb-label-color: oklch(60% 0 0);--cb-comment: oklch(50% 0 0);--cb-keyword: oklch(62% .28 18);--cb-string: var(--_sg2-gold);--cb-function: oklch(70% .15 256);--cb-number: var(--_sg2-gold);--cb-button-bg: oklch(18% .01 240);--cb-button-color: oklch(60% 0 0);--cb-button-border: 1px solid oklch(30% 0 0);--cb-button-hover-bg: var(--_sg2-red);--cb-scrollbar-track: var(--_sg2-ink);--cb-scrollbar-thumb: oklch(35% 0 0)}:is(main,article) browser-window{--browser-window-header-bg: var(--_sg2-ink);--browser-window-content-bg: var(--color-surface-raised);--browser-window-border-color: oklch(25% .01 240);--browser-window-border-radius: 0;--browser-window-text-muted: oklch(60% 0 0);--browser-window-url-bg: oklch(18% .01 240)}::selection{background:var(--color-primary);color:var(--_sg2-wall)}--scrollbar-thumb: oklch(40% .006 240);--scrollbar-track: oklch(91% .01 80);& calendar-wc{--cal-banner-height: .5rem;--cal-banner-bg: var(--_sg2-red);--cal-header-bg: var(--_sg2-ink);--cal-header-color: var(--_sg2-wall);--cal-week-bg: transparent;--cal-week-bg-alt: oklch(93% .006 80);--cal-disabled-opacity: .55;--cal-outside-opacity: .3;--cal-outside-color: oklch(50% .006 240);--cal-today-bg: oklch(96% .01 18);--cal-today-border: var(--_sg2-red);--cal-today-shadow: none;--cal-watermark-opacity: .06;--cal-watermark-color: var(--_sg2-ink);--cal-watermark-size: 3.5rem;--cal-watermark-weight: 900;--cal-highlight-bg: oklch(from var(--_sg2-gold) l c h / .1);--cal-highlight-border: oklch(from var(--_sg2-gold) l c h / .3)}& calendar-wc[data-month="1"],calendar-wc[data-month="4"],calendar-wc[data-month="7"],calendar-wc[data-month="10"]{--cal-banner-bg: var(--_sg2-red)}& calendar-wc[data-month="2"],calendar-wc[data-month="5"],calendar-wc[data-month="8"],calendar-wc[data-month="11"]{--cal-banner-bg: var(--_sg2-blue)}& calendar-wc[data-month="3"],calendar-wc[data-month="6"],calendar-wc[data-month="9"],calendar-wc[data-month="12"]{--cal-banner-bg: var(--_sg2-gold)}& calendar-wc td button[data-highlight=holiday]{background:repeating-linear-gradient(-45deg,oklch(from var(--_sg2-gold) l c h / .08),oklch(from var(--_sg2-gold) l c h / .08) 4px,transparent 4px,transparent 8px)}}:root[data-theme~=super2026][data-mode=dark],[data-theme~=super2026][data-mode=dark]{:is(main,article){& h1:not([data-gradient-text]){-webkit-text-stroke-color:oklch(80% .005 80);border-block-end-color:#43494d}& h2{border-block-end-color:#363b3f}& h3{border-block-end-color:#363b3f}& code{background:var(--color-surface-raised);border-color:#363b3f}& th{background:var(--color-surface-raised);color:var(--color-text)}.card:before,layout-card:before{mix-blend-mode:screen}.button:before,button:before{background:oklch(from var(--color-primary) calc(l + .1) c h)}}:is(main,article) code-block{--cb-header-bg: oklch(12% .008 240);--cb-border-color: oklch(28% .01 240);--cb-label-color: oklch(54% .005 80);--cb-comment: oklch(45% .005 80);--cb-keyword: oklch(68% .28 18);--cb-function: oklch(72% .18 256);--cb-button-bg: oklch(12% .008 240);--cb-button-color: oklch(54% .005 80);--cb-button-border: 1px solid oklch(35% .008 240);--cb-scrollbar-thumb: oklch(40% .008 240)}:is(main,article) browser-window{--browser-window-border-color: oklch(28% .01 240);--browser-window-text-muted: oklch(54% .005 80);--browser-window-url-bg: oklch(12% .008 240)}& calendar-wc{--cal-banner-bg: var(--_sg2-red);--cal-header-bg: oklch(8% .006 240);--cal-header-color: oklch(85% .005 80);--cal-week-bg-alt: oklch(14% .005 240);--cal-today-bg: oklch(18% .03 18);--cal-today-border: var(--_sg2-red);--cal-watermark-color: oklch(60% .008 240);--cal-outside-color: oklch(40% .005 240)}}
|
|
2
2
|
/*# sourceMappingURL=super2026.css.map */
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/vt323/v18/pxiKyp0ihIEF2isfFJXUdVNF.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=terminal],[data-theme~=terminal]{--color-surface: oklch(5% .02 145);--color-surface-alt: oklch(8% .02 145);--color-surface-raised: oklch(12% .02 145);--color-surface-sunken: oklch(3% .01 145);--color-background: oklch(3% .02 145);--color-text: oklch(75% .2 145);--color-text-muted: oklch(60% .15 145);--color-text-subtle: oklch(50% .12 145);--color-primary: oklch(80% .22 145);--color-primary-hover: oklch(85% .25 145);--color-primary-subtle: oklch(20% .08 145);--color-accent: oklch(75% .15 60);--color-accent-hover: oklch(80% .18 60);--color-border: oklch(30% .1 145);--color-border-muted: oklch(20% .05 145);--color-border-strong: oklch(75% .2 145);--color-success: oklch(75% .2 145);--color-success-subtle: oklch(18% .06 145);--color-success-text: oklch(80% .18 145);--color-warning: oklch(75% .15 60);--color-warning-subtle: oklch(18% .06 60);--color-warning-text: oklch(80% .12 60);--color-error: oklch(62% .2 25);--color-error-subtle: oklch(18% .08 25);--color-error-text: oklch(72% .18 25);--color-info: oklch(68% .15 220);--color-info-subtle: oklch(18% .06 220);--color-info-text: oklch(75% .12 220);--_terminal-glow-green: 0 0 10px oklch(75% .2 145 / .5), 0 0 20px oklch(75% .2 145 / .3), 0 0 30px oklch(75% .2 145 / .1);--_terminal-glow-text: 0 0 5px currentColor;--font-sans: "VT323", "Courier New", Courier, monospace;--font-mono: "VT323", "Courier New", Courier, monospace;--font-size-adjust: .48;--line-height-normal: 1.4;--line-height-tight: 1.2;--letter-spacing-normal: .05em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-sm: none;--shadow-md: var(--_terminal-glow-green);--shadow-lg: var(--_terminal-glow-green);--shadow-xl: var(--_terminal-glow-green);--shadow-2xl: var(--_terminal-glow-green);--duration-instant: 0ms;--duration-fast: 50ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(1);--ease-out: steps(1);--control-border: oklch(80% .22 145);--control-checked-bg: oklch(80% .22 145);--control-checked-border: oklch(80% .22 145);--input-bg: oklch(3% .01 145);--input-border: oklch(40% .08 145);--input-border-focus: oklch(80% .22 145);--range-track-bg: oklch(20% .04 145);--range-track-fill: oklch(80% .22 145);--range-thumb-bg: oklch(5% .02 145);--range-thumb-border: oklch(80% .22 145);--progress-track-bg: oklch(15% .03 145);--progress-fill: oklch(80% .22 145)}:root[data-theme~=terminal]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 1px,oklch(0% 0 0 / .1) 2px,oklch(0% 0 0 / .1) 3px);z-index:500}:root[data-theme~=terminal]:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 60%,oklch(0% 0 0 / .4) 100%);z-index:499}:root[data-theme~=terminal],[data-theme~=terminal]{:is(main,article){& h1:before,h2:before,h3:before{color:var(--color-accent)}& h1{text-transform:uppercase;&:before{content:"root@system:~# "}}& h2:before{content:"$ "}& h3:before{content:"> "}.card>h3:before{content:none}& h1:after,h2:after{content:"\2588";animation:blink 1s steps(1) infinite}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}:is(main,article){& a:not([class]){color:var(--color-accent);text-decoration:none;&:before{content:"["}&:after{content:"]"}&:hover{background:var(--color-accent);color:var(--color-background)}}}:is(main,article){& hr:not([data-ornament]){border:none;height:auto;margin-block:1.5rem;color:var(--color-border-strong);&:before{content:"\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550";display:block;overflow:hidden;white-space:nowrap}}.button,button{border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);text-transform:uppercase;font-family:var(--font-mono);padding-inline:var(--size-xs);&:before{content:"[ "}&:after{content:" ]"}&:hover{background:var(--color-primary);color:var(--color-background);text-shadow:none}}.card{border:1px solid var(--color-border-strong);background:var(--color-surface);position:relative;padding-block-start:2rem;&:before{content:"\250c\2500 TERMINAL \2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2510";position:absolute;top:0;left:0;right:0;padding:.25rem .5rem;background:var(--color-surface-raised);border-block-end:1px solid var(--color-border-strong);font-size:.75rem;color:var(--color-text-muted)}}& input,textarea{background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);color:var(--color-text);font-family:var(--font-mono);caret-color:var(--color-primary);&::placeholder{color:var(--color-text-subtle)}&:focus{outline:none;box-shadow:var(--_terminal-glow-green)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-primary)}& select:not([multiple]):open{box-shadow:var(--_terminal-glow-green)}& select:not([multiple])::picker(select){background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);box-shadow:var(--_terminal-glow-green)}& select:not([multiple]) option{font-family:var(--font-mono)}& select:not([multiple]) option:hover{background:var(--color-primary);color:var(--color-background)}& select:not([multiple]) option:checked{color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-mono);color:var(--color-accent)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border-strong)}}& pre{background:var(--color-surface-sunken);border:1px solid var(--color-border);&:before{content:"$ cat script.sh";display:block;color:var(--color-text-muted);margin-block-end:.5rem;padding-block-end:.5rem;border-block-end:1px solid var(--color-border)}}& blockquote{border:1px solid var(--color-accent);background:oklch(15% .05 60 / .2);padding:1rem;&:before{content:"[!] SYSTEM MESSAGE:";display:block;color:var(--color-accent);margin-block-end:.5rem;font-weight:700}}}::selection{background:var(--color-primary);color:var(--color-background);text-shadow:none}:is(main,article){& p:not([class]){&:before{content:"> ";color:var(--color-text-subtle)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-keyword: oklch(80% .22 145);--cb-string: oklch(75% .15 60);--cb-function: oklch(75% .2 145);--cb-number: oklch(75% .15 60);--cb-tag: oklch(75% .15 60);--cb-attribute: oklch(80% .22 145);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: oklch(80% .22 145);--cb-button-hover-color: oklch(3% .02 145)}:is(main,article) browser-window{--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--color-border-strong);--browser-window-hover-bg: oklch(12% .02 145);--browser-window-accent-color: oklch(80% .22 145)}}:root[data-theme~=terminal][data-mode=light],[data-theme~=terminal][data-mode=light]{color-scheme:light;--color-surface: oklch(96% .01 80);--color-surface-alt: oklch(93% .015 80);--color-surface-raised: oklch(98% .005 80);--color-surface-sunken: oklch(90% .02 80);--color-background: oklch(97% .01 80);--color-text: oklch(15% .02 145);--color-text-muted: oklch(35% .02 145);--color-text-subtle: oklch(50% .02 145);--color-primary: oklch(35% .15 145);--color-primary-hover: oklch(30% .18 145);--color-primary-subtle: oklch(92% .04 145);--color-accent: oklch(45% .12 60);--color-accent-hover: oklch(40% .15 60);--color-border: oklch(75% .02 145);--color-border-muted: oklch(85% .01 145);--color-border-strong: oklch(35% .1 145);--color-success: oklch(40% .15 145);--color-success-subtle: oklch(93% .04 145);--color-success-text: oklch(30% .12 145);--color-warning: oklch(48% .12 60);--color-warning-subtle: oklch(93% .04 60);--color-warning-text: oklch(35% .1 60);--color-error: oklch(45% .18 25);--color-error-subtle: oklch(93% .05 25);--color-error-text: oklch(32% .14 25);--color-info: oklch(42% .12 220);--color-info-subtle: oklch(93% .04 220);--color-info-text: oklch(30% .1 220);--_terminal-glow-green: none;--_terminal-glow-text: none;--shadow-xs: none;--shadow-sm: 0 1px 3px oklch(0% 0 0 / .08);--shadow-md: 0 2px 6px oklch(0% 0 0 / .1);--shadow-lg: 0 4px 12px oklch(0% 0 0 / .12);--control-border: oklch(35% .15 145);--control-checked-bg: oklch(35% .15 145);--control-checked-border: oklch(35% .15 145);--input-bg: oklch(93% .01 80);--input-border: oklch(70% .03 145);--input-border-focus: oklch(35% .15 145);--range-track-bg: oklch(85% .01 80);--range-track-fill: oklch(35% .15 145);--range-thumb-bg: oklch(97% .01 80);--range-thumb-border: oklch(35% .15 145);--progress-track-bg: oklch(88% .01 80);--progress-fill: oklch(35% .15 145)}:root[data-theme~=terminal][data-mode=light]:before{opacity:0}:root[data-theme~=terminal][data-mode=light]:after{opacity:0}:root[data-theme~=terminal][data-mode=light],[data-theme~=terminal][data-mode=light]{:is(main,article) code-block{--cb-keyword: oklch(30% .18 145);--cb-string: oklch(40% .12 60);--cb-function: oklch(30% .16 145);--cb-number: oklch(40% .12 60);--cb-tag: oklch(40% .12 60);--cb-attribute: oklch(30% .18 145);--cb-button-hover-bg: oklch(35% .15 145);--cb-button-hover-color: oklch(97% .01 80)}:is(main,article) browser-window{--browser-window-hover-bg: oklch(93% .015 80);--browser-window-accent-color: oklch(35% .15 145)}}
|
|
1
|
+
@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/vt323/v18/pxiKyp0ihIEF2isfFJXUdVNF.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=terminal],[data-theme~=terminal]{--color-surface: oklch(5% .02 145);--color-surface-alt: oklch(8% .02 145);--color-surface-raised: oklch(12% .02 145);--color-surface-sunken: oklch(3% .01 145);--color-background: oklch(3% .02 145);--color-text: oklch(75% .2 145);--color-text-muted: oklch(60% .15 145);--color-text-subtle: oklch(50% .12 145);--color-primary: oklch(80% .22 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(85% .25 145);--color-primary-subtle: oklch(20% .08 145);--color-accent: oklch(75% .15 60);--color-accent-hover: oklch(80% .18 60);--color-border: oklch(30% .1 145);--color-border-muted: oklch(20% .05 145);--color-border-strong: oklch(75% .2 145);--color-success: oklch(75% .2 145);--color-success-subtle: oklch(18% .06 145);--color-success-text: oklch(80% .18 145);--color-warning: oklch(75% .15 60);--color-warning-subtle: oklch(18% .06 60);--color-warning-text: oklch(80% .12 60);--color-error: oklch(62% .2 25);--color-error-subtle: oklch(18% .08 25);--color-error-text: oklch(72% .18 25);--color-info: oklch(68% .15 220);--color-info-subtle: oklch(18% .06 220);--color-info-text: oklch(75% .12 220);--_terminal-glow-green: 0 0 10px oklch(75% .2 145 / .5), 0 0 20px oklch(75% .2 145 / .3), 0 0 30px oklch(75% .2 145 / .1);--_terminal-glow-text: 0 0 5px currentColor;--font-sans: "VT323", "Courier New", Courier, monospace;--font-mono: "VT323", "Courier New", Courier, monospace;--font-size-adjust: .48;--line-height-normal: 1.4;--line-height-tight: 1.2;--letter-spacing-normal: .05em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-sm: none;--shadow-md: var(--_terminal-glow-green);--shadow-lg: var(--_terminal-glow-green);--shadow-xl: var(--_terminal-glow-green);--shadow-2xl: var(--_terminal-glow-green);--duration-instant: 0ms;--duration-fast: 50ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(1);--ease-out: steps(1);--control-border: oklch(80% .22 145);--control-checked-bg: oklch(80% .22 145);--control-checked-border: oklch(80% .22 145);--input-bg: oklch(3% .01 145);--input-border: oklch(40% .08 145);--input-border-focus: oklch(80% .22 145);--range-track-bg: oklch(20% .04 145);--range-track-fill: oklch(80% .22 145);--range-thumb-bg: oklch(5% .02 145);--range-thumb-border: oklch(80% .22 145);--progress-track-bg: oklch(15% .03 145);--progress-fill: oklch(80% .22 145)}:root[data-theme~=terminal]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 1px,oklch(0% 0 0 / .1) 2px,oklch(0% 0 0 / .1) 3px);z-index:500}:root[data-theme~=terminal]:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 60%,oklch(0% 0 0 / .4) 100%);z-index:499}:root[data-theme~=terminal],[data-theme~=terminal]{:is(main,article){& h1:before,h2:before,h3:before{color:var(--color-accent)}& h1{text-transform:uppercase;&:before{content:"root@system:~# "}}& h2:before{content:"$ "}& h3:before{content:"> "}.card>h3:before{content:none}& h1:after,h2:after{content:"\2588";animation:blink 1s steps(1) infinite}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}:is(main,article){& a:not([class]){color:var(--color-accent);text-decoration:none;&:before{content:"["}&:after{content:"]"}&:hover{background:var(--color-accent);color:var(--color-background)}}}:is(main,article){& hr:not([data-ornament]){border:none;height:auto;margin-block:1.5rem;color:var(--color-border-strong);&:before{content:"\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550";display:block;overflow:hidden;white-space:nowrap}}.button,button{border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);text-transform:uppercase;font-family:var(--font-mono);padding-inline:var(--size-xs);&:before{content:"[ "}&:after{content:" ]"}&:hover{background:var(--color-primary);color:var(--color-background);text-shadow:none}}.card{border:1px solid var(--color-border-strong);background:var(--color-surface);position:relative;padding-block-start:2rem;&:before{content:"\250c\2500 TERMINAL \2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2510";position:absolute;top:0;left:0;right:0;padding:.25rem .5rem;background:var(--color-surface-raised);border-block-end:1px solid var(--color-border-strong);font-size:.75rem;color:var(--color-text-muted)}}& input,textarea{background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);color:var(--color-text);font-family:var(--font-mono);&::placeholder{color:var(--color-text-subtle)}&:focus{outline:none;box-shadow:var(--_terminal-glow-green)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-primary)}& select:not([multiple]):open{box-shadow:var(--_terminal-glow-green)}& select:not([multiple])::picker(select){background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);box-shadow:var(--_terminal-glow-green)}& select:not([multiple]) option{font-family:var(--font-mono)}& select:not([multiple]) option:hover{background:var(--color-primary);color:var(--color-background)}& select:not([multiple]) option:checked{color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-mono);color:var(--color-accent)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border-strong)}}& pre{background:var(--color-surface-sunken);border:1px solid var(--color-border);&:before{content:"$ cat script.sh";display:block;color:var(--color-text-muted);margin-block-end:.5rem;padding-block-end:.5rem;border-block-end:1px solid var(--color-border)}}& blockquote{border:1px solid var(--color-accent);background:oklch(15% .05 60 / .2);padding:1rem;&:before{content:"[!] SYSTEM MESSAGE:";display:block;color:var(--color-accent);margin-block-end:.5rem;font-weight:700}}}::selection{background:var(--color-primary);color:var(--color-background);text-shadow:none}:is(main,article){& p:not([class]){&:before{content:"> ";color:var(--color-text-subtle)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-keyword: oklch(80% .22 145);--cb-string: oklch(75% .15 60);--cb-function: oklch(75% .2 145);--cb-number: oklch(75% .15 60);--cb-tag: oklch(75% .15 60);--cb-attribute: oklch(80% .22 145);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: oklch(80% .22 145);--cb-button-hover-color: oklch(3% .02 145)}:is(main,article) browser-window{--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--color-border-strong);--browser-window-hover-bg: oklch(12% .02 145);--browser-window-accent-color: oklch(80% .22 145)}}:root[data-theme~=terminal][data-mode=light],[data-theme~=terminal][data-mode=light]{color-scheme:light;--color-surface: oklch(96% .01 80);--color-surface-alt: oklch(93% .015 80);--color-surface-raised: oklch(98% .005 80);--color-surface-sunken: oklch(90% .02 80);--color-background: oklch(97% .01 80);--color-text: oklch(15% .02 145);--color-text-muted: oklch(35% .02 145);--color-text-subtle: oklch(50% .02 145);--color-primary: oklch(35% .15 145);--color-primary-hover: oklch(30% .18 145);--color-primary-subtle: oklch(92% .04 145);--color-accent: oklch(45% .12 60);--color-accent-hover: oklch(40% .15 60);--color-border: oklch(75% .02 145);--color-border-muted: oklch(85% .01 145);--color-border-strong: oklch(35% .1 145);--color-success: oklch(40% .15 145);--color-success-subtle: oklch(93% .04 145);--color-success-text: oklch(30% .12 145);--color-warning: oklch(48% .12 60);--color-warning-subtle: oklch(93% .04 60);--color-warning-text: oklch(35% .1 60);--color-error: oklch(45% .18 25);--color-error-subtle: oklch(93% .05 25);--color-error-text: oklch(32% .14 25);--color-info: oklch(42% .12 220);--color-info-subtle: oklch(93% .04 220);--color-info-text: oklch(30% .1 220);--_terminal-glow-green: none;--_terminal-glow-text: none;--shadow-xs: none;--shadow-sm: 0 1px 3px oklch(0% 0 0 / .08);--shadow-md: 0 2px 6px oklch(0% 0 0 / .1);--shadow-lg: 0 4px 12px oklch(0% 0 0 / .12);--control-border: oklch(35% .15 145);--control-checked-bg: oklch(35% .15 145);--control-checked-border: oklch(35% .15 145);--input-bg: oklch(93% .01 80);--input-border: oklch(70% .03 145);--input-border-focus: oklch(35% .15 145);--range-track-bg: oklch(85% .01 80);--range-track-fill: oklch(35% .15 145);--range-thumb-bg: oklch(97% .01 80);--range-thumb-border: oklch(35% .15 145);--progress-track-bg: oklch(88% .01 80);--progress-fill: oklch(35% .15 145)}:root[data-theme~=terminal][data-mode=light]:before{opacity:0}:root[data-theme~=terminal][data-mode=light]:after{opacity:0}:root[data-theme~=terminal][data-mode=light],[data-theme~=terminal][data-mode=light]{:is(main,article) code-block{--cb-keyword: oklch(30% .18 145);--cb-string: oklch(40% .12 60);--cb-function: oklch(30% .16 145);--cb-number: oklch(40% .12 60);--cb-tag: oklch(40% .12 60);--cb-attribute: oklch(30% .18 145);--cb-button-hover-bg: oklch(35% .15 145);--cb-button-hover-color: oklch(97% .01 80)}:is(main,article) browser-window{--browser-window-hover-bg: oklch(93% .015 80);--browser-window-accent-color: oklch(35% .15 145)}}
|
|
2
2
|
/*# sourceMappingURL=terminal.css.map */
|