cck-ui 0.0.1

package/LICENSE

@@ -0,0 +1,13 @@
+Copyright (c) 2026 CCK UI
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# CCK UI - Another Vue.js 3 UI Component Library
+
+Working in Progress

package/dist/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}