@adnap/krysalicss 0.0.1 → 0.1.0

package/README.md

@@ -10,8 +10,19 @@ SCSS-native authoring, runtime-switchable themes via CSS custom properties.
 ## Install
 
 ```sh
+# pnpm (recommended)
+pnpm add @adnap/krysalicss
+
+# npm
 npm install @adnap/krysalicss
-# or
+
+# yarn
+yarn add @adnap/krysalicss
+
+# bun
+bun add @adnap/krysalicss
+
+# deno
 deno add npm:@adnap/krysalicss
 ```
 
@@ -27,7 +38,9 @@ you use:
 
 ```scss
 @use "@adnap/krysalicss" with (
-  $features: (button, card, layout-flex, typography-base, typography-title),
+  $feature-list: (
+    element-button, module-card, layout-flex, typography-base, typography-title
+  ),
 );
 ```
 
@@ -52,8 +65,13 @@ need:
 
 ## Documentation
 
-The docs site follows the [Diátaxis](https://diataxis.fr) framework: tutorials,
-how-to guides, reference, and explanation.
+Full docs: [krysalicss.eu](https://krysalicss.eu). The site follows the
+[Diátaxis](https://diataxis.fr) framework: tutorials, how-to guides, reference,
+and explanation. Start with the
+[first-page tutorial](https://krysalicss.eu/tutorials/first-page) for a
+10-minute walkthrough, or jump to the
+[component reference](https://krysalicss.eu/reference/) for class names and
+variables.
 
 ## Browser support target
 
@@ -94,7 +112,7 @@ locally and off in CI.
 
 ### WebKit on Linux gotcha
 
-WebKit-Linux (CI image `mcr.microsoft.com/playwright:v1.49.0-jammy`) renders
+WebKit-Linux (CI image `mcr.microsoft.com/playwright:v1.59.1-jammy`) renders
 fonts slightly differently from WebKit-macOS (local). If you see false diffs on
 the `webkit-*` projects only, accept the CI snapshot as the canonical baseline:
 trigger a manual CI run with `--update-snapshots`, download the artifact, commit

package/dist/element/badge.css

@@ -160,6 +160,36 @@
   color: #ffffff;
   color: var(--kc-success-fg, #ffffff);
 }
+.badge.is-default.is-light {
+  background-color: #ffffff;
+  background-color: var(--kc-default-light-bg, #ffffff);
+  color: #27282b;
+  color: var(--kc-default-light-fg, #27282b);
+}
+.badge.is-primary.is-light {
+  background-color: #247d59;
+  background-color: var(--kc-primary-light-bg, #247d59);
+  color: #ffffff;
+  color: var(--kc-primary-light-fg, #ffffff);
+}
+.badge.is-warning.is-light {
+  background-color: #7a4f10;
+  background-color: var(--kc-warning-light-bg, #7a4f10);
+  color: #ffffff;
+  color: var(--kc-warning-light-fg, #ffffff);
+}
+.badge.is-danger.is-light {
+  background-color: #8c351a;
+  background-color: var(--kc-danger-light-bg, #8c351a);
+  color: #ffffff;
+  color: var(--kc-danger-light-fg, #ffffff);
+}
+.badge.is-success.is-light {
+  background-color: #525a22;
+  background-color: var(--kc-success-light-bg, #525a22);
+  color: #ffffff;
+  color: var(--kc-success-light-fg, #ffffff);
+}
 @media (forced-colors: active) {
   .badge {
     outline-color: CanvasText;

package/dist/element/badge.min.css

@@ -1 +1 @@
-:root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:light){:root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}}:root.theme-light{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:dark){:root{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}}.theme-dark{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}.badge{background-color:#fff;background-color:var(--kc-default-bg,#fff);color:#27282b;color:var(--kc-default-fg,#27282b);display:inline-flex;align-items:center;justify-content:center;padding:0 .5rem;line-height:1.25rem;font-size:.75rem;border-radius:999px;outline:1px solid color-mix(in srgb,var(--kc-fg,currentColor) 50%,#0000);outline-offset:-1px}.badge.is-square{border-radius:5px}.badge.is-default{background-color:#fff;background-color:var(--kc-default-bg,#fff);color:#27282b;color:var(--kc-default-fg,#27282b)}.badge.is-primary{background-color:#247d59;background-color:var(--kc-primary-bg,#247d59);color:#fff;color:var(--kc-primary-fg,#fff)}.badge.is-warning{background-color:#7a4f10;background-color:var(--kc-warning-bg,#7a4f10);color:#fff;color:var(--kc-warning-fg,#fff)}.badge.is-danger{background-color:#8c351a;background-color:var(--kc-danger-bg,#8c351a);color:#fff;color:var(--kc-danger-fg,#fff)}.badge.is-success{background-color:#525a22;background-color:var(--kc-success-bg,#525a22);color:#fff;color:var(--kc-success-fg,#fff)}@media(forced-colors:active){.badge{outline-color:CanvasText}}
+:root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:light){:root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}}:root.theme-light{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:dark){:root{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}}.theme-dark{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}.badge{background-color:#fff;background-color:var(--kc-default-bg,#fff);color:#27282b;color:var(--kc-default-fg,#27282b);display:inline-flex;align-items:center;justify-content:center;padding:0 .5rem;line-height:1.25rem;font-size:.75rem;border-radius:999px;outline:1px solid color-mix(in srgb,var(--kc-fg,currentColor) 50%,#0000);outline-offset:-1px}.badge.is-square{border-radius:5px}.badge.is-default{background-color:#fff;background-color:var(--kc-default-bg,#fff);color:#27282b;color:var(--kc-default-fg,#27282b)}.badge.is-primary{background-color:#247d59;background-color:var(--kc-primary-bg,#247d59);color:#fff;color:var(--kc-primary-fg,#fff)}.badge.is-warning{background-color:#7a4f10;background-color:var(--kc-warning-bg,#7a4f10);color:#fff;color:var(--kc-warning-fg,#fff)}.badge.is-danger{background-color:#8c351a;background-color:var(--kc-danger-bg,#8c351a);color:#fff;color:var(--kc-danger-fg,#fff)}.badge.is-success{background-color:#525a22;background-color:var(--kc-success-bg,#525a22);color:#fff;color:var(--kc-success-fg,#fff)}.badge.is-default.is-light{background-color:#fff;background-color:var(--kc-default-light-bg,#fff);color:#27282b;color:var(--kc-default-light-fg,#27282b)}.badge.is-primary.is-light{background-color:#247d59;background-color:var(--kc-primary-light-bg,#247d59);color:#fff;color:var(--kc-primary-light-fg,#fff)}.badge.is-warning.is-light{background-color:#7a4f10;background-color:var(--kc-warning-light-bg,#7a4f10);color:#fff;color:var(--kc-warning-light-fg,#fff)}.badge.is-danger.is-light{background-color:#8c351a;background-color:var(--kc-danger-light-bg,#8c351a);color:#fff;color:var(--kc-danger-light-fg,#fff)}.badge.is-success.is-light{background-color:#525a22;background-color:var(--kc-success-light-bg,#525a22);color:#fff;color:var(--kc-success-light-fg,#fff)}@media(forced-colors:active){.badge{outline-color:CanvasText}}

package/dist/element/box.css

@@ -0,0 +1,193 @@
+:root {
+  --kc-bg: #ffffff;
+  --kc-fg: #27282b;
+  --kc-link: #1a6347;
+  --kc-link-hover: #525a22;
+  --kc-link-visited: #8c351a;
+  --kc-border-radius: 5px;
+  --kc-card-bg: #ffffff;
+  --kc-card-fg: #27282b;
+  --kc-focus-ring: #1a6347;
+  --kc-default-bg: #ffffff;
+  --kc-default-fg: #27282b;
+  --kc-primary-bg: #247d59;
+  --kc-primary-fg: #ffffff;
+  --kc-warning-bg: #7a4f10;
+  --kc-warning-fg: #ffffff;
+  --kc-danger-bg: #8c351a;
+  --kc-danger-fg: #ffffff;
+  --kc-success-bg: #525a22;
+  --kc-success-fg: #ffffff;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    --kc-bg: #ffffff;
+    --kc-fg: #27282b;
+    --kc-link: #1a6347;
+    --kc-link-hover: #525a22;
+    --kc-link-visited: #8c351a;
+    --kc-border-radius: 5px;
+    --kc-card-bg: #ffffff;
+    --kc-card-fg: #27282b;
+    --kc-focus-ring: #1a6347;
+    --kc-default-bg: #ffffff;
+    --kc-default-fg: #27282b;
+    --kc-primary-bg: #247d59;
+    --kc-primary-fg: #ffffff;
+    --kc-warning-bg: #7a4f10;
+    --kc-warning-fg: #ffffff;
+    --kc-danger-bg: #8c351a;
+    --kc-danger-fg: #ffffff;
+    --kc-success-bg: #525a22;
+    --kc-success-fg: #ffffff;
+  }
+}
+:root.theme-light {
+  --kc-bg: #ffffff;
+  --kc-fg: #27282b;
+  --kc-link: #1a6347;
+  --kc-link-hover: #525a22;
+  --kc-link-visited: #8c351a;
+  --kc-border-radius: 5px;
+  --kc-card-bg: #ffffff;
+  --kc-card-fg: #27282b;
+  --kc-focus-ring: #1a6347;
+  --kc-default-bg: #ffffff;
+  --kc-default-fg: #27282b;
+  --kc-primary-bg: #247d59;
+  --kc-primary-fg: #ffffff;
+  --kc-warning-bg: #7a4f10;
+  --kc-warning-fg: #ffffff;
+  --kc-danger-bg: #8c351a;
+  --kc-danger-fg: #ffffff;
+  --kc-success-bg: #525a22;
+  --kc-success-fg: #ffffff;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --kc-bg: #121417;
+    --kc-fg: #e6e8eb;
+    --kc-link: #6bd1a7;
+    --kc-link-hover: #9ce3c2;
+    --kc-link-visited: #c8a8e0;
+    --kc-border-radius: 5px;
+    --kc-card-bg: #1b1e22;
+    --kc-card-fg: #e6e8eb;
+    --kc-focus-ring: #6bd1a7;
+    --kc-modal-backdrop: color-mix(in srgb, #e6e8eb 22%, transparent);
+    --kc-default-bg: #1b1e22;
+    --kc-default-fg: #e6e8eb;
+    --kc-primary-bg: #1f6e51;
+    --kc-primary-fg: #f4f7fb;
+    --kc-warning-bg: #b8991e;
+    --kc-warning-fg: #1b1b13;
+    --kc-danger-bg: #a2481a;
+    --kc-danger-fg: #fff6f0;
+    --kc-success-bg: #5c6529;
+    --kc-success-fg: #f3f6e5;
+  }
+}
+.theme-dark {
+  --kc-bg: #121417;
+  --kc-fg: #e6e8eb;
+  --kc-link: #6bd1a7;
+  --kc-link-hover: #9ce3c2;
+  --kc-link-visited: #c8a8e0;
+  --kc-border-radius: 5px;
+  --kc-card-bg: #1b1e22;
+  --kc-card-fg: #e6e8eb;
+  --kc-focus-ring: #6bd1a7;
+  --kc-modal-backdrop: color-mix(in srgb, #e6e8eb 22%, transparent);
+  --kc-default-bg: #1b1e22;
+  --kc-default-fg: #e6e8eb;
+  --kc-primary-bg: #1f6e51;
+  --kc-primary-fg: #f4f7fb;
+  --kc-warning-bg: #b8991e;
+  --kc-warning-fg: #1b1b13;
+  --kc-danger-bg: #a2481a;
+  --kc-danger-fg: #fff6f0;
+  --kc-success-bg: #5c6529;
+  --kc-success-fg: #f3f6e5;
+}
+
+.box {
+  background-color: #ffffff;
+  background-color: var(--kc-box-bg, #ffffff);
+  color: #27282b;
+  color: var(--kc-box-fg, #27282b);
+  display: block;
+  padding: 1.25rem;
+  border-radius: 5px;
+  box-shadow: var(--kc-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.1));
+}
+.box a {
+  color: currentColor;
+  text-decoration: underline;
+}
+.box.is-default {
+  background-color: #ffffff;
+  background-color: var(--kc-default-bg, #ffffff);
+  color: #27282b;
+  color: var(--kc-default-fg, #27282b);
+}
+.box.is-primary {
+  background-color: #247d59;
+  background-color: var(--kc-primary-bg, #247d59);
+  color: #ffffff;
+  color: var(--kc-primary-fg, #ffffff);
+}
+.box.is-warning {
+  background-color: #7a4f10;
+  background-color: var(--kc-warning-bg, #7a4f10);
+  color: #ffffff;
+  color: var(--kc-warning-fg, #ffffff);
+}
+.box.is-danger {
+  background-color: #8c351a;
+  background-color: var(--kc-danger-bg, #8c351a);
+  color: #ffffff;
+  color: var(--kc-danger-fg, #ffffff);
+}
+.box.is-success {
+  background-color: #525a22;
+  background-color: var(--kc-success-bg, #525a22);
+  color: #ffffff;
+  color: var(--kc-success-fg, #ffffff);
+}
+.box.is-default.is-light {
+  background-color: #ffffff;
+  background-color: var(--kc-default-light-bg, #ffffff);
+  color: #27282b;
+  color: var(--kc-default-light-fg, #27282b);
+}
+.box.is-primary.is-light {
+  background-color: #247d59;
+  background-color: var(--kc-primary-light-bg, #247d59);
+  color: #ffffff;
+  color: var(--kc-primary-light-fg, #ffffff);
+}
+.box.is-warning.is-light {
+  background-color: #7a4f10;
+  background-color: var(--kc-warning-light-bg, #7a4f10);
+  color: #ffffff;
+  color: var(--kc-warning-light-fg, #ffffff);
+}
+.box.is-danger.is-light {
+  background-color: #8c351a;
+  background-color: var(--kc-danger-light-bg, #8c351a);
+  color: #ffffff;
+  color: var(--kc-danger-light-fg, #ffffff);
+}
+.box.is-success.is-light {
+  background-color: #525a22;
+  background-color: var(--kc-success-light-bg, #525a22);
+  color: #ffffff;
+  color: var(--kc-success-light-fg, #ffffff);
+}
+@media (forced-colors: active) {
+  .box {
+    border: 1px solid CanvasText;
+  }
+}

package/dist/element/box.min.css

@@ -0,0 +1 @@
+:root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:light){:root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}}:root.theme-light{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:dark){:root{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}}.theme-dark{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}.box{background-color:#fff;background-color:var(--kc-box-bg,#fff);color:#27282b;color:var(--kc-box-fg,#27282b);display:block;padding:1.25rem;border-radius:5px;box-shadow:var(--kc-shadow-sm,0 1px 2px 0 #0000000d,0 1px 3px 0 #0000001a)}.box a{color:currentColor;text-decoration:underline}.box.is-default{background-color:#fff;background-color:var(--kc-default-bg,#fff);color:#27282b;color:var(--kc-default-fg,#27282b)}.box.is-primary{background-color:#247d59;background-color:var(--kc-primary-bg,#247d59);color:#fff;color:var(--kc-primary-fg,#fff)}.box.is-warning{background-color:#7a4f10;background-color:var(--kc-warning-bg,#7a4f10);color:#fff;color:var(--kc-warning-fg,#fff)}.box.is-danger{background-color:#8c351a;background-color:var(--kc-danger-bg,#8c351a);color:#fff;color:var(--kc-danger-fg,#fff)}.box.is-success{background-color:#525a22;background-color:var(--kc-success-bg,#525a22);color:#fff;color:var(--kc-success-fg,#fff)}.box.is-default.is-light{background-color:#fff;background-color:var(--kc-default-light-bg,#fff);color:#27282b;color:var(--kc-default-light-fg,#27282b)}.box.is-primary.is-light{background-color:#247d59;background-color:var(--kc-primary-light-bg,#247d59);color:#fff;color:var(--kc-primary-light-fg,#fff)}.box.is-warning.is-light{background-color:#7a4f10;background-color:var(--kc-warning-light-bg,#7a4f10);color:#fff;color:var(--kc-warning-light-fg,#fff)}.box.is-danger.is-light{background-color:#8c351a;background-color:var(--kc-danger-light-bg,#8c351a);color:#fff;color:var(--kc-danger-light-fg,#fff)}.box.is-success.is-light{background-color:#525a22;background-color:var(--kc-success-light-bg,#525a22);color:#fff;color:var(--kc-success-light-fg,#fff)}@media(forced-colors:active){.box{border:1px solid CanvasText}}

package/dist/element/button.css

@@ -128,6 +128,10 @@ button:focus-visible, .button:focus-visible {
   outline: 2px solid var(--kc-focus-ring, var(--kc-fg, currentColor));
   outline-offset: 2px;
 }
+button:link, button:visited, button:hover, .button:link, .button:visited, .button:hover {
+  color: #27282b;
+  color: var(--kc-default-fg, #27282b);
+}
 button:hover, .button:hover {
   filter: brightness(0.95);
 }

package/dist/element/button.min.css

@@ -1 +1 @@
-:root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:light){:root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}}:root.theme-light{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:dark){:root{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}}.theme-dark{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}.button,button{background-color:#fff;background-color:var(--kc-default-bg,#fff);color:#27282b;color:var(--kc-default-fg,#27282b);border:1px solid #0000;padding:.625rem 1rem;min-width:2.75rem;border-radius:5px;cursor:pointer;text-decoration:none}.button:focus-visible,button:focus-visible{outline:2px solid var(--kc-focus-ring,var(--kc-fg,currentColor));outline-offset:2px}.button:hover,button:hover{filter:brightness(.95)}.button:disabled,button:disabled{cursor:not-allowed;opacity:.6}.button:disabled:hover,button:disabled:hover{filter:none}.button.is-default,button.is-default{background-color:#fff;background-color:var(--kc-default-bg,#fff);color:#27282b;color:var(--kc-default-fg,#27282b)}.button.is-primary,button.is-primary{background-color:#247d59;background-color:var(--kc-primary-bg,#247d59);color:#fff;color:var(--kc-primary-fg,#fff)}.button.is-primary.is-inverted,button.is-primary.is-inverted{background-color:#fff;background-color:var(--kc-bg,#fff);color:#247d59;color:var(--kc-primary-bg,#247d59)}.button.is-primary.is-outlined,button.is-primary.is-outlined{background:#0000;color:#247d59;border:1px solid #247d59}.button.is-warning,button.is-warning{background-color:#7a4f10;background-color:var(--kc-warning-bg,#7a4f10);color:#fff;color:var(--kc-warning-fg,#fff)}.button.is-warning.is-inverted,button.is-warning.is-inverted{background-color:#fff;background-color:var(--kc-bg,#fff);color:#7a4f10;color:var(--kc-warning-bg,#7a4f10)}.button.is-warning.is-outlined,button.is-warning.is-outlined{background:#0000;color:#7a4f10;border:1px solid #7a4f10}.button.is-danger,button.is-danger{background-color:#8c351a;background-color:var(--kc-danger-bg,#8c351a);color:#fff;color:var(--kc-danger-fg,#fff)}.button.is-danger.is-inverted,button.is-danger.is-inverted{background-color:#fff;background-color:var(--kc-bg,#fff);color:#8c351a;color:var(--kc-danger-bg,#8c351a)}.button.is-danger.is-outlined,button.is-danger.is-outlined{background:#0000;color:#8c351a;border:1px solid #8c351a}.button.is-success,button.is-success{background-color:#525a22;background-color:var(--kc-success-bg,#525a22);color:#fff;color:var(--kc-success-fg,#fff)}.button.is-success.is-inverted,button.is-success.is-inverted{background-color:#fff;background-color:var(--kc-bg,#fff);color:#525a22;color:var(--kc-success-bg,#525a22)}.button.is-success.is-outlined,button.is-success.is-outlined{background:#0000;color:#525a22;border:1px solid #525a22}.button.is-inverted,button.is-inverted{background-color:#27282b;background-color:var(--kc-default-fg,#27282b);color:#fff;color:var(--kc-default-bg,#fff)}.button.is-outlined,button.is-outlined{background:#0000;border-color:#27282b;border-color:var(--kc-default-fg,#27282b)}.button.is-link,button.is-link{background:#0000;border:1px solid #0000;cursor:pointer;text-decoration:underline;color:#27282b;color:var(--kc-link,#27282b)}.button.is-link:hover,button.is-link:hover{color:#27282b;color:var(--kc-link-hover,#27282b)}.button.is-link:visited,button.is-link:visited{color:#27282b;color:var(--kc-link-visited,#27282b)}.button.is-link:hover,button.is-link:hover{filter:none}@media(forced-colors:active){.button:hover,button:hover{outline:2px solid Highlight;outline-offset:2px}}
+:root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:light){:root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}}:root.theme-light{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:dark){:root{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}}.theme-dark{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}.button,button{background-color:#fff;background-color:var(--kc-default-bg,#fff);color:#27282b;color:var(--kc-default-fg,#27282b);border:1px solid #0000;padding:.625rem 1rem;min-width:2.75rem;border-radius:5px;cursor:pointer;text-decoration:none}.button:focus-visible,button:focus-visible{outline:2px solid var(--kc-focus-ring,var(--kc-fg,currentColor));outline-offset:2px}.button:hover,.button:link,.button:visited,button:hover,button:link,button:visited{color:#27282b;color:var(--kc-default-fg,#27282b)}.button:hover,button:hover{filter:brightness(.95)}.button:disabled,button:disabled{cursor:not-allowed;opacity:.6}.button:disabled:hover,button:disabled:hover{filter:none}.button.is-default,button.is-default{background-color:#fff;background-color:var(--kc-default-bg,#fff);color:#27282b;color:var(--kc-default-fg,#27282b)}.button.is-primary,button.is-primary{background-color:#247d59;background-color:var(--kc-primary-bg,#247d59);color:#fff;color:var(--kc-primary-fg,#fff)}.button.is-primary.is-inverted,button.is-primary.is-inverted{background-color:#fff;background-color:var(--kc-bg,#fff);color:#247d59;color:var(--kc-primary-bg,#247d59)}.button.is-primary.is-outlined,button.is-primary.is-outlined{background:#0000;color:#247d59;border:1px solid #247d59}.button.is-warning,button.is-warning{background-color:#7a4f10;background-color:var(--kc-warning-bg,#7a4f10);color:#fff;color:var(--kc-warning-fg,#fff)}.button.is-warning.is-inverted,button.is-warning.is-inverted{background-color:#fff;background-color:var(--kc-bg,#fff);color:#7a4f10;color:var(--kc-warning-bg,#7a4f10)}.button.is-warning.is-outlined,button.is-warning.is-outlined{background:#0000;color:#7a4f10;border:1px solid #7a4f10}.button.is-danger,button.is-danger{background-color:#8c351a;background-color:var(--kc-danger-bg,#8c351a);color:#fff;color:var(--kc-danger-fg,#fff)}.button.is-danger.is-inverted,button.is-danger.is-inverted{background-color:#fff;background-color:var(--kc-bg,#fff);color:#8c351a;color:var(--kc-danger-bg,#8c351a)}.button.is-danger.is-outlined,button.is-danger.is-outlined{background:#0000;color:#8c351a;border:1px solid #8c351a}.button.is-success,button.is-success{background-color:#525a22;background-color:var(--kc-success-bg,#525a22);color:#fff;color:var(--kc-success-fg,#fff)}.button.is-success.is-inverted,button.is-success.is-inverted{background-color:#fff;background-color:var(--kc-bg,#fff);color:#525a22;color:var(--kc-success-bg,#525a22)}.button.is-success.is-outlined,button.is-success.is-outlined{background:#0000;color:#525a22;border:1px solid #525a22}.button.is-inverted,button.is-inverted{background-color:#27282b;background-color:var(--kc-default-fg,#27282b);color:#fff;color:var(--kc-default-bg,#fff)}.button.is-outlined,button.is-outlined{background:#0000;border-color:#27282b;border-color:var(--kc-default-fg,#27282b)}.button.is-link,button.is-link{background:#0000;border:1px solid #0000;cursor:pointer;text-decoration:underline;color:#27282b;color:var(--kc-link,#27282b)}.button.is-link:hover,button.is-link:hover{color:#27282b;color:var(--kc-link-hover,#27282b)}.button.is-link:visited,button.is-link:visited{color:#27282b;color:var(--kc-link-visited,#27282b)}.button.is-link:hover,button.is-link:hover{filter:none}@media(forced-colors:active){.button:hover,button:hover{outline:2px solid Highlight;outline-offset:2px}}

package/dist/element/divider.css

@@ -0,0 +1,155 @@
+:root {
+  --kc-bg: #ffffff;
+  --kc-fg: #27282b;
+  --kc-link: #1a6347;
+  --kc-link-hover: #525a22;
+  --kc-link-visited: #8c351a;
+  --kc-border-radius: 5px;
+  --kc-card-bg: #ffffff;
+  --kc-card-fg: #27282b;
+  --kc-focus-ring: #1a6347;
+  --kc-default-bg: #ffffff;
+  --kc-default-fg: #27282b;
+  --kc-primary-bg: #247d59;
+  --kc-primary-fg: #ffffff;
+  --kc-warning-bg: #7a4f10;
+  --kc-warning-fg: #ffffff;
+  --kc-danger-bg: #8c351a;
+  --kc-danger-fg: #ffffff;
+  --kc-success-bg: #525a22;
+  --kc-success-fg: #ffffff;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    --kc-bg: #ffffff;
+    --kc-fg: #27282b;
+    --kc-link: #1a6347;
+    --kc-link-hover: #525a22;
+    --kc-link-visited: #8c351a;
+    --kc-border-radius: 5px;
+    --kc-card-bg: #ffffff;
+    --kc-card-fg: #27282b;
+    --kc-focus-ring: #1a6347;
+    --kc-default-bg: #ffffff;
+    --kc-default-fg: #27282b;
+    --kc-primary-bg: #247d59;
+    --kc-primary-fg: #ffffff;
+    --kc-warning-bg: #7a4f10;
+    --kc-warning-fg: #ffffff;
+    --kc-danger-bg: #8c351a;
+    --kc-danger-fg: #ffffff;
+    --kc-success-bg: #525a22;
+    --kc-success-fg: #ffffff;
+  }
+}
+:root.theme-light {
+  --kc-bg: #ffffff;
+  --kc-fg: #27282b;
+  --kc-link: #1a6347;
+  --kc-link-hover: #525a22;
+  --kc-link-visited: #8c351a;
+  --kc-border-radius: 5px;
+  --kc-card-bg: #ffffff;
+  --kc-card-fg: #27282b;
+  --kc-focus-ring: #1a6347;
+  --kc-default-bg: #ffffff;
+  --kc-default-fg: #27282b;
+  --kc-primary-bg: #247d59;
+  --kc-primary-fg: #ffffff;
+  --kc-warning-bg: #7a4f10;
+  --kc-warning-fg: #ffffff;
+  --kc-danger-bg: #8c351a;
+  --kc-danger-fg: #ffffff;
+  --kc-success-bg: #525a22;
+  --kc-success-fg: #ffffff;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --kc-bg: #121417;
+    --kc-fg: #e6e8eb;
+    --kc-link: #6bd1a7;
+    --kc-link-hover: #9ce3c2;
+    --kc-link-visited: #c8a8e0;
+    --kc-border-radius: 5px;
+    --kc-card-bg: #1b1e22;
+    --kc-card-fg: #e6e8eb;
+    --kc-focus-ring: #6bd1a7;
+    --kc-modal-backdrop: color-mix(in srgb, #e6e8eb 22%, transparent);
+    --kc-default-bg: #1b1e22;
+    --kc-default-fg: #e6e8eb;
+    --kc-primary-bg: #1f6e51;
+    --kc-primary-fg: #f4f7fb;
+    --kc-warning-bg: #b8991e;
+    --kc-warning-fg: #1b1b13;
+    --kc-danger-bg: #a2481a;
+    --kc-danger-fg: #fff6f0;
+    --kc-success-bg: #5c6529;
+    --kc-success-fg: #f3f6e5;
+  }
+}
+.theme-dark {
+  --kc-bg: #121417;
+  --kc-fg: #e6e8eb;
+  --kc-link: #6bd1a7;
+  --kc-link-hover: #9ce3c2;
+  --kc-link-visited: #c8a8e0;
+  --kc-border-radius: 5px;
+  --kc-card-bg: #1b1e22;
+  --kc-card-fg: #e6e8eb;
+  --kc-focus-ring: #6bd1a7;
+  --kc-modal-backdrop: color-mix(in srgb, #e6e8eb 22%, transparent);
+  --kc-default-bg: #1b1e22;
+  --kc-default-fg: #e6e8eb;
+  --kc-primary-bg: #1f6e51;
+  --kc-primary-fg: #f4f7fb;
+  --kc-warning-bg: #b8991e;
+  --kc-warning-fg: #1b1b13;
+  --kc-danger-bg: #a2481a;
+  --kc-danger-fg: #fff6f0;
+  --kc-success-bg: #5c6529;
+  --kc-success-fg: #f3f6e5;
+}
+
+.divider {
+  display: block;
+  block-size: 0;
+  margin-block: 1rem;
+  border: 0;
+  border-block-start: 1px solid color-mix(in srgb, var(--kc-fg, currentColor) 50%, transparent);
+}
+.divider.is-vertical {
+  display: inline-block;
+  block-size: auto;
+  inline-size: 0;
+  align-self: stretch;
+  min-block-size: 1em;
+  margin-block: 0;
+  margin-inline: 1rem;
+  border-block-start: 0;
+  border-inline-start: 1px solid color-mix(in srgb, var(--kc-fg, currentColor) 50%, transparent);
+}
+.divider.is-has-text {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  block-size: auto;
+  border: 0;
+  text-align: center;
+}
+.divider.is-has-text::before, .divider.is-has-text::after {
+  content: "";
+  flex: 1 1 0;
+  block-size: 0;
+  border-block-start: 1px solid color-mix(in srgb, var(--kc-fg, currentColor) 50%, transparent);
+}
+
+@media (forced-colors: active) {
+  .divider {
+    border-color: CanvasText;
+  }
+  .divider.is-has-text::before, .divider.is-has-text::after {
+    border-color: CanvasText;
+  }
+}

package/dist/element/divider.min.css

@@ -0,0 +1 @@
+:root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:light){:root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}}:root.theme-light{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:dark){:root{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}}.theme-dark{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}.divider{display:block;block-size:0;margin-block:1rem;border:0;border-block-start:1px solid color-mix(in srgb,var(--kc-fg,currentColor) 50%,#0000)}.divider.is-vertical{display:inline-block;block-size:auto;inline-size:0;align-self:stretch;min-block-size:1em;margin-block:0;margin-inline:1rem;border-block-start:0;border-inline-start:1px solid color-mix(in srgb,var(--kc-fg,currentColor) 50%,#0000)}.divider.is-has-text{display:flex;align-items:center;gap:.75rem;block-size:auto;border:0;text-align:center}.divider.is-has-text:after,.divider.is-has-text:before{content:"";flex:1 1 0;block-size:0;border-block-start:1px solid color-mix(in srgb,var(--kc-fg,currentColor) 50%,#0000)}@media(forced-colors:active){.divider,.divider.is-has-text:after,.divider.is-has-text:before{border-color:CanvasText}}