cck-ui 0.0.1

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "cck-ui",
+  "version": "0.0.1",
+  "description": "",
+  "keywords": [
+    "cck-ui",
+    "cck",
+    "component library",
+    "ui framework",
+    "ui",
+    "vue"
+  ],
+  "main": "lib/index.js",
+  "module": "es/index.mjs",
+  "types": "es/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./es/index.d.ts",
+      "import": "./es/index.mjs",
+      "require": "./lib/index.js"
+    },
+    "./global": {
+      "types": "./global.d.ts"
+    },
+    "./es": {
+      "types": "./es/index.d.ts",
+      "import": "./es/index.mjs"
+    },
+    "./lib": {
+      "types": "./lib/index.d.ts",
+      "require": "./lib/index.js"
+    },
+    "./es/*.mjs": {
+      "types": "./es/*.d.ts",
+      "import": "./es/*.mjs"
+    },
+    "./es/*": {
+      "types": [
+        "./es/*.d.ts",
+        "./es/*/index.d.ts"
+      ],
+      "import": "./es/*.mjs"
+    },
+    "./lib/*.js": {
+      "types": "./lib/*.d.ts",
+      "require": "./lib/*.js"
+    },
+    "./lib/*": {
+      "types": [
+        "./lib/*.d.ts",
+        "./lib/*/index.d.ts"
+      ],
+      "require": "./lib/*.js"
+    },
+    "./*": "./*"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/JackAtlas/cck-ui.git"
+  },
+  "publishConfig": {
+    "access": "public",
+    "directory": "../../dist/cck-ui"
+  },
+  "style": "dist/index.css",
+  "author": "",
+  "license": "ISC",
+  "type": "module"
+}

package/theme-slate/base.css

