@supportpages.io/wtfm 0.0.0-stage → 0.3.0

package/engine/detect-project/assets/webtui/LICENSE-webtui.txt

@@ -0,0 +1,28 @@
+The CSS files in this directory named webtui-core.css and theme-*.css are
+built verbatim from the WebTUI packages (https://github.com/webtui/webtui),
+which declare the MIT license in their package.json ("license": "MIT").
+
+MIT License
+
+Copyright (c) WebTUI contributors (https://github.com/webtui/webtui)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+terminal-frame.css is authored in this repository and is covered by this
+repository's own license.

package/engine/detect-project/assets/webtui/VERSIONS.txt

@@ -0,0 +1,7 @@
+Built: 2026-07-02T09:47:21Z
+@webtui/css@0.1.9
+@webtui/theme-catppuccin@0.0.5
+@webtui/theme-gruvbox@0.0.3
+@webtui/theme-nord@0.0.4
+@webtui/theme-vitesse@0.0.3
+@webtui/theme-everforest@0.0.5

package/engine/detect-project/assets/webtui/terminal-frame.css

@@ -0,0 +1,195 @@
+/* terminal-frame.css — hand-authored terminal-window chrome for terminal-mode
+ * mockups. Concatenated AFTER webtui-core.css + the theme by detect-project's
+ * terminal branch, and deliberately UNLAYERED so these rules beat WebTUI's
+ * @layer rules on any conflict.
+ *
+ * These classes ship in branding.css on purpose: the fidelity lint hard-fails
+ * classes that a mockup defines in its own <style> block, so the frame must be
+ * pre-defined here and mockups may only USE these class names.
+ *
+ * Every colour reads a WebTUI theme variable with a dark fallback, so a
+ * document that forgot data-webtui-theme still renders as a legible dark
+ * terminal rather than unstyled white. Fonts are system monospace only — no
+ * webfont, no network (the render container blocks external requests).
+ */
+
+/* No min-height: the renderer crops to the content extent (+48px), and a
+ * viewport-tall body made every screenshot the full frame height with the
+ * window stranded at the top. Bottom padding is 0 because that crop margin
+ * supplies the bottom 48px; the html rule paints it in the page colour
+ * (WebTUI paints html with the darker --background0). */
+html:has(> body.terminal-page) {
+    background: var(--background1, #16161e);
+}
+
+.terminal-page {
+    margin: 0;
+    box-sizing: border-box;
+    padding: 48px 48px 0;
+    background: var(--background1, #16161e);
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, 'Cascadia Mono', Consolas, 'Liberation Mono', monospace;
+}
+
+.terminal-window {
+    width: 100%;
+    box-sizing: border-box;
+    border-radius: 10px;
+    overflow: hidden;
+    background: var(--background0, #1a1a24);
+    border: 1px solid var(--background2, #33334a);
+    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
+}
+
+.terminal-titlebar {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 10px 14px;
+    background: var(--background1, #22222e);
+    border-bottom: 1px solid var(--background2, #33334a);
+}
+
+.terminal-titlebar-dots {
+    display: flex;
+    gap: 7px;
+}
+
+.terminal-titlebar-dot {
+    width: 12px;
+    height: 12px;
+    border-radius: 50%;
+    background: var(--background3, #55556a);
+}
+
+.terminal-titlebar-title {
+    flex: 1;
+    text-align: center;
+    font-size: 12px;
+    color: var(--foreground2, #888899);
+    /* keep the dots visually balanced */
+    margin-right: 45px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.terminal-body {
+    padding: 18px 20px 24px;
+    font-size: 14px;
+    /* 1.3 matches WebTUI's own --line-height and lets box-drawing glyphs
+     * (│ ├ └ …) connect vertically instead of rendering as dashed gaps */
+    line-height: 1.3;
+    color: var(--foreground0, #d8d8e0);
+    /* whitespace collapses at the body level so the HTML source's own
+     * formatting newlines between row elements don't render as blank lines
+     * (models legitimately author one block element per output row);
+     * pre-wrap lives on the content spans below instead */
+    white-space: normal;
+    overflow-wrap: anywhere;
+}
+
+/* A command line: <div class="terminal-line"><span class="terminal-prompt">$</span>
+ * <span class="terminal-cmd">git status</span></div> */
+.terminal-line {
+    display: block;
+}
+
+.terminal-prompt {
+    color: var(--foreground2, #7a7a90);
+    font-weight: 700;
+    margin-right: 8px;
+    user-select: none;
+}
+
+.terminal-cmd {
+    color: var(--foreground0, #e8e8f0);
+    font-weight: 700;
+}
+
+.terminal-cmd,
+.terminal-output {
+    white-space: pre-wrap;
+}
+
+.terminal-output {
+    display: block;
+    color: var(--foreground1, #b8b8c8);
+}
+
+/* an intentionally-empty output row (a blank separator line) keeps its height */
+.terminal-output:empty {
+    min-height: 1.3em;
+    min-height: 1lh;
+}
+
+.terminal-output--dim {
+    color: var(--foreground2, #7a7a90);
+}
+
+.terminal-cursor {
+    display: inline-block;
+    width: 8px;
+    height: 1.1em;
+    vertical-align: text-bottom;
+    background: var(--foreground1, #b8b8c8);
+    /* static screenshot — no blink animation */
+}
+
+/* ── TUI panels (ratatui-style titled blocks) ────────────────────────────────
+ * Full-screen TUI mockups build their panels from THESE classes — the border
+ * and the title-on-the-border come from CSS, deterministically. Models must
+ * never hand-draw multi-row box-drawing borders (every row needs exact
+ * character width or the right edge shatters); box-drawing glyphs are for
+ * inline content only (separators, tree lines, spinners, progress). */
+
+.tui-screen {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    min-height: 100%;
+}
+
+.tui-cols {
+    display: flex;
+    gap: 2px;
+    align-items: stretch;
+}
+
+.tui-panel {
+    position: relative;
+    border: 1px solid var(--foreground2, #7a7a90);
+    border-radius: 2px;
+    padding: 10px 10px 8px;
+    margin-top: 0.65em; /* room for the title riding the border line */
+}
+
+.tui-panel-title {
+    position: absolute;
+    top: -0.72em;
+    left: 8px;
+    padding: 0 6px;
+    background: var(--background0, #1a1a24);
+    color: var(--foreground1, #b8b8c8);
+    font-size: inherit;
+    line-height: 1.3;
+    white-space: nowrap;
+}
+
+/* the focused panel (where the cursor/input lives) highlights in the accent */
+.tui-panel--focused {
+    border-color: var(--blue, var(--foreground0, #e8e8f0));
+}
+
+.tui-panel--focused > .tui-panel-title {
+    color: var(--blue, var(--foreground0, #e8e8f0));
+}
+
+.tui-row {
+    display: block;
+    white-space: pre-wrap;
+}
+
+.tui-row--active {
+    background: var(--background2, #33334a);
+    color: var(--foreground0, #e8e8f0);
+}

package/engine/detect-project/assets/webtui/theme-catppuccin.css

@@ -0,0 +1 @@
+@layer base{[data-webtui-theme=catppuccin],[data-webtui-theme=catppuccin-mocha]{--rosewater: #f5e0dc;--flamingo: #f2cdcd;--pink: #f5c2e7;--mauve: #cba6f7;--red: #f38ba8;--maroon: #eba0ac;--peach: #fab387;--yellow: #f9e2af;--green: #a6e3a1;--teal: #94e2d5;--sky: #89dceb;--sapphire: #74c7ec;--blue: #89b4fa;--lavender: #b4befe;--text: #cdd6f4;--subtext1: #bac2de;--subtext0: #a6adc8;--overlay2: #9399b2;--overlay1: #7f849c;--overlay0: #6c7086;--surface2: #585b70;--surface1: #45475a;--surface0: #313244;--base: #1e1e2e;--mantle: #181825;--crust: #11111b}[data-webtui-theme=catppuccin-macchiato]{--rosewater: #f4dbd6;--flamingo: #f0c6c6;--pink: #f5bde6;--mauve: #c6a0f6;--red: #ed8796;--maroon: #ee99a0;--peach: #f5a97f;--yellow: #eed49f;--green: #a6da95;--teal: #8bd5ca;--sky: #91d7e3;--sapphire: #7dc4e4;--blue: #8aadf4;--lavender: #b7bdf8;--text: #cad3f5;--subtext1: #b8c0e0;--subtext0: #a5adcb;--overlay2: #939ab7;--overlay1: #8087a2;--overlay0: #6e738d;--surface2: #5b6078;--surface1: #494d64;--surface0: #363a4f;--base: #24273a;--mantle: #1e2030;--crust: #181926}[data-webtui-theme=catppuccin-frappe]{--rosewater: #f2d5cf;--flamingo: #eebebe;--pink: #f4b8e4;--mauve: #ca9ee6;--red: #e78284;--maroon: #ea999c;--peach: #ef9f76;--yellow: #e5c890;--green: #a6d189;--teal: #81c8be;--sky: #99d1db;--sapphire: #85c1dc;--blue: #8caaee;--lavender: #babbf1;--text: #c6d0f5;--subtext1: #b5bfe2;--subtext0: #a5adce;--overlay2: #949cbb;--overlay1: #838ba7;--overlay0: #737994;--surface2: #626880;--surface1: #51576d;--surface0: #414559;--base: #303446;--mantle: #292c3c;--crust: #232634}[data-webtui-theme=catppuccin-latte]{--rosewater: #dc8a78;--flamingo: #dd7878;--pink: #ea76cb;--mauve: #8839ef;--red: #d20f39;--maroon: #e64553;--peach: #fe640b;--yellow: #df8e1d;--green: #40a02b;--teal: #179299;--sky: #04a5e5;--sapphire: #209fb5;--blue: #1e66f5;--lavender: #7287fd;--text: #4c4f69;--subtext1: #5c5f77;--subtext0: #6c6f85;--overlay2: #7c7f93;--overlay1: #8c8fa1;--overlay0: #9ca0b0;--surface2: #acb0be;--surface1: #bcc0cc;--surface0: #ccd0da;--base: #eff1f5;--mantle: #e6e9ef;--crust: #dce0e8}[data-webtui-theme|=catppuccin]{--background0: var(--base);--background1: var(--surface0);--background2: var(--surface1);--background3: var(--surface2);--foreground0: var(--text);--foreground1: var(--subtext1);--foreground2: var(--overlay2)}}@layer components{[data-webtui-theme|=catppuccin] button[variant-=rosewater]{--button-primary: var(--rosewater);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=flamingo]{--button-primary: var(--flamingo);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=pink]{--button-primary: var(--pink);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=mauve]{--button-primary: var(--mauve);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=red]{--button-primary: var(--red);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=maroon]{--button-primary: var(--maroon);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=peach]{--button-primary: var(--peach);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=yellow]{--button-primary: var(--yellow);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=green]{--button-primary: var(--green);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=teal]{--button-primary: var(--teal);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=sky]{--button-primary: var(--sky);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=sapphire]{--button-primary: var(--sapphire);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=blue]{--button-primary: var(--blue);--button-secondary: var(--background0)}[data-webtui-theme|=catppuccin] button[variant-=lavender]{--button-primary: var(--lavender);--button-secondary: var(--background0)}}@layer components{[data-webtui-theme|=catppuccin] h1{color:var(--red)}[data-webtui-theme|=catppuccin] h2{color:var(--peach)}[data-webtui-theme|=catppuccin] h3{color:var(--yellow)}[data-webtui-theme|=catppuccin] h4{color:var(--green)}[data-webtui-theme|=catppuccin] h5{color:var(--blue)}[data-webtui-theme|=catppuccin] h6{color:var(--lavender)}[data-webtui-theme|=catppuccin] p a,[data-webtui-theme|=catppuccin] blockquote a,[data-webtui-theme|=catppuccin] li a,[data-webtui-theme|=catppuccin] [is-~=typography-block] a{color:var(--sky);text-decoration:underline}[data-webtui-theme|=catppuccin] p a:hover,[data-webtui-theme|=catppuccin] blockquote a:hover,[data-webtui-theme|=catppuccin] li a:hover,[data-webtui-theme|=catppuccin] [is-~=typography-block] a:hover{color:var(--blue)}[data-webtui-theme|=catppuccin] p code,[data-webtui-theme|=catppuccin] blockquote code,[data-webtui-theme|=catppuccin] li code,[data-webtui-theme|=catppuccin] [is-~=typography-block] code{color:var(--red)}}@layer components{[data-webtui-theme|=catppuccin] [is-~=badge][variant-=rosewater]{--badge-color: var(--rosewater);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=flamingo]{--badge-color: var(--flamingo);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=pink]{--badge-color: var(--pink);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=mauve]{--badge-color: var(--mauve);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=red]{--badge-color: var(--red);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=maroon]{--badge-color: var(--maroon);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=peach]{--badge-color: var(--peach);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=yellow]{--badge-color: var(--yellow);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=green]{--badge-color: var(--green);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=teal]{--badge-color: var(--teal);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=sky]{--badge-color: var(--sky);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=sapphire]{--badge-color: var(--sapphire);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=blue]{--badge-color: var(--blue);--badge-text: var(--background0)}[data-webtui-theme|=catppuccin] [is-~=badge][variant-=lavender]{--badge-color: var(--lavender);--badge-text: var(--background0)}}@layer components{[data-webtui-theme|=catppuccin] mark[bg-=rosewater],[data-webtui-theme|=catppuccin] [is-~=mark][bg-=rosewater]{background-color:var(--rosewater)}[data-webtui-theme|=catppuccin] mark[bg-=flamingo],[data-webtui-theme|=catppuccin] [is-~=mark][bg-=flamingo]{background-color:var(--flamingo)}[data-webtui-theme|=catppuccin] mark[bg-=pink],[data-webtui-theme|=catppuccin] [is-~=mark][bg-=pink]{background-color:var(--pink)}[data-webtui-theme|=catppuccin] mark[bg-=mauve],[data-webtui-theme|=catppuccin] [is-~=mark][bg-=mauve]{background-color:var(--mauve)}[data-webtui-theme|=catppuccin] mark[bg-=red],[data-webtui-theme|=catppuccin] [is-~=mark][bg-=red]{background-color:var(--red)}[data-webtui-theme|=catppuccin] mark[bg-=maroon],[data-webtui-theme|=catppuccin] [is-~=mark][bg-=maroon]{background-color:var(--maroon)}[data-webtui-theme|=catppuccin] mark[bg-=peach],[data-webtui-theme|=catppuccin] [is-~=mark][bg-=peach]{background-color:var(--peach)}[data-webtui-theme|=catppuccin] mark[bg-=yellow],[data-webtui-theme|=catppuccin] [is-~=mark][bg-=yellow]{background-color:var(--yellow)}[data-webtui-theme|=catppuccin] mark[bg-=green],[data-webtui-theme|=catppuccin] [is-~=mark][bg-=green]{background-color:var(--green)}[data-webtui-theme|=catppuccin] mark[bg-=teal],[data-webtui-theme|=catppuccin] [is-~=mark][bg-=teal]{background-color:var(--teal)}[data-webtui-theme|=catppuccin] mark[bg-=sky],[data-webtui-theme|=catppuccin] [is-~=mark][bg-=sky]{background-color:var(--sky)}[data-webtui-theme|=catppuccin] mark[bg-=sapphire],[data-webtui-theme|=catppuccin] [is-~=mark][bg-=sapphire]{background-color:var(--sapphire)}[data-webtui-theme|=catppuccin] mark[bg-=blue],[data-webtui-theme|=catppuccin] [is-~=mark][bg-=blue]{background-color:var(--blue)}[data-webtui-theme|=catppuccin] mark[bg-=lavender],[data-webtui-theme|=catppuccin] [is-~=mark][bg-=lavender]{background-color:var(--lavender)}[data-webtui-theme|=catppuccin] mark[fg-=rosewater],[data-webtui-theme|=catppuccin] [is-~=mark][fg-=rosewater]{color:var(--rosewater)}[data-webtui-theme|=catppuccin] mark[fg-=flamingo],[data-webtui-theme|=catppuccin] [is-~=mark][fg-=flamingo]{color:var(--flamingo)}[data-webtui-theme|=catppuccin] mark[fg-=pink],[data-webtui-theme|=catppuccin] [is-~=mark][fg-=pink]{color:var(--pink)}[data-webtui-theme|=catppuccin] mark[fg-=mauve],[data-webtui-theme|=catppuccin] [is-~=mark][fg-=mauve]{color:var(--mauve)}[data-webtui-theme|=catppuccin] mark[fg-=red],[data-webtui-theme|=catppuccin] [is-~=mark][fg-=red]{color:var(--red)}[data-webtui-theme|=catppuccin] mark[fg-=maroon],[data-webtui-theme|=catppuccin] [is-~=mark][fg-=maroon]{color:var(--maroon)}[data-webtui-theme|=catppuccin] mark[fg-=peach],[data-webtui-theme|=catppuccin] [is-~=mark][fg-=peach]{color:var(--peach)}[data-webtui-theme|=catppuccin] mark[fg-=yellow],[data-webtui-theme|=catppuccin] [is-~=mark][fg-=yellow]{color:var(--yellow)}[data-webtui-theme|=catppuccin] mark[fg-=green],[data-webtui-theme|=catppuccin] [is-~=mark][fg-=green]{color:var(--green)}[data-webtui-theme|=catppuccin] mark[fg-=teal],[data-webtui-theme|=catppuccin] [is-~=mark][fg-=teal]{color:var(--teal)}[data-webtui-theme|=catppuccin] mark[fg-=sky],[data-webtui-theme|=catppuccin] [is-~=mark][fg-=sky]{color:var(--sky)}[data-webtui-theme|=catppuccin] mark[fg-=sapphire],[data-webtui-theme|=catppuccin] [is-~=mark][fg-=sapphire]{color:var(--sapphire)}[data-webtui-theme|=catppuccin] mark[fg-=blue],[data-webtui-theme|=catppuccin] [is-~=mark][fg-=blue]{color:var(--blue)}[data-webtui-theme|=catppuccin] mark[fg-=lavender],[data-webtui-theme|=catppuccin] [is-~=mark][fg-=lavender]{color:var(--lavender)}}

package/engine/detect-project/assets/webtui/theme-everforest.css

@@ -0,0 +1 @@
+@layer base{[data-webtui-theme|=everforest-dark]{--red: #e67e80;--orange: #e69875;--yellow: #dbbc7f;--green: #a7c080;--blue: #7fbbb3;--aqua: #83c092;--purple: #d699b6;--fg: #d3c6aa;--statusline1: #a7c080;--statusline2: #d3c6aa;--statusline3: #e67e80;--gray0: #7a8478;--gray1: #859289;--gray2: #9da9a0}[data-webtui-theme=everforest-dark-hard]{--bg-dim: #1e2326;--bg0: #272e33;--bg1: #2e383c;--bg2: #374145;--bg3: #414b50;--bg4: #495156;--bg5: #4f5b58;--bg-red: #4c3743;--bg-visual: #493b40;--bg-yellow: #45443c;--bg-green: #3c4841;--bg-blue: #384b55}[data-webtui-theme=everforest-dark-medium],[data-webtui-theme=everforest-dark],[data-webtui-theme=everforest]{--bg-dim: #232a2e;--bg0: #2d353b;--bg1: #343f44;--bg2: #3d484d;--bg3: #475258;--bg4: #4f585e;--bg5: #56635f;--bg-red: #4c3743;--bg-visual: #493b40;--bg-yellow: #45443c;--bg-green: #3c4841;--bg-blue: #384b55}[data-webtui-theme=everforest-dark-soft]{--bg-dim: #293136;--bg0: #333c43;--bg1: #3a464c;--bg2: #434f55;--bg3: #4d5960;--bg4: #555f66;--bg5: #5d6b66;--bg-red: #5c3f4f;--bg-visual: #59464c;--bg-yellow: #55544a;--bg-green: #48584e;--bg-blue: #3f5865}[data-webtui-theme|=everforest-light]{--red: #f85552;--orange: #f57d26;--yellow: #dfa000;--green: #8da101;--blue: #3a94c5;--aqua: #35a77c;--purple: #df69ba;--fg: #5c6a72;--statusline1: #93b259;--statusline2: #708089;--statusline3: #e66868;--gray0: #a6b0a0;--gray1: #939f91;--gray2: #829181}[data-webtui-theme=everforest-light-hard]{--bg-dim: #f2efdf;--bg0: #fffbef;--bg1: #f8f5e4;--bg2: #f2efdf;--bg3: #edeada;--bg4: #e8e5d5;--bg5: #bec5b2;--bg-visual: #f0f2d4;--bg-red: #ffe7de;--bg-green: #f3f5d9;--bg-blue: #ecf5ed;--bg-yellow: #fef2d5}[data-webtui-theme=everforest-light-medium],[data-webtui-theme=everforest-light]{--bg-dim: #efebd4;--bg0: #fdf6e3;--bg1: #f4f0d9;--bg2: #efebd4;--bg3: #e6e2cc;--bg4: #e0dcc7;--bg5: #bdc3af;--bg-visual: #eaedc8;--bg-red: #fbe3da;--bg-green: #f0f1d2;--bg-blue: #e9f0e9;--bg-yellow: #faedcd}[data-webtui-theme=everforest-light-soft]{--bg-dim: #e5dfc5;--bg0: #f3ead3;--bg1: #eae4ca;--bg2: #e5dfc5;--bg3: #ddd8be;--bg4: #d8d3ba;--bg5: #b9c0ab;--bg-visual: #e1e4bd;--bg-red: #f4dbd0;--bg-green: #e5e6c5;--bg-blue: #e1e7dd;--bg-yellow: #f1e4c5}[data-webtui-theme|=everforest]{--background0: var(--bg0);--background1: var(--bg1);--background2: var(--bg2);--background3: var(--bg3);--foreground0: var(--fg);--foreground1: var(--gray2);--foreground2: var(--gray1)}}@layer components{[data-webtui-theme|=everforest] button[variant-=red]{--button-primary: var(--red);--button-secondary: var(--background0)}[data-webtui-theme|=everforest] button[variant-=green]{--button-primary: var(--green);--button-secondary: var(--background0)}[data-webtui-theme|=everforest] button[variant-=yellow]{--button-primary: var(--yellow);--button-secondary: var(--background0)}[data-webtui-theme|=everforest] button[variant-=blue]{--button-primary: var(--blue);--button-secondary: var(--background0)}[data-webtui-theme|=everforest] button[variant-=purple]{--button-primary: var(--purple);--button-secondary: var(--background0)}[data-webtui-theme|=everforest] button[variant-=aqua]{--button-primary: var(--aqua);--button-secondary: var(--background0)}[data-webtui-theme|=everforest] button[variant-=orange]{--button-primary: var(--orange);--button-secondary: var(--background0)}[data-webtui-theme|=everforest] button[variant-=statusline1]{--button-primary: var(--statusline1);--button-secondary: var(--background0)}[data-webtui-theme|=everforest] button[variant-=statusline2]{--button-primary: var(--statusline2);--button-secondary: var(--background0)}[data-webtui-theme|=everforest] button[variant-=statusline3]{--button-primary: var(--statusline3);--button-secondary: var(--background0)}}@layer components{[data-webtui-theme|=everforest] h1,[data-webtui-theme|=everforest] h2,[data-webtui-theme|=everforest] h3,[data-webtui-theme|=everforest] h4,[data-webtui-theme|=everforest] h5,[data-webtui-theme|=everforest] h6{color:var(--ef-green)}[data-webtui-theme|=everforest] p a,[data-webtui-theme|=everforest] blockquote a,[data-webtui-theme|=everforest] li a,[data-webtui-theme|=everforest] [is-~=typography-block] a{color:var(--ef-blue);text-decoration:underline}[data-webtui-theme|=everforest] p a:hover,[data-webtui-theme|=everforest] blockquote a:hover,[data-webtui-theme|=everforest] li a:hover,[data-webtui-theme|=everforest] [is-~=typography-block] a:hover{color:var(--ef-aqua)}[data-webtui-theme|=everforest] p code,[data-webtui-theme|=everforest] blockquote code,[data-webtui-theme|=everforest] li code,[data-webtui-theme|=everforest] [is-~=typography-block] code{color:var(--ef-orange)}}@layer components{[data-webtui-theme|=everforest] [is-~=badge][variant-=red]{--badge-color: var(--red);--badge-text: var(--background0)}[data-webtui-theme|=everforest] [is-~=badge][variant-=green]{--badge-color: var(--green);--badge-text: var(--background0)}[data-webtui-theme|=everforest] [is-~=badge][variant-=yellow]{--badge-color: var(--yellow);--badge-text: var(--background0)}[data-webtui-theme|=everforest] [is-~=badge][variant-=blue]{--badge-color: var(--blue);--badge-text: var(--background0)}[data-webtui-theme|=everforest] [is-~=badge][variant-=purple]{--badge-color: var(--purple);--badge-text: var(--background0)}[data-webtui-theme|=everforest] [is-~=badge][variant-=aqua]{--badge-color: var(--aqua);--badge-text: var(--background0)}[data-webtui-theme|=everforest] [is-~=badge][variant-=orange]{--badge-color: var(--orange);--badge-text: var(--background0)}[data-webtui-theme|=everforest] [is-~=badge][variant-=statusline1]{--badge-color: var(--statusline1);--badge-text: var(--background0)}[data-webtui-theme|=everforest] [is-~=badge][variant-=statusline2]{--badge-color: var(--statusline2);--badge-text: var(--background0)}[data-webtui-theme|=everforest] [is-~=badge][variant-=statusline3]{--badge-color: var(--statusline3);--badge-text: var(--background0)}}@layer components{[data-webtui-theme|=everforest] mark[bg-=red],[data-webtui-theme|=everforest] [is-~=mark][bg-=red]{background-color:var(--red)}[data-webtui-theme|=everforest] mark[bg-=orange],[data-webtui-theme|=everforest] [is-~=mark][bg-=orange]{background-color:var(--orange)}[data-webtui-theme|=everforest] mark[bg-=yellow],[data-webtui-theme|=everforest] [is-~=mark][bg-=yellow]{background-color:var(--yellow)}[data-webtui-theme|=everforest] mark[bg-=green],[data-webtui-theme|=everforest] [is-~=mark][bg-=green]{background-color:var(--green)}[data-webtui-theme|=everforest] mark[bg-=blue],[data-webtui-theme|=everforest] [is-~=mark][bg-=blue]{background-color:var(--blue)}[data-webtui-theme|=everforest] mark[bg-=aqua],[data-webtui-theme|=everforest] [is-~=mark][bg-=aqua]{background-color:var(--aqua)}[data-webtui-theme|=everforest] mark[bg-=purple],[data-webtui-theme|=everforest] [is-~=mark][bg-=purple]{background-color:var(--purple)}[data-webtui-theme|=everforest] mark[bg-=statusline1],[data-webtui-theme|=everforest] [is-~=mark][bg-=statusline1]{background-color:var(--statusline1)}[data-webtui-theme|=everforest] mark[bg-=statusline2],[data-webtui-theme|=everforest] [is-~=mark][bg-=statusline2]{background-color:var(--statusline2)}[data-webtui-theme|=everforest] mark[bg-=statusline3],[data-webtui-theme|=everforest] [is-~=mark][bg-=statusline3]{background-color:var(--statusline3)}[data-webtui-theme|=everforest] mark[fg-=red],[data-webtui-theme|=everforest] [is-~=mark][fg-=red]{color:var(--red)}[data-webtui-theme|=everforest] mark[fg-=orange],[data-webtui-theme|=everforest] [is-~=mark][fg-=orange]{color:var(--orange)}[data-webtui-theme|=everforest] mark[fg-=yellow],[data-webtui-theme|=everforest] [is-~=mark][fg-=yellow]{color:var(--yellow)}[data-webtui-theme|=everforest] mark[fg-=green],[data-webtui-theme|=everforest] [is-~=mark][fg-=green]{color:var(--green)}[data-webtui-theme|=everforest] mark[fg-=blue],[data-webtui-theme|=everforest] [is-~=mark][fg-=blue]{color:var(--blue)}[data-webtui-theme|=everforest] mark[fg-=aqua],[data-webtui-theme|=everforest] [is-~=mark][fg-=aqua]{color:var(--aqua)}[data-webtui-theme|=everforest] mark[fg-=purple],[data-webtui-theme|=everforest] [is-~=mark][fg-=purple]{color:var(--purple)}[data-webtui-theme|=everforest] mark[fg-=statusline1],[data-webtui-theme|=everforest] [is-~=mark][fg-=statusline1]{color:var(--statusline1)}[data-webtui-theme|=everforest] mark[fg-=statusline2],[data-webtui-theme|=everforest] [is-~=mark][fg-=statusline2]{color:var(--statusline2)}[data-webtui-theme|=everforest] mark[fg-=statusline3],[data-webtui-theme|=everforest] [is-~=mark][fg-=statusline3]{color:var(--statusline3)}}

package/engine/detect-project/assets/webtui/theme-gruvbox.css

@@ -0,0 +1 @@
+@layer base{[data-webtui-theme|=gruvbox-dark]{--gb-dark-bg1: #3c3836;--gb-dark-bg2: #504945;--gb-dark-bg3: #665c54;--gb-dark-bg4: #7c6f64;--gb-dark-fg0: #fbf1c7;--gb-dark-fg1: #ebdbb2;--gb-dark-fg2: #d5c4a1;--gb-dark-fg3: #bdae93;--gb-dark-fg4: #a89984;--gb-dark-gray: #928374;--gb-red: #fb4934;--gb-green: #b8bb26;--gb-yellow: #fabd2f;--gb-blue: #83a598;--gb-purple: #d3869b;--gb-aqua: #8ec07c;--gb-orange: #fe8019;--background1: var(--gb-dark-bg1);--background2: var(--gb-dark-bg2);--background3: var(--gb-dark-bg3);--foreground0: var(--gb-dark-fg1);--foreground1: var(--gb-dark-fg2);--foreground2: var(--gb-dark-fg3)}[data-webtui-theme=gruvbox-dark-hard]{--gb-dark-bg0: #1d2021;--background0: var(--gb-dark-bg0)}[data-webtui-theme=gruvbox-dark-medium],[data-webtui-theme=gruvbox-dark],[data-webtui-theme=gruvbox]{--gb-dark-bg0: #282828;--background0: var(--gb-dark-bg0)}[data-webtui-theme=gruvbox-dark-soft]{--gb-dark-bg0: #32302f;--background0: var(--gb-dark-bg0)}[data-webtui-theme|=gruvbox-light]{--gb-light-bg1: #ebdbb2;--gb-light-bg2: #d5c4a1;--gb-light-bg3: #bdae93;--gb-light-bg4: #a89984;--gb-light-fg0: #282828;--gb-light-fg1: #3c3836;--gb-light-fg2: #504945;--gb-light-fg3: #665c54;--gb-light-fg4: #7c6f64;--gb-light-gray: #a89984;--gb-red: #cc241d;--gb-green: #98971a;--gb-yellow: #d79921;--gb-blue: #458588;--gb-purple: #b16286;--gb-aqua: #689d6a;--gb-orange: #d65d0e;--background1: var(--gb-light-bg1);--background2: var(--gb-light-bg2);--background3: var(--gb-light-bg3);--foreground0: var(--gb-light-fg1);--foreground1: var(--gb-light-fg2);--foreground2: var(--gb-light-fg3)}[data-webtui-theme=gruvbox-light-hard]{--gb-light-bg0: #f9f5d7;--background0: var(--gb-light-bg0)}[data-webtui-theme=gruvbox-light-medium],[data-webtui-theme=gruvbox-light]{--gb-light-bg0: #fbf1c7;--background0: var(--gb-light-bg0)}[data-webtui-theme=gruvbox-light-soft]{--gb-light-bg0: #f2e5bc;--background0: var(--gb-light-bg0)}}@layer components{[data-webtui-theme|=gruvbox] button[variant-=red]{--button-primary: var(--gb-red);--button-secondary: var(--background0)}[data-webtui-theme|=gruvbox] button[variant-=green]{--button-primary: var(--gb-green);--button-secondary: var(--background0)}[data-webtui-theme|=gruvbox] button[variant-=yellow]{--button-primary: var(--gb-yellow);--button-secondary: var(--background0)}[data-webtui-theme|=gruvbox] button[variant-=blue]{--button-primary: var(--gb-blue);--button-secondary: var(--background0)}[data-webtui-theme|=gruvbox] button[variant-=purple]{--button-primary: var(--gb-purple);--button-secondary: var(--background0)}[data-webtui-theme|=gruvbox] button[variant-=aqua]{--button-primary: var(--gb-aqua);--button-secondary: var(--background0)}[data-webtui-theme|=gruvbox] button[variant-=orange]{--button-primary: var(--gb-orange);--button-secondary: var(--background0)}[data-webtui-theme|=gruvbox-dark] button[variant-=gray]{--button-primary: var(--gb-dark-gray);--button-secondary: var(--background0)}[data-webtui-theme|=gruvbox-light] button[variant-=gray]{--button-primary: var(--gb-light-gray);--button-secondary: var(--background0)}}@layer components{[data-webtui-theme|=gruvbox] h1,[data-webtui-theme|=gruvbox] h2,[data-webtui-theme|=gruvbox] h3,[data-webtui-theme|=gruvbox] h4,[data-webtui-theme|=gruvbox] h5,[data-webtui-theme|=gruvbox] h6{color:var(--gb-green)}[data-webtui-theme|=gruvbox] p a,[data-webtui-theme|=gruvbox] blockquote a,[data-webtui-theme|=gruvbox] li a,[data-webtui-theme|=gruvbox] [is-~=typography-block] a{color:var(--gb-blue);text-decoration:underline}[data-webtui-theme|=gruvbox] p a:hover,[data-webtui-theme|=gruvbox] blockquote a:hover,[data-webtui-theme|=gruvbox] li a:hover,[data-webtui-theme|=gruvbox] [is-~=typography-block] a:hover{color:var(--gb-aqua)}[data-webtui-theme|=gruvbox] p code,[data-webtui-theme|=gruvbox] blockquote code,[data-webtui-theme|=gruvbox] li code,[data-webtui-theme|=gruvbox] [is-~=typography-block] code{color:var(--gb-orange)}}@layer components{[data-webtui-theme|=gruvbox] [is-~=badge][variant-=red]{--badge-color: var(--gb-red);--badge-text: var(--background0)}[data-webtui-theme|=gruvbox] [is-~=badge][variant-=green]{--badge-color: var(--gb-green);--badge-text: var(--background0)}[data-webtui-theme|=gruvbox] [is-~=badge][variant-=yellow]{--badge-color: var(--gb-yellow);--badge-text: var(--background0)}[data-webtui-theme|=gruvbox] [is-~=badge][variant-=blue]{--badge-color: var(--gb-blue);--badge-text: var(--background0)}[data-webtui-theme|=gruvbox] [is-~=badge][variant-=purple]{--badge-color: var(--gb-purple);--badge-text: var(--background0)}[data-webtui-theme|=gruvbox] [is-~=badge][variant-=aqua]{--badge-color: var(--gb-aqua);--badge-text: var(--background0)}[data-webtui-theme|=gruvbox] [is-~=badge][variant-=orange]{--badge-color: var(--gb-orange);--badge-text: var(--background0)}[data-webtui-theme|=gruvbox-dark] [is-~=badge][variant-=gray]{--badge-color: var(--gb-dark-gray);--badge-text: var(--background0)}[data-webtui-theme|=gruvbox-light] [is-~=badge][variant-=gray]{--badge-color: var(--gb-light-gray);--badge-text: var(--background0)}}@layer components{[data-webtui-theme|=gruvbox] [is-~=mark][bg-=red],[data-webtui-theme|=gruvbox] mark[bg-=red]{background-color:var(--gb-red)}[data-webtui-theme|=gruvbox] [is-~=mark][bg-=green],[data-webtui-theme|=gruvbox] mark[bg-=green]{background-color:var(--gb-green)}[data-webtui-theme|=gruvbox] [is-~=mark][bg-=yellow],[data-webtui-theme|=gruvbox] mark[bg-=yellow]{background-color:var(--gb-yellow)}[data-webtui-theme|=gruvbox] [is-~=mark][bg-=blue],[data-webtui-theme|=gruvbox] mark[bg-=blue]{background-color:var(--gb-blue)}[data-webtui-theme|=gruvbox] [is-~=mark][bg-=purple],[data-webtui-theme|=gruvbox] mark[bg-=purple]{background-color:var(--gb-purple)}[data-webtui-theme|=gruvbox] [is-~=mark][bg-=aqua],[data-webtui-theme|=gruvbox] mark[bg-=aqua]{background-color:var(--gb-aqua)}[data-webtui-theme|=gruvbox] [is-~=mark][bg-=orange],[data-webtui-theme|=gruvbox] mark[bg-=orange]{background-color:var(--gb-orange)}[data-webtui-theme|=gruvbox] [is-~=mark][fg-=red],[data-webtui-theme|=gruvbox] mark[fg-=red]{color:var(--gb-red)}[data-webtui-theme|=gruvbox] [is-~=mark][fg-=green],[data-webtui-theme|=gruvbox] mark[fg-=green]{color:var(--gb-green)}[data-webtui-theme|=gruvbox] [is-~=mark][fg-=yellow],[data-webtui-theme|=gruvbox] mark[fg-=yellow]{color:var(--gb-yellow)}[data-webtui-theme|=gruvbox] [is-~=mark][fg-=blue],[data-webtui-theme|=gruvbox] mark[fg-=blue]{color:var(--gb-blue)}[data-webtui-theme|=gruvbox] [is-~=mark][fg-=purple],[data-webtui-theme|=gruvbox] mark[fg-=purple]{color:var(--gb-purple)}[data-webtui-theme|=gruvbox] [is-~=mark][fg-=aqua],[data-webtui-theme|=gruvbox] mark[fg-=aqua]{color:var(--gb-aqua)}[data-webtui-theme|=gruvbox] [is-~=mark][fg-=orange],[data-webtui-theme|=gruvbox] mark[fg-=orange]{color:var(--gb-orange)}}

package/engine/detect-project/assets/webtui/theme-nord.css

@@ -0,0 +1 @@
+@layer base{[data-webtui-theme=nord]{--nord0: #2e3440;--nord1: #3b4252;--nord2: #434c5e;--nord3: #4c566a;--nord4: #d8dee9;--nord5: #e5e9f0;--nord6: #eceff4;--nord7: #8fbcbb;--nord8: #88c0d0;--nord9: #81a1c1;--nord10: #5e81ac;--nord11: #bf616a;--nord12: #d08770;--nord13: #ebcb8b;--nord14: #a3be8c;--nord15: #b48ead;--background0: var(--nord0);--background1: var(--nord1);--background2: var(--nord2);--background3: var(--nord3);--foreground0: var(--nord6);--foreground1: var(--nord5);--foreground2: var(--nord4)}}@layer components{[data-webtui-theme=nord] button[variant-=nord0]{--button-primary: var(--background0);--button-secondary: var(--foreground0)}[data-webtui-theme=nord] button[variant-=nord1]{--button-primary: var(--background1);--button-secondary: var(--foreground0)}[data-webtui-theme=nord] button[variant-=nord2]{--button-primary: var(--background2);--button-secondary: var(--foreground0)}[data-webtui-theme=nord] button[variant-=nord3]{--button-primary: var(--background3);--button-secondary: var(--foreground0)}[data-webtui-theme=nord] button[variant-=nord6]{--button-primary: var(--foreground0);--button-secondary: var(--background0)}[data-webtui-theme=nord] button[variant-=nord5]{--button-primary: var(--foreground1);--button-secondary: var(--background0)}[data-webtui-theme=nord] button[variant-=nord4]{--button-primary: var(--foreground2);--button-secondary: var(--background0)}[data-webtui-theme=nord] button[variant-=nord7]{--button-primary: var(--nord7);--button-secondary: var(--background0)}[data-webtui-theme=nord] button[variant-=nord8]{--button-primary: var(--nord8);--button-secondary: var(--background0)}[data-webtui-theme=nord] button[variant-=nord9]{--button-primary: var(--nord9);--button-secondary: var(--background0)}[data-webtui-theme=nord] button[variant-=nord10]{--button-primary: var(--nord10);--button-secondary: var(--background0)}[data-webtui-theme=nord] button[variant-=nord11]{--button-primary: var(--nord11);--button-secondary: var(--background0)}[data-webtui-theme=nord] button[variant-=nord12]{--button-primary: var(--nord12);--button-secondary: var(--background0)}[data-webtui-theme=nord] button[variant-=nord13]{--button-primary: var(--nord13);--button-secondary: var(--background0)}[data-webtui-theme=nord] button[variant-=nord14]{--button-primary: var(--nord14);--button-secondary: var(--background0)}[data-webtui-theme=nord] button[variant-=nord15]{--button-primary: var(--nord15);--button-secondary: var(--background0)}}@layer components{[data-webtui-theme=nord] h1,[data-webtui-theme=nord] h2,[data-webtui-theme=nord] h3,[data-webtui-theme=nord] h4,[data-webtui-theme=nord] h5,[data-webtui-theme=nord] h6{color:var(--nord14)}[data-webtui-theme=nord] p a,[data-webtui-theme=nord] blockquote a,[data-webtui-theme=nord] li a,[data-webtui-theme=nord] [is-~=typography-block] a{color:var(--nord7);text-decoration:underline}[data-webtui-theme=nord] p a:hover,[data-webtui-theme=nord] blockquote a:hover,[data-webtui-theme=nord] li a:hover,[data-webtui-theme=nord] [is-~=typography-block] a:hover{color:var(--nord8)}[data-webtui-theme=nord] p code,[data-webtui-theme=nord] blockquote code,[data-webtui-theme=nord] li code,[data-webtui-theme=nord] [is-~=typography-block] code{color:var(--nord12)}}@layer components{[data-webtui-theme=nord] [is-~=badge][variant-=nord0]{--badge-color: var(--background0);--badge-text: var(--foreground0)}[data-webtui-theme=nord] [is-~=badge][variant-=nord1]{--badge-color: var(--background1);--badge-text: var(--foreground0)}[data-webtui-theme=nord] [is-~=badge][variant-=nord2]{--badge-color: var(--background2);--badge-text: var(--foreground0)}[data-webtui-theme=nord] [is-~=badge][variant-=nord3]{--badge-color: var(--background3);--badge-text: var(--foreground0)}[data-webtui-theme=nord] [is-~=badge][variant-=nord6]{--badge-color: var(--foreground0);--badge-text: var(--background0)}[data-webtui-theme=nord] [is-~=badge][variant-=nord5]{--badge-color: var(--foreground1);--badge-text: var(--background0)}[data-webtui-theme=nord] [is-~=badge][variant-=nord4]{--badge-color: var(--foreground2);--badge-text: var(--background0)}[data-webtui-theme=nord] [is-~=badge][variant-=nord7]{--badge-color: var(--nord7);--badge-text: var(--background0)}[data-webtui-theme=nord] [is-~=badge][variant-=nord8]{--badge-color: var(--nord8);--badge-text: var(--background0)}[data-webtui-theme=nord] [is-~=badge][variant-=nord9]{--badge-color: var(--nord9);--badge-text: var(--background0)}[data-webtui-theme=nord] [is-~=badge][variant-=nord10]{--badge-color: var(--nord10);--badge-text: var(--background0)}[data-webtui-theme=nord] [is-~=badge][variant-=nord11]{--badge-color: var(--nord11);--badge-text: var(--background0)}[data-webtui-theme=nord] [is-~=badge][variant-=nord12]{--badge-color: var(--nord12);--badge-text: var(--background0)}[data-webtui-theme=nord] [is-~=badge][variant-=nord13]{--badge-color: var(--nord13);--badge-text: var(--background0)}[data-webtui-theme=nord] [is-~=badge][variant-=nord14]{--badge-color: var(--nord14);--badge-text: var(--background0)}[data-webtui-theme=nord] [is-~=badge][variant-=nord15]{--badge-color: var(--nord15);--badge-text: var(--background0)}}@layer components{[data-webtui-theme=nord] [is-~=mark][bg-=nord0],[data-webtui-theme=nord] mark[bg-=nord0]{background-color:var(--nord0)}[data-webtui-theme=nord] [is-~=mark][bg-=nord1],[data-webtui-theme=nord] mark[bg-=nord1]{background-color:var(--nord1)}[data-webtui-theme=nord] [is-~=mark][bg-=nord2],[data-webtui-theme=nord] mark[bg-=nord2]{background-color:var(--nord2)}[data-webtui-theme=nord] [is-~=mark][bg-=nord3],[data-webtui-theme=nord] mark[bg-=nord3]{background-color:var(--nord3)}[data-webtui-theme=nord] [is-~=mark][bg-=nord4],[data-webtui-theme=nord] mark[bg-=nord4]{background-color:var(--nord4)}[data-webtui-theme=nord] [is-~=mark][bg-=nord5],[data-webtui-theme=nord] mark[bg-=nord5]{background-color:var(--nord5)}[data-webtui-theme=nord] [is-~=mark][bg-=nord6],[data-webtui-theme=nord] mark[bg-=nord6]{background-color:var(--nord6)}[data-webtui-theme=nord] [is-~=mark][bg-=nord7],[data-webtui-theme=nord] mark[bg-=nord7]{background-color:var(--nord7)}[data-webtui-theme=nord] [is-~=mark][bg-=nord8],[data-webtui-theme=nord] mark[bg-=nord8]{background-color:var(--nord8)}[data-webtui-theme=nord] [is-~=mark][bg-=nord9],[data-webtui-theme=nord] mark[bg-=nord9]{background-color:var(--nord9)}[data-webtui-theme=nord] [is-~=mark][bg-=nord10],[data-webtui-theme=nord] mark[bg-=nord10]{background-color:var(--nord10)}[data-webtui-theme=nord] [is-~=mark][bg-=nord11],[data-webtui-theme=nord] mark[bg-=nord11]{background-color:var(--nord11)}[data-webtui-theme=nord] [is-~=mark][bg-=nord12],[data-webtui-theme=nord] mark[bg-=nord12]{background-color:var(--nord12)}[data-webtui-theme=nord] [is-~=mark][bg-=nord13],[data-webtui-theme=nord] mark[bg-=nord13]{background-color:var(--nord13)}[data-webtui-theme=nord] [is-~=mark][bg-=nord14],[data-webtui-theme=nord] mark[bg-=nord14]{background-color:var(--nord14)}[data-webtui-theme=nord] [is-~=mark][bg-=nord15],[data-webtui-theme=nord] mark[bg-=nord15]{background-color:var(--nord15)}[data-webtui-theme=nord] [is-~=mark][fg-=nord0],[data-webtui-theme=nord] mark[fg-=nord0]{color:var(--nord0)}[data-webtui-theme=nord] [is-~=mark][fg-=nord1],[data-webtui-theme=nord] mark[fg-=nord1]{color:var(--nord1)}[data-webtui-theme=nord] [is-~=mark][fg-=nord2],[data-webtui-theme=nord] mark[fg-=nord2]{color:var(--nord2)}[data-webtui-theme=nord] [is-~=mark][fg-=nord3],[data-webtui-theme=nord] mark[fg-=nord3]{color:var(--nord3)}[data-webtui-theme=nord] [is-~=mark][fg-=nord4],[data-webtui-theme=nord] mark[fg-=nord4]{color:var(--nord4)}[data-webtui-theme=nord] [is-~=mark][fg-=nord5],[data-webtui-theme=nord] mark[fg-=nord5]{color:var(--nord5)}[data-webtui-theme=nord] [is-~=mark][fg-=nord6],[data-webtui-theme=nord] mark[fg-=nord6]{color:var(--nord6)}[data-webtui-theme=nord] [is-~=mark][fg-=nord7],[data-webtui-theme=nord] mark[fg-=nord7]{color:var(--nord7)}[data-webtui-theme=nord] [is-~=mark][fg-=nord8],[data-webtui-theme=nord] mark[fg-=nord8]{color:var(--nord8)}[data-webtui-theme=nord] [is-~=mark][fg-=nord9],[data-webtui-theme=nord] mark[fg-=nord9]{color:var(--nord9)}[data-webtui-theme=nord] [is-~=mark][fg-=nord10],[data-webtui-theme=nord] mark[fg-=nord10]{color:var(--nord10)}[data-webtui-theme=nord] [is-~=mark][fg-=nord11],[data-webtui-theme=nord] mark[fg-=nord11]{color:var(--nord11)}[data-webtui-theme=nord] [is-~=mark][fg-=nord12],[data-webtui-theme=nord] mark[fg-=nord12]{color:var(--nord12)}[data-webtui-theme=nord] [is-~=mark][fg-=nord13],[data-webtui-theme=nord] mark[fg-=nord13]{color:var(--nord13)}[data-webtui-theme=nord] [is-~=mark][fg-=nord14],[data-webtui-theme=nord] mark[fg-=nord14]{color:var(--nord14)}[data-webtui-theme=nord] [is-~=mark][fg-=nord15],[data-webtui-theme=nord] mark[fg-=nord15]{color:var(--nord15)}}

package/engine/detect-project/assets/webtui/theme-vitesse.css

@@ -0,0 +1 @@
+@layer base{[data-webtui-theme|=vitesse-dark],[data-webtui-theme|=vitesse-black]{--bg1: #2f363d;--bg2: #393a34;--bg3: #444d56;--bg4: #586069;--fg0: #dbd7ca;--fg1: #c9c8c0;--fg2: #b8bab7;--fg3: #a6abae;--fg4: #959da5;--gray: #586069;--red: #cb7676;--green: #4d9375;--yellow: #e6cc77;--blue: #6394bf;--purple: #d9739f;--aqua: #5eaab5;--orange: #d4976c;--background1: var(--bg1);--background2: var(--bg2);--background3: var(--bg3);--foreground0: var(--fg0);--foreground1: var(--fg1);--foreground2: var(--fg2)}[data-webtui-theme=vitesse-dark-soft]{--bg0: #222;--background0: var(--bg0)}[data-webtui-theme=vitesse-dark]{--bg0: #121212;--background0: var(--bg0)}[data-webtui-theme=vitesse-black]{--bg0: #000000;--background0: var(--bg0)}[data-webtui-theme|=vitesse-light]{--bg1: #f5f3f0;--bg2: #d1d5da;--bg3: #aaaaaa;--bg4: #969696;--fg0: #393a34;--fg1: #4e4f47;--fg2: #6a737d;--fg3: #82868b;--fg4: #999999;--gray: #d1d5da;--red: #ab5959;--green: #1e754f;--yellow: #bda437;--blue: #296aa3;--purple: #a13865;--aqua: #2993a3;--orange: #a65e2b;--background1: var(--bg1);--background2: var(--bg2);--background3: var(--bg3);--foreground0: var(--fg0);--foreground1: var(--fg1);--foreground2: var(--fg2)}[data-webtui-theme=vitesse-light-soft]{--bg0: #f1f0e9;--bg1: #e8e3dc;--background0: var(--bg0)}[data-webtui-theme=vitesse-light]{--bg0: #ffffff;--background0: var(--bg0)}}@layer components{[data-webtui-theme|=vitesse] button[variant-=red]{--button-primary: var(--red);--button-secondary: var(--background0)}[data-webtui-theme|=vitesse] button[variant-=green]{--button-primary: var(--green);--button-secondary: var(--background0)}[data-webtui-theme|=vitesse] button[variant-=yellow]{--button-primary: var(--yellow);--button-secondary: var(--background0)}[data-webtui-theme|=vitesse] button[variant-=blue]{--button-primary: var(--blue);--button-secondary: var(--background0)}[data-webtui-theme|=vitesse] button[variant-=purple]{--button-primary: var(--purple);--button-secondary: var(--background0)}[data-webtui-theme|=vitesse] button[variant-=aqua]{--button-primary: var(--aqua);--button-secondary: var(--background0)}[data-webtui-theme|=vitesse] button[variant-=orange]{--button-primary: var(--orange);--button-secondary: var(--background0)}[data-webtui-theme|=vitesse-dark] button[variant-=gray],[data-webtui-theme|=vitesse-light] button[variant-=gray]{--button-primary: var(--gray);--button-secondary: var(--background0)}}@layer components{[data-webtui-theme|=vitesse] h1,[data-webtui-theme|=vitesse] h2,[data-webtui-theme|=vitesse] h3,[data-webtui-theme|=vitesse] h4,[data-webtui-theme|=vitesse] h5,[data-webtui-theme|=vitesse] h6{color:var(--green)}[data-webtui-theme|=vitesse] p a,[data-webtui-theme|=vitesse] blockquote a,[data-webtui-theme|=vitesse] li a,[data-webtui-theme|=vitesse] [is-~=typography-block] a{color:var(--blue);text-decoration:underline}[data-webtui-theme|=vitesse] p a:hover,[data-webtui-theme|=vitesse] blockquote a:hover,[data-webtui-theme|=vitesse] li a:hover,[data-webtui-theme|=vitesse] [is-~=typography-block] a:hover{color:var(--aqua)}[data-webtui-theme|=vitesse] p code,[data-webtui-theme|=vitesse] blockquote code,[data-webtui-theme|=vitesse] li code,[data-webtui-theme|=vitesse] [is-~=typography-block] code{color:var(--orange)}}@layer components{[data-webtui-theme|=vitesse] [is-~=badge][variant-=red]{--badge-color: var(--red);--badge-text: var(--background0)}[data-webtui-theme|=vitesse] [is-~=badge][variant-=green]{--badge-color: var(--green);--badge-text: var(--background0)}[data-webtui-theme|=vitesse] [is-~=badge][variant-=yellow]{--badge-color: var(--yellow);--badge-text: var(--background0)}[data-webtui-theme|=vitesse] [is-~=badge][variant-=blue]{--badge-color: var(--blue);--badge-text: var(--background0)}[data-webtui-theme|=vitesse] [is-~=badge][variant-=purple]{--badge-color: var(--purple);--badge-text: var(--background0)}[data-webtui-theme|=vitesse] [is-~=badge][variant-=aqua]{--badge-color: var(--aqua);--badge-text: var(--background0)}[data-webtui-theme|=vitesse] [is-~=badge][variant-=orange]{--badge-color: var(--orange);--badge-text: var(--background0)}[data-webtui-theme|=vitesse-dark] [is-~=badge][variant-=gray],[data-webtui-theme|=vitesse-light] [is-~=badge][variant-=gray]{--badge-color: var(--gray);--badge-text: var(--background0)}}@layer components{[data-webtui-theme|=vitesse] [is-~=mark][bg-=red],[data-webtui-theme|=vitesse] mark[bg-=red]{background-color:var(--red)}[data-webtui-theme|=vitesse] [is-~=mark][bg-=green],[data-webtui-theme|=vitesse] mark[bg-=green]{background-color:var(--green)}[data-webtui-theme|=vitesse] [is-~=mark][bg-=yellow],[data-webtui-theme|=vitesse] mark[bg-=yellow]{background-color:var(--yellow)}[data-webtui-theme|=vitesse] [is-~=mark][bg-=blue],[data-webtui-theme|=vitesse] mark[bg-=blue]{background-color:var(--blue)}[data-webtui-theme|=vitesse] [is-~=mark][bg-=purple],[data-webtui-theme|=vitesse] mark[bg-=purple]{background-color:var(--purple)}[data-webtui-theme|=vitesse] [is-~=mark][bg-=aqua],[data-webtui-theme|=vitesse] mark[bg-=aqua]{background-color:var(--aqua)}[data-webtui-theme|=vitesse] [is-~=mark][bg-=orange],[data-webtui-theme|=vitesse] mark[bg-=orange]{background-color:var(--orange)}[data-webtui-theme|=vitesse] [is-~=mark][bg-=gray],[data-webtui-theme|=vitesse] mark[bg-=gray]{background-color:var(--gray)}[data-webtui-theme|=vitesse] [is-~=mark][fg-=red],[data-webtui-theme|=vitesse] mark[fg-=red]{color:var(--red)}[data-webtui-theme|=vitesse] [is-~=mark][fg-=green],[data-webtui-theme|=vitesse] mark[fg-=green]{color:var(--green)}[data-webtui-theme|=vitesse] [is-~=mark][fg-=yellow],[data-webtui-theme|=vitesse] mark[fg-=yellow]{color:var(--yellow)}[data-webtui-theme|=vitesse] [is-~=mark][fg-=blue],[data-webtui-theme|=vitesse] mark[fg-=blue]{color:var(--blue)}[data-webtui-theme|=vitesse] [is-~=mark][fg-=purple],[data-webtui-theme|=vitesse] mark[fg-=purple]{color:var(--purple)}[data-webtui-theme|=vitesse] [is-~=mark][fg-=aqua],[data-webtui-theme|=vitesse] mark[fg-=aqua]{color:var(--aqua)}[data-webtui-theme|=vitesse] [is-~=mark][fg-=orange],[data-webtui-theme|=vitesse] mark[fg-=orange]{color:var(--orange)}[data-webtui-theme|=vitesse] [is-~=mark][fg-=gray],[data-webtui-theme|=vitesse] mark[fg-=gray]{color:var(--gray)}}

package/engine/detect-project/assets/webtui/themes.json

@@ -0,0 +1,37 @@
+{
+  "catppuccin": {
+    "file": "theme-catppuccin.css",
+    "attr": "catppuccin-mocha",
+    "background": "#1e1e2e",
+    "foreground": "#cdd6f4",
+    "accent": "#89b4fa"
+  },
+  "gruvbox": {
+    "file": "theme-gruvbox.css",
+    "attr": "gruvbox-dark-medium",
+    "background": "#282828",
+    "foreground": "#ebdbb2",
+    "accent": "#83a598"
+  },
+  "nord": {
+    "file": "theme-nord.css",
+    "attr": "nord",
+    "background": "#2e3440",
+    "foreground": "#eceff4",
+    "accent": "#88c0d0"
+  },
+  "vitesse": {
+    "file": "theme-vitesse.css",
+    "attr": "vitesse-dark",
+    "background": "#121212",
+    "foreground": "#dbd7ca",
+    "accent": "#6394bf"
+  },
+  "everforest": {
+    "file": "theme-everforest.css",
+    "attr": "everforest-dark-medium",
+    "background": "#2d353b",
+    "foreground": "#d3c6aa",
+    "accent": "#7fbbb3"
+  }
+}

package/engine/detect-project/assets/webtui/webtui-core.css

@@ -0,0 +1 @@
+@layer base,utils,components;@layer base{:root{--background0: #fff;--background1: #ddd;--background2: #bbb;--background3: #999;--foreground0: #000;--foreground1: #444;--foreground2: #888;--font-size: 16px;--line-height: 1.3;--font-weight-bold: 700;--font-weight-normal: 400;--font-family: monospace;--box-border-color: var(--foreground0)}[data-webtui-theme=dark]{--background0: #000;--background1: #222;--background2: #444;--background3: #666;--foreground0: #fff;--foreground1: #ccc;--foreground2: #999}body,html{background-color:var(--background0);color:var(--foreground0);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-normal);line-height:var(--line-height, 1.5);font-variant-ligatures:common-ligatures;word-break:break-all}*{box-sizing:border-box;margin:0;padding:0;outline:none}}@layer utils{@property --box-rounded-radius{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --box-border-width{syntax: "<length>"; inherits: false; initial-value: 2px;}@property --box-double-border-width{syntax: "<length>"; inherits: false; initial-value: 1px;}[box-=square],[box-=round],[box-=double]{position:relative;isolation:isolate;padding:1lh 1ch}[box-=square]:before,[box-=round]:before,[box-=double]:before{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:calc(100% - 1ch - var(--box-border-width));height:calc(100% - 1lh - var(--box-border-width));border:solid var(--box-border-width) var(--box-border-color);z-index:-1}[box-=square][box-=round]:before,[box-=round][box-=round]:before,[box-=double][box-=round]:before{border-radius:var(--box-rounded-radius)}[box-=square][box-=round]:after,[box-=round][box-=round]:after,[box-=double][box-=round]:after{border-radius:calc(var(--box-rounded-radius) + 2px)}[box-=square][box-=double]:before,[box-=round][box-=double]:before,[box-=double][box-=double]:before{border-width:var(--box-double-border-width)}[box-=square][box-=double]:after,[box-=round][box-=double]:after,[box-=double][box-=double]:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:calc(100% - 1ch + var(--box-double-border-width) * 2);height:calc(100% - 1lh + var(--box-double-border-width) * 2);border:solid var(--box-double-border-width) var(--box-border-color);z-index:-1}[box-=square][shear-=both],[box-=round][shear-=both],[box-=double][shear-=both]{padding-top:0;padding-bottom:0}[box-=square][shear-=top],[box-=round][shear-=top],[box-=double][shear-=top]{padding-top:0}[box-=square][shear-=bottom],[box-=round][shear-=bottom],[box-=double][shear-=bottom]{padding-bottom:0}}@layer components{button,input[type=button],input[type=submit],input[type=reset],[is-~=button]{--button-primary: var(--foreground0);--button-secondary: var(--background0);--mapped-primary: var(--button-primary);--mapped-secondary: var(--button-secondary);color:var(--mapped-secondary);background-color:var(--mapped-primary);font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 2ch;outline:none}button[box-],input[type=button][box-],input[type=submit][box-],input[type=reset][box-],[is-~=button][box-]{color:var(--mapped-primary);background-color:transparent;--box-border-color: var(--mapped-primary)}button:focus,input[type=button]:focus,input[type=submit]:focus,input[type=reset]:focus,[is-~=button]:focus{font-weight:700;text-decoration:underline}button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active,[is-~=button]:active{--mapped-primary: var(--mapped-secondary);--mapped-secondary: var(--mapped-primary)}button:disabled,input[type=button]:disabled,input[type=submit]:disabled,input[type=reset]:disabled,[is-~=button]:disabled{text-decoration:line-through;pointer-events:none}button[size-=small],input[type=button][size-=small],input[type=submit][size-=small],input[type=reset][size-=small],[is-~=button][size-=small]{padding:0 1ch;height:1lh}button:not([size-]):not([box-]),button[size-=default]:not([box-]),input[type=button]:not([size-]):not([box-]),input[type=button][size-=default]:not([box-]),input[type=submit]:not([size-]):not([box-]),input[type=submit][size-=default]:not([box-]),input[type=reset]:not([size-]):not([box-]),input[type=reset][size-=default]:not([box-]),[is-~=button]:not([size-]):not([box-]),[is-~=button][size-=default]:not([box-]){background-color:transparent;background-image:linear-gradient(to bottom,transparent 0,transparent .5lh,var(--mapped-primary) .5lh,var(--mapped-primary) calc(100% - .5lh),transparent calc(100% - .5lh),transparent)}button[size-=large],button[size-=default],button:not([size-]),input[type=button][size-=large],input[type=button][size-=default],input[type=button]:not([size-]),input[type=submit][size-=large],input[type=submit][size-=default],input[type=submit]:not([size-]),input[type=reset][size-=large],input[type=reset][size-=default],input[type=reset]:not([size-]),[is-~=button][size-=large],[is-~=button][size-=default],[is-~=button]:not([size-]){height:3lh}button[variant-=foreground0],button:not([variant-]),input[type=button][variant-=foreground0],input[type=button]:not([variant-]),input[type=submit][variant-=foreground0],input[type=submit]:not([variant-]),input[type=reset][variant-=foreground0],input[type=reset]:not([variant-]),[is-~=button][variant-=foreground0],[is-~=button]:not([variant-]){--button-primary: var(--foreground0);--button-secondary: var(--background0)}button[variant-=foreground1],input[type=button][variant-=foreground1],input[type=submit][variant-=foreground1],input[type=reset][variant-=foreground1],[is-~=button][variant-=foreground1]{--button-primary: var(--foreground1);--button-secondary: var(--background0)}button[variant-=foreground2],input[type=button][variant-=foreground2],input[type=submit][variant-=foreground2],input[type=reset][variant-=foreground2],[is-~=button][variant-=foreground2]{--button-primary: var(--foreground2);--button-secondary: var(--background0)}button[variant-=background0],input[type=button][variant-=background0],input[type=submit][variant-=background0],input[type=reset][variant-=background0],[is-~=button][variant-=background0]{--button-primary: var(--background0);--button-secondary: var(--foreground0)}button[variant-=background1],input[type=button][variant-=background1],input[type=submit][variant-=background1],input[type=reset][variant-=background1],[is-~=button][variant-=background1]{--button-primary: var(--background1);--button-secondary: var(--foreground0)}button[variant-=background2],input[type=button][variant-=background2],input[type=submit][variant-=background2],input[type=reset][variant-=background2],[is-~=button][variant-=background2]{--button-primary: var(--background2);--button-secondary: var(--foreground0)}button[variant-=background3],input[type=button][variant-=background3],input[type=submit][variant-=background3],input[type=reset][variant-=background3],[is-~=button][variant-=background3]{--button-primary: var(--background3);--button-secondary: var(--foreground0)}}@layer components{h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight-bold)}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{color:inherit;background-color:var(--background1);padding:0 1ch}ol{list-style-position:inside}ol li>ol{margin-left:2ch}ul{list-style-type:none}ul li:before{color:var(--list-marker-color, inherit);content:"- "}ul[marker-=bullet] li:before{content:"• "}ul[marker-~=tree] li:before{content:"├ "}ul[marker-~=tree]:not([marker-^=open]) li:first-of-type:before{content:"┌ "}ul[marker-~=tree]:not([marker-$=open]) li:last-of-type:before{content:"└ "}ul[marker-~=round-tree] li:before{content:"├ "}ul[marker-~=round-tree]:not([marker-^=open]) li:first-of-type:before{content:"╭ "}ul[marker-~=round-tree]:not([marker-$=open]) li:last-of-type:before{content:"╰ "}ul li>ul{margin-left:2ch}p,blockquote,li,[is-~=typography-block]{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);color:var(--foreground1)}p:is(blockquote),blockquote:is(blockquote),li:is(blockquote),[is-~=typography-block]:is(blockquote){padding-left:2ch;position:relative}p:is(blockquote):before,blockquote:is(blockquote):before,li:is(blockquote):before,[is-~=typography-block]:is(blockquote):before{content:"";position:absolute;top:0;left:.5ch;width:var(--box-border-width, 2px);height:100%;translate:-50%;background-color:var( --blockquote-indent-color, var(--background2) )}p strong,blockquote strong,li strong,[is-~=typography-block] strong{font-weight:var(--font-weight-bold);color:var(--foreground0)}p a,blockquote a,li a,[is-~=typography-block] a{text-decoration:underline;color:var(--foreground2)}p code,blockquote code,li code,[is-~=typography-block] code{display:inline-block;background-color:var(--background1);padding-left:1ch;padding-right:1ch}}@layer components{[is-~=badge]{color:var(--badge-text);background-image:linear-gradient(90deg,transparent 0,transparent calc(1ch - 1px),var(--badge-color) calc(1ch - 1px),var(--badge-color) calc(100% - 1ch + 1px),transparent calc(100% - 1ch + 1px),transparent);display:inline-flex;vertical-align:top;white-space:nowrap;height:1lh;line-height:1lh}[is-~=badge][variant-=foreground0],[is-~=badge]:not([variant-]){--badge-color: var(--foreground0);--badge-text: var(--background0)}[is-~=badge][variant-=foreground1]{--badge-color: var(--foreground1);--badge-text: var(--background0)}[is-~=badge][variant-=foreground2]{--badge-color: var(--foreground2);--badge-text: var(--background0)}[is-~=badge][variant-=background0]{--badge-color: var(--background0);--badge-text: var(--foreground0)}[is-~=badge][variant-=background1]{--badge-color: var(--background1);--badge-text: var(--foreground0)}[is-~=badge][variant-=background2]{--badge-color: var(--background2);--badge-text: var(--foreground0)}[is-~=badge][variant-=background3]{--badge-color: var(--background3);--badge-text: var(--foreground0)}[is-~=badge]:before,[is-~=badge]:after{content:"";width:1ch;height:1lh;display:inline-block;vertical-align:middle;background-color:var(--badge-color);overflow:hidden}[is-~=badge][cap-^=round]:before{border-top-left-radius:1lh;border-bottom-left-radius:1lh}[is-~=badge][cap-$=round]:after{border-top-right-radius:1lh;border-bottom-right-radius:1lh}[is-~=badge][cap-^=triangle]:before{clip-path:polygon(100% 0,100% 100%,0 50%)}[is-~=badge][cap-$=triangle]:after{clip-path:polygon(0 0,0 100%,100% 50%)}[is-~=badge][cap-^=slant-top]:before{clip-path:polygon(0 0,100% 0,100% 100%)}[is-~=badge][cap-$=slant-top]:after{clip-path:polygon(0 0,100% 0,0 100%)}[is-~=badge][cap-^=slant-bottom]:before{clip-path:polygon(100% 0,100% 100%,0 100%)}[is-~=badge][cap-$=slant-bottom]:after{clip-path:polygon(0 0,100% 100%,0 100%)}[is-~=badge][cap-^=ribbon]:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,100% 50%)}[is-~=badge][cap-$=ribbon]:after{clip-path:polygon(0 0,100% 0,0% 50%,100% 100%,0% 100%)}}@layer components{input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=time],input[type=week],input:not([type]),[is-~=input]{background-color:var(--background1);color:var(--foreground0);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-normal);line-height:var(--line-height);outline:none;border:none;min-width:24ch}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,input[type=number]::placeholder,input[type=date]::placeholder,input[type=datetime]::placeholder,input[type=datetime-local]::placeholder,input[type=month]::placeholder,input[type=time]::placeholder,input[type=week]::placeholder,input:not([type])::placeholder,[is-~=input]::placeholder{color:var(--foreground2)}input[type=text]:not([size-]),input[type=email]:not([size-]),input[type=password]:not([size-]),input[type=search]:not([size-]),input[type=tel]:not([size-]),input[type=url]:not([size-]),input[type=number]:not([size-]),input[type=date]:not([size-]),input[type=datetime]:not([size-]),input[type=datetime-local]:not([size-]),input[type=month]:not([size-]),input[type=time]:not([size-]),input[type=week]:not([size-]),input:not([type]):not([size-]),[is-~=input]:not([size-]){height:1lh;padding:0 1ch}input[type=text][size-=small],input[type=email][size-=small],input[type=password][size-=small],input[type=search][size-=small],input[type=tel][size-=small],input[type=url][size-=small],input[type=number][size-=small],input[type=date][size-=small],input[type=datetime][size-=small],input[type=datetime-local][size-=small],input[type=month][size-=small],input[type=time][size-=small],input[type=week][size-=small],input:not([type])[size-=small],[is-~=input][size-=small]{height:1lh;padding:0}input[type=text][size-=large],input[type=email][size-=large],input[type=password][size-=large],input[type=search][size-=large],input[type=tel][size-=large],input[type=url][size-=large],input[type=number][size-=large],input[type=date][size-=large],input[type=datetime][size-=large],input[type=datetime-local][size-=large],input[type=month][size-=large],input[type=time][size-=large],input[type=week][size-=large],input:not([type])[size-=large],[is-~=input][size-=large]{height:3lh;padding:1lh 2ch}}@layer components{textarea,[is-~=textarea]{background-color:var(--background1);color:var(--foreground0);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-normal);line-height:var(--line-height);outline:none;border:none;resize:vertical;min-width:24ch}textarea::placeholder,[is-~=textarea]::placeholder{color:var(--foreground2)}textarea:not([size-]),[is-~=textarea]:not([size-]){min-height:2lh;padding:0 1ch}textarea[size-=small],[is-~=textarea][size-=small]{min-height:2lh;padding:0}textarea[size-=large],[is-~=textarea][size-=large]{min-height:4lh;padding:1lh 2ch}}@layer components{@property --popover-offset-x{syntax: "<length>"; inherits: true; initial-value: 0;}@property --popover-offset-y{syntax: "<length>"; inherits: true; initial-value: 0;}details[is-~=popover]{--popover-backdrop-color: transparent;position:relative}details[is-~=popover] summary:focus{text-decoration:underline}details[is-~=popover] summary::-webkit-details-marker{display:none}details[is-~=popover] summary::marker{content:"";display:none}details[is-~=popover][open] summary:before{content:"";display:block;width:100vw;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--popover-backdrop-color)}details[is-~=popover][open] summary+*{position:absolute;z-index:2}details[is-~=popover][open][position-~=baseline-left] summary+*,details[is-~=popover][open]:not([position-]) summary+*{left:0%}details[is-~=popover][open][position-~=baseline-right] summary+*{left:100%;translate:-100%}details[is-~=popover][open][position-~=left] summary+*{left:calc(var(--popover-offset-x) * -1);translate:-100%}details[is-~=popover][open][position-~=right] summary+*{left:calc(100% + var(--popover-offset-x))}details[is-~=popover][open][position-~=baseline-top] summary+*{top:0%}details[is-~=popover][open][position-~=baseline-bottom] summary+*{top:100%;transform:translateY(-100%)}details[is-~=popover][open][position-~=top] summary+*{top:calc(var(--popover-offset-y) * -1);transform:translateY(-100%)}details[is-~=popover][open][position-~=bottom] summary+*,details[is-~=popover][open]:not([position-]) summary+*{top:calc(100% + var(--popover-offset-y))}}@layer components{input[type=checkbox]:not([is-=switch]){appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;position:relative;width:3ch;min-width:initial;vertical-align:text-top;color:var(--foreground2);font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);outline:none}input[type=checkbox]:not([is-=switch]):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;width:3ch;height:1lh;background:var(--background1)}input[type=checkbox]:not([is-=switch]):checked:before{content:"X"}label:has(input[type=checkbox]:not([is-=switch])){display:inline-flex;align-items:flex-start;gap:1ch;max-width:fit-content}label:has(input[type=checkbox]:not([is-=switch]):focus){font-weight:700;text-decoration:underline}input[type=checkbox]:not([is-=switch]):disabled{color:var(--foreground2);pointer-events:none}label:has(input[type=checkbox]:not([is-=switch]):disabled){color:var(--foreground2);text-decoration:line-through}}@layer components{@property --separator-width{syntax: "<length>"; inherits: true; initial-value: 2px;}[is-~=separator]{--separator-color: var(--box-border-color);--separator-background: transparent;display:inline-flex;position:relative}[is-~=separator][direction-=x],[is-~=separator][direction-=horizontal],[is-~=separator]:not([direction-]){height:1lh;background-image:linear-gradient(0deg,var(--separator-background) 0,var(--separator-background) calc(.5lh - var(--separator-width) / 2),var(--separator-color) calc(.5lh - (var(--separator-width) / 2)),var(--separator-color) calc(.5lh + (var(--separator-width) / 2)),var(--separator-background) calc(.5lh + (var(--separator-width) / 2)),var(--separator-background))}[is-~=separator][direction-=x][cap-^=bisect]:before,[is-~=separator][direction-=horizontal][cap-^=bisect]:before,[is-~=separator]:not([direction-])[cap-^=bisect]:before{left:-.5ch}[is-~=separator][direction-=x][cap-$=bisect]:after,[is-~=separator][direction-=horizontal][cap-$=bisect]:after,[is-~=separator]:not([direction-])[cap-$=bisect]:after{right:-.5ch}[is-~=separator][direction-=x][cap-^=edge]:not([cap-=edge]),[is-~=separator][direction-=horizontal][cap-^=edge]:not([cap-=edge]),[is-~=separator]:not([direction-])[cap-^=edge]:not([cap-=edge]){clip-path:inset(0 -.5ch 0 .5ch)}[is-~=separator][direction-=x][cap-$=edge]:not([cap-=edge]),[is-~=separator][direction-=horizontal][cap-$=edge]:not([cap-=edge]),[is-~=separator]:not([direction-])[cap-$=edge]:not([cap-=edge]){clip-path:inset(0 .5ch 0 -.5ch)}[is-~=separator][direction-=x][cap-=edge],[is-~=separator][direction-=horizontal][cap-=edge],[is-~=separator]:not([direction-])[cap-=edge]{clip-path:inset(0 .5ch)}[is-~=separator][direction-=y],[is-~=separator][direction-=vertical]{width:1ch;background-image:linear-gradient(to right,var(--separator-background) 0,var(--separator-background) calc(.5ch - (var(--separator-width) / 2)),var(--separator-color) calc(.5ch - (var(--separator-width) / 2)),var(--separator-color) calc(.5ch + (var(--separator-width) / 2)),var(--separator-background) calc(.5ch + (var(--separator-width) / 2)),var(--separator-background))}[is-~=separator][direction-=y][cap-^=bisect]:before,[is-~=separator][direction-=vertical][cap-^=bisect]:before{top:-.5lh}[is-~=separator][direction-=y][cap-$=bisect]:after,[is-~=separator][direction-=vertical][cap-$=bisect]:after{bottom:-.5lh}[is-~=separator][direction-=y][cap-^=edge]:not([cap-=edge]),[is-~=separator][direction-=vertical][cap-^=edge]:not([cap-=edge]){clip-path:inset(.5lh 0 -.5lh 0)}[is-~=separator][direction-=y][cap-$=edge]:not([cap-=edge]),[is-~=separator][direction-=vertical][cap-$=edge]:not([cap-=edge]){clip-path:inset(-.5lh 0 .5lh 0)}[is-~=separator][direction-=y][cap-=edge],[is-~=separator][direction-=vertical][cap-=edge]{clip-path:inset(.5lh 0)}[is-~=separator][cap-]:before,[is-~=separator][cap-]:after{content:"";position:absolute;width:1ch;height:1lh;background-image:inherit}[is-~=separator][variant-=foreground0]{--separator-color: var(--foreground0)}[is-~=separator][variant-=foreground1]{--separator-color: var(--foreground1)}[is-~=separator][variant-=foreground2]{--separator-color: var(--foreground2)}[is-~=separator][variant-=background0]{--separator-color: var(--background0)}[is-~=separator][variant-=background1]{--separator-color: var(--background1)}[is-~=separator][variant-=background2]{--separator-color: var(--background2)}[is-~=separator][variant-=background3]{--separator-color: var(--background3)}}@layer components{input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;position:relative;width:3ch;min-width:initial;vertical-align:text-top;color:var(--foreground2);font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);outline:none}input[type=radio]:before{content:"( )";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:3ch;height:1lh;background:var(--background1)}input[type=radio]:checked:before{content:"(*)"}input[type=radio]:disabled{color:var(--foreground2);pointer-events:none}label:has(input[type=radio]){display:inline-flex;align-items:flex-start;gap:1ch;max-width:fit-content}label:has(input[type=radio]:focus){font-weight:700;text-decoration:underline}label:has(input[type=radio]:disabled){color:var(--foreground2);text-decoration:line-through}}@layer components{pre,[is-~=pre]{--pre-background: var(--background1);background-color:var(--pre-background);white-space:pre-wrap;color:var(--foreground0);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-normal);line-height:var(--line-height);outline:none;border:none;padding:1lh 1ch}pre[size-=small],[is-~=pre][size-=small]{padding:0 1ch}pre:not([size-]),[is-~=pre]:not([size-]){background-color:transparent;background-image:linear-gradient(to bottom,transparent,transparent .5lh,var(--pre-background) .5lh,var(--pre-background) calc(100% - .5lh),transparent calc(100% - .5lh),transparent)}}@layer components{@property --tooltip-offset-x{syntax: "<length>"; inherits: true; initial-value: 0;}@property --tooltip-offset-y{syntax: "<length>"; inherits: true; initial-value: 0;}@property --tooltip-delay{syntax: "<time>"; inherits: true; initial-value: .5s;}[is-~=tooltip]{position:relative}[is-~=tooltip] [is-~=tooltip-content]{opacity:0;transition:all 0s linear 0s;transform:scale(0);overflow:hidden;position:absolute}[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content],[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content],[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content]{opacity:1;z-index:2;transform:scale(1);transition-delay:var(--tooltip-delay)}[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content][position-~=baseline-left],[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content]:not([position-]),[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content][position-~=baseline-left],[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content]:not([position-]),[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content][position-~=baseline-left],[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content]:not([position-]){left:0%}[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content][position-~=baseline-right],[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content][position-~=baseline-right],[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content][position-~=baseline-right]{left:100%;translate:-100%}[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content][position-~=left],[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content][position-~=left],[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content][position-~=left]{left:calc(var(--tooltip-offset-x) * -1);translate:-100%}[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content][position-~=right],[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content][position-~=right],[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content][position-~=right]{left:calc(100% + var(--tooltip-offset-x))}[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content][position-~=baseline-top],[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content][position-~=baseline-top],[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content][position-~=baseline-top]{top:0%}[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content][position-~=baseline-bottom],[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content][position-~=baseline-bottom],[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content][position-~=baseline-bottom]{top:100%;transform:translateY(-100%)}[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content][position-~=top],[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content]:not([position-]),[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content][position-~=top],[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content]:not([position-]),[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content][position-~=top],[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content]:not([position-]){top:calc(var(--tooltip-offset-y) * -1);transform:translateY(-100%)}[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content][position-~=bottom],[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content][position-~=bottom],[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content][position-~=bottom]{top:calc(100% + var(--tooltip-offset-y))}}@layer components{@property --table-border-width{syntax: "<length>"; inherits: true; initial-value: 2px;}table{--table-border-color: var(--box-border-color);border:none;outline:none;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-normal);line-height:var(--line-height);text-align:left;position:relative;border-spacing:0 0}table th{font-weight:var(--font-weight-bold)}table th,table td{position:relative;padding-right:1ch}table th:last-of-type,table td:last-of-type{padding-right:0}table[divide-=vertical] th:not(:last-of-type):before,table[divide-=vertical] td:not(:last-of-type):before,table[divide-=both] th:not(:last-of-type):before,table[divide-=both] td:not(:last-of-type):before,table:not([divide-]) th:not(:last-of-type):before,table:not([divide-]) td:not(:last-of-type):before{content:"";position:absolute;right:calc(.5ch - var(--table-border-width) / 2);bottom:0;border-left:solid var(--table-border-width) var(--table-border-color);height:100%}table[box-] :is(table[divide-=vertical] th:not(:last-of-type)):before,table[box-] :is(table[divide-=vertical] td:not(:last-of-type)):before,table[box-] :is(table[divide-=both] th:not(:last-of-type)):before,table[box-] :is(table[divide-=both] td:not(:last-of-type)):before,table[box-] :is(table:not([divide-]) th:not(:last-of-type)):before,table[box-] :is(table:not([divide-]) td:not(:last-of-type)):before{bottom:calc(-.5lh - var(--table-border-width) / 2);border-left:solid var(--table-border-width) var(--table-border-color);height:calc(100% + 1lh)}table[divide-=horizontal] tr,table[divide-=both] tr,table:not([divide-]) tr{position:relative}table[divide-=horizontal] tr th,table[divide-=horizontal] tr td,table[divide-=both] tr th,table[divide-=both] tr td,table:not([divide-]) tr th,table:not([divide-]) tr td{padding-bottom:1lh}table[divide-=horizontal] tr th:after,table[divide-=horizontal] tr td:after,table[divide-=both] tr th:after,table[divide-=both] tr td:after,table:not([divide-]) tr th:after,table:not([divide-]) tr td:after{content:"";position:absolute;left:0;bottom:calc(.5lh - var(--table-border-width) / 2);width:100%;border-top:solid var(--table-border-width) var(--table-border-color)}table[box-] :is(table[divide-=horizontal] tr th):after,table[box-] :is(table[divide-=horizontal] tr td):after,table[box-] :is(table[divide-=both] tr th):after,table[box-] :is(table[divide-=both] tr td):after,table[box-] :is(table:not([divide-]) tr th):after,table[box-] :is(table:not([divide-]) tr td):after{left:calc(-.5ch - var(--table-border-width) / 2);width:calc(100% + 1ch);border-top:solid var(--table-border-width) var(--table-border-color)}table[divide-=horizontal] *:last-child tr:last-child th,table[divide-=horizontal] *:last-child tr:last-child td,table[divide-=both] *:last-child tr:last-child th,table[divide-=both] *:last-child tr:last-child td,table:not([divide-]) *:last-child tr:last-child th,table:not([divide-]) *:last-child tr:last-child td{padding-bottom:0}table[divide-=horizontal] *:last-child tr:last-child th:after,table[divide-=horizontal] *:last-child tr:last-child td:after,table[divide-=both] *:last-child tr:last-child th:after,table[divide-=both] *:last-child tr:last-child td:after,table:not([divide-]) *:last-child tr:last-child th:after,table:not([divide-]) *:last-child tr:last-child td:after{display:none}}@layer components{input[type=checkbox][is-=switch]{--switch-thumb-color: var(--foreground2);--switch-track-color: var(--background1);--switch-thin-track-width: 2px;appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;position:relative;width:4ch;height:1lh;min-width:initial;vertical-align:text-top;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);background-color:transparent;outline:none}input[type=checkbox][is-=switch]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4ch;height:1lh;background:var(--switch-track-color)}input[type=checkbox][is-=switch]:after{content:"";position:absolute;left:0;width:2ch;height:1lh;background:var(--switch-thumb-color)}input[type=checkbox][is-=switch]:checked:after{left:unset;right:0;--switch-thumb-color: var(--foreground0)}input[type=checkbox][is-=switch]:disabled{--switch-thumb-color: var(--background2);pointer-events:none}input[type=checkbox][is-=switch]:disabled:checked:after{--switch-thumb-color: var(--background2)}input[type=checkbox][is-=switch][size-=small]{width:2ch}input[type=checkbox][is-=switch][size-=small]:before{width:2ch}input[type=checkbox][is-=switch][size-=small]:after{width:1ch}input[type=checkbox][is-=switch][bar-=thin]:before{height:.5lh}input[type=checkbox][is-=switch][bar-=line]:before{height:var(--switch-thin-track-width)}label:has(input[type=checkbox][is-=switch]){display:inline-flex;align-items:flex-start;gap:1ch;max-width:fit-content}label:has(input[type=checkbox][is-=switch]:focus){font-weight:700;text-decoration:underline}label:has(input[type=checkbox][is-=switch]:disabled){color:var(--foreground2);text-decoration:line-through}}@layer components{input[type=range]{--range-track-color: var(--background1);--range-thumb-color: var(--foreground2);--range-thumb-color-focus: var(--foreground0);--range-track-height: 2px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;outline:none;min-width:20ch;height:1lh;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);position:relative}input[type=range]::-webkit-slider-runnable-track{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:var(--range-track-height);background:var(--range-track-color);border:none;outline:none}input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1ch;height:1lh;background:transparent;border:1px solid var(--range-thumb-color);border-radius:0;box-sizing:border-box;position:relative;top:50%;transform:translateY(-50%)}input[type=range]:not(:disabled):focus::-webkit-slider-thumb,input[type=range]:not(:disabled):active::-webkit-slider-thumb{background:var(--range-thumb-color-focus);border:none}input[type=range]::-moz-range-track{width:100%;height:var(--range-track-height);background:var(--range-track-color);border:none;outline:none}input[type=range]::-moz-range-thumb{width:1ch;height:1lh;background:transparent;border:1px solid var(--range-thumb-color);border-radius:0;box-sizing:border-box}input[type=range]:not(:disabled):focus::-moz-range-thumb,input[type=range]:not(:disabled):active::-moz-range-thumb{background:var(--range-thumb-color-focus);border:none}input[type=range]:disabled{--range-track-color: var(--background2);--range-thumb-color: var(--foreground2);pointer-events:none;opacity:.6}input[type=range][bar-=thick]{--range-track-height: 1lh}input[type=range][bar-=thick]::-webkit-slider-thumb{height:1lh}input[type=range][bar-=thick]::-moz-range-thumb{height:1lh}input[type=range][bar-=line]{--range-track-height: 1px}label:has(input[type=range]){display:inline-flex;align-items:center;gap:1ch;max-width:fit-content}label:has(input[type=range]:focus){font-weight:700;text-decoration:underline}label:has(input[type=range]:disabled){color:var(--foreground2);text-decoration:line-through}}@layer components{@property --dialog-offset-x{syntax: "<length>"; inherits: true; initial-value: 0;}@property --dialog-offset-y{syntax: "<length>"; inherits: true; initial-value: 0;}@property --dialog-max-width{syntax: "<length>"; inherits: true; initial-value: 0;}@property --dialog-max-height{syntax: "<length>"; inherits: true; initial-value: 0;}dialog{--dialog-offset-top: auto;--dialog-offset-right: auto;--dialog-offset-bottom: auto;--dialog-offset-left: auto;background-color:var(--background0);color:var(--foreground0);font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);border:none;outline:none;position:absolute;max-width:var(--dialog-max-width);max-height:var(--dialog-max-height);overflow:hidden;inset:var(--dialog-offset-top) var(--dialog-offset-right) var(--dialog-offset-bottom) var(--dialog-offset-left)}dialog[open],dialog:popover-open{display:flex;flex-direction:column}dialog[size-=full]{--dialog-max-width: 100vw;--dialog-max-height: 100vh}dialog[size-=default],dialog:not([size-]){--dialog-max-width: 64ch;--dialog-max-height: 24lh}dialog[size-=small]{--dialog-max-width: 48ch;--dialog-max-height: 16lh}dialog[container-^=auto],dialog:not([container-]){width:auto}dialog[container-^=fill]{width:calc(100% - var(--dialog-offset-x) * 2)}dialog[container-$=auto],dialog:not([container-]){height:auto}dialog[container-$=fill]{height:calc(100% - var(--dialog-offset-y) * 2)}dialog[position-^=start]{--dialog-offset-left: var(--dialog-offset-x);--dialog-offset-right: auto}dialog[position-^=end]{--dialog-offset-left: auto;--dialog-offset-right: var(--dialog-offset-x)}dialog[position-^=center],dialog:not([position-]){--dialog-offset-left: 50%;translate:-50%}dialog[position-$=start]{--dialog-offset-top: var(--dialog-offset-y);--dialog-offset-bottom: auto}dialog[position-$=end]{--dialog-offset-top: auto;--dialog-offset-bottom: var(--dialog-offset-y)}dialog[position-$=center],dialog:not([position-]){--dialog-offset-top: 50%;transform:translateY(-50%)}}@layer components{[is-=spinner]{--spinner-steps: 4;--spinner-chars: "/-\\|";--spinner-duration: 1s;width:1ch;height:1lh;overflow:hidden;position:relative;display:inline-block;vertical-align:top}[is-=spinner][variant-=dots]{--spinner-steps: 8;--spinner-chars: "⣷⣯⣟⡿⢿⣻⣽⣾"}[is-=spinner][variant-=arrows]{--spinner-steps: 8;--spinner-chars: "←↖↑↗→↘↓↙"}[is-=spinner][variant-=cross]{--spinner-steps: 2;--spinner-chars: "+x"}[is-=spinner][variant-=square]{--spinner-steps: 4;--spinner-chars: "◰◳◲◱"}[is-=spinner][variant-=pie]{--spinner-steps: 4;--spinner-chars: "◴◷◶◵"}[is-=spinner][variant-=half]{--spinner-steps: 4;--spinner-chars: "◐◓◑◒"}[is-=spinner][variant-=bar-vertical]{--spinner-steps: 12;--spinner-chars: "▁▃▄▅▆▇█▇▆▅▄▃"}[is-=spinner][variant-=bar-horizontal]{--spinner-steps: 13;--spinner-chars: "▉▊▋▌▍▎▏▎▍▌▋▊▉"}[is-=spinner][speed-=slow]{--spinner-duration: 2s}[is-=spinner][speed-=medium],[is-=spinner][speed-=default],[is-=spinner]:not([speed-]){--spinner-duration: 1s}[is-=spinner][speed-=fast]{--spinner-duration: .5s}[is-=spinner]:before{content:var(--spinner-chars);position:absolute;top:0;left:0;color:inherit;white-space:nowrap;height:1lh;animation:spinner-pan var(--spinner-duration) steps(var(--spinner-steps)) infinite}[is-=spinner][direction-=reverse]:before{animation-direction:reverse}@keyframes spinner-pan{0%{translate:0ch}to{translate:-100%}}}@layer components{@property --progress-value{syntax: "<number>"; inherits: true; initial-value: 0;}@property --progress-max{syntax: "<number>"; inherits: true; initial-value: 100;}[is-~=progress]{--progress-value-background: var(--foreground0);--progress-value-color: var(--foreground0);--progress-value-content: "";--progress-empty-background: var(--background1);--progress-empty-color: var(--foreground0);--progress-empty-content: "";width:round(down,100%,1ch);height:1lh;margin:0;background-color:var(--progress-background-empty);color:var(--progress-color-empty);color:transparent;position:relative;vertical-align:top;display:inline-flex}[is-~=progress]:before{content:var(--progress-value-content);position:absolute;top:0;left:0;height:1lh;vertical-align:top;color:var(--progress-value-color);width:round(nearest,calc((var(--progress-value) / var(--progress-max)) * 100%),1ch);overflow:hidden;white-space:nowrap;background-color:var(--progress-value-background);z-index:1}[is-~=progress]:after{content:var(--progress-empty-content);position:absolute;top:0;right:0;height:1lh;vertical-align:top;color:var(--progress-empty-color);overflow:hidden;width:round(up,calc(100% - (var(--progress-value) / var(--progress-max) * 100%)),1ch);white-space:nowrap;background-color:var(--progress-empty-background);z-index:0}}@layer components{details[is-~=accordion][open]::details-content{padding-left:2ch}details[is-~=accordion]>summary:before{content:"˃ "}details[is-~=accordion]>summary::-webkit-details-marker{display:none}details[is-~=accordion]>summary::marker{content:"";display:none}details[is-~=accordion]>summary:focus{text-decoration:underline}details[is-~=accordion][open] summary:before{content:"˅ "}}@layer components{mark,[is-~=mark]{background-color:inherit;color:inherit}mark[bg-][bg-=background0],[is-~=mark][bg-][bg-=background0]{background-color:var(--background0)}mark[bg-][bg-=background1],[is-~=mark][bg-][bg-=background1]{background-color:var(--background1)}mark[bg-][bg-=background2],[is-~=mark][bg-][bg-=background2]{background-color:var(--background2)}mark[bg-][bg-=background3],[is-~=mark][bg-][bg-=background3]{background-color:var(--background3)}mark[bg-][bg-=foreground0],[is-~=mark][bg-][bg-=foreground0]{background-color:var(--foreground0)}mark[bg-][bg-=foreground1],[is-~=mark][bg-][bg-=foreground1]{background-color:var(--foreground1)}mark[bg-][bg-=foreground2],[is-~=mark][bg-][bg-=foreground2]{background-color:var(--foreground2)}mark[fg-][fg-=background0],[is-~=mark][fg-][fg-=background0]{color:var(--background0)}mark[fg-][fg-=background1],[is-~=mark][fg-][fg-=background1]{color:var(--background1)}mark[fg-][fg-=background2],[is-~=mark][fg-][fg-=background2]{color:var(--background2)}mark[fg-][fg-=background3],[is-~=mark][fg-][fg-=background3]{color:var(--background3)}mark[fg-][fg-=foreground0],[is-~=mark][fg-][fg-=foreground0]{color:var(--foreground0)}mark[fg-][fg-=foreground1],[is-~=mark][fg-][fg-=foreground1]{color:var(--foreground1)}mark[fg-][fg-=foreground2],[is-~=mark][fg-][fg-=foreground2]{color:var(--foreground2)}}