vanilla-breeze 0.1.3 → 0.2.0

package/dist/cdn/themes/neumorphism-dark.tokens.json

@@ -0,0 +1,471 @@
+{
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.22,
+          0.008,
+          250
+        ]
+      }
+    },
+    "surface": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.22,
+          0.008,
+          250
+        ]
+      }
+    },
+    "surface-alt": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.2,
+          0.008,
+          250
+        ]
+      }
+    },
+    "surface-raised": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.25,
+          0.008,
+          250
+        ]
+      }
+    },
+    "surface-sunken": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.18,
+          0.01,
+          250
+        ]
+      }
+    },
+    "hover-bg": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ]
+      },
+      "$extensions": {
+        "com.vanilla-breeze": {
+          "literal": "var(--color-surface-sunken)"
+        }
+      }
+    },
+    "text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.92,
+          0.005,
+          250
+        ]
+      }
+    },
+    "text-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.75,
+          0.005,
+          250
+        ]
+      }
+    },
+    "text-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.58,
+          0.005,
+          250
+        ]
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.7,
+          0.15,
+          250
+        ]
+      }
+    },
+    "primary-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.75,
+          0.16,
+          250
+        ]
+      }
+    },
+    "primary-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.3,
+          0.05,
+          250
+        ]
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.72,
+          0.12,
+          310
+        ]
+      }
+    },
+    "accent-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.77,
+          0.13,
+          310
+        ]
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.3,
+          0.006,
+          250
+        ]
+      }
+    },
+    "border-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.27,
+          0.005,
+          250
+        ]
+      }
+    },
+    "border-strong": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.4,
+          0.008,
+          250
+        ]
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.68,
+          0.14,
+          150
+        ]
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.78,
+          0.14,
+          80
+        ]
+      }
+    },
+    "error": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.65,
+          0.16,
+          25
+        ]
+      }
+    },
+    "info": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.7,
+          0.14,
+          250
+        ]
+      }
+    }
+  },
+  "effect": {
+    "shadow": {
+      "xs": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ]
+          }
+        },
+        "$extensions": {
+          "com.vanilla-breeze": {
+            "literal": "3px 3px 6px var(--_neu-dark),\n    -3px -3px 6px var(--_neu-light)"
+          }
+        }
+      },
+      "sm": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ]
+          }
+        },
+        "$extensions": {
+          "com.vanilla-breeze": {
+            "literal": "5px 5px 10px var(--_neu-dark),\n    -5px -5px 10px var(--_neu-light)"
+          }
+        }
+      },
+      "md": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ]
+          }
+        },
+        "$extensions": {
+          "com.vanilla-breeze": {
+            "literal": "7px 7px 14px var(--_neu-dark),\n    -7px -7px 14px var(--_neu-light)"
+          }
+        }
+      },
+      "lg": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ]
+          }
+        },
+        "$extensions": {
+          "com.vanilla-breeze": {
+            "literal": "10px 10px 20px var(--_neu-dark),\n    -10px -10px 20px var(--_neu-light)"
+          }
+        }
+      },
+      "xl": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ]
+          }
+        },
+        "$extensions": {
+          "com.vanilla-breeze": {
+            "literal": "14px 14px 28px var(--_neu-dark),\n    -14px -14px 28px var(--_neu-light)"
+          }
+        }
+      },
+      "2xl": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "srgb",
+            "components": [
+              0,
+              0,
+              0
+            ]
+          }
+        },
+        "$extensions": {
+          "com.vanilla-breeze": {
+            "literal": "20px 20px 40px var(--_neu-dark),\n    -20px -20px 40px var(--_neu-light)"
+          }
+        }
+      }
+    }
+  },
+  "$extensions": {
+    "com.vanilla-breeze": {
+      "spec": "2025.10",
+      "vbVersion": "0.2.0",
+      "unmapped": [
+        "--input-bg",
+        "--input-border",
+        "--input-border-focus",
+        "--control-border",
+        "--control-checked-bg",
+        "--control-checked-border",
+        "--range-track-bg",
+        "--range-track-fill",
+        "--range-thumb-bg",
+        "--range-thumb-border",
+        "--progress-track-bg",
+        "--progress-fill",
+        "--_neu-dark",
+        "--_neu-light",
+        "--cb-bg",
+        "--cb-code-bg",
+        "--cb-header-bg",
+        "--cb-button-bg",
+        "--cb-button-border",
+        "--cb-button-border-style",
+        "--cb-button-hover-bg",
+        "--cb-action-button-hover-bg",
+        "--cb-focus-color",
+        "--cb-line-numbers-bg",
+        "--cb-line-numbers-color",
+        "--cb-keyword",
+        "--cb-string",
+        "--cb-function",
+        "--cb-number",
+        "--cb-attribute",
+        "--cb-tag",
+        "--cb-meta",
+        "--cb-builtin",
+        "--cb-highlight-bg",
+        "--cb-highlight-border",
+        "--cb-scrollbar-track",
+        "--cb-scrollbar-thumb",
+        "--cb-expand-bg",
+        "--cb-expand-color"
+      ]
+    }
+  }
+}

package/dist/cdn/themes/neumorphism.css

@@ -1,2 +1,2 @@
-@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}}
+@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400..700&display=swap";: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}}
 /*# sourceMappingURL=neumorphism.css.map */