@@ -0,0 +1 @@
+:root{--c-scale:1;--c-cursor-type:default;--c-webkit-font-smoothing:antialiased;--c-moz-font-smoothing:grayscale;--c-color-white:#fff;--c-color-black:#000;--c-line-height:1.55;--c-font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;--c-font-family-monospace:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--c-font-family-headings:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;--c-heading-font-weight:var(--c-font-weight-bold);--c-heading-text-wrap:wrap;--c-radius-default:calc(.5rem * var(--c-scale));--c-breakpoint-xs:36em;--c-breakpoint-sm:48em;--c-breakpoint-md:62em;--c-breakpoint-lg:75em;--c-breakpoint-xl:88em;--c-spacing-xs:calc(.625rem * var(--c-scale));--c-spacing-sm:calc(.75rem * var(--c-scale));--c-spacing-md:calc(1rem * var(--c-scale));--c-spacing-lg:calc(1.25rem * var(--c-scale));--c-spacing-xl:calc(2rem * var(--c-scale));--c-font-size-xs:calc(.75rem * var(--c-scale));--c-font-size-sm:calc(.875rem * var(--c-scale));--c-font-size-md:calc(1rem * var(--c-scale));--c-font-size-lg:calc(1.125rem * var(--c-scale));--c-font-size-xl:calc(1.25rem * var(--c-scale));--c-line-height-xs:1.4;--c-line-height-sm:1.45;--c-line-height-md:1.55;--c-line-height-lg:1.6;--c-line-height-xl:1.65;--c-shadow-xs:0 calc(.0625rem * var(--c-scale)) calc(.1875rem * var(--c-scale)) #0000000d, 0 calc(.0625rem * var(--c-scale)) calc(.125rem * var(--c-scale)) #0000001a;--c-shadow-sm:0 calc(.0625rem * var(--c-scale)) calc(.1875rem * var(--c-scale)) #0000000d, #0000000d 0 calc(.625rem * var(--c-scale)) calc(.9375rem * var(--c-scale)) calc(-.3125rem * var(--c-scale)), #0000000a 0 calc(.4375rem * var(--c-scale)) calc(.4375rem * var(--c-scale)) calc(-.3125rem * var(--c-scale));--c-shadow-md:0 calc(.0625rem * var(--c-scale)) calc(.1875rem * var(--c-scale)) #0000000d, #0000000d 0 calc(1.25rem * var(--c-scale)) calc(1.5625rem * var(--c-scale)) calc(-.3125rem * var(--c-scale)), #0000000a 0 calc(.625rem * var(--c-scale)) calc(.625rem * var(--c-scale)) calc(-.3125rem * var(--c-scale));--c-shadow-lg:0 calc(.0625rem * var(--c-scale)) calc(.1875rem * var(--c-scale)) #0000000d, #0000000d 0 calc(1.75rem * var(--c-scale)) calc(1.4375rem * var(--c-scale)) calc(-.4375rem * var(--c-scale)), #0000000a 0 calc(.75rem * var(--c-scale)) calc(.75rem * var(--c-scale)) calc(-.4375rem * var(--c-scale));--c-shadow-xl:0 calc(.0625rem * var(--c-scale)) calc(.1875rem * var(--c-scale)) #0000000d, #0000000d 0 calc(2.25rem * var(--c-scale)) calc(1.75rem * var(--c-scale)) calc(-.4375rem * var(--c-scale)), #0000000a 0 calc(1.0625rem * var(--c-scale)) calc(1.0625rem * var(--c-scale)) calc(-.4375rem * var(--c-scale));--c-radius-xs:calc(.125rem * var(--c-scale));--c-radius-sm:calc(.25rem * var(--c-scale));--c-radius-md:calc(.5rem * var(--c-scale));--c-radius-lg:calc(1rem * var(--c-scale));--c-radius-xl:calc(2rem * var(--c-scale));--c-font-weight-regular:400;--c-font-weight-medium:600;--c-font-weight-bold:700;--c-primary-color-0:var(--c-color-blue-0);--c-primary-color-1:var(--c-color-blue-1);--c-primary-color-2:var(--c-color-blue-2);--c-primary-color-3:var(--c-color-blue-3);--c-primary-color-4:var(--c-color-blue-4);--c-primary-color-5:var(--c-color-blue-5);--c-primary-color-6:var(--c-color-blue-6);--c-primary-color-7:var(--c-color-blue-7);--c-primary-color-8:var(--c-color-blue-8);--c-primary-color-9:var(--c-color-blue-9);--c-color-dark-0:#c9c9c9;--c-color-dark-1:#b8b8b8;--c-color-dark-2:#828282;--c-color-dark-3:#696969;--c-color-dark-4:#424242;--c-color-dark-5:#3b3b3b;--c-color-dark-6:#2e2e2e;--c-color-dark-7:#242424;--c-color-dark-8:#1f1f1f;--c-color-dark-9:#141414;--c-color-gray-0:#f8f9fa;--c-color-gray-1:#f1f3f5;--c-color-gray-2:#e9ecef;--c-color-gray-3:#dee2e6;--c-color-gray-4:#ced4da;--c-color-gray-5:#adb5bd;--c-color-gray-6:#868e96;--c-color-gray-7:#495057;--c-color-gray-8:#343a40;--c-color-gray-9:#212529;--c-color-red-0:#fff5f5;--c-color-red-1:#ffe3e3;--c-color-red-2:#ffc9c9;--c-color-red-3:#ffa8a8;--c-color-red-4:#ff8787;--c-color-red-5:#ff6b6b;--c-color-red-6:#fa5252;--c-color-red-7:#f03e3e;--c-color-red-8:#e03131;--c-color-red-9:#c92a2a;--c-color-pink-0:#fff0f6;--c-color-pink-1:#ffdeeb;--c-color-pink-2:#fcc2d7;--c-color-pink-3:#faa2c1;--c-color-pink-4:#f783ac;--c-color-pink-5:#f06595;--c-color-pink-6:#e64980;--c-color-pink-7:#d6336c;--c-color-pink-8:#c2255c;--c-color-pink-9:#a61e4d;--c-color-grape-0:#f8f0fc;--c-color-grape-1:#f3d9fa;--c-color-grape-2:#eebefa;--c-color-grape-3:#e599f7;--c-color-grape-4:#da77f2;--c-color-grape-5:#cc5de8;--c-color-grape-6:#be4bdb;--c-color-grape-7:#ae3ec9;--c-color-grape-8:#9c36b5;--c-color-grape-9:#862e9c;--c-color-violet-0:#f3f0ff;--c-color-violet-1:#e5dbff;--c-color-violet-2:#d0bfff;--c-color-violet-3:#b197fc;--c-color-violet-4:#9775fa;--c-color-violet-5:#845ef7;--c-color-violet-6:#7950f2;--c-color-violet-7:#7048e8;--c-color-violet-8:#6741d9;--c-color-violet-9:#5f3dc4;--c-color-indigo-0:#edf2ff;--c-color-indigo-1:#dbe4ff;--c-color-indigo-2:#bac8ff;--c-color-indigo-3:#91a7ff;--c-color-indigo-4:#748ffc;--c-color-indigo-5:#5c7cfa;--c-color-indigo-6:#4c6ef5;--c-color-indigo-7:#4263eb;--c-color-indigo-8:#3b5bdb;--c-color-indigo-9:#364fc7;--c-color-blue-0:#e7f5ff;--c-color-blue-1:#d0ebff;--c-color-blue-2:#a5d8ff;--c-color-blue-3:#74c0fc;--c-color-blue-4:#4dabf7;--c-color-blue-5:#339af0;--c-color-blue-6:#228be6;--c-color-blue-7:#1c7ed6;--c-color-blue-8:#1971c2;--c-color-blue-9:#1864ab;--c-color-cyan-0:#e3fafc;--c-color-cyan-1:#c5f6fa;--c-color-cyan-2:#99e9f2;--c-color-cyan-3:#66d9e8;--c-color-cyan-4:#3bc9db;--c-color-cyan-5:#22b8cf;--c-color-cyan-6:#15aabf;--c-color-cyan-7:#1098ad;--c-color-cyan-8:#0c8599;--c-color-cyan-9:#0b7285;--c-color-teal-0:#e6fcf5;--c-color-teal-1:#c3fae8;--c-color-teal-2:#96f2d7;--c-color-teal-3:#63e6be;--c-color-teal-4:#38d9a9;--c-color-teal-5:#20c997;--c-color-teal-6:#12b886;--c-color-teal-7:#0ca678;--c-color-teal-8:#099268;--c-color-teal-9:#087f5b;--c-color-green-0:#ebfbee;--c-color-green-1:#d3f9d8;--c-color-green-2:#b2f2bb;--c-color-green-3:#8ce99a;--c-color-green-4:#69db7c;--c-color-green-5:#51cf66;--c-color-green-6:#40c057;--c-color-green-7:#37b24d;--c-color-green-8:#2f9e44;--c-color-green-9:#2b8a3e;--c-color-lime-0:#f4fce3;--c-color-lime-1:#e9fac8;--c-color-lime-2:#d8f5a2;--c-color-lime-3:#c0eb75;--c-color-lime-4:#a9e34b;--c-color-lime-5:#94d82d;--c-color-lime-6:#82c91e;--c-color-lime-7:#74b816;--c-color-lime-8:#66a80f;--c-color-lime-9:#5c940d;--c-color-yellow-0:#fff9db;--c-color-yellow-1:#fff3bf;--c-color-yellow-2:#ffec99;--c-color-yellow-3:#ffe066;--c-color-yellow-4:#ffd43b;--c-color-yellow-5:#fcc419;--c-color-yellow-6:#fab005;--c-color-yellow-7:#f59f00;--c-color-yellow-8:#f08c00;--c-color-yellow-9:#e67700;--c-color-orange-0:#fff4e6;--c-color-orange-1:#ffe8cc;--c-color-orange-2:#ffd8a8;--c-color-orange-3:#ffc078;--c-color-orange-4:#ffa94d;--c-color-orange-5:#ff922b;--c-color-orange-6:#fd7e14;--c-color-orange-7:#f76707;--c-color-orange-8:#e8590c;--c-color-orange-9:#d9480f;--c-h1-font-size:calc(2.125rem * var(--c-scale));--c-h1-line-height:1.3;--c-h1-font-weight:var(--c-heading-font-weight);--c-h2-font-size:calc(1.625rem * var(--c-scale));--c-h2-line-height:1.35;--c-h2-font-weight:var(--c-heading-font-weight);--c-h3-font-size:calc(1.375rem * var(--c-scale));--c-h3-line-height:1.4;--c-h3-font-weight:var(--c-heading-font-weight);--c-h4-font-size:calc(1.125rem * var(--c-scale));--c-h4-line-height:1.45;--c-h4-font-weight:var(--c-heading-font-weight);--c-h5-font-size:calc(1rem * var(--c-scale));--c-h5-line-height:1.5;--c-h5-font-weight:var(--c-heading-font-weight);--c-h6-font-size:calc(.875rem * var(--c-scale));--c-h6-line-height:1.5;--c-h6-font-weight:var(--c-heading-font-weight)}:root[data-c-color-scheme=light],:host([data-c-color-scheme=light]){--c-color-scheme:light;--c-primary-color-contrast:var(--c-color-white);--c-color-bright:var(--c-color-black);--c-color-text:#000;--c-color-body:#fff;--c-color-error:var(--c-color-red-6);--c-color-placeholder:var(--c-color-gray-5);--c-color-anchor:var(--c-color-blue-6);--c-color-default:var(--c-color-white);--c-color-default-hover:var(--c-color-gray-0);--c-color-default-color:var(--c-color-black);--c-color-default-border:var(--c-color-gray-4);--c-color-dimmed:var(--c-color-gray-6);--c-color-disabled:var(--c-color-gray-2);--c-color-disabled-color:var(--c-color-gray-5);--c-color-disabled-border:var(--c-color-gray-3);--c-primary-color-filled:var(--c-primary-color-6);--c-primary-color-filled-hover:var(--c-primary-color-7);--c-primary-color-light:var(--c-primary-color-1);--c-primary-color-light-hover:var(--c-primary-color-2);--c-primary-color-light-color:var(--c-primary-color-9);--c-primary-color-outline:var(--c-primary-color-filled);--c-primary-color-outline-hover:var(--c-color-blue-outline-hover);--c-color-red-text:var(--c-color-red-filled);--c-color-red-filled:var(--c-color-red-6);--c-color-red-filled-hover:var(--c-color-red-7);--c-color-red-light:var(--c-color-red-1);--c-color-red-light-hover:var(--c-color-red-2);--c-color-red-light-color:var(--c-color-red-9);--c-color-red-outline:var(--c-color-red-6);--c-color-pink-text:var(--c-color-pink-filled);--c-color-pink-filled:var(--c-color-pink-6);--c-color-pink-filled-hover:var(--c-color-pink-7);--c-color-pink-light:var(--c-color-pink-1);--c-color-pink-light-hover:var(--c-color-pink-2);--c-color-pink-light-color:var(--c-color-pink-9);--c-color-pink-outline:var(--c-color-pink-6);--c-color-grape-text:var(--c-color-grape-filled);--c-color-grape-filled:var(--c-color-grape-6);--c-color-grape-filled-hover:var(--c-color-grape-7);--c-color-grape-light:var(--c-color-grape-1);--c-color-grape-light-hover:var(--c-color-grape-2);--c-color-grape-light-color:var(--c-color-grape-9);--c-color-grape-outline:var(--c-color-grape-6);--c-color-violet-text:var(--c-color-violet-filled);--c-color-violet-filled:var(--c-color-violet-6);--c-color-violet-filled-hover:var(--c-color-violet-7);--c-color-violet-light:var(--c-color-violet-1);--c-color-violet-light-hover:var(--c-color-violet-2);--c-color-violet-light-color:var(--c-color-violet-9);--c-color-violet-outline:var(--c-color-violet-6);--c-color-indigo-text:var(--c-color-indigo-filled);--c-color-indigo-filled:var(--c-color-indigo-6);--c-color-indigo-filled-hover:var(--c-color-indigo-7);--c-color-indigo-light:var(--c-color-indigo-1);--c-color-indigo-light-hover:var(--c-color-indigo-2);--c-color-indigo-light-color:var(--c-color-indigo-9);--c-color-indigo-outline:var(--c-color-indigo-6);--c-color-blue-text:var(--c-color-blue-filled);--c-color-blue-filled:var(--c-color-blue-6);--c-color-blue-filled-hover:var(--c-color-blue-7);--c-color-blue-light:var(--c-color-blue-1);--c-color-blue-light-hover:var(--c-color-blue-2);--c-color-blue-light-color:var(--c-color-blue-9);--c-color-blue-outline:var(--c-color-blue-6);--c-color-cyan-text:var(--c-color-cyan-filled);--c-color-cyan-filled:var(--c-color-cyan-6);--c-color-cyan-filled-hover:var(--c-color-cyan-7);--c-color-cyan-light:var(--c-color-cyan-1);--c-color-cyan-light-hover:var(--c-color-cyan-2);--c-color-cyan-light-color:var(--c-color-cyan-9);--c-color-cyan-outline:var(--c-color-cyan-6);--c-color-teal-text:var(--c-color-teal-filled);--c-color-teal-filled:var(--c-color-teal-6);--c-color-teal-filled-hover:var(--c-color-teal-7);--c-color-teal-light:var(--c-color-teal-1);--c-color-teal-light-hover:var(--c-color-teal-2);--c-color-teal-light-color:var(--c-color-teal-9);--c-color-teal-outline:var(--c-color-teal-6);--c-color-green-text:var(--c-color-green-filled);--c-color-green-filled:var(--c-color-green-6);--c-color-green-filled-hover:var(--c-color-green-7);--c-color-green-light:var(--c-color-green-1);--c-color-green-light-hover:var(--c-color-green-2);--c-color-green-light-color:var(--c-color-green-9);--c-color-green-outline:var(--c-color-green-6);--c-color-lime-text:var(--c-color-lime-filled);--c-color-lime-filled:var(--c-color-lime-6);--c-color-lime-filled-hover:var(--c-color-lime-7);--c-color-lime-light:var(--c-color-lime-1);--c-color-lime-light-hover:var(--c-color-lime-2);--c-color-lime-light-color:var(--c-color-lime-9);--c-color-lime-outline:var(--c-color-lime-6);--c-color-yellow-text:var(--c-color-yellow-filled);--c-color-yellow-filled:var(--c-color-yellow-6);--c-color-yellow-filled-hover:var(--c-color-yellow-7);--c-color-yellow-light:var(--c-color-yellow-1);--c-color-yellow-light-hover:var(--c-color-yellow-2);--c-color-yellow-light-color:var(--c-color-yellow-9);--c-color-yellow-outline:var(--c-color-yellow-6);--c-color-orange-text:var(--c-color-orange-filled);--c-color-orange-filled:var(--c-color-orange-6);--c-color-orange-filled-hover:var(--c-color-orange-7);--c-color-orange-light:var(--c-color-orange-1);--c-color-orange-light-hover:var(--c-color-orange-2);--c-color-orange-light-color:var(--c-color-orange-9);--c-color-orange-outline:var(--c-color-orange-6);--c-color-gray-text:var(--c-color-gray-filled);--c-color-gray-filled:var(--c-color-gray-6);--c-color-gray-filled-hover:var(--c-color-gray-7);--c-color-gray-light:var(--c-color-gray-1);--c-color-gray-light-hover:var(--c-color-gray-2);--c-color-gray-light-color:var(--c-color-gray-9);--c-color-gray-outline:var(--c-color-gray-6);--c-color-dark-text:var(--c-color-dark-filled);--c-color-dark-filled:var(--c-color-dark-6);--c-color-dark-filled-hover:var(--c-color-dark-7);--c-color-dark-light:var(--c-color-dark-1);--c-color-dark-light-hover:var(--c-color-dark-2);--c-color-dark-light-color:var(--c-color-dark-9);--c-color-dark-outline:var(--c-color-dark-6);--c-color-dark-outline-hover:#2e2e2e0d;--c-color-gray-outline-hover:#868e960d;--c-color-red-outline-hover:#fa52520d;--c-color-pink-outline-hover:#e649800d;--c-color-grape-outline-hover:#be4bdb0d;--c-color-violet-outline-hover:#7950f20d;--c-color-indigo-outline-hover:#4c6ef50d;--c-color-blue-outline-hover:#228be60d;--c-color-cyan-outline-hover:#15aabf0d;--c-color-teal-outline-hover:#12b8860d;--c-color-green-outline-hover:#40c0570d;--c-color-lime-outline-hover:#82c91e0d;--c-color-yellow-outline-hover:#fab0050d;--c-color-orange-outline-hover:#fd7e140d}:root[data-c-color-scheme=dark],:host([data-c-color-scheme=dark]){--c-color-scheme:dark;--c-primary-color-contrast:var(--c-color-white);--c-primary-color-bright:var(--c-color-white);--c-color-text:var(--c-color-dark-0);--c-color-body:var(--c-color-dark-7);--c-color-error:var(--c-color-red-8);--c-color-placeholder:var(--c-color-dark-3);--c-color-anchor:var(--c-color-blue-4);--c-color-default:var(--c-color-dark-6);--c-color-default-hover:var(--c-color-dark-5);--c-color-default-color:var(--c-color-white);--c-color-default-border:var(--c-color-dark-4);--c-color-dimmed:var(--c-color-dark-2);--c-color-disabled:var(--c-color-dark-6);--c-color-disabled-color:var(--c-color-dark-3);--c-color-disabled-border:var(--c-color-dark-4);--c-primary-color-filled:var(--c-primary-color-8);--c-primary-color-filled-hover:var(--c-primary-color-9);--c-primary-color-light:var(--c-primary-color-1);--c-primary-color-light-hover:var(--c-primary-color-2);--c-primary-color-light-color:var(--c-primary-color-4);--c-primary-color-outline:var(--c-primary-color-filled);--c-primary-color-outline-hover:var(--c-color-blue-outline-hover);--c-color-red-text:var(--c-color-red-4);--c-color-red-filled:var(--c-color-red-8);--c-color-red-filled-hover:var(--c-color-red-9);--c-color-red-light-color:var(--c-color-red-0);--c-color-red-outline:var(--c-color-red-4);--c-color-pink-text:var(--c-color-pink-4);--c-color-pink-filled:var(--c-color-pink-8);--c-color-pink-filled-hover:var(--c-color-pink-9);--c-color-pink-light-color:var(--c-color-pink-0);--c-color-pink-outline:var(--c-color-pink-4);--c-color-grape-text:var(--c-color-grape-4);--c-color-grape-filled:var(--c-color-grape-8);--c-color-grape-filled-hover:var(--c-color-grape-9);--c-color-grape-light-color:var(--c-color-grape-0);--c-color-grape-outline:var(--c-color-grape-4);--c-color-violet-text:var(--c-color-violet-4);--c-color-violet-filled:var(--c-color-violet-8);--c-color-violet-filled-hover:var(--c-color-violet-9);--c-color-violet-light-color:var(--c-color-violet-0);--c-color-violet-outline:var(--c-color-violet-4);--c-color-indigo-text:var(--c-color-indigo-4);--c-color-indigo-filled:var(--c-color-indigo-8);--c-color-indigo-filled-hover:var(--c-color-indigo-9);--c-color-indigo-light-color:var(--c-color-indigo-0);--c-color-indigo-outline:var(--c-color-indigo-4);--c-color-blue-text:var(--c-color-blue-4);--c-color-blue-filled:var(--c-color-blue-8);--c-color-blue-filled-hover:var(--c-color-blue-9);--c-color-blue-light-color:var(--c-color-blue-0);--c-color-blue-outline:var(--c-color-blue-4);--c-color-cyan-text:var(--c-color-cyan-4);--c-color-cyan-filled:var(--c-color-cyan-8);--c-color-cyan-filled-hover:var(--c-color-cyan-9);--c-color-cyan-light-color:var(--c-color-cyan-0);--c-color-cyan-outline:var(--c-color-cyan-4);--c-color-teal-text:var(--c-color-teal-4);--c-color-teal-filled:var(--c-color-teal-8);--c-color-teal-filled-hover:var(--c-color-teal-9);--c-color-teal-light-color:var(--c-color-teal-0);--c-color-teal-outline:var(--c-color-teal-4);--c-color-green-text:var(--c-color-green-4);--c-color-green-filled:var(--c-color-green-8);--c-color-green-filled-hover:var(--c-color-green-9);--c-color-green-light-color:var(--c-color-green-0);--c-color-green-outline:var(--c-color-green-4);--c-color-lime-text:var(--c-color-lime-4);--c-color-lime-filled:var(--c-color-lime-8);--c-color-lime-filled-hover:var(--c-color-lime-9);--c-color-lime-light-color:var(--c-color-lime-0);--c-color-lime-outline:var(--c-color-lime-4);--c-color-yellow-text:var(--c-color-yellow-4);--c-color-yellow-filled:var(--c-color-yellow-8);--c-color-yellow-filled-hover:var(--c-color-yellow-9);--c-color-yellow-light-color:var(--c-color-yellow-0);--c-color-yellow-outline:var(--c-color-yellow-4);--c-color-orange-text:var(--c-color-orange-4);--c-color-orange-filled:var(--c-color-orange-8);--c-color-orange-filled-hover:var(--c-color-orange-9);--c-color-orange-light-color:var(--c-color-orange-0);--c-color-orange-outline:var(--c-color-orange-4);--c-color-gray-text:var(--c-color-gray-4);--c-color-gray-filled:var(--c-color-gray-8);--c-color-gray-filled-hover:var(--c-color-gray-9);--c-color-gray-light-color:var(--c-color-gray-0);--c-color-gray-outline:var(--c-color-gray-4);--c-color-dark-text:var(--c-color-dark-4);--c-color-dark-filled:var(--c-color-dark-8);--c-color-dark-filled-hover:var(--c-color-dark-9);--c-color-dark-light-color:var(--c-color-dark-0);--c-color-dark-outline:var(--c-color-dark-4);--c-color-dark-light:#0a0a0a;--c-color-dark-light-hover:#0e0e0e;--c-color-dark-outline-hover:#4242420d;--c-color-gray-light:#111315;--c-color-gray-light-hover:#171a1d;--c-color-gray-outline-hover:#ced4da0d;--c-color-red-light:#651515;--c-color-red-light-hover:#8d1d1d;--c-color-red-outline-hover:#ff87870d;--c-color-pink-light:#530f27;--c-color-pink-light-hover:#741536;--c-color-pink-outline-hover:#f783ac0d;--c-color-grape-light:#43174e;--c-color-grape-light-hover:#5e206d;--c-color-grape-outline-hover:#da77f20d;--c-color-violet-light:#301f62;--c-color-violet-light-hover:#432b89;--c-color-violet-outline-hover:#9775fa0d;--c-color-indigo-light:#1b2864;--c-color-indigo-light-hover:#26378b;--c-color-indigo-outline-hover:#748ffc0d;--c-color-blue-light:#0c3256;--c-color-blue-light-hover:#114678;--c-color-blue-outline-hover:#4dabf70d;--c-color-cyan-light:#063943;--c-color-cyan-light-hover:#08505d;--c-color-cyan-outline-hover:#3bc9db0d;--c-color-teal-light:#04402e;--c-color-teal-light-hover:#065940;--c-color-teal-outline-hover:#38d9a90d;--c-color-green-light:#16451f;--c-color-green-light-hover:#1e612b;--c-color-green-outline-hover:#69db7c0d;--c-color-lime-light:#2e4a07;--c-color-lime-light-hover:#406809;--c-color-lime-outline-hover:#a9e34b0d;--c-color-yellow-light:#733c00;--c-color-yellow-light-hover:#a15300;--c-color-yellow-outline-hover:#ffd43b0d;--c-color-orange-light:#6d2408;--c-color-orange-light-hover:#98320b;--c-color-orange-outline-hover:#ffa94d0d}.c-icon--right{margin-right:5px}.c-icon--left{margin-left:5px}.c-icon--loading{animation:rorating 2s linear-infinite}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.c-icon{--color:inherit;fill:currentColor;width:1em;height:1em;color:var(--color);line-height:1em;font-size:inherit;justify-content:center;align-items:center;display:inline-block;position:relative}.c-icon.is-loading{animation:2s linear infinite rotating}.c-icon svg{width:1em;height:1em}

package/theme-slate/cu-button.css

@@ -0,0 +1 @@
+:root[data-cck-color-scheme=dark],:host([data-cck-color-scheme=dark]){-c-color-white:#e9ecef;-c-color-black:#fff;-c-primary-color-filled:#3b7cbf;-c-primary-color-filled-hover:#2c5e8c;-c-color-disabled:#2c2e33;-c-color-disabled-color:#6c6f78}.c-button__root{--button-height-xs:calc(1.875rem * var(--c-scale));--button-height-sm:calc(2.25rem * var(--c-scale));--button-height-md:calc(2.625rem * var(--c-scale));--button-height-lg:calc(3.125rem * var(--c-scale));--button-height-xl:calc(3.75rem * var(--c-scale));--button-height-compact-xs:calc(1.375rem * var(--c-scale));--button-height-compact-sm:calc(1.625rem * var(--c-scale));--button-height-compact-md:calc(1.875rem * var(--c-scale));--button-height-compact-lg:calc(2.125rem * var(--c-scale));--button-height-compact-xl:calc(2.5rem * var(--c-scale));--button-padding-x-xs:calc(.875rem * var(--c-scale));--button-padding-x-sm:calc(1.125rem * var(--c-scale));--button-padding-x-md:calc(1.375rem * var(--c-scale));--button-padding-x-lg:calc(1.625rem * var(--c-scale));--button-padding-x-xl:calc(2rem * var(--c-scale));--button-padding-x-compact-xs:calc(.4375rem * var(--c-scale));--button-padding-x-compact-sm:calc(.5rem * var(--c-scale));--button-padding-x-compact-md:calc(.625rem * var(--c-scale));--button-padding-x-compact-lg:calc(.75rem * var(--c-scale));--button-padding-x-compact-xl:calc(.875rem * var(--c-scale));--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-color:var(--c-color-white);--button-fz:var(--c-font-size-sm);-webkit-user-select:none;user-select:none;font-weight:var(--c-font-weight-medium);text-align:center;cursor:pointer;border-radius:var(--button-radius,var(--c-radius-default));width:auto;line-height:1;font-size:var(--button-fz);background:var(--button-bg,var(--c-color-default));border:var(--button-bd,1px solid transparent);color:var(--button-color);height:var(--button-height);vertical-align:middle;padding-inline-start:var(--button-padding-x);padding-inline-end:var(--button-padding-x);text-decoration:none;transition:background .15s,color .15s;display:inline-block;position:relative;overflow:hidden}.c-button__root:before{content:"";pointer-events:none;border-radius:inherit;opacity:0;filter:blur(12px);background-color:#ffffff26;transition:transform .15s,opacity .1s;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;transform:translateY(-100%)}:root[data-cck-color-scheme=dark] .c-button__root:before,:host([data-cck-color-scheme=dark]) .c-button__root:before{background-color:#00000026}.c-button__root[data-block]{width:100%;display:block}.c-button__root[data-with-left-section]{padding-inline-start:calc(var(--button-padding-x) / 1.5)}.c-button__root[data-with-right-section]{padding-inline-end:calc(var(--button-padding-x) / 1.5)}.c-button__root:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){cursor:not-allowed;border:calc(.0625rem * var(--c-scale)) solid transparent;color:var(--c-color-disabled-color);background:var(--c-color-disabled);transform:none}.c-button__root[data-loading]{cursor:not-allowed;transform:none}.c-button__root[data-loading]:before{opacity:1;transform:translateY(0)}.c-button__root[data-loading] .c-button__inner{opacity:0;transform:translateY(100%)}@media (hover:hover){.c-button__root:hover:where(:not(:-webkit-any([data-loading],:disabled,[data-disabled]))){background-color:var(--button-hover,var(--c-color-default-hover));color:var(--button-hover-color,var(--button-color))}.c-button__root:hover:where(:not(:is([data-loading],:disabled,[data-disabled]))){background-color:var(--button-hover,var(--c-color-default-hover));color:var(--button-hover-color,var(--button-color))}}.c-button__root[data-variant=default]:not([data-disabled]){--button-bg:var(--c-color-default);--button-hover:var(--c-color-default-hover);--button-color:var(--c-color-default-color);--button-bd:calc(.0625rem * var(--c-scale)) solid var(--c-color-default-border)}.c-button__root[data-variant=filled]:not([data-disabled]){--button-bg:var(--c-primary-color-filled);--button-hover:var(--c-primary-color-filled-hover);--button-color:var(--c-color-white)}.c-button__root[data-variant=light]:not([data-disabled]){--button-bg:var(--c-primary-color-light);--button-hover:var(--c-primary-color-light-hover);--button-color:var(--c-primary-color-light-color)}.c-button__root[data-variant=outline]:not([data-disabled]){--button-bg:transparent;--button-hover:var(--c-primary-color-outline-hover);--button-color:var(--c-primary-color-outline);--button-bd:calc(.0625rem * var(--c-scale)) solid var(--c-primary-color-outline)}.c-button__root[data-variant=subtle]:not([data-disabled]){--button-bg:transparent;--button-hover:var(--c-primary-color-light-hover);--button-color:var(--c-primary-color-light-color);--button-bd:calc(.0625rem * var(--c-scale)) solid transparent}.c-button__root[data-variant=transparent]:not([data-disabled]){--button-bg:transparent;--button-hover:transparent;--button-color:var(--c-primary-color-light-color)}.c-button__root[data-variant=white]:not([data-disabled]){--button-bg:var(--c-color-white);--button-hover:#fcfcfc;--button-color:var(--c-primary-color-filled)}.c-button__root[data-size=xs]{--button-height:var(--button-height-xs);--button-padding-x:var(--button-padding-x-xs);--button-fz:.75rem}.c-button__root[data-size=sm]{--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--c-font-size-sm)}.c-button__root[data-size=md]{--button-height:var(--button-height-md);--button-padding-x:var(--button-padding-x-md);--button-fz:1rem}.c-button__root[data-size=lg]{--button-height:var(--button-height-lg);--button-padding-x:var(--button-padding-x-lg);--button-fz:1.125rem}.c-button__root[data-size=xl]{--button-height:var(--button-height-xl);--button-padding-x:var(--button-padding-x-xl);--button-fz:1.25rem}.c-button__root[data-size=compact-xs]{--button-height:var(--button-height-compact-xs);--button-padding-x:var(--button-padding-x-compact-xs)}.c-button__root[data-size=compact-sm]{--button-height:var(--button-height-compact-sm);--button-padding-x:var(--button-padding-x-compact-sm)}.c-button__root[data-size=compact-md]{--button-height:var(--button-height-compact-md);--button-padding-x:var(--button-padding-x-compact-md)}.c-button__root[data-size=compact-lg]{--button-height:var(--button-height-compact-lg);--button-padding-x:var(--button-padding-x-compact-lg)}.c-button__root[data-size=compact-xl]{--button-height:var(--button-height-compact-xl);--button-padding-x:var(--button-padding-x-compact-xl)}.c-button__inner{align-items:center;justify-content:var(--button-justify,center);height:100%;transition:transform .15s,opacity .1s;display:flex;overflow:visible}.c-button__inner [data-position=left]{margin-inline-end:var(--c-spacing-xs)}.c-button__inner [data-position=right]{margin-inline-start:var(--c-spacing-xs)}.c-button__label{white-space:nowrap;opacity:1;align-items:center;height:100%;display:flex;overflow:hidden}.c-button__label[data-loading]{opacity:.2}.c-button__section{align-items:center;display:flex}.c-button__section[data-position=left]{margin-inline-end:var(--c-spacing-xs)}.c-button__section[data-position=right]{margin-inline-start:var(--c-spacing-xs)}.c-button__loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.c-button-group{--button-border-width:1px;display:flex}.c-button-group[data-orientation=horizontal]{flex-direction:row}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):first-child{border-inline-end-width:calc(var(--button-border-width) / 2)}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):first-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:0;border-bottom-right-radius:0}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):first-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:0;border-bottom-right-radius:0}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):first-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-bottom-left-radius:0}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):first-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-bottom-left-radius:0}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):last-child{border-inline-start-width:calc(var(--button-border-width) / 2)}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):last-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:0;border-bottom-left-radius:0}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):last-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:0;border-bottom-left-radius:0}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):last-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:0;border-bottom-right-radius:0}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:0;border-bottom-right-radius:0}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):not(:first-child):not(:last-child){border-inline-width:calc(var(--button-border-width) / 2);border-radius:0}.c-button-group[data-orientation=vertical]{flex-direction:column}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):first-child{border-bottom-width:calc(var(--button-border-width) / 2)}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):first-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:0;border-bottom-left-radius:0}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):first-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:0;border-bottom-left-radius:0}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):first-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-right-radius:0;border-bottom-left-radius:0}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):first-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-right-radius:0;border-bottom-left-radius:0}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):last-child{border-top-width:calc(var(--button-border-width) / 2)}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):last-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:0;border-top-right-radius:0}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):last-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:0;border-top-right-radius:0}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):last-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-top-right-radius:0}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-top-right-radius:0}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):not(:first-child):not(:last-child){border-bottom-width:calc(var(--button-border-width) / 2);border-top-width:calc(var(--button-border-width) / 2);border-radius:0}

package/theme-slate/cu-common.css

@@ -0,0 +1 @@
+.c-focus-always:focus{outline-offset:calc(.125rem * var(--c-scale));outline:2px solid var(--c-primary-color-filled)}.c-focus-auto:focus-visible{outline-offset:calc(.125rem * var(--c-scale));outline:2px solid var(--c-primary-color-filled)}.c-active:active{transform:translateY(calc(.0625rem * var(--c-scale)))}

package/theme-slate/cu-icon.css

@@ -0,0 +1 @@
+.c-icon--right{margin-right:5px}.c-icon--left{margin-left:5px}.c-icon--loading{animation:rorating 2s linear-infinite}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.c-icon{--color:inherit;fill:currentColor;width:1em;height:1em;color:var(--color);line-height:1em;font-size:inherit;justify-content:center;align-items:center;display:inline-block;position:relative}.c-icon.is-loading{animation:2s linear infinite rotating}.c-icon svg{width:1em;height:1em}

package/theme-slate/cu-var.css

@@ -0,0 +1 @@
+:root{--c-scale:1;--c-cursor-type:default;--c-webkit-font-smoothing:antialiased;--c-moz-font-smoothing:grayscale;--c-color-white:#fff;--c-color-black:#000;--c-line-height:1.55;--c-font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;--c-font-family-monospace:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--c-font-family-headings:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;--c-heading-font-weight:var(--c-font-weight-bold);--c-heading-text-wrap:wrap;--c-radius-default:calc(.5rem * var(--c-scale));--c-breakpoint-xs:36em;--c-breakpoint-sm:48em;--c-breakpoint-md:62em;--c-breakpoint-lg:75em;--c-breakpoint-xl:88em;--c-spacing-xs:calc(.625rem * var(--c-scale));--c-spacing-sm:calc(.75rem * var(--c-scale));--c-spacing-md:calc(1rem * var(--c-scale));--c-spacing-lg:calc(1.25rem * var(--c-scale));--c-spacing-xl:calc(2rem * var(--c-scale));--c-font-size-xs:calc(.75rem * var(--c-scale));--c-font-size-sm:calc(.875rem * var(--c-scale));--c-font-size-md:calc(1rem * var(--c-scale));--c-font-size-lg:calc(1.125rem * var(--c-scale));--c-font-size-xl:calc(1.25rem * var(--c-scale));--c-line-height-xs:1.4;--c-line-height-sm:1.45;--c-line-height-md:1.55;--c-line-height-lg:1.6;--c-line-height-xl:1.65;--c-shadow-xs:0 calc(.0625rem * var(--c-scale)) calc(.1875rem * var(--c-scale)) #0000000d, 0 calc(.0625rem * var(--c-scale)) calc(.125rem * var(--c-scale)) #0000001a;--c-shadow-sm:0 calc(.0625rem * var(--c-scale)) calc(.1875rem * var(--c-scale)) #0000000d, #0000000d 0 calc(.625rem * var(--c-scale)) calc(.9375rem * var(--c-scale)) calc(-.3125rem * var(--c-scale)), #0000000a 0 calc(.4375rem * var(--c-scale)) calc(.4375rem * var(--c-scale)) calc(-.3125rem * var(--c-scale));--c-shadow-md:0 calc(.0625rem * var(--c-scale)) calc(.1875rem * var(--c-scale)) #0000000d, #0000000d 0 calc(1.25rem * var(--c-scale)) calc(1.5625rem * var(--c-scale)) calc(-.3125rem * var(--c-scale)), #0000000a 0 calc(.625rem * var(--c-scale)) calc(.625rem * var(--c-scale)) calc(-.3125rem * var(--c-scale));--c-shadow-lg:0 calc(.0625rem * var(--c-scale)) calc(.1875rem * var(--c-scale)) #0000000d, #0000000d 0 calc(1.75rem * var(--c-scale)) calc(1.4375rem * var(--c-scale)) calc(-.4375rem * var(--c-scale)), #0000000a 0 calc(.75rem * var(--c-scale)) calc(.75rem * var(--c-scale)) calc(-.4375rem * var(--c-scale));--c-shadow-xl:0 calc(.0625rem * var(--c-scale)) calc(.1875rem * var(--c-scale)) #0000000d, #0000000d 0 calc(2.25rem * var(--c-scale)) calc(1.75rem * var(--c-scale)) calc(-.4375rem * var(--c-scale)), #0000000a 0 calc(1.0625rem * var(--c-scale)) calc(1.0625rem * var(--c-scale)) calc(-.4375rem * var(--c-scale));--c-radius-xs:calc(.125rem * var(--c-scale));--c-radius-sm:calc(.25rem * var(--c-scale));--c-radius-md:calc(.5rem * var(--c-scale));--c-radius-lg:calc(1rem * var(--c-scale));--c-radius-xl:calc(2rem * var(--c-scale));--c-font-weight-regular:400;--c-font-weight-medium:600;--c-font-weight-bold:700;--c-primary-color-0:var(--c-color-blue-0);--c-primary-color-1:var(--c-color-blue-1);--c-primary-color-2:var(--c-color-blue-2);--c-primary-color-3:var(--c-color-blue-3);--c-primary-color-4:var(--c-color-blue-4);--c-primary-color-5:var(--c-color-blue-5);--c-primary-color-6:var(--c-color-blue-6);--c-primary-color-7:var(--c-color-blue-7);--c-primary-color-8:var(--c-color-blue-8);--c-primary-color-9:var(--c-color-blue-9);--c-color-dark-0:#c9c9c9;--c-color-dark-1:#b8b8b8;--c-color-dark-2:#828282;--c-color-dark-3:#696969;--c-color-dark-4:#424242;--c-color-dark-5:#3b3b3b;--c-color-dark-6:#2e2e2e;--c-color-dark-7:#242424;--c-color-dark-8:#1f1f1f;--c-color-dark-9:#141414;--c-color-gray-0:#f8f9fa;--c-color-gray-1:#f1f3f5;--c-color-gray-2:#e9ecef;--c-color-gray-3:#dee2e6;--c-color-gray-4:#ced4da;--c-color-gray-5:#adb5bd;--c-color-gray-6:#868e96;--c-color-gray-7:#495057;--c-color-gray-8:#343a40;--c-color-gray-9:#212529;--c-color-red-0:#fff5f5;--c-color-red-1:#ffe3e3;--c-color-red-2:#ffc9c9;--c-color-red-3:#ffa8a8;--c-color-red-4:#ff8787;--c-color-red-5:#ff6b6b;--c-color-red-6:#fa5252;--c-color-red-7:#f03e3e;--c-color-red-8:#e03131;--c-color-red-9:#c92a2a;--c-color-pink-0:#fff0f6;--c-color-pink-1:#ffdeeb;--c-color-pink-2:#fcc2d7;--c-color-pink-3:#faa2c1;--c-color-pink-4:#f783ac;--c-color-pink-5:#f06595;--c-color-pink-6:#e64980;--c-color-pink-7:#d6336c;--c-color-pink-8:#c2255c;--c-color-pink-9:#a61e4d;--c-color-grape-0:#f8f0fc;--c-color-grape-1:#f3d9fa;--c-color-grape-2:#eebefa;--c-color-grape-3:#e599f7;--c-color-grape-4:#da77f2;--c-color-grape-5:#cc5de8;--c-color-grape-6:#be4bdb;--c-color-grape-7:#ae3ec9;--c-color-grape-8:#9c36b5;--c-color-grape-9:#862e9c;--c-color-violet-0:#f3f0ff;--c-color-violet-1:#e5dbff;--c-color-violet-2:#d0bfff;--c-color-violet-3:#b197fc;--c-color-violet-4:#9775fa;--c-color-violet-5:#845ef7;--c-color-violet-6:#7950f2;--c-color-violet-7:#7048e8;--c-color-violet-8:#6741d9;--c-color-violet-9:#5f3dc4;--c-color-indigo-0:#edf2ff;--c-color-indigo-1:#dbe4ff;--c-color-indigo-2:#bac8ff;--c-color-indigo-3:#91a7ff;--c-color-indigo-4:#748ffc;--c-color-indigo-5:#5c7cfa;--c-color-indigo-6:#4c6ef5;--c-color-indigo-7:#4263eb;--c-color-indigo-8:#3b5bdb;--c-color-indigo-9:#364fc7;--c-color-blue-0:#e7f5ff;--c-color-blue-1:#d0ebff;--c-color-blue-2:#a5d8ff;--c-color-blue-3:#74c0fc;--c-color-blue-4:#4dabf7;--c-color-blue-5:#339af0;--c-color-blue-6:#228be6;--c-color-blue-7:#1c7ed6;--c-color-blue-8:#1971c2;--c-color-blue-9:#1864ab;--c-color-cyan-0:#e3fafc;--c-color-cyan-1:#c5f6fa;--c-color-cyan-2:#99e9f2;--c-color-cyan-3:#66d9e8;--c-color-cyan-4:#3bc9db;--c-color-cyan-5:#22b8cf;--c-color-cyan-6:#15aabf;--c-color-cyan-7:#1098ad;--c-color-cyan-8:#0c8599;--c-color-cyan-9:#0b7285;--c-color-teal-0:#e6fcf5;--c-color-teal-1:#c3fae8;--c-color-teal-2:#96f2d7;--c-color-teal-3:#63e6be;--c-color-teal-4:#38d9a9;--c-color-teal-5:#20c997;--c-color-teal-6:#12b886;--c-color-teal-7:#0ca678;--c-color-teal-8:#099268;--c-color-teal-9:#087f5b;--c-color-green-0:#ebfbee;--c-color-green-1:#d3f9d8;--c-color-green-2:#b2f2bb;--c-color-green-3:#8ce99a;--c-color-green-4:#69db7c;--c-color-green-5:#51cf66;--c-color-green-6:#40c057;--c-color-green-7:#37b24d;--c-color-green-8:#2f9e44;--c-color-green-9:#2b8a3e;--c-color-lime-0:#f4fce3;--c-color-lime-1:#e9fac8;--c-color-lime-2:#d8f5a2;--c-color-lime-3:#c0eb75;--c-color-lime-4:#a9e34b;--c-color-lime-5:#94d82d;--c-color-lime-6:#82c91e;--c-color-lime-7:#74b816;--c-color-lime-8:#66a80f;--c-color-lime-9:#5c940d;--c-color-yellow-0:#fff9db;--c-color-yellow-1:#fff3bf;--c-color-yellow-2:#ffec99;--c-color-yellow-3:#ffe066;--c-color-yellow-4:#ffd43b;--c-color-yellow-5:#fcc419;--c-color-yellow-6:#fab005;--c-color-yellow-7:#f59f00;--c-color-yellow-8:#f08c00;--c-color-yellow-9:#e67700;--c-color-orange-0:#fff4e6;--c-color-orange-1:#ffe8cc;--c-color-orange-2:#ffd8a8;--c-color-orange-3:#ffc078;--c-color-orange-4:#ffa94d;--c-color-orange-5:#ff922b;--c-color-orange-6:#fd7e14;--c-color-orange-7:#f76707;--c-color-orange-8:#e8590c;--c-color-orange-9:#d9480f;--c-h1-font-size:calc(2.125rem * var(--c-scale));--c-h1-line-height:1.3;--c-h1-font-weight:var(--c-heading-font-weight);--c-h2-font-size:calc(1.625rem * var(--c-scale));--c-h2-line-height:1.35;--c-h2-font-weight:var(--c-heading-font-weight);--c-h3-font-size:calc(1.375rem * var(--c-scale));--c-h3-line-height:1.4;--c-h3-font-weight:var(--c-heading-font-weight);--c-h4-font-size:calc(1.125rem * var(--c-scale));--c-h4-line-height:1.45;--c-h4-font-weight:var(--c-heading-font-weight);--c-h5-font-size:calc(1rem * var(--c-scale));--c-h5-line-height:1.5;--c-h5-font-weight:var(--c-heading-font-weight);--c-h6-font-size:calc(.875rem * var(--c-scale));--c-h6-line-height:1.5;--c-h6-font-weight:var(--c-heading-font-weight)}:root[data-c-color-scheme=light],:host([data-c-color-scheme=light]){--c-color-scheme:light;--c-primary-color-contrast:var(--c-color-white);--c-color-bright:var(--c-color-black);--c-color-text:#000;--c-color-body:#fff;--c-color-error:var(--c-color-red-6);--c-color-placeholder:var(--c-color-gray-5);--c-color-anchor:var(--c-color-blue-6);--c-color-default:var(--c-color-white);--c-color-default-hover:var(--c-color-gray-0);--c-color-default-color:var(--c-color-black);--c-color-default-border:var(--c-color-gray-4);--c-color-dimmed:var(--c-color-gray-6);--c-color-disabled:var(--c-color-gray-2);--c-color-disabled-color:var(--c-color-gray-5);--c-color-disabled-border:var(--c-color-gray-3);--c-primary-color-filled:var(--c-primary-color-6);--c-primary-color-filled-hover:var(--c-primary-color-7);--c-primary-color-light:var(--c-primary-color-1);--c-primary-color-light-hover:var(--c-primary-color-2);--c-primary-color-light-color:var(--c-primary-color-9);--c-primary-color-outline:var(--c-primary-color-filled);--c-primary-color-outline-hover:var(--c-color-blue-outline-hover);--c-color-red-text:var(--c-color-red-filled);--c-color-red-filled:var(--c-color-red-6);--c-color-red-filled-hover:var(--c-color-red-7);--c-color-red-light:var(--c-color-red-1);--c-color-red-light-hover:var(--c-color-red-2);--c-color-red-light-color:var(--c-color-red-9);--c-color-red-outline:var(--c-color-red-6);--c-color-pink-text:var(--c-color-pink-filled);--c-color-pink-filled:var(--c-color-pink-6);--c-color-pink-filled-hover:var(--c-color-pink-7);--c-color-pink-light:var(--c-color-pink-1);--c-color-pink-light-hover:var(--c-color-pink-2);--c-color-pink-light-color:var(--c-color-pink-9);--c-color-pink-outline:var(--c-color-pink-6);--c-color-grape-text:var(--c-color-grape-filled);--c-color-grape-filled:var(--c-color-grape-6);--c-color-grape-filled-hover:var(--c-color-grape-7);--c-color-grape-light:var(--c-color-grape-1);--c-color-grape-light-hover:var(--c-color-grape-2);--c-color-grape-light-color:var(--c-color-grape-9);--c-color-grape-outline:var(--c-color-grape-6);--c-color-violet-text:var(--c-color-violet-filled);--c-color-violet-filled:var(--c-color-violet-6);--c-color-violet-filled-hover:var(--c-color-violet-7);--c-color-violet-light:var(--c-color-violet-1);--c-color-violet-light-hover:var(--c-color-violet-2);--c-color-violet-light-color:var(--c-color-violet-9);--c-color-violet-outline:var(--c-color-violet-6);--c-color-indigo-text:var(--c-color-indigo-filled);--c-color-indigo-filled:var(--c-color-indigo-6);--c-color-indigo-filled-hover:var(--c-color-indigo-7);--c-color-indigo-light:var(--c-color-indigo-1);--c-color-indigo-light-hover:var(--c-color-indigo-2);--c-color-indigo-light-color:var(--c-color-indigo-9);--c-color-indigo-outline:var(--c-color-indigo-6);--c-color-blue-text:var(--c-color-blue-filled);--c-color-blue-filled:var(--c-color-blue-6);--c-color-blue-filled-hover:var(--c-color-blue-7);--c-color-blue-light:var(--c-color-blue-1);--c-color-blue-light-hover:var(--c-color-blue-2);--c-color-blue-light-color:var(--c-color-blue-9);--c-color-blue-outline:var(--c-color-blue-6);--c-color-cyan-text:var(--c-color-cyan-filled);--c-color-cyan-filled:var(--c-color-cyan-6);--c-color-cyan-filled-hover:var(--c-color-cyan-7);--c-color-cyan-light:var(--c-color-cyan-1);--c-color-cyan-light-hover:var(--c-color-cyan-2);--c-color-cyan-light-color:var(--c-color-cyan-9);--c-color-cyan-outline:var(--c-color-cyan-6);--c-color-teal-text:var(--c-color-teal-filled);--c-color-teal-filled:var(--c-color-teal-6);--c-color-teal-filled-hover:var(--c-color-teal-7);--c-color-teal-light:var(--c-color-teal-1);--c-color-teal-light-hover:var(--c-color-teal-2);--c-color-teal-light-color:var(--c-color-teal-9);--c-color-teal-outline:var(--c-color-teal-6);--c-color-green-text:var(--c-color-green-filled);--c-color-green-filled:var(--c-color-green-6);--c-color-green-filled-hover:var(--c-color-green-7);--c-color-green-light:var(--c-color-green-1);--c-color-green-light-hover:var(--c-color-green-2);--c-color-green-light-color:var(--c-color-green-9);--c-color-green-outline:var(--c-color-green-6);--c-color-lime-text:var(--c-color-lime-filled);--c-color-lime-filled:var(--c-color-lime-6);--c-color-lime-filled-hover:var(--c-color-lime-7);--c-color-lime-light:var(--c-color-lime-1);--c-color-lime-light-hover:var(--c-color-lime-2);--c-color-lime-light-color:var(--c-color-lime-9);--c-color-lime-outline:var(--c-color-lime-6);--c-color-yellow-text:var(--c-color-yellow-filled);--c-color-yellow-filled:var(--c-color-yellow-6);--c-color-yellow-filled-hover:var(--c-color-yellow-7);--c-color-yellow-light:var(--c-color-yellow-1);--c-color-yellow-light-hover:var(--c-color-yellow-2);--c-color-yellow-light-color:var(--c-color-yellow-9);--c-color-yellow-outline:var(--c-color-yellow-6);--c-color-orange-text:var(--c-color-orange-filled);--c-color-orange-filled:var(--c-color-orange-6);--c-color-orange-filled-hover:var(--c-color-orange-7);--c-color-orange-light:var(--c-color-orange-1);--c-color-orange-light-hover:var(--c-color-orange-2);--c-color-orange-light-color:var(--c-color-orange-9);--c-color-orange-outline:var(--c-color-orange-6);--c-color-gray-text:var(--c-color-gray-filled);--c-color-gray-filled:var(--c-color-gray-6);--c-color-gray-filled-hover:var(--c-color-gray-7);--c-color-gray-light:var(--c-color-gray-1);--c-color-gray-light-hover:var(--c-color-gray-2);--c-color-gray-light-color:var(--c-color-gray-9);--c-color-gray-outline:var(--c-color-gray-6);--c-color-dark-text:var(--c-color-dark-filled);--c-color-dark-filled:var(--c-color-dark-6);--c-color-dark-filled-hover:var(--c-color-dark-7);--c-color-dark-light:var(--c-color-dark-1);--c-color-dark-light-hover:var(--c-color-dark-2);--c-color-dark-light-color:var(--c-color-dark-9);--c-color-dark-outline:var(--c-color-dark-6);--c-color-dark-outline-hover:#2e2e2e0d;--c-color-gray-outline-hover:#868e960d;--c-color-red-outline-hover:#fa52520d;--c-color-pink-outline-hover:#e649800d;--c-color-grape-outline-hover:#be4bdb0d;--c-color-violet-outline-hover:#7950f20d;--c-color-indigo-outline-hover:#4c6ef50d;--c-color-blue-outline-hover:#228be60d;--c-color-cyan-outline-hover:#15aabf0d;--c-color-teal-outline-hover:#12b8860d;--c-color-green-outline-hover:#40c0570d;--c-color-lime-outline-hover:#82c91e0d;--c-color-yellow-outline-hover:#fab0050d;--c-color-orange-outline-hover:#fd7e140d}:root[data-c-color-scheme=dark],:host([data-c-color-scheme=dark]){--c-color-scheme:dark;--c-primary-color-contrast:var(--c-color-white);--c-primary-color-bright:var(--c-color-white);--c-color-text:var(--c-color-dark-0);--c-color-body:var(--c-color-dark-7);--c-color-error:var(--c-color-red-8);--c-color-placeholder:var(--c-color-dark-3);--c-color-anchor:var(--c-color-blue-4);--c-color-default:var(--c-color-dark-6);--c-color-default-hover:var(--c-color-dark-5);--c-color-default-color:var(--c-color-white);--c-color-default-border:var(--c-color-dark-4);--c-color-dimmed:var(--c-color-dark-2);--c-color-disabled:var(--c-color-dark-6);--c-color-disabled-color:var(--c-color-dark-3);--c-color-disabled-border:var(--c-color-dark-4);--c-primary-color-filled:var(--c-primary-color-8);--c-primary-color-filled-hover:var(--c-primary-color-9);--c-primary-color-light:var(--c-primary-color-1);--c-primary-color-light-hover:var(--c-primary-color-2);--c-primary-color-light-color:var(--c-primary-color-4);--c-primary-color-outline:var(--c-primary-color-filled);--c-primary-color-outline-hover:var(--c-color-blue-outline-hover);--c-color-red-text:var(--c-color-red-4);--c-color-red-filled:var(--c-color-red-8);--c-color-red-filled-hover:var(--c-color-red-9);--c-color-red-light-color:var(--c-color-red-0);--c-color-red-outline:var(--c-color-red-4);--c-color-pink-text:var(--c-color-pink-4);--c-color-pink-filled:var(--c-color-pink-8);--c-color-pink-filled-hover:var(--c-color-pink-9);--c-color-pink-light-color:var(--c-color-pink-0);--c-color-pink-outline:var(--c-color-pink-4);--c-color-grape-text:var(--c-color-grape-4);--c-color-grape-filled:var(--c-color-grape-8);--c-color-grape-filled-hover:var(--c-color-grape-9);--c-color-grape-light-color:var(--c-color-grape-0);--c-color-grape-outline:var(--c-color-grape-4);--c-color-violet-text:var(--c-color-violet-4);--c-color-violet-filled:var(--c-color-violet-8);--c-color-violet-filled-hover:var(--c-color-violet-9);--c-color-violet-light-color:var(--c-color-violet-0);--c-color-violet-outline:var(--c-color-violet-4);--c-color-indigo-text:var(--c-color-indigo-4);--c-color-indigo-filled:var(--c-color-indigo-8);--c-color-indigo-filled-hover:var(--c-color-indigo-9);--c-color-indigo-light-color:var(--c-color-indigo-0);--c-color-indigo-outline:var(--c-color-indigo-4);--c-color-blue-text:var(--c-color-blue-4);--c-color-blue-filled:var(--c-color-blue-8);--c-color-blue-filled-hover:var(--c-color-blue-9);--c-color-blue-light-color:var(--c-color-blue-0);--c-color-blue-outline:var(--c-color-blue-4);--c-color-cyan-text:var(--c-color-cyan-4);--c-color-cyan-filled:var(--c-color-cyan-8);--c-color-cyan-filled-hover:var(--c-color-cyan-9);--c-color-cyan-light-color:var(--c-color-cyan-0);--c-color-cyan-outline:var(--c-color-cyan-4);--c-color-teal-text:var(--c-color-teal-4);--c-color-teal-filled:var(--c-color-teal-8);--c-color-teal-filled-hover:var(--c-color-teal-9);--c-color-teal-light-color:var(--c-color-teal-0);--c-color-teal-outline:var(--c-color-teal-4);--c-color-green-text:var(--c-color-green-4);--c-color-green-filled:var(--c-color-green-8);--c-color-green-filled-hover:var(--c-color-green-9);--c-color-green-light-color:var(--c-color-green-0);--c-color-green-outline:var(--c-color-green-4);--c-color-lime-text:var(--c-color-lime-4);--c-color-lime-filled:var(--c-color-lime-8);--c-color-lime-filled-hover:var(--c-color-lime-9);--c-color-lime-light-color:var(--c-color-lime-0);--c-color-lime-outline:var(--c-color-lime-4);--c-color-yellow-text:var(--c-color-yellow-4);--c-color-yellow-filled:var(--c-color-yellow-8);--c-color-yellow-filled-hover:var(--c-color-yellow-9);--c-color-yellow-light-color:var(--c-color-yellow-0);--c-color-yellow-outline:var(--c-color-yellow-4);--c-color-orange-text:var(--c-color-orange-4);--c-color-orange-filled:var(--c-color-orange-8);--c-color-orange-filled-hover:var(--c-color-orange-9);--c-color-orange-light-color:var(--c-color-orange-0);--c-color-orange-outline:var(--c-color-orange-4);--c-color-gray-text:var(--c-color-gray-4);--c-color-gray-filled:var(--c-color-gray-8);--c-color-gray-filled-hover:var(--c-color-gray-9);--c-color-gray-light-color:var(--c-color-gray-0);--c-color-gray-outline:var(--c-color-gray-4);--c-color-dark-text:var(--c-color-dark-4);--c-color-dark-filled:var(--c-color-dark-8);--c-color-dark-filled-hover:var(--c-color-dark-9);--c-color-dark-light-color:var(--c-color-dark-0);--c-color-dark-outline:var(--c-color-dark-4);--c-color-dark-light:#0a0a0a;--c-color-dark-light-hover:#0e0e0e;--c-color-dark-outline-hover:#4242420d;--c-color-gray-light:#111315;--c-color-gray-light-hover:#171a1d;--c-color-gray-outline-hover:#ced4da0d;--c-color-red-light:#651515;--c-color-red-light-hover:#8d1d1d;--c-color-red-outline-hover:#ff87870d;--c-color-pink-light:#530f27;--c-color-pink-light-hover:#741536;--c-color-pink-outline-hover:#f783ac0d;--c-color-grape-light:#43174e;--c-color-grape-light-hover:#5e206d;--c-color-grape-outline-hover:#da77f20d;--c-color-violet-light:#301f62;--c-color-violet-light-hover:#432b89;--c-color-violet-outline-hover:#9775fa0d;--c-color-indigo-light:#1b2864;--c-color-indigo-light-hover:#26378b;--c-color-indigo-outline-hover:#748ffc0d;--c-color-blue-light:#0c3256;--c-color-blue-light-hover:#114678;--c-color-blue-outline-hover:#4dabf70d;--c-color-cyan-light:#063943;--c-color-cyan-light-hover:#08505d;--c-color-cyan-outline-hover:#3bc9db0d;--c-color-teal-light:#04402e;--c-color-teal-light-hover:#065940;--c-color-teal-outline-hover:#38d9a90d;--c-color-green-light:#16451f;--c-color-green-light-hover:#1e612b;--c-color-green-outline-hover:#69db7c0d;--c-color-lime-light:#2e4a07;--c-color-lime-light-hover:#406809;--c-color-lime-outline-hover:#a9e34b0d;--c-color-yellow-light:#733c00;--c-color-yellow-light-hover:#a15300;--c-color-yellow-outline-hover:#ffd43b0d;--c-color-orange-light:#6d2408;--c-color-orange-light-hover:#98320b;--c-color-orange-outline-hover:#ffa94d0d}

package/theme-slate/index.css

@@ -0,0 +1 @@
+:root{--c-scale:1;--c-cursor-type:default;--c-webkit-font-smoothing:antialiased;--c-moz-font-smoothing:grayscale;--c-color-white:#fff;--c-color-black:#000;--c-line-height:1.55;--c-font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;--c-font-family-monospace:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--c-font-family-headings:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;--c-heading-font-weight:var(--c-font-weight-bold);--c-heading-text-wrap:wrap;--c-radius-default:calc(.5rem * var(--c-scale));--c-breakpoint-xs:36em;--c-breakpoint-sm:48em;--c-breakpoint-md:62em;--c-breakpoint-lg:75em;--c-breakpoint-xl:88em;--c-spacing-xs:calc(.625rem * var(--c-scale));--c-spacing-sm:calc(.75rem * var(--c-scale));--c-spacing-md:calc(1rem * var(--c-scale));--c-spacing-lg:calc(1.25rem * var(--c-scale));--c-spacing-xl:calc(2rem * var(--c-scale));--c-font-size-xs:calc(.75rem * var(--c-scale));--c-font-size-sm:calc(.875rem * var(--c-scale));--c-font-size-md:calc(1rem * var(--c-scale));--c-font-size-lg:calc(1.125rem * var(--c-scale));--c-font-size-xl:calc(1.25rem * var(--c-scale));--c-line-height-xs:1.4;--c-line-height-sm:1.45;--c-line-height-md:1.55;--c-line-height-lg:1.6;--c-line-height-xl:1.65;--c-shadow-xs:0 calc(.0625rem * var(--c-scale)) calc(.1875rem * var(--c-scale)) #0000000d, 0 calc(.0625rem * var(--c-scale)) calc(.125rem * var(--c-scale)) #0000001a;--c-shadow-sm:0 calc(.0625rem * var(--c-scale)) calc(.1875rem * var(--c-scale)) #0000000d, #0000000d 0 calc(.625rem * var(--c-scale)) calc(.9375rem * var(--c-scale)) calc(-.3125rem * var(--c-scale)), #0000000a 0 calc(.4375rem * var(--c-scale)) calc(.4375rem * var(--c-scale)) calc(-.3125rem * var(--c-scale));--c-shadow-md:0 calc(.0625rem * var(--c-scale)) calc(.1875rem * var(--c-scale)) #0000000d, #0000000d 0 calc(1.25rem * var(--c-scale)) calc(1.5625rem * var(--c-scale)) calc(-.3125rem * var(--c-scale)), #0000000a 0 calc(.625rem * var(--c-scale)) calc(.625rem * var(--c-scale)) calc(-.3125rem * var(--c-scale));--c-shadow-lg:0 calc(.0625rem * var(--c-scale)) calc(.1875rem * var(--c-scale)) #0000000d, #0000000d 0 calc(1.75rem * var(--c-scale)) calc(1.4375rem * var(--c-scale)) calc(-.4375rem * var(--c-scale)), #0000000a 0 calc(.75rem * var(--c-scale)) calc(.75rem * var(--c-scale)) calc(-.4375rem * var(--c-scale));--c-shadow-xl:0 calc(.0625rem * var(--c-scale)) calc(.1875rem * var(--c-scale)) #0000000d, #0000000d 0 calc(2.25rem * var(--c-scale)) calc(1.75rem * var(--c-scale)) calc(-.4375rem * var(--c-scale)), #0000000a 0 calc(1.0625rem * var(--c-scale)) calc(1.0625rem * var(--c-scale)) calc(-.4375rem * var(--c-scale));--c-radius-xs:calc(.125rem * var(--c-scale));--c-radius-sm:calc(.25rem * var(--c-scale));--c-radius-md:calc(.5rem * var(--c-scale));--c-radius-lg:calc(1rem * var(--c-scale));--c-radius-xl:calc(2rem * var(--c-scale));--c-font-weight-regular:400;--c-font-weight-medium:600;--c-font-weight-bold:700;--c-primary-color-0:var(--c-color-blue-0);--c-primary-color-1:var(--c-color-blue-1);--c-primary-color-2:var(--c-color-blue-2);--c-primary-color-3:var(--c-color-blue-3);--c-primary-color-4:var(--c-color-blue-4);--c-primary-color-5:var(--c-color-blue-5);--c-primary-color-6:var(--c-color-blue-6);--c-primary-color-7:var(--c-color-blue-7);--c-primary-color-8:var(--c-color-blue-8);--c-primary-color-9:var(--c-color-blue-9);--c-color-dark-0:#c9c9c9;--c-color-dark-1:#b8b8b8;--c-color-dark-2:#828282;--c-color-dark-3:#696969;--c-color-dark-4:#424242;--c-color-dark-5:#3b3b3b;--c-color-dark-6:#2e2e2e;--c-color-dark-7:#242424;--c-color-dark-8:#1f1f1f;--c-color-dark-9:#141414;--c-color-gray-0:#f8f9fa;--c-color-gray-1:#f1f3f5;--c-color-gray-2:#e9ecef;--c-color-gray-3:#dee2e6;--c-color-gray-4:#ced4da;--c-color-gray-5:#adb5bd;--c-color-gray-6:#868e96;--c-color-gray-7:#495057;--c-color-gray-8:#343a40;--c-color-gray-9:#212529;--c-color-red-0:#fff5f5;--c-color-red-1:#ffe3e3;--c-color-red-2:#ffc9c9;--c-color-red-3:#ffa8a8;--c-color-red-4:#ff8787;--c-color-red-5:#ff6b6b;--c-color-red-6:#fa5252;--c-color-red-7:#f03e3e;--c-color-red-8:#e03131;--c-color-red-9:#c92a2a;--c-color-pink-0:#fff0f6;--c-color-pink-1:#ffdeeb;--c-color-pink-2:#fcc2d7;--c-color-pink-3:#faa2c1;--c-color-pink-4:#f783ac;--c-color-pink-5:#f06595;--c-color-pink-6:#e64980;--c-color-pink-7:#d6336c;--c-color-pink-8:#c2255c;--c-color-pink-9:#a61e4d;--c-color-grape-0:#f8f0fc;--c-color-grape-1:#f3d9fa;--c-color-grape-2:#eebefa;--c-color-grape-3:#e599f7;--c-color-grape-4:#da77f2;--c-color-grape-5:#cc5de8;--c-color-grape-6:#be4bdb;--c-color-grape-7:#ae3ec9;--c-color-grape-8:#9c36b5;--c-color-grape-9:#862e9c;--c-color-violet-0:#f3f0ff;--c-color-violet-1:#e5dbff;--c-color-violet-2:#d0bfff;--c-color-violet-3:#b197fc;--c-color-violet-4:#9775fa;--c-color-violet-5:#845ef7;--c-color-violet-6:#7950f2;--c-color-violet-7:#7048e8;--c-color-violet-8:#6741d9;--c-color-violet-9:#5f3dc4;--c-color-indigo-0:#edf2ff;--c-color-indigo-1:#dbe4ff;--c-color-indigo-2:#bac8ff;--c-color-indigo-3:#91a7ff;--c-color-indigo-4:#748ffc;--c-color-indigo-5:#5c7cfa;--c-color-indigo-6:#4c6ef5;--c-color-indigo-7:#4263eb;--c-color-indigo-8:#3b5bdb;--c-color-indigo-9:#364fc7;--c-color-blue-0:#e7f5ff;--c-color-blue-1:#d0ebff;--c-color-blue-2:#a5d8ff;--c-color-blue-3:#74c0fc;--c-color-blue-4:#4dabf7;--c-color-blue-5:#339af0;--c-color-blue-6:#228be6;--c-color-blue-7:#1c7ed6;--c-color-blue-8:#1971c2;--c-color-blue-9:#1864ab;--c-color-cyan-0:#e3fafc;--c-color-cyan-1:#c5f6fa;--c-color-cyan-2:#99e9f2;--c-color-cyan-3:#66d9e8;--c-color-cyan-4:#3bc9db;--c-color-cyan-5:#22b8cf;--c-color-cyan-6:#15aabf;--c-color-cyan-7:#1098ad;--c-color-cyan-8:#0c8599;--c-color-cyan-9:#0b7285;--c-color-teal-0:#e6fcf5;--c-color-teal-1:#c3fae8;--c-color-teal-2:#96f2d7;--c-color-teal-3:#63e6be;--c-color-teal-4:#38d9a9;--c-color-teal-5:#20c997;--c-color-teal-6:#12b886;--c-color-teal-7:#0ca678;--c-color-teal-8:#099268;--c-color-teal-9:#087f5b;--c-color-green-0:#ebfbee;--c-color-green-1:#d3f9d8;--c-color-green-2:#b2f2bb;--c-color-green-3:#8ce99a;--c-color-green-4:#69db7c;--c-color-green-5:#51cf66;--c-color-green-6:#40c057;--c-color-green-7:#37b24d;--c-color-green-8:#2f9e44;--c-color-green-9:#2b8a3e;--c-color-lime-0:#f4fce3;--c-color-lime-1:#e9fac8;--c-color-lime-2:#d8f5a2;--c-color-lime-3:#c0eb75;--c-color-lime-4:#a9e34b;--c-color-lime-5:#94d82d;--c-color-lime-6:#82c91e;--c-color-lime-7:#74b816;--c-color-lime-8:#66a80f;--c-color-lime-9:#5c940d;--c-color-yellow-0:#fff9db;--c-color-yellow-1:#fff3bf;--c-color-yellow-2:#ffec99;--c-color-yellow-3:#ffe066;--c-color-yellow-4:#ffd43b;--c-color-yellow-5:#fcc419;--c-color-yellow-6:#fab005;--c-color-yellow-7:#f59f00;--c-color-yellow-8:#f08c00;--c-color-yellow-9:#e67700;--c-color-orange-0:#fff4e6;--c-color-orange-1:#ffe8cc;--c-color-orange-2:#ffd8a8;--c-color-orange-3:#ffc078;--c-color-orange-4:#ffa94d;--c-color-orange-5:#ff922b;--c-color-orange-6:#fd7e14;--c-color-orange-7:#f76707;--c-color-orange-8:#e8590c;--c-color-orange-9:#d9480f;--c-h1-font-size:calc(2.125rem * var(--c-scale));--c-h1-line-height:1.3;--c-h1-font-weight:var(--c-heading-font-weight);--c-h2-font-size:calc(1.625rem * var(--c-scale));--c-h2-line-height:1.35;--c-h2-font-weight:var(--c-heading-font-weight);--c-h3-font-size:calc(1.375rem * var(--c-scale));--c-h3-line-height:1.4;--c-h3-font-weight:var(--c-heading-font-weight);--c-h4-font-size:calc(1.125rem * var(--c-scale));--c-h4-line-height:1.45;--c-h4-font-weight:var(--c-heading-font-weight);--c-h5-font-size:calc(1rem * var(--c-scale));--c-h5-line-height:1.5;--c-h5-font-weight:var(--c-heading-font-weight);--c-h6-font-size:calc(.875rem * var(--c-scale));--c-h6-line-height:1.5;--c-h6-font-weight:var(--c-heading-font-weight)}:root[data-c-color-scheme=light],:host([data-c-color-scheme=light]){--c-color-scheme:light;--c-primary-color-contrast:var(--c-color-white);--c-color-bright:var(--c-color-black);--c-color-text:#000;--c-color-body:#fff;--c-color-error:var(--c-color-red-6);--c-color-placeholder:var(--c-color-gray-5);--c-color-anchor:var(--c-color-blue-6);--c-color-default:var(--c-color-white);--c-color-default-hover:var(--c-color-gray-0);--c-color-default-color:var(--c-color-black);--c-color-default-border:var(--c-color-gray-4);--c-color-dimmed:var(--c-color-gray-6);--c-color-disabled:var(--c-color-gray-2);--c-color-disabled-color:var(--c-color-gray-5);--c-color-disabled-border:var(--c-color-gray-3);--c-primary-color-filled:var(--c-primary-color-6);--c-primary-color-filled-hover:var(--c-primary-color-7);--c-primary-color-light:var(--c-primary-color-1);--c-primary-color-light-hover:var(--c-primary-color-2);--c-primary-color-light-color:var(--c-primary-color-9);--c-primary-color-outline:var(--c-primary-color-filled);--c-primary-color-outline-hover:var(--c-color-blue-outline-hover);--c-color-red-text:var(--c-color-red-filled);--c-color-red-filled:var(--c-color-red-6);--c-color-red-filled-hover:var(--c-color-red-7);--c-color-red-light:var(--c-color-red-1);--c-color-red-light-hover:var(--c-color-red-2);--c-color-red-light-color:var(--c-color-red-9);--c-color-red-outline:var(--c-color-red-6);--c-color-pink-text:var(--c-color-pink-filled);--c-color-pink-filled:var(--c-color-pink-6);--c-color-pink-filled-hover:var(--c-color-pink-7);--c-color-pink-light:var(--c-color-pink-1);--c-color-pink-light-hover:var(--c-color-pink-2);--c-color-pink-light-color:var(--c-color-pink-9);--c-color-pink-outline:var(--c-color-pink-6);--c-color-grape-text:var(--c-color-grape-filled);--c-color-grape-filled:var(--c-color-grape-6);--c-color-grape-filled-hover:var(--c-color-grape-7);--c-color-grape-light:var(--c-color-grape-1);--c-color-grape-light-hover:var(--c-color-grape-2);--c-color-grape-light-color:var(--c-color-grape-9);--c-color-grape-outline:var(--c-color-grape-6);--c-color-violet-text:var(--c-color-violet-filled);--c-color-violet-filled:var(--c-color-violet-6);--c-color-violet-filled-hover:var(--c-color-violet-7);--c-color-violet-light:var(--c-color-violet-1);--c-color-violet-light-hover:var(--c-color-violet-2);--c-color-violet-light-color:var(--c-color-violet-9);--c-color-violet-outline:var(--c-color-violet-6);--c-color-indigo-text:var(--c-color-indigo-filled);--c-color-indigo-filled:var(--c-color-indigo-6);--c-color-indigo-filled-hover:var(--c-color-indigo-7);--c-color-indigo-light:var(--c-color-indigo-1);--c-color-indigo-light-hover:var(--c-color-indigo-2);--c-color-indigo-light-color:var(--c-color-indigo-9);--c-color-indigo-outline:var(--c-color-indigo-6);--c-color-blue-text:var(--c-color-blue-filled);--c-color-blue-filled:var(--c-color-blue-6);--c-color-blue-filled-hover:var(--c-color-blue-7);--c-color-blue-light:var(--c-color-blue-1);--c-color-blue-light-hover:var(--c-color-blue-2);--c-color-blue-light-color:var(--c-color-blue-9);--c-color-blue-outline:var(--c-color-blue-6);--c-color-cyan-text:var(--c-color-cyan-filled);--c-color-cyan-filled:var(--c-color-cyan-6);--c-color-cyan-filled-hover:var(--c-color-cyan-7);--c-color-cyan-light:var(--c-color-cyan-1);--c-color-cyan-light-hover:var(--c-color-cyan-2);--c-color-cyan-light-color:var(--c-color-cyan-9);--c-color-cyan-outline:var(--c-color-cyan-6);--c-color-teal-text:var(--c-color-teal-filled);--c-color-teal-filled:var(--c-color-teal-6);--c-color-teal-filled-hover:var(--c-color-teal-7);--c-color-teal-light:var(--c-color-teal-1);--c-color-teal-light-hover:var(--c-color-teal-2);--c-color-teal-light-color:var(--c-color-teal-9);--c-color-teal-outline:var(--c-color-teal-6);--c-color-green-text:var(--c-color-green-filled);--c-color-green-filled:var(--c-color-green-6);--c-color-green-filled-hover:var(--c-color-green-7);--c-color-green-light:var(--c-color-green-1);--c-color-green-light-hover:var(--c-color-green-2);--c-color-green-light-color:var(--c-color-green-9);--c-color-green-outline:var(--c-color-green-6);--c-color-lime-text:var(--c-color-lime-filled);--c-color-lime-filled:var(--c-color-lime-6);--c-color-lime-filled-hover:var(--c-color-lime-7);--c-color-lime-light:var(--c-color-lime-1);--c-color-lime-light-hover:var(--c-color-lime-2);--c-color-lime-light-color:var(--c-color-lime-9);--c-color-lime-outline:var(--c-color-lime-6);--c-color-yellow-text:var(--c-color-yellow-filled);--c-color-yellow-filled:var(--c-color-yellow-6);--c-color-yellow-filled-hover:var(--c-color-yellow-7);--c-color-yellow-light:var(--c-color-yellow-1);--c-color-yellow-light-hover:var(--c-color-yellow-2);--c-color-yellow-light-color:var(--c-color-yellow-9);--c-color-yellow-outline:var(--c-color-yellow-6);--c-color-orange-text:var(--c-color-orange-filled);--c-color-orange-filled:var(--c-color-orange-6);--c-color-orange-filled-hover:var(--c-color-orange-7);--c-color-orange-light:var(--c-color-orange-1);--c-color-orange-light-hover:var(--c-color-orange-2);--c-color-orange-light-color:var(--c-color-orange-9);--c-color-orange-outline:var(--c-color-orange-6);--c-color-gray-text:var(--c-color-gray-filled);--c-color-gray-filled:var(--c-color-gray-6);--c-color-gray-filled-hover:var(--c-color-gray-7);--c-color-gray-light:var(--c-color-gray-1);--c-color-gray-light-hover:var(--c-color-gray-2);--c-color-gray-light-color:var(--c-color-gray-9);--c-color-gray-outline:var(--c-color-gray-6);--c-color-dark-text:var(--c-color-dark-filled);--c-color-dark-filled:var(--c-color-dark-6);--c-color-dark-filled-hover:var(--c-color-dark-7);--c-color-dark-light:var(--c-color-dark-1);--c-color-dark-light-hover:var(--c-color-dark-2);--c-color-dark-light-color:var(--c-color-dark-9);--c-color-dark-outline:var(--c-color-dark-6);--c-color-dark-outline-hover:#2e2e2e0d;--c-color-gray-outline-hover:#868e960d;--c-color-red-outline-hover:#fa52520d;--c-color-pink-outline-hover:#e649800d;--c-color-grape-outline-hover:#be4bdb0d;--c-color-violet-outline-hover:#7950f20d;--c-color-indigo-outline-hover:#4c6ef50d;--c-color-blue-outline-hover:#228be60d;--c-color-cyan-outline-hover:#15aabf0d;--c-color-teal-outline-hover:#12b8860d;--c-color-green-outline-hover:#40c0570d;--c-color-lime-outline-hover:#82c91e0d;--c-color-yellow-outline-hover:#fab0050d;--c-color-orange-outline-hover:#fd7e140d}:root[data-c-color-scheme=dark],:host([data-c-color-scheme=dark]){--c-color-scheme:dark;--c-primary-color-contrast:var(--c-color-white);--c-primary-color-bright:var(--c-color-white);--c-color-text:var(--c-color-dark-0);--c-color-body:var(--c-color-dark-7);--c-color-error:var(--c-color-red-8);--c-color-placeholder:var(--c-color-dark-3);--c-color-anchor:var(--c-color-blue-4);--c-color-default:var(--c-color-dark-6);--c-color-default-hover:var(--c-color-dark-5);--c-color-default-color:var(--c-color-white);--c-color-default-border:var(--c-color-dark-4);--c-color-dimmed:var(--c-color-dark-2);--c-color-disabled:var(--c-color-dark-6);--c-color-disabled-color:var(--c-color-dark-3);--c-color-disabled-border:var(--c-color-dark-4);--c-primary-color-filled:var(--c-primary-color-8);--c-primary-color-filled-hover:var(--c-primary-color-9);--c-primary-color-light:var(--c-primary-color-1);--c-primary-color-light-hover:var(--c-primary-color-2);--c-primary-color-light-color:var(--c-primary-color-4);--c-primary-color-outline:var(--c-primary-color-filled);--c-primary-color-outline-hover:var(--c-color-blue-outline-hover);--c-color-red-text:var(--c-color-red-4);--c-color-red-filled:var(--c-color-red-8);--c-color-red-filled-hover:var(--c-color-red-9);--c-color-red-light-color:var(--c-color-red-0);--c-color-red-outline:var(--c-color-red-4);--c-color-pink-text:var(--c-color-pink-4);--c-color-pink-filled:var(--c-color-pink-8);--c-color-pink-filled-hover:var(--c-color-pink-9);--c-color-pink-light-color:var(--c-color-pink-0);--c-color-pink-outline:var(--c-color-pink-4);--c-color-grape-text:var(--c-color-grape-4);--c-color-grape-filled:var(--c-color-grape-8);--c-color-grape-filled-hover:var(--c-color-grape-9);--c-color-grape-light-color:var(--c-color-grape-0);--c-color-grape-outline:var(--c-color-grape-4);--c-color-violet-text:var(--c-color-violet-4);--c-color-violet-filled:var(--c-color-violet-8);--c-color-violet-filled-hover:var(--c-color-violet-9);--c-color-violet-light-color:var(--c-color-violet-0);--c-color-violet-outline:var(--c-color-violet-4);--c-color-indigo-text:var(--c-color-indigo-4);--c-color-indigo-filled:var(--c-color-indigo-8);--c-color-indigo-filled-hover:var(--c-color-indigo-9);--c-color-indigo-light-color:var(--c-color-indigo-0);--c-color-indigo-outline:var(--c-color-indigo-4);--c-color-blue-text:var(--c-color-blue-4);--c-color-blue-filled:var(--c-color-blue-8);--c-color-blue-filled-hover:var(--c-color-blue-9);--c-color-blue-light-color:var(--c-color-blue-0);--c-color-blue-outline:var(--c-color-blue-4);--c-color-cyan-text:var(--c-color-cyan-4);--c-color-cyan-filled:var(--c-color-cyan-8);--c-color-cyan-filled-hover:var(--c-color-cyan-9);--c-color-cyan-light-color:var(--c-color-cyan-0);--c-color-cyan-outline:var(--c-color-cyan-4);--c-color-teal-text:var(--c-color-teal-4);--c-color-teal-filled:var(--c-color-teal-8);--c-color-teal-filled-hover:var(--c-color-teal-9);--c-color-teal-light-color:var(--c-color-teal-0);--c-color-teal-outline:var(--c-color-teal-4);--c-color-green-text:var(--c-color-green-4);--c-color-green-filled:var(--c-color-green-8);--c-color-green-filled-hover:var(--c-color-green-9);--c-color-green-light-color:var(--c-color-green-0);--c-color-green-outline:var(--c-color-green-4);--c-color-lime-text:var(--c-color-lime-4);--c-color-lime-filled:var(--c-color-lime-8);--c-color-lime-filled-hover:var(--c-color-lime-9);--c-color-lime-light-color:var(--c-color-lime-0);--c-color-lime-outline:var(--c-color-lime-4);--c-color-yellow-text:var(--c-color-yellow-4);--c-color-yellow-filled:var(--c-color-yellow-8);--c-color-yellow-filled-hover:var(--c-color-yellow-9);--c-color-yellow-light-color:var(--c-color-yellow-0);--c-color-yellow-outline:var(--c-color-yellow-4);--c-color-orange-text:var(--c-color-orange-4);--c-color-orange-filled:var(--c-color-orange-8);--c-color-orange-filled-hover:var(--c-color-orange-9);--c-color-orange-light-color:var(--c-color-orange-0);--c-color-orange-outline:var(--c-color-orange-4);--c-color-gray-text:var(--c-color-gray-4);--c-color-gray-filled:var(--c-color-gray-8);--c-color-gray-filled-hover:var(--c-color-gray-9);--c-color-gray-light-color:var(--c-color-gray-0);--c-color-gray-outline:var(--c-color-gray-4);--c-color-dark-text:var(--c-color-dark-4);--c-color-dark-filled:var(--c-color-dark-8);--c-color-dark-filled-hover:var(--c-color-dark-9);--c-color-dark-light-color:var(--c-color-dark-0);--c-color-dark-outline:var(--c-color-dark-4);--c-color-dark-light:#0a0a0a;--c-color-dark-light-hover:#0e0e0e;--c-color-dark-outline-hover:#4242420d;--c-color-gray-light:#111315;--c-color-gray-light-hover:#171a1d;--c-color-gray-outline-hover:#ced4da0d;--c-color-red-light:#651515;--c-color-red-light-hover:#8d1d1d;--c-color-red-outline-hover:#ff87870d;--c-color-pink-light:#530f27;--c-color-pink-light-hover:#741536;--c-color-pink-outline-hover:#f783ac0d;--c-color-grape-light:#43174e;--c-color-grape-light-hover:#5e206d;--c-color-grape-outline-hover:#da77f20d;--c-color-violet-light:#301f62;--c-color-violet-light-hover:#432b89;--c-color-violet-outline-hover:#9775fa0d;--c-color-indigo-light:#1b2864;--c-color-indigo-light-hover:#26378b;--c-color-indigo-outline-hover:#748ffc0d;--c-color-blue-light:#0c3256;--c-color-blue-light-hover:#114678;--c-color-blue-outline-hover:#4dabf70d;--c-color-cyan-light:#063943;--c-color-cyan-light-hover:#08505d;--c-color-cyan-outline-hover:#3bc9db0d;--c-color-teal-light:#04402e;--c-color-teal-light-hover:#065940;--c-color-teal-outline-hover:#38d9a90d;--c-color-green-light:#16451f;--c-color-green-light-hover:#1e612b;--c-color-green-outline-hover:#69db7c0d;--c-color-lime-light:#2e4a07;--c-color-lime-light-hover:#406809;--c-color-lime-outline-hover:#a9e34b0d;--c-color-yellow-light:#733c00;--c-color-yellow-light-hover:#a15300;--c-color-yellow-outline-hover:#ffd43b0d;--c-color-orange-light:#6d2408;--c-color-orange-light-hover:#98320b;--c-color-orange-outline-hover:#ffa94d0d}.c-icon--right{margin-right:5px}.c-icon--left{margin-left:5px}.c-icon--loading{animation:rorating 2s linear-infinite}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.c-icon{--color:inherit;fill:currentColor;width:1em;height:1em;color:var(--color);line-height:1em;font-size:inherit;justify-content:center;align-items:center;display:inline-block;position:relative}.c-icon.is-loading{animation:2s linear infinite rotating}.c-icon svg{width:1em;height:1em}.c-focus-always:focus{outline-offset:calc(.125rem * var(--c-scale));outline:2px solid var(--c-primary-color-filled)}.c-focus-auto:focus-visible{outline-offset:calc(.125rem * var(--c-scale));outline:2px solid var(--c-primary-color-filled)}.c-active:active{transform:translateY(calc(.0625rem * var(--c-scale)))}:root[data-cck-color-scheme=dark],:host([data-cck-color-scheme=dark]){-c-color-white:#e9ecef;-c-color-black:#fff;-c-primary-color-filled:#3b7cbf;-c-primary-color-filled-hover:#2c5e8c;-c-color-disabled:#2c2e33;-c-color-disabled-color:#6c6f78}.c-button__root{--button-height-xs:calc(1.875rem * var(--c-scale));--button-height-sm:calc(2.25rem * var(--c-scale));--button-height-md:calc(2.625rem * var(--c-scale));--button-height-lg:calc(3.125rem * var(--c-scale));--button-height-xl:calc(3.75rem * var(--c-scale));--button-height-compact-xs:calc(1.375rem * var(--c-scale));--button-height-compact-sm:calc(1.625rem * var(--c-scale));--button-height-compact-md:calc(1.875rem * var(--c-scale));--button-height-compact-lg:calc(2.125rem * var(--c-scale));--button-height-compact-xl:calc(2.5rem * var(--c-scale));--button-padding-x-xs:calc(.875rem * var(--c-scale));--button-padding-x-sm:calc(1.125rem * var(--c-scale));--button-padding-x-md:calc(1.375rem * var(--c-scale));--button-padding-x-lg:calc(1.625rem * var(--c-scale));--button-padding-x-xl:calc(2rem * var(--c-scale));--button-padding-x-compact-xs:calc(.4375rem * var(--c-scale));--button-padding-x-compact-sm:calc(.5rem * var(--c-scale));--button-padding-x-compact-md:calc(.625rem * var(--c-scale));--button-padding-x-compact-lg:calc(.75rem * var(--c-scale));--button-padding-x-compact-xl:calc(.875rem * var(--c-scale));--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-color:var(--c-color-white);--button-fz:var(--c-font-size-sm);-webkit-user-select:none;user-select:none;font-weight:var(--c-font-weight-medium);text-align:center;cursor:pointer;border-radius:var(--button-radius,var(--c-radius-default));width:auto;line-height:1;font-size:var(--button-fz);background:var(--button-bg,var(--c-color-default));border:var(--button-bd,1px solid transparent);color:var(--button-color);height:var(--button-height);vertical-align:middle;padding-inline-start:var(--button-padding-x);padding-inline-end:var(--button-padding-x);text-decoration:none;transition:background .15s,color .15s;display:inline-block;position:relative;overflow:hidden}.c-button__root:before{content:"";pointer-events:none;border-radius:inherit;opacity:0;filter:blur(12px);background-color:#ffffff26;transition:transform .15s,opacity .1s;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;transform:translateY(-100%)}:root[data-cck-color-scheme=dark] .c-button__root:before,:host([data-cck-color-scheme=dark]) .c-button__root:before{background-color:#00000026}.c-button__root[data-block]{width:100%;display:block}.c-button__root[data-with-left-section]{padding-inline-start:calc(var(--button-padding-x) / 1.5)}.c-button__root[data-with-right-section]{padding-inline-end:calc(var(--button-padding-x) / 1.5)}.c-button__root:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){cursor:not-allowed;border:calc(.0625rem * var(--c-scale)) solid transparent;color:var(--c-color-disabled-color);background:var(--c-color-disabled);transform:none}.c-button__root[data-loading]{cursor:not-allowed;transform:none}.c-button__root[data-loading]:before{opacity:1;transform:translateY(0)}.c-button__root[data-loading] .c-button__inner{opacity:0;transform:translateY(100%)}@media (hover:hover){.c-button__root:hover:where(:not(:-webkit-any([data-loading],:disabled,[data-disabled]))){background-color:var(--button-hover,var(--c-color-default-hover));color:var(--button-hover-color,var(--button-color))}.c-button__root:hover:where(:not(:is([data-loading],:disabled,[data-disabled]))){background-color:var(--button-hover,var(--c-color-default-hover));color:var(--button-hover-color,var(--button-color))}}.c-button__root[data-variant=default]:not([data-disabled]){--button-bg:var(--c-color-default);--button-hover:var(--c-color-default-hover);--button-color:var(--c-color-default-color);--button-bd:calc(.0625rem * var(--c-scale)) solid var(--c-color-default-border)}.c-button__root[data-variant=filled]:not([data-disabled]){--button-bg:var(--c-primary-color-filled);--button-hover:var(--c-primary-color-filled-hover);--button-color:var(--c-color-white)}.c-button__root[data-variant=light]:not([data-disabled]){--button-bg:var(--c-primary-color-light);--button-hover:var(--c-primary-color-light-hover);--button-color:var(--c-primary-color-light-color)}.c-button__root[data-variant=outline]:not([data-disabled]){--button-bg:transparent;--button-hover:var(--c-primary-color-outline-hover);--button-color:var(--c-primary-color-outline);--button-bd:calc(.0625rem * var(--c-scale)) solid var(--c-primary-color-outline)}.c-button__root[data-variant=subtle]:not([data-disabled]){--button-bg:transparent;--button-hover:var(--c-primary-color-light-hover);--button-color:var(--c-primary-color-light-color);--button-bd:calc(.0625rem * var(--c-scale)) solid transparent}.c-button__root[data-variant=transparent]:not([data-disabled]){--button-bg:transparent;--button-hover:transparent;--button-color:var(--c-primary-color-light-color)}.c-button__root[data-variant=white]:not([data-disabled]){--button-bg:var(--c-color-white);--button-hover:#fcfcfc;--button-color:var(--c-primary-color-filled)}.c-button__root[data-size=xs]{--button-height:var(--button-height-xs);--button-padding-x:var(--button-padding-x-xs);--button-fz:.75rem}.c-button__root[data-size=sm]{--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--c-font-size-sm)}.c-button__root[data-size=md]{--button-height:var(--button-height-md);--button-padding-x:var(--button-padding-x-md);--button-fz:1rem}.c-button__root[data-size=lg]{--button-height:var(--button-height-lg);--button-padding-x:var(--button-padding-x-lg);--button-fz:1.125rem}.c-button__root[data-size=xl]{--button-height:var(--button-height-xl);--button-padding-x:var(--button-padding-x-xl);--button-fz:1.25rem}.c-button__root[data-size=compact-xs]{--button-height:var(--button-height-compact-xs);--button-padding-x:var(--button-padding-x-compact-xs)}.c-button__root[data-size=compact-sm]{--button-height:var(--button-height-compact-sm);--button-padding-x:var(--button-padding-x-compact-sm)}.c-button__root[data-size=compact-md]{--button-height:var(--button-height-compact-md);--button-padding-x:var(--button-padding-x-compact-md)}.c-button__root[data-size=compact-lg]{--button-height:var(--button-height-compact-lg);--button-padding-x:var(--button-padding-x-compact-lg)}.c-button__root[data-size=compact-xl]{--button-height:var(--button-height-compact-xl);--button-padding-x:var(--button-padding-x-compact-xl)}.c-button__inner{align-items:center;justify-content:var(--button-justify,center);height:100%;transition:transform .15s,opacity .1s;display:flex;overflow:visible}.c-button__inner [data-position=left]{margin-inline-end:var(--c-spacing-xs)}.c-button__inner [data-position=right]{margin-inline-start:var(--c-spacing-xs)}.c-button__label{white-space:nowrap;opacity:1;align-items:center;height:100%;display:flex;overflow:hidden}.c-button__label[data-loading]{opacity:.2}.c-button__section{align-items:center;display:flex}.c-button__section[data-position=left]{margin-inline-end:var(--c-spacing-xs)}.c-button__section[data-position=right]{margin-inline-start:var(--c-spacing-xs)}.c-button__loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.c-button-group{--button-border-width:1px;display:flex}.c-button-group[data-orientation=horizontal]{flex-direction:row}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):first-child{border-inline-end-width:calc(var(--button-border-width) / 2)}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):first-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:0;border-bottom-right-radius:0}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):first-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:0;border-bottom-right-radius:0}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):first-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-bottom-left-radius:0}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):first-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-bottom-left-radius:0}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):last-child{border-inline-start-width:calc(var(--button-border-width) / 2)}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):last-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:0;border-bottom-left-radius:0}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):last-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:0;border-bottom-left-radius:0}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):last-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:0;border-bottom-right-radius:0}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:0;border-bottom-right-radius:0}.c-button-group[data-orientation=horizontal] .c-button:not(:only-child):not(:first-child):not(:last-child){border-inline-width:calc(var(--button-border-width) / 2);border-radius:0}.c-button-group[data-orientation=vertical]{flex-direction:column}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):first-child{border-bottom-width:calc(var(--button-border-width) / 2)}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):first-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:0;border-bottom-left-radius:0}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):first-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:0;border-bottom-left-radius:0}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):first-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-right-radius:0;border-bottom-left-radius:0}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):first-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-right-radius:0;border-bottom-left-radius:0}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):last-child{border-top-width:calc(var(--button-border-width) / 2)}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):last-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:0;border-top-right-radius:0}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):last-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:0;border-top-right-radius:0}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):last-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-top-right-radius:0}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-top-right-radius:0}.c-button-group[data-orientation=vertical] .c-button:not(:only-child):not(:first-child):not(:last-child){border-bottom-width:calc(var(--button-border-width) / 2);border-top-width:calc(var(--button-border-width) / 2);border-radius:0}

package/theme-slate/src/base.scss

@@ -0,0 +1,2 @@
+@use 'var.scss';
+@use 'icon.scss';

package/theme-slate/src/button.scss

@@ -0,0 +1,317 @@
+@use 'sass:map';
+
+@use 'common/var' as *;
+
+:root[data-cck-color-scheme='dark'],
+:host([data-cck-color-scheme='dark']) {
+  -c-color-white: #e9ecef;
+  -c-color-black: #fff;
+  -c-primary-color-filled: #3b7cbf;
+  -c-primary-color-filled-hover: #2c5e8c;
+  -c-color-disabled: #2c2e33;
+  -c-color-disabled-color: #6c6f78;
+}
+
+.c-button__root {
+  --button-height-xs: calc(1.875rem * var(--c-scale));
+  --button-height-sm: calc(2.25rem * var(--c-scale));
+  --button-height-md: calc(2.625rem * var(--c-scale));
+  --button-height-lg: calc(3.125rem * var(--c-scale));
+  --button-height-xl: calc(3.75rem * var(--c-scale));
+
+  --button-height-compact-xs: calc(1.375rem * var(--c-scale));
+  --button-height-compact-sm: calc(1.625rem * var(--c-scale));
+  --button-height-compact-md: calc(1.875rem * var(--c-scale));
+  --button-height-compact-lg: calc(2.125rem * var(--c-scale));
+  --button-height-compact-xl: calc(2.5rem * var(--c-scale));
+
+  --button-padding-x-xs: calc(0.875rem * var(--c-scale));
+  --button-padding-x-sm: calc(1.125rem * var(--c-scale));
+  --button-padding-x-md: calc(1.375rem * var(--c-scale));
+  --button-padding-x-lg: calc(1.625rem * var(--c-scale));
+  --button-padding-x-xl: calc(2rem * var(--c-scale));
+
+  --button-padding-x-compact-xs: calc(0.4375rem * var(--c-scale));
+  --button-padding-x-compact-sm: calc(0.5rem * var(--c-scale));
+  --button-padding-x-compact-md: calc(0.625rem * var(--c-scale));
+  --button-padding-x-compact-lg: calc(0.75rem * var(--c-scale));
+  --button-padding-x-compact-xl: calc(0.875rem * var(--c-scale));
+
+  --button-height: var(--button-height-sm);
+  --button-padding-x: var(--button-padding-x-sm);
+  --button-color: var(--c-color-white);
+  --button-fz: var(--c-font-size-sm);
+
+  user-select: none;
+  font-weight: var(--c-font-weight-medium);
+  position: relative;
+  line-height: 1;
+  text-align: center;
+  overflow: hidden;
+
+  width: auto;
+  cursor: pointer;
+  display: inline-block;
+  border-radius: var(--button-radius, var(--c-radius-default));
+  font-size: var(--button-fz);
+  background: var(--button-bg, var(--c-color-default));
+  border: var(--button-bd, 1px solid transparent);
+  color: var(--button-color);
+  height: var(--button-height);
+  padding-inline-start: var(--button-padding-x);
+  padding-inline-end: var(--button-padding-x);
+  vertical-align: middle;
+  text-decoration: none;
+  transition:
+    background 0.15s ease,
+    color 0.15s ease;
+
+  &::before {
+    content: '';
+    pointer-events: none;
+    position: absolute;
+    inset: -1px;
+    border-radius: inherit;
+    transform: translateY(-100%);
+    opacity: 0;
+    filter: blur(12px);
+    transition:
+      transform 150ms ease,
+      opacity 100ms ease;
+    background-color: rgba(255, 255, 255, 0.15);
+
+    :root[data-cck-color-scheme='dark'] &,
+    :host([data-cck-color-scheme='dark']) & {
+      background-color: rgba(0, 0, 0, 0.15);
+    }
+  }
+
+  &[data-block] {
+    display: block;
+    width: 100%;
+  }
+
+  &[data-with-left-section] {
+    padding-inline-start: calc(var(--button-padding-x) / 1.5);
+  }
+
+  &[data-with-right-section] {
+    padding-inline-end: calc(var(--button-padding-x) / 1.5);
+  }
+
+  &:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
+    cursor: not-allowed;
+    border: calc(0.0625rem * var(--c-scale)) solid transparent;
+    color: var(--c-color-disabled-color);
+    background: var(--c-color-disabled);
+    transform: none;
+  }
+
+  &[data-loading] {
+    cursor: not-allowed;
+    transform: none;
+
+    &::before {
+      transform: translateY(0);
+      opacity: 1;
+    }
+
+    .c-button__inner {
+      opacity: 0;
+      transform: translateY(100%);
+    }
+  }
+
+  @media (hover: hover) {
+    &:hover:where(:not([data-loading], :disabled, [data-disabled])) {
+      background-color: var(--button-hover, var(--c-color-default-hover));
+      color: var(--button-hover-color, var(--button-color));
+    }
+  }
+
+  &[data-variant='default']:not([data-disabled]) {
+    --button-bg: var(--c-color-default);
+    --button-hover: var(--c-color-default-hover);
+    --button-color: var(--c-color-default-color);
+    --button-bd: calc(0.0625rem * var(--c-scale)) solid
+      var(--c-color-default-border);
+  }
+  &[data-variant='filled']:not([data-disabled]) {
+    --button-bg: var(--c-primary-color-filled);
+    --button-hover: var(--c-primary-color-filled-hover);
+    --button-color: var(--c-color-white);
+  }
+  &[data-variant='light']:not([data-disabled]) {
+    --button-bg: var(--c-primary-color-light);
+    --button-hover: var(--c-primary-color-light-hover);
+    --button-color: var(--c-primary-color-light-color);
+  }
+  &[data-variant='outline']:not([data-disabled]) {
+    --button-bg: transparent;
+    --button-hover: var(--c-primary-color-outline-hover);
+    --button-color: var(--c-primary-color-outline);
+    --button-bd: calc(0.0625rem * var(--c-scale)) solid
+      var(--c-primary-color-outline);
+  }
+  &[data-variant='subtle']:not([data-disabled]) {
+    --button-bg: transparent;
+    --button-hover: var(--c-primary-color-light-hover);
+    --button-color: var(--c-primary-color-light-color);
+    --button-bd: calc(0.0625rem * var(--c-scale)) solid transparent;
+  }
+  &[data-variant='transparent']:not([data-disabled]) {
+    --button-bg: transparent;
+    --button-hover: transparent;
+    --button-color: var(--c-primary-color-light-color);
+  }
+  &[data-variant='white']:not([data-disabled]) {
+    --button-bg: var(--c-color-white);
+    --button-hover: rgba(252, 252, 252, 1);
+    --button-color: var(--c-primary-color-filled);
+  }
+
+  &[data-size='xs'] {
+    --button-height: var(--button-height-xs);
+    --button-padding-x: var(--button-padding-x-xs);
+    --button-fz: 0.75rem;
+  }
+  &[data-size='sm'] {
+    --button-height: var(--button-height-sm);
+    --button-padding-x: var(--button-padding-x-sm);
+    --button-fz: var(--c-font-size-sm);
+  }
+  &[data-size='md'] {
+    --button-height: var(--button-height-md);
+    --button-padding-x: var(--button-padding-x-md);
+    --button-fz: 1rem;
+  }
+  &[data-size='lg'] {
+    --button-height: var(--button-height-lg);
+    --button-padding-x: var(--button-padding-x-lg);
+    --button-fz: 1.125rem;
+  }
+  &[data-size='xl'] {
+    --button-height: var(--button-height-xl);
+    --button-padding-x: var(--button-padding-x-xl);
+    --button-fz: 1.25rem;
+  }
+
+  &[data-size='compact-xs'] {
+    --button-height: var(--button-height-compact-xs);
+    --button-padding-x: var(--button-padding-x-compact-xs);
+  }
+  &[data-size='compact-sm'] {
+    --button-height: var(--button-height-compact-sm);
+    --button-padding-x: var(--button-padding-x-compact-sm);
+  }
+  &[data-size='compact-md'] {
+    --button-height: var(--button-height-compact-md);
+    --button-padding-x: var(--button-padding-x-compact-md);
+  }
+  &[data-size='compact-lg'] {
+    --button-height: var(--button-height-compact-lg);
+    --button-padding-x: var(--button-padding-x-compact-lg);
+  }
+  &[data-size='compact-xl'] {
+    --button-height: var(--button-height-compact-xl);
+    --button-padding-x: var(--button-padding-x-compact-xl);
+  }
+}
+
+.c-button__inner {
+  display: flex;
+  align-items: center;
+  justify-content: var(--button-justify, center);
+  height: 100%;
+  overflow: visible;
+  transition:
+    transform 150ms ease,
+    opacity 100ms ease;
+
+  [data-position='left'] {
+    margin-inline-end: var(--c-spacing-xs);
+  }
+  [data-position='right'] {
+    margin-inline-start: var(--c-spacing-xs);
+  }
+}
+
+.c-button__label {
+  white-space: nowrap;
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  opacity: 1;
+
+  &[data-loading] {
+    opacity: 0.2;
+  }
+}
+
+.c-button__section {
+  display: flex;
+  align-items: center;
+
+  &[data-position='left'] {
+    margin-inline-end: var(--c-spacing-xs);
+  }
+  &[data-position='right'] {
+    margin-inline-start: var(--c-spacing-xs);
+  }
+}
+
+.c-button__loader {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.c-button-group {
+  --button-border-width: 1px;
+  display: flex;
+
+  &[data-orientation='horizontal'] {
+    flex-direction: row;
+
+    .c-button {
+      &:not(:only-child):first-child {
+        border-end-end-radius: 0;
+        border-start-end-radius: 0;
+        border-inline-end-width: calc(var(--button-border-width) / 2);
+      }
+      &:not(:only-child):last-child {
+        border-end-start-radius: 0;
+        border-start-start-radius: 0;
+        border-inline-start-width: calc(var(--button-border-width) / 2);
+      }
+      &:not(:only-child):not(:first-child):not(:last-child) {
+        border-radius: 0;
+        border-inline-width: calc(var(--button-border-width) / 2);
+      }
+    }
+  }
+
+  &[data-orientation='vertical'] {
+    flex-direction: column;
+
+    .c-button {
+      &:not(:only-child):first-child {
+        border-end-start-radius: 0;
+        border-end-end-radius: 0;
+        border-bottom-width: calc(var(--button-border-width) / 2);
+      }
+      &:not(:only-child):last-child {
+        border-start-start-radius: 0;
+        border-start-end-radius: 0;
+        border-top-width: calc(var(--button-border-width) / 2);
+      }
+      &:not(:only-child):not(:first-child):not(:last-child) {
+        border-radius: 0;
+        border-bottom-width: calc(var(--button-border-width) / 2);
+        border-top-width: calc(var(--button-border-width) / 2);
+      }
+    }
+  }
+}