@chicken-ui/react 0.1.0

package/dist/styles.css

@@ -0,0 +1,2680 @@
+/* lib/core/core.css */
+:root {
+  --ck-core--spacing-us: 0.25rem;
+  --ck-core--spacing-xs: 0.5rem;
+  --ck-core--spacing-sm: 0.75rem;
+  --ck-core--spacing-md: 1rem;
+  --ck-core--spacing-lg: 1.5rem;
+  --ck-core--spacing-xl: 2rem;
+  --ck-core--spacing-ul: 3rem;
+  --ck-core--border-radius: 0.5rem;
+  --ck-font-family:
+    Inter,
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    sans-serif;
+}
+body {
+  margin: 0;
+  padding: 0;
+  font-family: var(--ck-font-family);
+  color: light-dark(var(--ck-secondary-010), var(--ck-primary-990));
+  background: light-dark(var(--ck-primary-975), var(--ck-secondary-025));
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  margin: 0;
+}
+button,
+input,
+textarea,
+select {
+  font: inherit;
+}
+:focus-visible {
+  outline: 0.1875rem solid light-dark(var(--ck-secondary-300), var(--ck-primary-700));
+  outline-offset: 0.25rem;
+  z-index: 1;
+}
+
+/* lib/core/index.css */
+:root {
+  --ck-primary-010: oklch(3.7% 0.050 71.6);
+  --ck-primary-025: oklch(7.2% 0.023 71.6);
+  --ck-primary-050: oklch(11.8% 0.028 71.6);
+  --ck-primary-075: oklch(15.7% 0.035 71.6);
+  --ck-primary-100: oklch(19.3% 0.042 71.6);
+  --ck-primary-125: oklch(22.6% 0.049 71.6);
+  --ck-primary-150: oklch(25.8% 0.056 71.6);
+  --ck-primary-175: oklch(28.8% 0.062 71.6);
+  --ck-primary-200: oklch(31.7% 0.068 71.6);
+  --ck-primary-225: oklch(34.5% 0.074 71.6);
+  --ck-primary-250: oklch(37.1% 0.080 71.6);
+  --ck-primary-275: oklch(39.8% 0.086 71.6);
+  --ck-primary-300: oklch(42.3% 0.091 71.6);
+  --ck-primary-325: oklch(44.8% 0.096 71.6);
+  --ck-primary-350: oklch(47.2% 0.102 71.6);
+  --ck-primary-375: oklch(49.6% 0.107 71.6);
+  --ck-primary-400: oklch(52.0% 0.112 71.6);
+  --ck-primary-425: oklch(54.3% 0.117 71.6);
+  --ck-primary-450: oklch(56.5% 0.121 71.6);
+  --ck-primary-475: oklch(58.8% 0.126 71.6);
+  --ck-primary-500: oklch(61.0% 0.131 71.6);
+  --ck-primary-525: oklch(63.1% 0.136 71.6);
+  --ck-primary-550: oklch(65.2% 0.140 71.6);
+  --ck-primary-575: oklch(67.3% 0.141 71.6);
+  --ck-primary-600: oklch(69.4% 0.138 71.6);
+  --ck-primary-625: oklch(71.5% 0.135 71.6);
+  --ck-primary-650: oklch(73.5% 0.132 71.6);
+  --ck-primary-675: oklch(75.5% 0.129 71.6);
+  --ck-primary-700: oklch(77.5% 0.125 71.6);
+  --ck-primary-725: oklch(79.5% 0.121 71.6);
+  --ck-primary-750: oklch(81.4% 0.117 71.6);
+  --ck-primary-775: oklch(83.4% 0.112 71.6);
+  --ck-primary-800: oklch(85.3% 0.106 71.6);
+  --ck-primary-825: oklch(87.2% 0.100 71.6);
+  --ck-primary-850: oklch(89.0% 0.086 71.6);
+  --ck-primary-875: oklch(90.9% 0.070 71.6);
+  --ck-primary-900: oklch(92.8% 0.055 71.6);
+  --ck-primary-925: oklch(94.6% 0.041 71.6);
+  --ck-primary-950: oklch(96.4% 0.027 71.6);
+  --ck-primary-975: oklch(98.2% 0.013 71.6);
+  --ck-primary-990: oklch(99.3% 0.005 71.6);
+  --ck-secondary-010: oklch(3.7% 0.041 260.0);
+  --ck-secondary-025: oklch(7.2% 0.057 260.0);
+  --ck-secondary-050: oklch(11.8% 0.053 260.0);
+  --ck-secondary-075: oklch(15.7% 0.067 260.0);
+  --ck-secondary-100: oklch(19.3% 0.081 260.0);
+  --ck-secondary-125: oklch(22.6% 0.094 260.0);
+  --ck-secondary-150: oklch(25.8% 0.106 260.0);
+  --ck-secondary-175: oklch(28.8% 0.118 260.0);
+  --ck-secondary-200: oklch(31.7% 0.130 260.0);
+  --ck-secondary-225: oklch(34.5% 0.141 260.0);
+  --ck-secondary-250: oklch(37.1% 0.152 260.0);
+  --ck-secondary-275: oklch(39.8% 0.163 260.0);
+  --ck-secondary-300: oklch(42.3% 0.173 260.0);
+  --ck-secondary-325: oklch(44.8% 0.181 260.0);
+  --ck-secondary-350: oklch(47.2% 0.182 260.0);
+  --ck-secondary-375: oklch(49.6% 0.182 260.0);
+  --ck-secondary-400: oklch(52.0% 0.182 260.0);
+  --ck-secondary-425: oklch(54.3% 0.181 260.0);
+  --ck-secondary-450: oklch(56.5% 0.180 260.0);
+  --ck-secondary-475: oklch(58.8% 0.179 260.0);
+  --ck-secondary-500: oklch(61.0% 0.178 260.0);
+  --ck-secondary-525: oklch(63.1% 0.176 260.0);
+  --ck-secondary-550: oklch(65.2% 0.173 260.0);
+  --ck-secondary-575: oklch(67.3% 0.171 260.0);
+  --ck-secondary-600: oklch(69.4% 0.161 260.0);
+  --ck-secondary-625: oklch(71.5% 0.149 260.0);
+  --ck-secondary-650: oklch(73.5% 0.137 260.0);
+  --ck-secondary-675: oklch(75.5% 0.126 260.0);
+  --ck-secondary-700: oklch(77.5% 0.115 260.0);
+  --ck-secondary-725: oklch(79.5% 0.104 260.0);
+  --ck-secondary-750: oklch(81.4% 0.093 260.0);
+  --ck-secondary-775: oklch(83.4% 0.083 260.0);
+  --ck-secondary-800: oklch(85.3% 0.073 260.0);
+  --ck-secondary-825: oklch(87.2% 0.063 260.0);
+  --ck-secondary-850: oklch(89.0% 0.053 260.0);
+  --ck-secondary-875: oklch(90.9% 0.044 260.0);
+  --ck-secondary-900: oklch(92.8% 0.035 260.0);
+  --ck-secondary-925: oklch(94.6% 0.026 260.0);
+  --ck-secondary-950: oklch(96.4% 0.017 260.0);
+  --ck-secondary-975: oklch(98.2% 0.008 260.0);
+  --ck-secondary-990: oklch(99.3% 0.003 260.0);
+  --ck-neutral-010: oklch(3.7% 0.008 71.6);
+  --ck-neutral-025: oklch(7.2% 0.010 71.6);
+  --ck-neutral-050: oklch(11.8% 0.013 71.6);
+  --ck-neutral-075: oklch(15.7% 0.015 71.6);
+  --ck-neutral-100: oklch(19.3% 0.016 71.6);
+  --ck-neutral-125: oklch(22.6% 0.017 71.6);
+  --ck-neutral-150: oklch(25.8% 0.017 71.6);
+  --ck-neutral-175: oklch(28.8% 0.018 71.6);
+  --ck-neutral-200: oklch(31.7% 0.019 71.6);
+  --ck-neutral-225: oklch(34.5% 0.019 71.6);
+  --ck-neutral-250: oklch(37.1% 0.019 71.6);
+  --ck-neutral-275: oklch(39.8% 0.020 71.6);
+  --ck-neutral-300: oklch(42.3% 0.020 71.6);
+  --ck-neutral-325: oklch(44.8% 0.020 71.6);
+  --ck-neutral-350: oklch(47.2% 0.020 71.6);
+  --ck-neutral-375: oklch(49.6% 0.020 71.6);
+  --ck-neutral-400: oklch(52.0% 0.020 71.6);
+  --ck-neutral-425: oklch(54.3% 0.020 71.6);
+  --ck-neutral-450: oklch(56.5% 0.020 71.6);
+  --ck-neutral-475: oklch(58.8% 0.020 71.6);
+  --ck-neutral-500: oklch(61.0% 0.020 71.6);
+  --ck-neutral-525: oklch(63.1% 0.019 71.6);
+  --ck-neutral-550: oklch(65.2% 0.019 71.6);
+  --ck-neutral-575: oklch(67.3% 0.019 71.6);
+  --ck-neutral-600: oklch(69.4% 0.018 71.6);
+  --ck-neutral-625: oklch(71.5% 0.018 71.6);
+  --ck-neutral-650: oklch(73.5% 0.018 71.6);
+  --ck-neutral-675: oklch(75.5% 0.017 71.6);
+  --ck-neutral-700: oklch(77.5% 0.017 71.6);
+  --ck-neutral-725: oklch(79.5% 0.016 71.6);
+  --ck-neutral-750: oklch(81.4% 0.016 71.6);
+  --ck-neutral-775: oklch(83.4% 0.015 71.6);
+  --ck-neutral-800: oklch(85.3% 0.014 71.6);
+  --ck-neutral-825: oklch(87.2% 0.013 71.6);
+  --ck-neutral-850: oklch(89.0% 0.012 71.6);
+  --ck-neutral-875: oklch(90.9% 0.012 71.6);
+  --ck-neutral-900: oklch(92.8% 0.010 71.6);
+  --ck-neutral-925: oklch(94.6% 0.009 71.6);
+  --ck-neutral-950: oklch(96.4% 0.007 71.6);
+  --ck-neutral-975: oklch(98.2% 0.005 71.6);
+  --ck-neutral-990: oklch(99.3% 0.003 71.6);
+  --ck-neutral-secondary-010: oklch(3.7% 0.008 260.0);
+  --ck-neutral-secondary-025: oklch(7.2% 0.010 260.0);
+  --ck-neutral-secondary-050: oklch(11.8% 0.013 260.0);
+  --ck-neutral-secondary-075: oklch(15.7% 0.015 260.0);
+  --ck-neutral-secondary-100: oklch(19.3% 0.016 260.0);
+  --ck-neutral-secondary-125: oklch(22.6% 0.017 260.0);
+  --ck-neutral-secondary-150: oklch(25.8% 0.017 260.0);
+  --ck-neutral-secondary-175: oklch(28.8% 0.018 260.0);
+  --ck-neutral-secondary-200: oklch(31.7% 0.019 260.0);
+  --ck-neutral-secondary-225: oklch(34.5% 0.019 260.0);
+  --ck-neutral-secondary-250: oklch(37.1% 0.019 260.0);
+  --ck-neutral-secondary-275: oklch(39.8% 0.020 260.0);
+  --ck-neutral-secondary-300: oklch(42.3% 0.020 260.0);
+  --ck-neutral-secondary-325: oklch(44.8% 0.020 260.0);
+  --ck-neutral-secondary-350: oklch(47.2% 0.020 260.0);
+  --ck-neutral-secondary-375: oklch(49.6% 0.020 260.0);
+  --ck-neutral-secondary-400: oklch(52.0% 0.020 260.0);
+  --ck-neutral-secondary-425: oklch(54.3% 0.020 260.0);
+  --ck-neutral-secondary-450: oklch(56.5% 0.020 260.0);
+  --ck-neutral-secondary-475: oklch(58.8% 0.020 260.0);
+  --ck-neutral-secondary-500: oklch(61.0% 0.020 260.0);
+  --ck-neutral-secondary-525: oklch(63.1% 0.019 260.0);
+  --ck-neutral-secondary-550: oklch(65.2% 0.019 260.0);
+  --ck-neutral-secondary-575: oklch(67.3% 0.019 260.0);
+  --ck-neutral-secondary-600: oklch(69.4% 0.018 260.0);
+  --ck-neutral-secondary-625: oklch(71.5% 0.018 260.0);
+  --ck-neutral-secondary-650: oklch(73.5% 0.018 260.0);
+  --ck-neutral-secondary-675: oklch(75.5% 0.017 260.0);
+  --ck-neutral-secondary-700: oklch(77.5% 0.017 260.0);
+  --ck-neutral-secondary-725: oklch(79.5% 0.016 260.0);
+  --ck-neutral-secondary-750: oklch(81.4% 0.016 260.0);
+  --ck-neutral-secondary-775: oklch(83.4% 0.015 260.0);
+  --ck-neutral-secondary-800: oklch(85.3% 0.014 260.0);
+  --ck-neutral-secondary-825: oklch(87.2% 0.013 260.0);
+  --ck-neutral-secondary-850: oklch(89.0% 0.012 260.0);
+  --ck-neutral-secondary-875: oklch(90.9% 0.012 260.0);
+  --ck-neutral-secondary-900: oklch(92.8% 0.010 260.0);
+  --ck-neutral-secondary-925: oklch(94.6% 0.009 260.0);
+  --ck-neutral-secondary-950: oklch(96.4% 0.007 260.0);
+  --ck-neutral-secondary-975: oklch(98.2% 0.005 260.0);
+  --ck-neutral-secondary-990: oklch(99.3% 0.003 260.0);
+  --ck-info-010: oklch(3.7% 0.044 230.9);
+  --ck-info-025: oklch(7.2% 0.019 230.9);
+  --ck-info-050: oklch(11.8% 0.025 230.9);
+  --ck-info-075: oklch(15.7% 0.033 230.9);
+  --ck-info-100: oklch(19.3% 0.039 230.9);
+  --ck-info-125: oklch(22.6% 0.046 230.9);
+  --ck-info-150: oklch(25.8% 0.052 230.9);
+  --ck-info-175: oklch(28.8% 0.058 230.9);
+  --ck-info-200: oklch(31.7% 0.064 230.9);
+  --ck-info-225: oklch(34.5% 0.070 230.9);
+  --ck-info-250: oklch(37.1% 0.075 230.9);
+  --ck-info-275: oklch(39.8% 0.080 230.9);
+  --ck-info-300: oklch(42.3% 0.085 230.9);
+  --ck-info-325: oklch(44.8% 0.090 230.9);
+  --ck-info-350: oklch(47.2% 0.095 230.9);
+  --ck-info-375: oklch(49.6% 0.100 230.9);
+  --ck-info-400: oklch(52.0% 0.105 230.9);
+  --ck-info-425: oklch(54.3% 0.109 230.9);
+  --ck-info-450: oklch(56.5% 0.114 230.9);
+  --ck-info-475: oklch(58.8% 0.115 230.9);
+  --ck-info-500: oklch(61.0% 0.114 230.9);
+  --ck-info-525: oklch(63.1% 0.113 230.9);
+  --ck-info-550: oklch(65.2% 0.111 230.9);
+  --ck-info-575: oklch(67.3% 0.110 230.9);
+  --ck-info-600: oklch(69.4% 0.108 230.9);
+  --ck-info-625: oklch(71.5% 0.106 230.9);
+  --ck-info-650: oklch(73.5% 0.103 230.9);
+  --ck-info-675: oklch(75.5% 0.101 230.9);
+  --ck-info-700: oklch(77.5% 0.098 230.9);
+  --ck-info-725: oklch(79.5% 0.095 230.9);
+  --ck-info-750: oklch(81.4% 0.091 230.9);
+  --ck-info-775: oklch(83.4% 0.087 230.9);
+  --ck-info-800: oklch(85.3% 0.083 230.9);
+  --ck-info-825: oklch(87.2% 0.078 230.9);
+  --ck-info-850: oklch(89.0% 0.066 230.9);
+  --ck-info-875: oklch(90.9% 0.054 230.9);
+  --ck-info-900: oklch(92.8% 0.043 230.9);
+  --ck-info-925: oklch(94.6% 0.032 230.9);
+  --ck-info-950: oklch(96.4% 0.021 230.9);
+  --ck-info-975: oklch(98.2% 0.010 230.9);
+  --ck-info-990: oklch(99.3% 0.004 230.9);
+  --ck-success-010: oklch(3.7% 0.045 142.3);
+  --ck-success-025: oklch(7.2% 0.032 142.3);
+  --ck-success-050: oklch(11.8% 0.043 142.3);
+  --ck-success-075: oklch(15.7% 0.055 142.3);
+  --ck-success-100: oklch(19.3% 0.067 142.3);
+  --ck-success-125: oklch(22.6% 0.078 142.3);
+  --ck-success-150: oklch(25.8% 0.088 142.3);
+  --ck-success-175: oklch(28.8% 0.098 142.3);
+  --ck-success-200: oklch(31.7% 0.108 142.3);
+  --ck-success-225: oklch(34.5% 0.117 142.3);
+  --ck-success-250: oklch(37.1% 0.120 142.3);
+  --ck-success-275: oklch(39.8% 0.121 142.3);
+  --ck-success-300: oklch(42.3% 0.123 142.3);
+  --ck-success-325: oklch(44.8% 0.123 142.3);
+  --ck-success-350: oklch(47.2% 0.124 142.3);
+  --ck-success-375: oklch(49.6% 0.124 142.3);
+  --ck-success-400: oklch(52.0% 0.124 142.3);
+  --ck-success-425: oklch(54.3% 0.124 142.3);
+  --ck-success-450: oklch(56.5% 0.123 142.3);
+  --ck-success-475: oklch(58.8% 0.122 142.3);
+  --ck-success-500: oklch(61.0% 0.121 142.3);
+  --ck-success-525: oklch(63.1% 0.120 142.3);
+  --ck-success-550: oklch(65.2% 0.118 142.3);
+  --ck-success-575: oklch(67.3% 0.116 142.3);
+  --ck-success-600: oklch(69.4% 0.114 142.3);
+  --ck-success-625: oklch(71.5% 0.112 142.3);
+  --ck-success-650: oklch(73.5% 0.109 142.3);
+  --ck-success-675: oklch(75.5% 0.107 142.3);
+  --ck-success-700: oklch(77.5% 0.104 142.3);
+  --ck-success-725: oklch(79.5% 0.100 142.3);
+  --ck-success-750: oklch(81.4% 0.096 142.3);
+  --ck-success-775: oklch(83.4% 0.092 142.3);
+  --ck-success-800: oklch(85.3% 0.088 142.3);
+  --ck-success-825: oklch(87.2% 0.083 142.3);
+  --ck-success-850: oklch(89.0% 0.077 142.3);
+  --ck-success-875: oklch(90.9% 0.071 142.3);
+  --ck-success-900: oklch(92.8% 0.064 142.3);
+  --ck-success-925: oklch(94.6% 0.056 142.3);
+  --ck-success-950: oklch(96.4% 0.046 142.3);
+  --ck-success-975: oklch(98.2% 0.031 142.3);
+  --ck-success-990: oklch(99.3% 0.012 142.3);
+  --ck-warning-010: oklch(3.7% 0.049 88.4);
+  --ck-warning-025: oklch(7.2% 0.021 88.4);
+  --ck-warning-050: oklch(11.8% 0.026 88.4);
+  --ck-warning-075: oklch(15.7% 0.033 88.4);
+  --ck-warning-100: oklch(19.3% 0.040 88.4);
+  --ck-warning-125: oklch(22.6% 0.047 88.4);
+  --ck-warning-150: oklch(25.8% 0.053 88.4);
+  --ck-warning-175: oklch(28.8% 0.059 88.4);
+  --ck-warning-200: oklch(31.7% 0.065 88.4);
+  --ck-warning-225: oklch(34.5% 0.071 88.4);
+  --ck-warning-250: oklch(37.1% 0.076 88.4);
+  --ck-warning-275: oklch(39.8% 0.081 88.4);
+  --ck-warning-300: oklch(42.3% 0.087 88.4);
+  --ck-warning-325: oklch(44.8% 0.092 88.4);
+  --ck-warning-350: oklch(47.2% 0.097 88.4);
+  --ck-warning-375: oklch(49.6% 0.102 88.4);
+  --ck-warning-400: oklch(52.0% 0.106 88.4);
+  --ck-warning-425: oklch(54.3% 0.111 88.4);
+  --ck-warning-450: oklch(56.5% 0.116 88.4);
+  --ck-warning-475: oklch(58.8% 0.120 88.4);
+  --ck-warning-500: oklch(61.0% 0.125 88.4);
+  --ck-warning-525: oklch(63.1% 0.125 88.4);
+  --ck-warning-550: oklch(65.2% 0.124 88.4);
+  --ck-warning-575: oklch(67.3% 0.122 88.4);
+  --ck-warning-600: oklch(69.4% 0.120 88.4);
+  --ck-warning-625: oklch(71.5% 0.117 88.4);
+  --ck-warning-650: oklch(73.5% 0.115 88.4);
+  --ck-warning-675: oklch(75.5% 0.112 88.4);
+  --ck-warning-700: oklch(77.5% 0.109 88.4);
+  --ck-warning-725: oklch(79.5% 0.105 88.4);
+  --ck-warning-750: oklch(81.4% 0.101 88.4);
+  --ck-warning-775: oklch(83.4% 0.097 88.4);
+  --ck-warning-800: oklch(85.3% 0.092 88.4);
+  --ck-warning-825: oklch(87.2% 0.087 88.4);
+  --ck-warning-850: oklch(89.0% 0.081 88.4);
+  --ck-warning-875: oklch(90.9% 0.075 88.4);
+  --ck-warning-900: oklch(92.8% 0.067 88.4);
+  --ck-warning-925: oklch(94.6% 0.059 88.4);
+  --ck-warning-950: oklch(96.4% 0.043 88.4);
+  --ck-warning-975: oklch(98.2% 0.021 88.4);
+  --ck-warning-990: oklch(99.3% 0.008 88.4);
+  --ck-danger-010: oklch(3.7% 0.036 22.3);
+  --ck-danger-025: oklch(7.2% 0.035 22.3);
+  --ck-danger-050: oklch(11.8% 0.050 22.3);
+  --ck-danger-075: oklch(15.7% 0.065 22.3);
+  --ck-danger-100: oklch(19.3% 0.079 22.3);
+  --ck-danger-125: oklch(22.6% 0.092 22.3);
+  --ck-danger-150: oklch(25.8% 0.104 22.3);
+  --ck-danger-175: oklch(28.8% 0.116 22.3);
+  --ck-danger-200: oklch(31.7% 0.128 22.3);
+  --ck-danger-225: oklch(34.5% 0.139 22.3);
+  --ck-danger-250: oklch(37.1% 0.144 22.3);
+  --ck-danger-275: oklch(39.8% 0.146 22.3);
+  --ck-danger-300: oklch(42.3% 0.147 22.3);
+  --ck-danger-325: oklch(44.8% 0.148 22.3);
+  --ck-danger-350: oklch(47.2% 0.149 22.3);
+  --ck-danger-375: oklch(49.6% 0.149 22.3);
+  --ck-danger-400: oklch(52.0% 0.149 22.3);
+  --ck-danger-425: oklch(54.3% 0.148 22.3);
+  --ck-danger-450: oklch(56.5% 0.148 22.3);
+  --ck-danger-475: oklch(58.8% 0.147 22.3);
+  --ck-danger-500: oklch(61.0% 0.145 22.3);
+  --ck-danger-525: oklch(63.1% 0.144 22.3);
+  --ck-danger-550: oklch(65.2% 0.142 22.3);
+  --ck-danger-575: oklch(67.3% 0.140 22.3);
+  --ck-danger-600: oklch(69.4% 0.137 22.3);
+  --ck-danger-625: oklch(71.5% 0.135 22.3);
+  --ck-danger-650: oklch(73.5% 0.131 22.3);
+  --ck-danger-675: oklch(75.5% 0.128 22.3);
+  --ck-danger-700: oklch(77.5% 0.124 22.3);
+  --ck-danger-725: oklch(79.5% 0.118 22.3);
+  --ck-danger-750: oklch(81.4% 0.105 22.3);
+  --ck-danger-775: oklch(83.4% 0.092 22.3);
+  --ck-danger-800: oklch(85.3% 0.080 22.3);
+  --ck-danger-825: oklch(87.2% 0.068 22.3);
+  --ck-danger-850: oklch(89.0% 0.057 22.3);
+  --ck-danger-875: oklch(90.9% 0.047 22.3);
+  --ck-danger-900: oklch(92.8% 0.037 22.3);
+  --ck-danger-925: oklch(94.6% 0.027 22.3);
+  --ck-danger-950: oklch(96.4% 0.018 22.3);
+  --ck-danger-975: oklch(98.2% 0.009 22.3);
+  --ck-danger-990: oklch(99.3% 0.003 22.3);
+  color-scheme: light dark;
+}
+
+/* lib/core/Base/base.css */
+@property --ck-base--margin-base { syntax: "*"; inherits: false; }
+@property --ck-base--margin-top-base { syntax: "*"; inherits: false; }
+@property --ck-base--margin-bottom-base { syntax: "*"; inherits: false; }
+@property --ck-base--margin-left-base { syntax: "*"; inherits: false; }
+@property --ck-base--margin-right-base { syntax: "*"; inherits: false; }
+@property --ck-base--margin-x-base { syntax: "*"; inherits: false; }
+@property --ck-base--margin-y-base { syntax: "*"; inherits: false; }
+@property --ck-base--padding-base { syntax: "*"; inherits: false; }
+@property --ck-base--padding-top-base { syntax: "*"; inherits: false; }
+@property --ck-base--padding-bottom-base { syntax: "*"; inherits: false; }
+@property --ck-base--padding-left-base { syntax: "*"; inherits: false; }
+@property --ck-base--padding-right-base { syntax: "*"; inherits: false; }
+@property --ck-base--padding-x-base { syntax: "*"; inherits: false; }
+@property --ck-base--padding-y-base { syntax: "*"; inherits: false; }
+@property --ck-base--margin-base { syntax: "*"; inherits: false; }
+@property --ck-base--margin-top-base { syntax: "*"; inherits: false; }
+@property --ck-base--margin-bottom-base { syntax: "*"; inherits: false; }
+@property --ck-base--margin-left-base { syntax: "*"; inherits: false; }
+@property --ck-base--margin-right-base { syntax: "*"; inherits: false; }
+@property --ck-base--margin-x-base { syntax: "*"; inherits: false; }
+@property --ck-base--margin-y-base { syntax: "*"; inherits: false; }
+@property --ck-base--padding-base { syntax: "*"; inherits: false; }
+@property --ck-base--padding-top-base { syntax: "*"; inherits: false; }
+@property --ck-base--padding-bottom-base { syntax: "*"; inherits: false; }
+@property --ck-base--padding-left-base { syntax: "*"; inherits: false; }
+@property --ck-base--padding-right-base { syntax: "*"; inherits: false; }
+@property --ck-base--padding-x-base { syntax: "*"; inherits: false; }
+@property --ck-base--padding-y-base { syntax: "*"; inherits: false; }
+@property --ck-base--margin-us { syntax: "*"; inherits: false; }
+@property --ck-base--margin-top-us { syntax: "*"; inherits: false; }
+@property --ck-base--margin-bottom-us { syntax: "*"; inherits: false; }
+@property --ck-base--margin-left-us { syntax: "*"; inherits: false; }
+@property --ck-base--margin-right-us { syntax: "*"; inherits: false; }
+@property --ck-base--margin-x-us { syntax: "*"; inherits: false; }
+@property --ck-base--margin-y-us { syntax: "*"; inherits: false; }
+@property --ck-base--padding-us { syntax: "*"; inherits: false; }
+@property --ck-base--padding-top-us { syntax: "*"; inherits: false; }
+@property --ck-base--padding-bottom-us { syntax: "*"; inherits: false; }
+@property --ck-base--padding-left-us { syntax: "*"; inherits: false; }
+@property --ck-base--padding-right-us { syntax: "*"; inherits: false; }
+@property --ck-base--padding-x-us { syntax: "*"; inherits: false; }
+@property --ck-base--padding-y-us { syntax: "*"; inherits: false; }
+@property --ck-base--margin-xs { syntax: "*"; inherits: false; }
+@property --ck-base--margin-top-xs { syntax: "*"; inherits: false; }
+@property --ck-base--margin-bottom-xs { syntax: "*"; inherits: false; }
+@property --ck-base--margin-left-xs { syntax: "*"; inherits: false; }
+@property --ck-base--margin-right-xs { syntax: "*"; inherits: false; }
+@property --ck-base--margin-x-xs { syntax: "*"; inherits: false; }
+@property --ck-base--margin-y-xs { syntax: "*"; inherits: false; }
+@property --ck-base--padding-xs { syntax: "*"; inherits: false; }
+@property --ck-base--padding-top-xs { syntax: "*"; inherits: false; }
+@property --ck-base--padding-bottom-xs { syntax: "*"; inherits: false; }
+@property --ck-base--padding-left-xs { syntax: "*"; inherits: false; }
+@property --ck-base--padding-right-xs { syntax: "*"; inherits: false; }
+@property --ck-base--padding-x-xs { syntax: "*"; inherits: false; }
+@property --ck-base--padding-y-xs { syntax: "*"; inherits: false; }
+@property --ck-base--margin-sm { syntax: "*"; inherits: false; }
+@property --ck-base--margin-top-sm { syntax: "*"; inherits: false; }
+@property --ck-base--margin-bottom-sm { syntax: "*"; inherits: false; }
+@property --ck-base--margin-left-sm { syntax: "*"; inherits: false; }
+@property --ck-base--margin-right-sm { syntax: "*"; inherits: false; }
+@property --ck-base--margin-x-sm { syntax: "*"; inherits: false; }
+@property --ck-base--margin-y-sm { syntax: "*"; inherits: false; }
+@property --ck-base--padding-sm { syntax: "*"; inherits: false; }
+@property --ck-base--padding-top-sm { syntax: "*"; inherits: false; }
+@property --ck-base--padding-bottom-sm { syntax: "*"; inherits: false; }
+@property --ck-base--padding-left-sm { syntax: "*"; inherits: false; }
+@property --ck-base--padding-right-sm { syntax: "*"; inherits: false; }
+@property --ck-base--padding-x-sm { syntax: "*"; inherits: false; }
+@property --ck-base--padding-y-sm { syntax: "*"; inherits: false; }
+@property --ck-base--margin-md { syntax: "*"; inherits: false; }
+@property --ck-base--margin-top-md { syntax: "*"; inherits: false; }
+@property --ck-base--margin-bottom-md { syntax: "*"; inherits: false; }
+@property --ck-base--margin-left-md { syntax: "*"; inherits: false; }
+@property --ck-base--margin-right-md { syntax: "*"; inherits: false; }
+@property --ck-base--margin-x-md { syntax: "*"; inherits: false; }
+@property --ck-base--margin-y-md { syntax: "*"; inherits: false; }
+@property --ck-base--padding-md { syntax: "*"; inherits: false; }
+@property --ck-base--padding-top-md { syntax: "*"; inherits: false; }
+@property --ck-base--padding-bottom-md { syntax: "*"; inherits: false; }
+@property --ck-base--padding-left-md { syntax: "*"; inherits: false; }
+@property --ck-base--padding-right-md { syntax: "*"; inherits: false; }
+@property --ck-base--padding-x-md { syntax: "*"; inherits: false; }
+@property --ck-base--padding-y-md { syntax: "*"; inherits: false; }
+@property --ck-base--margin-lg { syntax: "*"; inherits: false; }
+@property --ck-base--margin-top-lg { syntax: "*"; inherits: false; }
+@property --ck-base--margin-bottom-lg { syntax: "*"; inherits: false; }
+@property --ck-base--margin-left-lg { syntax: "*"; inherits: false; }
+@property --ck-base--margin-right-lg { syntax: "*"; inherits: false; }
+@property --ck-base--margin-x-lg { syntax: "*"; inherits: false; }
+@property --ck-base--margin-y-lg { syntax: "*"; inherits: false; }
+@property --ck-base--padding-lg { syntax: "*"; inherits: false; }
+@property --ck-base--padding-top-lg { syntax: "*"; inherits: false; }
+@property --ck-base--padding-bottom-lg { syntax: "*"; inherits: false; }
+@property --ck-base--padding-left-lg { syntax: "*"; inherits: false; }
+@property --ck-base--padding-right-lg { syntax: "*"; inherits: false; }
+@property --ck-base--padding-x-lg { syntax: "*"; inherits: false; }
+@property --ck-base--padding-y-lg { syntax: "*"; inherits: false; }
+@property --ck-base--margin-xl { syntax: "*"; inherits: false; }
+@property --ck-base--margin-top-xl { syntax: "*"; inherits: false; }
+@property --ck-base--margin-bottom-xl { syntax: "*"; inherits: false; }
+@property --ck-base--margin-left-xl { syntax: "*"; inherits: false; }
+@property --ck-base--margin-right-xl { syntax: "*"; inherits: false; }
+@property --ck-base--margin-x-xl { syntax: "*"; inherits: false; }
+@property --ck-base--margin-y-xl { syntax: "*"; inherits: false; }
+@property --ck-base--padding-xl { syntax: "*"; inherits: false; }
+@property --ck-base--padding-top-xl { syntax: "*"; inherits: false; }
+@property --ck-base--padding-bottom-xl { syntax: "*"; inherits: false; }
+@property --ck-base--padding-left-xl { syntax: "*"; inherits: false; }
+@property --ck-base--padding-right-xl { syntax: "*"; inherits: false; }
+@property --ck-base--padding-x-xl { syntax: "*"; inherits: false; }
+@property --ck-base--padding-y-xl { syntax: "*"; inherits: false; }
+@property --ck-base--margin-ul { syntax: "*"; inherits: false; }
+@property --ck-base--margin-top-ul { syntax: "*"; inherits: false; }
+@property --ck-base--margin-bottom-ul { syntax: "*"; inherits: false; }
+@property --ck-base--margin-left-ul { syntax: "*"; inherits: false; }
+@property --ck-base--margin-right-ul { syntax: "*"; inherits: false; }
+@property --ck-base--margin-x-ul { syntax: "*"; inherits: false; }
+@property --ck-base--margin-y-ul { syntax: "*"; inherits: false; }
+@property --ck-base--padding-ul { syntax: "*"; inherits: false; }
+@property --ck-base--padding-top-ul { syntax: "*"; inherits: false; }
+@property --ck-base--padding-bottom-ul { syntax: "*"; inherits: false; }
+@property --ck-base--padding-left-ul { syntax: "*"; inherits: false; }
+@property --ck-base--padding-right-ul { syntax: "*"; inherits: false; }
+@property --ck-base--padding-x-ul { syntax: "*"; inherits: false; }
+@property --ck-base--padding-y-ul { syntax: "*"; inherits: false; }
+.ck-base {
+  --ck-base--margin: var(--ck-base--margin-base, initial);
+  --ck-base--margin-top: var(--ck-base--margin-top-base, initial);
+  --ck-base--margin-bottom: var(--ck-base--margin-bottom-base, initial);
+  --ck-base--margin-left: var(--ck-base--margin-left-base, initial);
+  --ck-base--margin-right: var(--ck-base--margin-right-base, initial);
+  --ck-base--margin-x: var(--ck-base--margin-x-base, initial);
+  --ck-base--margin-y: var(--ck-base--margin-y-base, initial);
+  --ck-base--padding: var(--ck-base--padding-base, initial);
+  --ck-base--padding-top: var(--ck-base--padding-top-base, initial);
+  --ck-base--padding-bottom: var(--ck-base--padding-bottom-base, initial);
+  --ck-base--padding-left: var(--ck-base--padding-left-base, initial);
+  --ck-base--padding-right: var(--ck-base--padding-right-base, initial);
+  --ck-base--padding-x: var(--ck-base--padding-x-base, initial);
+  --ck-base--padding-y: var(--ck-base--padding-y-base, initial);
+}
+.ck-base {
+  margin: var(--ck-base--margin, 0);
+  padding: var(--ck-base--padding, 0);
+  margin-top: var( --ck-base--margin-top, var(--ck-base--margin-y, var(--ck-base--margin, 0)) );
+  margin-bottom: var( --ck-base--margin-bottom, var(--ck-base--margin-y, var(--ck-base--margin, 0)) );
+  margin-left: var( --ck-base--margin-left, var(--ck-base--margin-x, var(--ck-base--margin, 0)) );
+  margin-right: var( --ck-base--margin-right, var(--ck-base--margin-x, var(--ck-base--margin, 0)) );
+  padding-top: var( --ck-base--padding-top, var(--ck-base--padding-y, var(--ck-base--padding, 0)) );
+  padding-bottom: var( --ck-base--padding-bottom, var(--ck-base--padding-y, var(--ck-base--padding, 0)) );
+  padding-left: var( --ck-base--padding-left, var(--ck-base--padding-x, var(--ck-base--padding, 0)) );
+  padding-right: var( --ck-base--padding-right, var(--ck-base--padding-x, var(--ck-base--padding, 0)) );
+}
+@media (min-width: 30rem) {
+  .ck-base {
+    --ck-base--margin: var( --ck-base--margin-us, var(--ck-base--margin-base, initial) );
+    --ck-base--margin-top: var( --ck-base--margin-top-us, var(--ck-base--margin-top-base, initial) );
+    --ck-base--margin-bottom: var( --ck-base--margin-bottom-us, var(--ck-base--margin-bottom-base, initial) );
+    --ck-base--margin-left: var( --ck-base--margin-left-us, var(--ck-base--margin-left-base, initial) );
+    --ck-base--margin-right: var( --ck-base--margin-right-us, var(--ck-base--margin-right-base, initial) );
+    --ck-base--margin-x: var( --ck-base--margin-x-us, var(--ck-base--margin-x-base, initial) );
+    --ck-base--margin-y: var( --ck-base--margin-y-us, var(--ck-base--margin-y-base, initial) );
+    --ck-base--padding: var( --ck-base--padding-us, var(--ck-base--padding-base, initial) );
+    --ck-base--padding-top: var( --ck-base--padding-top-us, var(--ck-base--padding-top-base, initial) );
+    --ck-base--padding-bottom: var( --ck-base--padding-bottom-us, var(--ck-base--padding-bottom-base, initial) );
+    --ck-base--padding-left: var( --ck-base--padding-left-us, var(--ck-base--padding-left-base, initial) );
+    --ck-base--padding-right: var( --ck-base--padding-right-us, var(--ck-base--padding-right-base, initial) );
+    --ck-base--padding-x: var( --ck-base--padding-x-us, var(--ck-base--padding-x-base, initial) );
+    --ck-base--padding-y: var( --ck-base--padding-y-us, var(--ck-base--padding-y-base, initial) );
+  }
+}
+@media (min-width: 36rem) {
+  .ck-base {
+    --ck-base--margin: var( --ck-base--margin-xs, var(--ck-base--margin-us, var(--ck-base--margin-base, initial)) );
+    --ck-base--margin-top: var( --ck-base--margin-top-xs, var( --ck-base--margin-top-us, var(--ck-base--margin-top-base, initial) ) );
+    --ck-base--margin-bottom: var( --ck-base--margin-bottom-xs, var( --ck-base--margin-bottom-us, var(--ck-base--margin-bottom-base, initial) ) );
+    --ck-base--margin-left: var( --ck-base--margin-left-xs, var( --ck-base--margin-left-us, var(--ck-base--margin-left-base, initial) ) );
+    --ck-base--margin-right: var( --ck-base--margin-right-xs, var( --ck-base--margin-right-us, var(--ck-base--margin-right-base, initial) ) );
+    --ck-base--margin-x: var( --ck-base--margin-x-xs, var(--ck-base--margin-x-us, var(--ck-base--margin-x-base, initial)) );
+    --ck-base--margin-y: var( --ck-base--margin-y-xs, var(--ck-base--margin-y-us, var(--ck-base--margin-y-base, initial)) );
+    --ck-base--padding: var( --ck-base--padding-xs, var(--ck-base--padding-us, var(--ck-base--padding-base, initial)) );
+    --ck-base--padding-top: var( --ck-base--padding-top-xs, var( --ck-base--padding-top-us, var(--ck-base--padding-top-base, initial) ) );
+    --ck-base--padding-bottom: var( --ck-base--padding-bottom-xs, var( --ck-base--padding-bottom-us, var(--ck-base--padding-bottom-base, initial) ) );
+    --ck-base--padding-left: var( --ck-base--padding-left-xs, var( --ck-base--padding-left-us, var(--ck-base--padding-left-base, initial) ) );
+    --ck-base--padding-right: var( --ck-base--padding-right-xs, var( --ck-base--padding-right-us, var(--ck-base--padding-right-base, initial) ) );
+    --ck-base--padding-x: var( --ck-base--padding-x-xs, var( --ck-base--padding-x-us, var(--ck-base--padding-x-base, initial) ) );
+    --ck-base--padding-y: var( --ck-base--padding-y-xs, var( --ck-base--padding-y-us, var(--ck-base--padding-y-base, initial) ) );
+  }
+}
+@media (min-width: 48rem) {
+  .ck-base {
+    --ck-base--margin: var( --ck-base--margin-sm, var( --ck-base--margin-xs, var(--ck-base--margin-us, var(--ck-base--margin-base, initial)) ) );
+    --ck-base--margin-top: var( --ck-base--margin-top-sm, var( --ck-base--margin-top-xs, var( --ck-base--margin-top-us, var(--ck-base--margin-top-base, initial) ) ) );
+    --ck-base--margin-bottom: var( --ck-base--margin-bottom-sm, var( --ck-base--margin-bottom-xs, var( --ck-base--margin-bottom-us, var(--ck-base--margin-bottom-base, initial) ) ) );
+    --ck-base--margin-left: var( --ck-base--margin-left-sm, var( --ck-base--margin-left-xs, var( --ck-base--margin-left-us, var(--ck-base--margin-left-base, initial) ) ) );
+    --ck-base--margin-right: var( --ck-base--margin-right-sm, var( --ck-base--margin-right-xs, var( --ck-base--margin-right-us, var(--ck-base--margin-right-base, initial) ) ) );
+    --ck-base--margin-x: var( --ck-base--margin-x-sm, var( --ck-base--margin-x-xs, var( --ck-base--margin-x-us, var(--ck-base--margin-x-base, initial) ) ) );
+    --ck-base--margin-y: var( --ck-base--margin-y-sm, var( --ck-base--margin-y-xs, var( --ck-base--margin-y-us, var(--ck-base--margin-y-base, initial) ) ) );
+    --ck-base--padding: var( --ck-base--padding-sm, var( --ck-base--padding-xs, var( --ck-base--padding-us, var(--ck-base--padding-base, initial) ) ) );
+    --ck-base--padding-top: var( --ck-base--padding-top-sm, var( --ck-base--padding-top-xs, var( --ck-base--padding-top-us, var(--ck-base--padding-top-base, initial) ) ) );
+    --ck-base--padding-bottom: var( --ck-base--padding-bottom-sm, var( --ck-base--padding-bottom-xs, var( --ck-base--padding-bottom-us, var(--ck-base--padding-bottom-base, initial) ) ) );
+    --ck-base--padding-left: var( --ck-base--padding-left-sm, var( --ck-base--padding-left-xs, var( --ck-base--padding-left-us, var(--ck-base--padding-left-base, initial) ) ) );
+    --ck-base--padding-right: var( --ck-base--padding-right-sm, var( --ck-base--padding-right-xs, var( --ck-base--padding-right-us, var(--ck-base--padding-right-base, initial) ) ) );
+    --ck-base--padding-x: var( --ck-base--padding-x-sm, var( --ck-base--padding-x-xs, var( --ck-base--padding-x-us, var(--ck-base--padding-x-base, initial) ) ) );
+    --ck-base--padding-y: var( --ck-base--padding-y-sm, var( --ck-base--padding-y-xs, var( --ck-base--padding-y-us, var(--ck-base--padding-y-base, initial) ) ) );
+  }
+}
+@media (min-width: 62rem) {
+  .ck-base {
+    --ck-base--margin: var( --ck-base--margin-md, var( --ck-base--margin-sm, var( --ck-base--margin-xs, var( --ck-base--margin-us, var(--ck-base--margin-base, initial) ) ) ) );
+    --ck-base--margin-top: var( --ck-base--margin-top-md, var( --ck-base--margin-top-sm, var( --ck-base--margin-top-xs, var( --ck-base--margin-top-us, var(--ck-base--margin-top-base, initial) ) ) ) );
+    --ck-base--margin-bottom: var( --ck-base--margin-bottom-md, var( --ck-base--margin-bottom-sm, var( --ck-base--margin-bottom-xs, var( --ck-base--margin-bottom-us, var(--ck-base--margin-bottom-base, initial) ) ) ) );
+    --ck-base--margin-left: var( --ck-base--margin-left-md, var( --ck-base--margin-left-sm, var( --ck-base--margin-left-xs, var( --ck-base--margin-left-us, var(--ck-base--margin-left-base, initial) ) ) ) );
+    --ck-base--margin-right: var( --ck-base--margin-right-md, var( --ck-base--margin-right-sm, var( --ck-base--margin-right-xs, var( --ck-base--margin-right-us, var(--ck-base--margin-right-base, initial) ) ) ) );
+    --ck-base--margin-x: var( --ck-base--margin-x-md, var( --ck-base--margin-x-sm, var( --ck-base--margin-x-xs, var( --ck-base--margin-x-us, var(--ck-base--margin-x-base, initial) ) ) ) );
+    --ck-base--margin-y: var( --ck-base--margin-y-md, var( --ck-base--margin-y-sm, var( --ck-base--margin-y-xs, var( --ck-base--margin-y-us, var(--ck-base--margin-y-base, initial) ) ) ) );
+    --ck-base--padding: var( --ck-base--padding-md, var( --ck-base--padding-sm, var( --ck-base--padding-xs, var( --ck-base--padding-us, var(--ck-base--padding-base, initial) ) ) ) );
+    --ck-base--padding-top: var( --ck-base--padding-top-md, var( --ck-base--padding-top-sm, var( --ck-base--padding-top-xs, var( --ck-base--padding-top-us, var(--ck-base--padding-top-base, initial) ) ) ) );
+    --ck-base--padding-bottom: var( --ck-base--padding-bottom-md, var( --ck-base--padding-bottom-sm, var( --ck-base--padding-bottom-xs, var( --ck-base--padding-bottom-us, var(--ck-base--padding-bottom-base, initial) ) ) ) );
+    --ck-base--padding-left: var( --ck-base--padding-left-md, var( --ck-base--padding-left-sm, var( --ck-base--padding-left-xs, var( --ck-base--padding-left-us, var(--ck-base--padding-left-base, initial) ) ) ) );
+    --ck-base--padding-right: var( --ck-base--padding-right-md, var( --ck-base--padding-right-sm, var( --ck-base--padding-right-xs, var( --ck-base--padding-right-us, var(--ck-base--padding-right-base, initial) ) ) ) );
+    --ck-base--padding-x: var( --ck-base--padding-x-md, var( --ck-base--padding-x-sm, var( --ck-base--padding-x-xs, var( --ck-base--padding-x-us, var(--ck-base--padding-x-base, initial) ) ) ) );
+    --ck-base--padding-y: var( --ck-base--padding-y-md, var( --ck-base--padding-y-sm, var( --ck-base--padding-y-xs, var( --ck-base--padding-y-us, var(--ck-base--padding-y-base, initial) ) ) ) );
+  }
+}
+@media (min-width: 75rem) {
+  .ck-base {
+    --ck-base--margin: var( --ck-base--margin-lg, var( --ck-base--margin-md, var( --ck-base--margin-sm, var( --ck-base--margin-xs, var( --ck-base--margin-us, var(--ck-base--margin-base, initial) ) ) ) ) );
+    --ck-base--margin-top: var( --ck-base--margin-top-lg, var( --ck-base--margin-top-md, var( --ck-base--margin-top-sm, var( --ck-base--margin-top-xs, var( --ck-base--margin-top-us, var(--ck-base--margin-top-base, initial) ) ) ) ) );
+    --ck-base--margin-bottom: var( --ck-base--margin-bottom-lg, var( --ck-base--margin-bottom-md, var( --ck-base--margin-bottom-sm, var( --ck-base--margin-bottom-xs, var( --ck-base--margin-bottom-us, var(--ck-base--margin-bottom-base, initial) ) ) ) ) );
+    --ck-base--margin-left: var( --ck-base--margin-left-lg, var( --ck-base--margin-left-md, var( --ck-base--margin-left-sm, var( --ck-base--margin-left-xs, var( --ck-base--margin-left-us, var(--ck-base--margin-left-base, initial) ) ) ) ) );
+    --ck-base--margin-right: var( --ck-base--margin-right-lg, var( --ck-base--margin-right-md, var( --ck-base--margin-right-sm, var( --ck-base--margin-right-xs, var( --ck-base--margin-right-us, var(--ck-base--margin-right-base, initial) ) ) ) ) );
+    --ck-base--margin-x: var( --ck-base--margin-x-lg, var( --ck-base--margin-x-md, var( --ck-base--margin-x-sm, var( --ck-base--margin-x-xs, var( --ck-base--margin-x-us, var(--ck-base--margin-x-base, initial) ) ) ) ) );
+    --ck-base--margin-y: var( --ck-base--margin-y-lg, var( --ck-base--margin-y-md, var( --ck-base--margin-y-sm, var( --ck-base--margin-y-xs, var( --ck-base--margin-y-us, var(--ck-base--margin-y-base, initial) ) ) ) ) );
+    --ck-base--padding: var( --ck-base--padding-lg, var( --ck-base--padding-md, var( --ck-base--padding-sm, var( --ck-base--padding-xs, var( --ck-base--padding-us, var(--ck-base--padding-base, initial) ) ) ) ) );
+    --ck-base--padding-top: var( --ck-base--padding-top-lg, var( --ck-base--padding-top-md, var( --ck-base--padding-top-sm, var( --ck-base--padding-top-xs, var( --ck-base--padding-top-us, var(--ck-base--padding-top-base, initial) ) ) ) ) );
+    --ck-base--padding-bottom: var( --ck-base--padding-bottom-lg, var( --ck-base--padding-bottom-md, var( --ck-base--padding-bottom-sm, var( --ck-base--padding-bottom-xs, var( --ck-base--padding-bottom-us, var(--ck-base--padding-bottom-base, initial) ) ) ) ) );
+    --ck-base--padding-left: var( --ck-base--padding-left-lg, var( --ck-base--padding-left-md, var( --ck-base--padding-left-sm, var( --ck-base--padding-left-xs, var( --ck-base--padding-left-us, var(--ck-base--padding-left-base, initial) ) ) ) ) );
+    --ck-base--padding-right: var( --ck-base--padding-right-lg, var( --ck-base--padding-right-md, var( --ck-base--padding-right-sm, var( --ck-base--padding-right-xs, var( --ck-base--padding-right-us, var(--ck-base--padding-right-base, initial) ) ) ) ) );
+    --ck-base--padding-x: var( --ck-base--padding-x-lg, var( --ck-base--padding-x-md, var( --ck-base--padding-x-sm, var( --ck-base--padding-x-xs, var( --ck-base--padding-x-us, var(--ck-base--padding-x-base, initial) ) ) ) ) );
+    --ck-base--padding-y: var( --ck-base--padding-y-lg, var( --ck-base--padding-y-md, var( --ck-base--padding-y-sm, var( --ck-base--padding-y-xs, var( --ck-base--padding-y-us, var(--ck-base--padding-y-base, initial) ) ) ) ) );
+  }
+}
+@media (min-width: 90rem) {
+  .ck-base {
+    --ck-base--margin: var( --ck-base--margin-xl, var( --ck-base--margin-lg, var( --ck-base--margin-md, var( --ck-base--margin-sm, var( --ck-base--margin-xs, var( --ck-base--margin-us, var(--ck-base--margin-base, initial) ) ) ) ) ) );
+    --ck-base--margin-top: var( --ck-base--margin-top-xl, var( --ck-base--margin-top-lg, var( --ck-base--margin-top-md, var( --ck-base--margin-top-sm, var( --ck-base--margin-top-xs, var( --ck-base--margin-top-us, var(--ck-base--margin-top-base, initial) ) ) ) ) ) );
+    --ck-base--margin-bottom: var( --ck-base--margin-bottom-xl, var( --ck-base--margin-bottom-lg, var( --ck-base--margin-bottom-md, var( --ck-base--margin-bottom-sm, var( --ck-base--margin-bottom-xs, var( --ck-base--margin-bottom-us, var(--ck-base--margin-bottom-base, initial) ) ) ) ) ) );
+    --ck-base--margin-left: var( --ck-base--margin-left-xl, var( --ck-base--margin-left-lg, var( --ck-base--margin-left-md, var( --ck-base--margin-left-sm, var( --ck-base--margin-left-xs, var( --ck-base--margin-left-us, var(--ck-base--margin-left-base, initial) ) ) ) ) ) );
+    --ck-base--margin-right: var( --ck-base--margin-right-xl, var( --ck-base--margin-right-lg, var( --ck-base--margin-right-md, var( --ck-base--margin-right-sm, var( --ck-base--margin-right-xs, var( --ck-base--margin-right-us, var(--ck-base--margin-right-base, initial) ) ) ) ) ) );
+    --ck-base--margin-x: var( --ck-base--margin-x-xl, var( --ck-base--margin-x-lg, var( --ck-base--margin-x-md, var( --ck-base--margin-x-sm, var( --ck-base--margin-x-xs, var( --ck-base--margin-x-us, var(--ck-base--margin-x-base, initial) ) ) ) ) ) );
+    --ck-base--margin-y: var( --ck-base--margin-y-xl, var( --ck-base--margin-y-lg, var( --ck-base--margin-y-md, var( --ck-base--margin-y-sm, var( --ck-base--margin-y-xs, var( --ck-base--margin-y-us, var(--ck-base--margin-y-base, initial) ) ) ) ) ) );
+    --ck-base--padding: var( --ck-base--padding-xl, var( --ck-base--padding-lg, var( --ck-base--padding-md, var( --ck-base--padding-sm, var( --ck-base--padding-xs, var( --ck-base--padding-us, var(--ck-base--padding-base, initial) ) ) ) ) ) );
+    --ck-base--padding-top: var( --ck-base--padding-top-xl, var( --ck-base--padding-top-lg, var( --ck-base--padding-top-md, var( --ck-base--padding-top-sm, var( --ck-base--padding-top-xs, var( --ck-base--padding-top-us, var(--ck-base--padding-top-base, initial) ) ) ) ) ) );
+    --ck-base--padding-bottom: var( --ck-base--padding-bottom-xl, var( --ck-base--padding-bottom-lg, var( --ck-base--padding-bottom-md, var( --ck-base--padding-bottom-sm, var( --ck-base--padding-bottom-xs, var( --ck-base--padding-bottom-us, var(--ck-base--padding-bottom-base, initial) ) ) ) ) ) );
+    --ck-base--padding-left: var( --ck-base--padding-left-xl, var( --ck-base--padding-left-lg, var( --ck-base--padding-left-md, var( --ck-base--padding-left-sm, var( --ck-base--padding-left-xs, var( --ck-base--padding-left-us, var(--ck-base--padding-left-base, initial) ) ) ) ) ) );
+    --ck-base--padding-right: var( --ck-base--padding-right-xl, var( --ck-base--padding-right-lg, var( --ck-base--padding-right-md, var( --ck-base--padding-right-sm, var( --ck-base--padding-right-xs, var( --ck-base--padding-right-us, var(--ck-base--padding-right-base, initial) ) ) ) ) ) );
+    --ck-base--padding-x: var( --ck-base--padding-x-xl, var( --ck-base--padding-x-lg, var( --ck-base--padding-x-md, var( --ck-base--padding-x-sm, var( --ck-base--padding-x-xs, var( --ck-base--padding-x-us, var(--ck-base--padding-x-base, initial) ) ) ) ) ) );
+    --ck-base--padding-y: var( --ck-base--padding-y-xl, var( --ck-base--padding-y-lg, var( --ck-base--padding-y-md, var( --ck-base--padding-y-sm, var( --ck-base--padding-y-xs, var( --ck-base--padding-y-us, var(--ck-base--padding-y-base, initial) ) ) ) ) ) );
+  }
+}
+@media (min-width: 120rem) {
+  .ck-base {
+    --ck-base--margin: var( --ck-base--margin-ul, var( --ck-base--margin-xl, var( --ck-base--margin-lg, var( --ck-base--margin-md, var( --ck-base--margin-sm, var( --ck-base--margin-xs, var( --ck-base--margin-us, var(--ck-base--margin-base, initial) ) ) ) ) ) ) );
+    --ck-base--margin-top: var( --ck-base--margin-top-ul, var( --ck-base--margin-top-xl, var( --ck-base--margin-top-lg, var( --ck-base--margin-top-md, var( --ck-base--margin-top-sm, var( --ck-base--margin-top-xs, var( --ck-base--margin-top-us, var(--ck-base--margin-top-base, initial) ) ) ) ) ) ) );
+    --ck-base--margin-bottom: var( --ck-base--margin-bottom-ul, var( --ck-base--margin-bottom-xl, var( --ck-base--margin-bottom-lg, var( --ck-base--margin-bottom-md, var( --ck-base--margin-bottom-sm, var( --ck-base--margin-bottom-xs, var( --ck-base--margin-bottom-us, var(--ck-base--margin-bottom-base, initial) ) ) ) ) ) ) );
+    --ck-base--margin-left: var( --ck-base--margin-left-ul, var( --ck-base--margin-left-xl, var( --ck-base--margin-left-lg, var( --ck-base--margin-left-md, var( --ck-base--margin-left-sm, var( --ck-base--margin-left-xs, var( --ck-base--margin-left-us, var(--ck-base--margin-left-base, initial) ) ) ) ) ) ) );
+    --ck-base--margin-right: var( --ck-base--margin-right-ul, var( --ck-base--margin-right-xl, var( --ck-base--margin-right-lg, var( --ck-base--margin-right-md, var( --ck-base--margin-right-sm, var( --ck-base--margin-right-xs, var( --ck-base--margin-right-us, var(--ck-base--margin-right-base, initial) ) ) ) ) ) ) );
+    --ck-base--margin-x: var( --ck-base--margin-x-ul, var( --ck-base--margin-x-xl, var( --ck-base--margin-x-lg, var( --ck-base--margin-x-md, var( --ck-base--margin-x-sm, var( --ck-base--margin-x-xs, var( --ck-base--margin-x-us, var(--ck-base--margin-x-base, initial) ) ) ) ) ) ) );
+    --ck-base--margin-y: var( --ck-base--margin-y-ul, var( --ck-base--margin-y-xl, var( --ck-base--margin-y-lg, var( --ck-base--margin-y-md, var( --ck-base--margin-y-sm, var( --ck-base--margin-y-xs, var( --ck-base--margin-y-us, var(--ck-base--margin-y-base, initial) ) ) ) ) ) ) );
+    --ck-base--padding: var( --ck-base--padding-ul, var( --ck-base--padding-xl, var( --ck-base--padding-lg, var( --ck-base--padding-md, var( --ck-base--padding-sm, var( --ck-base--padding-xs, var( --ck-base--padding-us, var(--ck-base--padding-base, initial) ) ) ) ) ) ) );
+    --ck-base--padding-top: var( --ck-base--padding-top-ul, var( --ck-base--padding-top-xl, var( --ck-base--padding-top-lg, var( --ck-base--padding-top-md, var( --ck-base--padding-top-sm, var( --ck-base--padding-top-xs, var( --ck-base--padding-top-us, var(--ck-base--padding-top-base, initial) ) ) ) ) ) ) );
+    --ck-base--padding-bottom: var( --ck-base--padding-bottom-ul, var( --ck-base--padding-bottom-xl, var( --ck-base--padding-bottom-lg, var( --ck-base--padding-bottom-md, var( --ck-base--padding-bottom-sm, var( --ck-base--padding-bottom-xs, var( --ck-base--padding-bottom-us, var(--ck-base--padding-bottom-base, initial) ) ) ) ) ) ) );
+    --ck-base--padding-left: var( --ck-base--padding-left-ul, var( --ck-base--padding-left-xl, var( --ck-base--padding-left-lg, var( --ck-base--padding-left-md, var( --ck-base--padding-left-sm, var( --ck-base--padding-left-xs, var( --ck-base--padding-left-us, var(--ck-base--padding-left-base, initial) ) ) ) ) ) ) );
+    --ck-base--padding-right: var( --ck-base--padding-right-ul, var( --ck-base--padding-right-xl, var( --ck-base--padding-right-lg, var( --ck-base--padding-right-md, var( --ck-base--padding-right-sm, var( --ck-base--padding-right-xs, var( --ck-base--padding-right-us, var(--ck-base--padding-right-base, initial) ) ) ) ) ) ) );
+    --ck-base--padding-x: var( --ck-base--padding-x-ul, var( --ck-base--padding-x-xl, var( --ck-base--padding-x-lg, var( --ck-base--padding-x-md, var( --ck-base--padding-x-sm, var( --ck-base--padding-x-xs, var( --ck-base--padding-x-us, var(--ck-base--padding-x-base, initial) ) ) ) ) ) ) );
+    --ck-base--padding-y: var( --ck-base--padding-y-ul, var( --ck-base--padding-y-xl, var( --ck-base--padding-y-lg, var( --ck-base--padding-y-md, var( --ck-base--padding-y-sm, var( --ck-base--padding-y-xs, var( --ck-base--padding-y-us, var(--ck-base--padding-y-base, initial) ) ) ) ) ) ) );
+  }
+}
+
+/* lib/core/Show/visibility.css */
+:root {
+  --ck-show-display: var(--ck-show-display, block);
+}
+.ck-show-above {
+  display: none;
+}
+.ck-show-below {
+  display: var(--ck-show-display, block);
+}
+@media (min-width: 30rem) {
+  .ck-show-above[data-breakpoint=us] {
+    display: var(--ck-show-display, block);
+  }
+  .ck-show-below[data-breakpoint=us] {
+    display: none;
+  }
+}
+@media (min-width: 36rem) {
+  .ck-show-above[data-breakpoint=xs] {
+    display: var(--ck-show-display, block);
+  }
+  .ck-show-below[data-breakpoint=xs] {
+    display: none;
+  }
+}
+@media (min-width: 48rem) {
+  .ck-show-above[data-breakpoint=sm] {
+    display: var(--ck-show-display, block);
+  }
+  .ck-show-below[data-breakpoint=sm] {
+    display: none;
+  }
+}
+@media (min-width: 62rem) {
+  .ck-show-above[data-breakpoint=md] {
+    display: var(--ck-show-display, block);
+  }
+  .ck-show-below[data-breakpoint=md] {
+    display: none;
+  }
+}
+@media (min-width: 75rem) {
+  .ck-show-above[data-breakpoint=lg] {
+    display: var(--ck-show-display, block);
+  }
+  .ck-show-below[data-breakpoint=lg] {
+    display: none;
+  }
+}
+@media (min-width: 90rem) {
+  .ck-show-above[data-breakpoint=xl] {
+    display: var(--ck-show-display, block);
+  }
+  .ck-show-below[data-breakpoint=xl] {
+    display: none;
+  }
+}
+@media (min-width: 120rem) {
+  .ck-show-above[data-breakpoint=ul] {
+    display: var(--ck-show-display, block);
+  }
+  .ck-show-below[data-breakpoint=ul] {
+    display: none;
+  }
+}
+
+/* lib/core/SrOnly/SrOnly.css */
+.ck-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+.ck-sr-only-focusable:focus,
+.ck-sr-only-focusable:focus-within {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: inherit;
+  margin: inherit;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+.ck-sr-only-below {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: inherit;
+  margin: inherit;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+.ck-sr-only-above {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: inherit;
+  margin: inherit;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+@media (min-width: 30rem) {
+  .ck-sr-only-below[data-breakpoint=us] {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+  .ck-sr-only-above[data-breakpoint=us] {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: inherit;
+    margin: inherit;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+}
+@media (min-width: 36rem) {
+  .ck-sr-only-below[data-breakpoint=xs] {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+  .ck-sr-only-above[data-breakpoint=xs] {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: inherit;
+    margin: inherit;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+}
+@media (min-width: 48rem) {
+  .ck-sr-only-below[data-breakpoint=sm] {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+  .ck-sr-only-above[data-breakpoint=sm] {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: inherit;
+    margin: inherit;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+}
+@media (min-width: 62rem) {
+  .ck-sr-only-below[data-breakpoint=md] {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+  .ck-sr-only-above[data-breakpoint=md] {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: inherit;
+    margin: inherit;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+}
+@media (min-width: 75rem) {
+  .ck-sr-only-below[data-breakpoint=lg] {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+  .ck-sr-only-above[data-breakpoint=lg] {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: inherit;
+    margin: inherit;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+}
+@media (min-width: 90rem) {
+  .ck-sr-only-below[data-breakpoint=xl] {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+  .ck-sr-only-above[data-breakpoint=xl] {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: inherit;
+    margin: inherit;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+}
+@media (min-width: 120rem) {
+  .ck-sr-only-below[data-breakpoint=ul] {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+  .ck-sr-only-above[data-breakpoint=ul] {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: inherit;
+    margin: inherit;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+}
+
+/* lib/core/Typography/typography.css */
+:root {
+  --ck-font-size-xs: 0.75rem;
+  --ck-font-size-sm: 0.875rem;
+  --ck-font-size-md: 1rem;
+  --ck-font-size-lg: 1.125rem;
+  --ck-font-size-xl: 1.25rem;
+  --ck-font-size-2xl: 1.5rem;
+  --ck-font-size-3xl: 1.875rem;
+  --ck-font-size-4xl: 2.25rem;
+  --ck-font-size-5xl: 3rem;
+  --ck-font-size-6xl: 3.75rem;
+  --ck-heading-1-size-mobile: 2.25rem;
+  --ck-heading-2-size-mobile: 1.875rem;
+  --ck-heading-3-size-mobile: 1.625rem;
+  --ck-heading-4-size-mobile: 1.375rem;
+  --ck-heading-5-size-mobile: 1.25rem;
+  --ck-heading-6-size-mobile: 1.125rem;
+  --ck-heading-1-size-desktop: 3rem;
+  --ck-heading-2-size-desktop: 2.25rem;
+  --ck-heading-3-size-desktop: 1.875rem;
+  --ck-heading-4-size-desktop: 1.5rem;
+  --ck-heading-5-size-desktop: 1.25rem;
+  --ck-heading-6-size-desktop: 1.125rem;
+  --ck-font-weight-normal: 400;
+  --ck-font-weight-medium: 500;
+  --ck-font-weight-semibold: 600;
+  --ck-font-weight-bold: 700;
+  --ck-line-height-tight: 1.1;
+  --ck-line-height-snug: 1.2;
+  --ck-line-height-normal: 1.5;
+  --ck-letter-spacing-tight: -0.02em;
+}
+.ck-heading {
+  font-weight: var(--ck-font-weight-bold);
+}
+.ck-heading--1 {
+  font-size: var(--ck-heading-1-size-mobile);
+  line-height: var(--ck-line-height-tight);
+  letter-spacing: var(--ck-letter-spacing-tight);
+}
+.ck-heading--2 {
+  font-size: var(--ck-heading-2-size-mobile);
+  line-height: 1.15;
+  letter-spacing: var(--ck-letter-spacing-tight);
+}
+.ck-heading--3 {
+  font-size: var(--ck-heading-3-size-mobile);
+  line-height: var(--ck-line-height-snug);
+}
+.ck-heading--4 {
+  font-size: var(--ck-heading-4-size-mobile);
+  line-height: var(--ck-line-height-snug);
+}
+.ck-heading--5 {
+  font-size: var(--ck-heading-5-size-mobile);
+  line-height: 1.25;
+}
+.ck-heading--6 {
+  font-size: var(--ck-heading-6-size-mobile);
+  line-height: 1.25;
+}
+@media (min-width: 48rem) {
+  .ck-heading--1 {
+    font-size: var(--ck-heading-1-size-desktop);
+  }
+  .ck-heading--2 {
+    font-size: var(--ck-heading-2-size-desktop);
+  }
+  .ck-heading--3 {
+    font-size: var(--ck-heading-3-size-desktop);
+  }
+  .ck-heading--4 {
+    font-size: var(--ck-heading-4-size-desktop);
+  }
+  .ck-heading--5 {
+    font-size: var(--ck-heading-5-size-desktop);
+  }
+  .ck-heading--6 {
+    font-size: var(--ck-heading-6-size-desktop);
+  }
+}
+.ck-text {
+  line-height: var(--ck-line-height-normal);
+}
+.ck-text--xs {
+  font-size: var(--ck-font-size-xs);
+}
+.ck-text--sm {
+  font-size: var(--ck-font-size-sm);
+}
+.ck-text--md {
+  font-size: var(--ck-font-size-md);
+}
+.ck-text--lg {
+  font-size: var(--ck-font-size-lg);
+}
+.ck-text--xl {
+  font-size: var(--ck-font-size-xl);
+}
+.ck-text--2xl {
+  font-size: var(--ck-font-size-2xl);
+}
+.ck-text--3xl {
+  font-size: var(--ck-font-size-3xl);
+}
+.ck-text--4xl {
+  font-size: var(--ck-font-size-4xl);
+}
+.ck-text--5xl {
+  font-size: var(--ck-font-size-5xl);
+}
+.ck-text--6xl {
+  font-size: var(--ck-font-size-6xl);
+}
+.ck-text--weight-normal {
+  font-weight: var(--ck-font-weight-normal);
+}
+.ck-text--weight-medium {
+  font-weight: var(--ck-font-weight-medium);
+}
+.ck-text--weight-semibold {
+  font-weight: var(--ck-font-weight-semibold);
+}
+.ck-text--weight-bold {
+  font-weight: var(--ck-font-weight-bold);
+}
+
+/* lib/components/Box/box.css */
+:root {
+  --ck-box--color-border: light-dark( var(--ck-primary-850), var(--ck-secondary-150) );
+  --ck-box--color-background: light-dark( var(--ck-primary-925), var(--ck-secondary-075) );
+}
+.ck-box {
+  border-radius: var(--ck-core--border-radius);
+  border: 0.0625rem solid var(--ck-box--color-border);
+}
+.ck-box.ck-box--filled {
+  border: none;
+  background: var(--ck-box--color-background);
+}
+
+/* lib/components/Breadcrumb/breadcrumb.css */
+.ck-breadcrumb {
+  display: block;
+}
+.ck-breadcrumb__list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.ck-breadcrumb__item {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+}
+.ck-breadcrumb__item:not(:last-child)::after {
+  content: "/";
+  margin-left: 0.5rem;
+}
+.ck-breadcrumb__item a {
+  color: inherit;
+  text-decoration: none;
+}
+.ck-breadcrumb__item a[href]:hover {
+  text-decoration: underline;
+}
+.ck-breadcrumb__item--current {
+  color: inherit;
+}
+
+/* lib/components/Button/button.css */
+:root {
+  --ck-button--primary-color: light-dark(var(--ck-neutral-990), var(--ck-neutral-010));
+  --ck-button--primary-background: light-dark( var(--ck-secondary-325), var(--ck-primary-675) );
+  --ck-button--primary-background-hover: light-dark( var(--ck-secondary-275), var(--ck-primary-725) );
+  --ck-button--primary-background-active: light-dark( var(--ck-secondary-225), var(--ck-primary-775) );
+  --ck-button--secondary-color: light-dark(var(--ck-neutral-010), var(--ck-neutral-990));
+  --ck-button--secondary-background: light-dark( var(--ck-secondary-675), var(--ck-primary-325) );
+  --ck-button--secondary-background-hover: light-dark( var(--ck-secondary-725), var(--ck-primary-275) );
+  --ck-button--secondary-background-active: light-dark( var(--ck-secondary-775), var(--ck-primary-225) );
+  --ck-button--tertiary-color: light-dark( var(--ck-secondary-225), var(--ck-primary-775) );
+  --ck-button--tertiary-background-hover: light-dark( var(--ck-secondary-850), var(--ck-primary-150) );
+  --ck-button--tertiary-background-active: light-dark( var(--ck-secondary-800), var(--ck-primary-200) );
+  --ck-button--outline-color: light-dark( var(--ck-secondary-225), var(--ck-primary-775) );
+  --ck-button--outline-background-hover: light-dark( var(--ck-secondary-850), var(--ck-primary-150) );
+  --ck-button--outline-background-active: light-dark( var(--ck-secondary-800), var(--ck-primary-200) );
+  --ck-button--destructive-color: light-dark(var(--ck-neutral-990), var(--ck-neutral-010));
+  --ck-button--destructive-background: light-dark( var(--ck-danger-475), var(--ck-danger-525) );
+  --ck-button--destructive-background-hover: light-dark( var(--ck-danger-450), var(--ck-danger-550) );
+  --ck-button--destructive-background-active: light-dark( var(--ck-danger-400), var(--ck-danger-600) );
+  --ck-button--disabled-color: light-dark( var(--ck-neutral-650), var(--ck-neutral-350) );
+  --ck-button--disabled-background: light-dark( var(--ck-neutral-800), var(--ck-neutral-200) );
+}
+.ck-button {
+  appearance: none;
+  border: none;
+  background: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  height: 3rem;
+  padding: 0 1.25rem;
+  border: none;
+  border-radius: 1rem;
+  font-weight: 600;
+  font-size: 1.125rem;
+  text-decoration: none;
+  cursor: pointer;
+  transition:
+    background-color 0.2s ease,
+    color 0.2s ease,
+    border-color 0.2s ease,
+    box-shadow 0.2s ease,
+    transform 0.15s ease;
+  &:disabled {
+    cursor: not-allowed;
+  }
+}
+.ck-button--primary {
+  background: var(--ck-button--primary-background);
+  color: var(--ck-button--primary-color);
+  &:hover {
+    background: var(--ck-button--primary-background-hover);
+  }
+  &:active {
+    background: var(--ck-button--primary-background-active);
+  }
+  &:disabled,
+  &:disabled:hover,
+  &:disabled:active {
+    background: var(--ck-button--disabled-background);
+    color: var(--ck-button--disabled-color);
+  }
+}
+.ck-button--secondary {
+  background: var(--ck-button--secondary-background);
+  color: var(--ck-button--secondary-color);
+  &:hover {
+    background: var(--ck-button--secondary-background-hover);
+  }
+  &:active {
+    background: var(--ck-button--secondary-background-active);
+  }
+  &:disabled,
+  &:disabled:hover,
+  &:disabled:active {
+    background: var(--ck-button--disabled-background);
+    color: var(--ck-button--disabled-color);
+  }
+}
+.ck-button--tertiary {
+  background: transparent;
+  color: var(--ck-button--tertiary-color);
+  &:hover {
+    background: var(--ck-button--tertiary-background-hover);
+  }
+  &:active {
+    background: var(--ck-button--tertiary-background-active);
+  }
+  &:disabled,
+  &:disabled:hover,
+  &:disabled:active {
+    background: transparent;
+    color: var(--ck-button--disabled-color);
+  }
+}
+.ck-button--outline {
+  background: transparent;
+  color: light-dark(var(--primary-250), var(--primary-750));
+  border: 0.0625rem solid var(--ck-button--outline-color);
+  color: var(--ck-button--outline-color);
+  &:hover {
+    background: var(--ck-button--outline-background-hover);
+  }
+  &:active {
+    background: var(--ck-button--outline-background-active);
+  }
+  &:disabled,
+  &:disabled:hover,
+  &:disabled:active {
+    background: transparent;
+    border-color: var(--ck-button--disabled-background);
+    color: var(--ck-button--disabled-color);
+  }
+}
+.ck-button--destructive {
+  background: var(--ck-button--destructive-background);
+  color: var(--ck-button--destructive-color);
+  &:hover {
+    background: var(--ck-button--destructive-background-hover);
+  }
+  &:active {
+    background: var(--ck-button--destructive-background-active);
+  }
+  &:disabled,
+  &:disabled:hover,
+  &:disabled:active {
+    background: var(--ck-button--disabled-background);
+    color: var(--ck-button--disabled-color);
+  }
+}
+.ck-button--full-width {
+  width: 100%;
+}
+.ck-button--sm {
+  height: 2.5rems;
+  padding: 0 1rem;
+  font-size: 0.875rem;
+}
+.ck-button--lg {
+  height: 3.5rem;
+  padding: 0 1.5rem;
+  font-size: 1.25rem;
+}
+
+/* lib/components/Card/card.css */
+:root {
+  --ck-card-icon--color-background: light-dark( var(--ck-primary-850), var(--ck-secondary-150) );
+}
+.ck-card {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: auto auto auto;
+}
+.ck-card-header {
+  grid-column: 1;
+  grid-row: 1;
+  display: grid;
+  place-items: center;
+  padding: 0.5rem 0.5rem 0 0.5rem;
+}
+.ck-card-icon {
+  width: 2rem;
+  height: 2rem;
+  display: grid;
+  place-items: center;
+}
+.ck-card-content {
+  grid-column: 1;
+  grid-row: 2;
+  padding: 0.5rem;
+  width: auto;
+}
+.ck-card-title {
+  font-size: 1.25rem;
+  font-weight: 800;
+}
+.ck-card-text {
+}
+.ck-card-action {
+  grid-column: 1;
+  grid-row: 3;
+  gap: 1rem;
+  display: flex;
+  padding: 1rem;
+  flex-direction: row-reverse;
+  justify-content: end;
+}
+.ck-card.ck-card--horizontal {
+  grid-template-columns: auto 1fr;
+  grid-template-rows: 1fr auto;
+  align-items: stretch;
+}
+.ck-card.ck-card--horizontal .ck-card-header {
+  grid-column: 1;
+  grid-row: 1 / 3;
+  padding: 0.5rem 0.25rem 0.5rem 0.75rem;
+}
+.ck-card.ck-card--horizontal .ck-card-content {
+  grid-column: 2;
+  grid-row: 1;
+  padding: 0.5rem;
+}
+.ck-card.ck-card--horizontal .ck-card-action {
+  grid-column: 2;
+  grid-row: 2;
+  margin-top: 1rem;
+}
+.ck-card-icon.ck-card-icon--square {
+  background: var(--ck-card-icon--color-background);
+  padding: 0.5rem;
+  border-radius: var(--ck-core--border-radius);
+}
+.ck-card-icon.ck-card-icon--circle {
+  background: var(--ck-card-icon--color-background);
+  padding: 0.5rem;
+  border-radius: 100%;
+}
+@media (min-width: 30rem) {
+  .ck-card.ck-card--horizontal-us {
+    grid-template-columns: auto 1fr;
+    grid-template-rows: 1fr auto;
+  }
+  .ck-card.ck-card--horizontal-us .ck-card-header {
+    grid-column: 1;
+    grid-row: 1 / 3;
+    padding: 0.5rem 0.25rem 0.5rem 0.75rem;
+  }
+  .ck-card.ck-card--horizontal-us .ck-card-content {
+    grid-column: 2;
+    grid-row: 1;
+  }
+  .ck-card.ck-card--horizontal-us .ck-card-action {
+    grid-column: 2;
+    grid-row: 2;
+  }
+  .ck-card.ck-card--vertical-us {
+    grid-template-columns: 1fr;
+    grid-template-rows: auto auto auto;
+  }
+  .ck-card.ck-card--vertical-us .ck-card-header {
+    grid-column: 1;
+    grid-row: 1;
+    padding: 0.5rem 0.5rem 0 0.5rem;
+  }
+  .ck-card.ck-card--vertical-us .ck-card-content {
+    grid-column: 1;
+    grid-row: 2;
+  }
+  .ck-card.ck-card--vertical-us .ck-card-action {
+    grid-column: 1;
+    grid-row: 3;
+  }
+}
+@media (min-width: 36rem) {
+  .ck-card-header {
+    padding: 0.75rem 0.75rem 0 0.75rem;
+  }
+  .ck-card.ck-card--horizontal-xs {
+    grid-template-columns: auto 1fr;
+    grid-template-rows: 1fr auto;
+  }
+  .ck-card.ck-card--horizontal-xs .ck-card-header {
+    grid-column: 1;
+    grid-row: 1 / 3;
+    padding: 0.5rem 0.25rem 0.5rem 0.75rem;
+  }
+  .ck-card.ck-card--horizontal-xs .ck-card-content {
+    grid-column: 2;
+    grid-row: 1;
+  }
+  .ck-card.ck-card--horizontal-xs .ck-card-action {
+    grid-column: 2;
+    grid-row: 2;
+  }
+  .ck-card.ck-card--vertical-xs {
+    grid-template-columns: 1fr;
+    grid-template-rows: auto auto auto;
+  }
+  .ck-card.ck-card--vertical-xs .ck-card-header {
+    grid-column: 1;
+    grid-row: 1;
+    padding: 0.75rem 0.75rem 0 0.75rem;
+  }
+  .ck-card.ck-card--vertical-xs .ck-card-content {
+    grid-column: 1;
+    grid-row: 2;
+  }
+  .ck-card.ck-card--vertical-xs .ck-card-action {
+    grid-column: 1;
+    grid-row: 3;
+  }
+  .ck-card-content,
+  .ck-card .ck-card-content,
+  .ck-card.ck-card--horizontal .ck-card-content {
+    padding: 1rem;
+  }
+}
+@media (min-width: 48rem) {
+  .ck-card-header {
+    padding: 1rem 1rem 0 1rem;
+  }
+  .ck-card-action {
+    margin-top: 2rem;
+  }
+  .ck-card-icon {
+    width: 3rem;
+    height: 3rem;
+  }
+  .ck-card-icon.ck-card-icon--square,
+  .ck-card-icon.ck-card-icon--circle {
+    padding: 1rem;
+  }
+  .ck-card.ck-card--horizontal-sm {
+    grid-template-columns: auto 1fr;
+    grid-template-rows: 1fr auto;
+  }
+  .ck-card.ck-card--horizontal-sm .ck-card-header {
+    grid-column: 1;
+    grid-row: 1 / 3;
+    padding: 0.5rem 0 0.5rem 1rem;
+  }
+  .ck-card.ck-card--horizontal-sm .ck-card-content {
+    grid-column: 2;
+    grid-row: 1;
+  }
+  .ck-card.ck-card--horizontal-sm .ck-card-action {
+    grid-column: 2;
+    grid-row: 2;
+  }
+  .ck-card.ck-card--horizontal .ck-card-header,
+  .ck-card.ck-card--horizontal-us .ck-card-header,
+  .ck-card.ck-card--horizontal-xs .ck-card-header,
+  .ck-card.ck-card--horizontal-sm .ck-card-header {
+    padding: 0.5rem 0 0.5rem 1rem;
+  }
+  .ck-card.ck-card--vertical-sm {
+    grid-template-columns: 1fr;
+    grid-template-rows: auto auto auto;
+  }
+  .ck-card.ck-card--vertical-sm .ck-card-header {
+    grid-column: 1;
+    grid-row: 1;
+    padding: 1rem 1rem 0 1rem;
+  }
+  .ck-card.ck-card--vertical-sm .ck-card-content {
+    grid-column: 1;
+    grid-row: 2;
+  }
+  .ck-card.ck-card--vertical-sm .ck-card-action {
+    grid-column: 1;
+    grid-row: 3;
+  }
+}
+@media (min-width: 62rem) {
+  .ck-card.ck-card--horizontal-md {
+    grid-template-columns: auto 1fr;
+    grid-template-rows: 1fr auto;
+  }
+  .ck-card.ck-card--horizontal-md .ck-card-header {
+    grid-column: 1;
+    grid-row: 1 / 3;
+    padding: 0.5rem 0 0.5rem 1rem;
+  }
+  .ck-card.ck-card--horizontal-md .ck-card-content {
+    grid-column: 2;
+    grid-row: 1;
+  }
+  .ck-card.ck-card--horizontal-md .ck-card-action {
+    grid-column: 2;
+    grid-row: 2;
+  }
+  .ck-card.ck-card--vertical-md {
+    grid-template-columns: 1fr;
+    grid-template-rows: auto auto auto;
+  }
+  .ck-card.ck-card--vertical-md .ck-card-header {
+    grid-column: 1;
+    grid-row: 1;
+    padding: 1rem 1rem 0 1rem;
+  }
+  .ck-card.ck-card--vertical-md .ck-card-content {
+    grid-column: 1;
+    grid-row: 2;
+  }
+  .ck-card.ck-card--vertical-md .ck-card-action {
+    grid-column: 1;
+    grid-row: 3;
+  }
+}
+@media (min-width: 75rem) {
+  .ck-card.ck-card--horizontal-lg {
+    grid-template-columns: auto 1fr;
+    grid-template-rows: 1fr auto;
+  }
+  .ck-card.ck-card--horizontal-lg .ck-card-header {
+    grid-column: 1;
+    grid-row: 1 / 3;
+    padding: 0.5rem 0 0.5rem 1rem;
+  }
+  .ck-card.ck-card--horizontal-lg .ck-card-content {
+    grid-column: 2;
+    grid-row: 1;
+  }
+  .ck-card.ck-card--horizontal-lg .ck-card-action {
+    grid-column: 2;
+    grid-row: 2;
+  }
+  .ck-card.ck-card--vertical-lg {
+    grid-template-columns: 1fr;
+    grid-template-rows: auto auto auto;
+  }
+  .ck-card.ck-card--vertical-lg .ck-card-header {
+    grid-column: 1;
+    grid-row: 1;
+    padding: 1rem 1rem 0 1rem;
+  }
+  .ck-card.ck-card--vertical-lg .ck-card-content {
+    grid-column: 1;
+    grid-row: 2;
+  }
+  .ck-card.ck-card--vertical-lg .ck-card-action {
+    grid-column: 1;
+    grid-row: 3;
+  }
+}
+@media (min-width: 90rem) {
+  .ck-card.ck-card--horizontal-xl {
+    grid-template-columns: auto 1fr;
+    grid-template-rows: 1fr auto;
+  }
+  .ck-card.ck-card--horizontal-xl .ck-card-header {
+    grid-column: 1;
+    grid-row: 1 / 3;
+    padding: 0.5rem 0 0.5rem 1rem;
+  }
+  .ck-card.ck-card--horizontal-xl .ck-card-content {
+    grid-column: 2;
+    grid-row: 1;
+  }
+  .ck-card.ck-card--horizontal-xl .ck-card-action {
+    grid-column: 2;
+    grid-row: 2;
+  }
+  .ck-card.ck-card--vertical-xl {
+    grid-template-columns: 1fr;
+    grid-template-rows: auto auto auto;
+  }
+  .ck-card.ck-card--vertical-xl .ck-card-header {
+    grid-column: 1;
+    grid-row: 1;
+    padding: 1rem 1rem 0 1rem;
+  }
+  .ck-card.ck-card--vertical-xl .ck-card-content {
+    grid-column: 1;
+    grid-row: 2;
+  }
+  .ck-card.ck-card--vertical-xl .ck-card-action {
+    grid-column: 1;
+    grid-row: 3;
+  }
+}
+@media (min-width: 120rem) {
+  .ck-card.ck-card--horizontal-ul {
+    grid-template-columns: auto 1fr;
+    grid-template-rows: 1fr auto;
+  }
+  .ck-card.ck-card--horizontal-ul .ck-card-header {
+    grid-column: 1;
+    grid-row: 1 / 3;
+    padding: 0.5rem 0 0.5rem 1rem;
+  }
+  .ck-card.ck-card--horizontal-ul .ck-card-content {
+    grid-column: 2;
+    grid-row: 1;
+  }
+  .ck-card.ck-card--horizontal-ul .ck-card-action {
+    grid-column: 2;
+    grid-row: 2;
+  }
+  .ck-card.ck-card--vertical-ul {
+    grid-template-columns: 1fr;
+    grid-template-rows: auto auto auto;
+  }
+  .ck-card.ck-card--vertical-ul .ck-card-header {
+    grid-column: 1;
+    grid-row: 1;
+    padding: 1rem 1rem 0 1rem;
+  }
+  .ck-card.ck-card--vertical-ul .ck-card-content {
+    grid-column: 1;
+    grid-row: 2;
+  }
+  .ck-card.ck-card--vertical-ul .ck-card-action {
+    grid-column: 1;
+    grid-row: 3;
+  }
+}
+
+/* lib/components/Container/container.css */
+:root {
+  --ck-container--padding: 0.5rem;
+  --ck-container--padding-us: 0.75rem;
+  --ck-container--padding-xs: 1rem;
+  --ck-container--padding-sm: 1rem;
+  --ck-container--padding-md: 1.5rem;
+  --ck-container--padding-lg: 2rem;
+  --ck-container--padding-xl: 3rem;
+  --ck-container--padding-ul: 4rem;
+  --ck-container--max-width-default: 80rem;
+  --ck-container--max-width-us: 28rem;
+  --ck-container--max-width-xs: 34rem;
+  --ck-container--max-width-sm: 45rem;
+  --ck-container--max-width-md: 58rem;
+  --ck-container--max-width-lg: 69rem;
+  --ck-container--max-width-xl: 82rem;
+  --ck-container--max-width-ul: 110rem;
+}
+.ck-container {
+  width: calc(100% - 2 * var(--ck-container--padding));
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: var(--ck-container--padding);
+  padding-right: var(--ck-container--padding);
+  max-width: var( --ck-container--max-width, var(--ck-container--max-width-default) );
+}
+.ck-container.ck-container--max-width-us {
+  max-width: var(--ck-container--max-width-us);
+}
+.ck-container.ck-container--max-width-xs {
+  max-width: var(--ck-container--max-width-xs);
+}
+.ck-container.ck-container--max-width-sm {
+  max-width: var(--ck-container--max-width-sm);
+}
+.ck-container.ck-container--max-width-md {
+  max-width: var(--ck-container--max-width-md);
+}
+.ck-container.ck-container--max-width-lg {
+  max-width: var(--ck-container--max-width-lg);
+}
+.ck-container.ck-container--max-width-xl {
+  max-width: var(--ck-container--max-width-xl);
+}
+.ck-container.ck-container--max-width-ul {
+  max-width: var(--ck-container--max-width-ul);
+}
+.ck-container--fluid {
+  max-width: 100%;
+}
+@media (min-width: 30rem) {
+  .ck-container {
+    width: calc(100% - 2 * var(--ck-container--padding-us));
+    padding-left: var(--ck-container--padding-us);
+    padding-right: var(--ck-container--padding-us);
+  }
+}
+@media (min-width: 36rem) {
+  .ck-container {
+    width: calc(100% - 2 * var(--ck-container--padding-xs));
+    padding-left: var(--ck-container--padding-xs);
+    padding-right: var(--ck-container--padding-xs);
+  }
+}
+@media (min-width: 48rem) {
+  .ck-container {
+    width: calc(100% - 2 * var(--ck-container--padding-sm));
+    padding-left: var(--ck-container--padding-sm);
+    padding-right: var(--ck-container--padding-sm);
+  }
+}
+@media (min-width: 62rem) {
+  .ck-container {
+    width: calc(100% - 2 * var(--ck-container--padding-md));
+    padding-left: var(--ck-container--padding-md);
+    padding-right: var(--ck-container--padding-md);
+  }
+}
+@media (min-width: 75rem) {
+  .ck-container {
+    width: calc(100% - 2 * var(--ck-container--padding-lg));
+    padding-left: var(--ck-container--padding-lg);
+    padding-right: var(--ck-container--padding-lg);
+  }
+}
+@media (min-width: 90rem) {
+  .ck-container {
+    width: calc(100% - 2 * var(--ck-container--padding-xl));
+    padding-left: var(--ck-container--padding-xl);
+    padding-right: var(--ck-container--padding-xl);
+  }
+}
+@media (min-width: 120rem) {
+  .ck-container {
+    width: calc(100% - 2 * var(--ck-container--padding-ul));
+    padding-left: var(--ck-container--padding-ul);
+    padding-right: var(--ck-container--padding-ul);
+  }
+}
+
+/* lib/components/Grid/grid.css */
+:root {
+  --ck-grid--gap-default: var(--ck-core--spacing-md, 1rem);
+  --ck-grid--cols-default: auto-fit;
+  --ck-grid--min-col-width-default: 12rem;
+}
+.ck-grid {
+  --ck-grid--gap: var(--ck-grid--gap-base, var(--ck-grid--gap-default));
+  --ck-grid--cols: var(--ck-grid--cols-base, var(--ck-grid--cols-default));
+  display: grid;
+  grid-template-columns: repeat(var(--ck-grid--cols), minmax(var( --ck-grid--min-col-width, var(--ck-grid--min-col-width-default) ), 1fr));
+  align-items: stretch;
+  gap: var(--ck-grid--gap);
+}
+.ck-grid--start {
+  align-items: start;
+}
+.ck-grid--center {
+  align-items: center;
+}
+.ck-grid--end {
+  align-items: end;
+}
+@media (min-width: 30rem) {
+  .ck-grid {
+    --ck-grid--gap: var( --ck-grid--gap-us, var(--ck-grid--gap-base, var(--ck-grid--gap-default)) );
+    --ck-grid--cols: var( --ck-grid--cols-us, var(--ck-grid--cols-base, var(--ck-grid--cols-default)) );
+  }
+}
+@media (min-width: 36rem) {
+  .ck-grid {
+    --ck-grid--gap: var( --ck-grid--gap-xs, var( --ck-grid--gap-us, var(--ck-grid--gap-base, var(--ck-grid--gap-default)) ) );
+    --ck-grid--cols: var( --ck-grid--cols-xs, var( --ck-grid--cols-us, var(--ck-grid--cols-base, var(--ck-grid--cols-default)) ) );
+  }
+}
+@media (min-width: 48rem) {
+  .ck-grid {
+    --ck-grid--gap: var( --ck-grid--gap-sm, var( --ck-grid--gap-xs, var( --ck-grid--gap-us, var(--ck-grid--gap-base, var(--ck-grid--gap-default)) ) ) );
+    --ck-grid--cols: var( --ck-grid--cols-sm, var( --ck-grid--cols-xs, var( --ck-grid--cols-us, var(--ck-grid--cols-base, var(--ck-grid--cols-default)) ) ) );
+  }
+}
+@media (min-width: 62rem) {
+  .ck-grid {
+    --ck-grid--gap: var( --ck-grid--gap-md, var( --ck-grid--gap-sm, var( --ck-grid--gap-xs, var( --ck-grid--gap-us, var(--ck-grid--gap-base, var(--ck-grid--gap-default)) ) ) ) );
+    --ck-grid--cols: var( --ck-grid--cols-md, var( --ck-grid--cols-sm, var( --ck-grid--cols-xs, var( --ck-grid--cols-us, var(--ck-grid--cols-base, var(--ck-grid--cols-default)) ) ) ) );
+  }
+}
+@media (min-width: 75rem) {
+  .ck-grid {
+    --ck-grid--gap: var( --ck-grid--gap-lg, var( --ck-grid--gap-md, var( --ck-grid--gap-sm, var( --ck-grid--gap-xs, var( --ck-grid--gap-us, var( --ck-grid--gap-base, var(--ck-grid--gap-default) ) ) ) ) ) );
+    --ck-grid--cols: var( --ck-grid--cols-lg, var( --ck-grid--cols-md, var( --ck-grid--cols-sm, var( --ck-grid--cols-xs, var( --ck-grid--cols-us, var( --ck-grid--cols-base, var(--ck-grid--cols-default) ) ) ) ) ) );
+  }
+}
+@media (min-width: 90rem) {
+  .ck-grid {
+    --ck-grid--gap: var( --ck-grid--gap-xl, var( --ck-grid--gap-lg, var( --ck-grid--gap-md, var( --ck-grid--gap-sm, var( --ck-grid--gap-xs, var( --ck-grid--gap-us, var( --ck-grid--gap-base, var(--ck-grid--gap-default) ) ) ) ) ) ) );
+    --ck-grid--cols: var( --ck-grid--cols-xl, var( --ck-grid--cols-lg, var( --ck-grid--cols-md, var( --ck-grid--cols-sm, var( --ck-grid--cols-xs, var( --ck-grid--cols-us, var( --ck-grid--cols-base, var(--ck-grid--cols-default) ) ) ) ) ) ) );
+  }
+}
+@media (min-width: 120rem) {
+  .ck-grid {
+    --ck-grid--gap: var( --ck-grid--gap-ul, var( --ck-grid--gap-xl, var( --ck-grid--gap-lg, var( --ck-grid--gap-md, var( --ck-grid--gap-sm, var( --ck-grid--gap-xs, var( --ck-grid--gap-us, var( --ck-grid--gap-base, var(--ck-grid--gap-default) ) ) ) ) ) ) ) );
+    --ck-grid--cols: var( --ck-grid--cols-ul, var( --ck-grid--cols-xl, var( --ck-grid--cols-lg, var( --ck-grid--cols-md, var( --ck-grid--cols-sm, var( --ck-grid--cols-xs, var( --ck-grid--cols-us, var( --ck-grid--cols-base, var(--ck-grid--cols-default) ) ) ) ) ) ) ) );
+  }
+}
+
+/* lib/components/HStack/hStack.css */
+:root {
+  --ck-h-stack--gap-default: var(--ck-core--spacing-md, 1rem);
+}
+.ck-h-stack {
+  --ck-h-stack--align: var(--ck-h-stack--align-base, stretch);
+  --ck-h-stack--justify: var(--ck-h-stack--justify-base, start);
+  --ck-h-stack--gap: var( --ck-h-stack--gap-base, var(--ck-h-stack--gap-default) );
+  display: flex;
+  flex-direction: row;
+  align-items: var(--ck-h-stack--align);
+  justify-content: var(--ck-h-stack--justify);
+  gap: var(--ck-h-stack--gap);
+}
+.ck-h-stack--wrap {
+  flex-wrap: wrap;
+}
+@media (min-width: 30rem) {
+  .ck-h-stack {
+    --ck-h-stack--align: var( --ck-h-stack--align-us, var(--ck-h-stack--align-base, stretch) );
+    --ck-h-stack--justify: var( --ck-h-stack--justify-us, var(--ck-h-stack--justify-base, start) );
+    --ck-h-stack--gap: var( --ck-h-stack--gap-us, var(--ck-h-stack--gap-base, var(--ck-h-stack--gap-default)) );
+  }
+}
+@media (min-width: 36rem) {
+  .ck-h-stack {
+    --ck-h-stack--align: var( --ck-h-stack--align-xs, var(--ck-h-stack--align-us, var(--ck-h-stack--align-base, stretch)) );
+    --ck-h-stack--justify: var( --ck-h-stack--justify-xs, var( --ck-h-stack--justify-us, var(--ck-h-stack--justify-base, start) ) );
+    --ck-h-stack--gap: var( --ck-h-stack--gap-xs, var( --ck-h-stack--gap-us, var(--ck-h-stack--gap-base, var(--ck-h-stack--gap-default)) ) );
+  }
+}
+@media (min-width: 48rem) {
+  .ck-h-stack {
+    --ck-h-stack--align: var( --ck-h-stack--align-sm, var( --ck-h-stack--align-xs, var( --ck-h-stack--align-us, var(--ck-h-stack--align-base, stretch) ) ) );
+    --ck-h-stack--justify: var( --ck-h-stack--justify-sm, var( --ck-h-stack--justify-xs, var( --ck-h-stack--justify-us, var(--ck-h-stack--justify-base, start) ) ) );
+    --ck-h-stack--gap: var( --ck-h-stack--gap-sm, var( --ck-h-stack--gap-xs, var( --ck-h-stack--gap-us, var(--ck-h-stack--gap-base, var(--ck-h-stack--gap-default)) ) ) );
+  }
+}
+@media (min-width: 62rem) {
+  .ck-h-stack {
+    --ck-h-stack--align: var( --ck-h-stack--align-md, var( --ck-h-stack--align-sm, var( --ck-h-stack--align-xs, var( --ck-h-stack--align-us, var(--ck-h-stack--align-base, stretch) ) ) ) );
+    --ck-h-stack--justify: var( --ck-h-stack--justify-md, var( --ck-h-stack--justify-sm, var( --ck-h-stack--justify-xs, var( --ck-h-stack--justify-us, var(--ck-h-stack--justify-base, start) ) ) ) );
+    --ck-h-stack--gap: var( --ck-h-stack--gap-md, var( --ck-h-stack--gap-sm, var( --ck-h-stack--gap-xs, var( --ck-h-stack--gap-us, var( --ck-h-stack--gap-base, var(--ck-h-stack--gap-default) ) ) ) ) );
+  }
+}
+@media (min-width: 75rem) {
+  .ck-h-stack {
+    --ck-h-stack--align: var( --ck-h-stack--align-lg, var( --ck-h-stack--align-md, var( --ck-h-stack--align-sm, var( --ck-h-stack--align-xs, var( --ck-h-stack--align-us, var(--ck-h-stack--align-base, stretch) ) ) ) ) );
+    --ck-h-stack--justify: var( --ck-h-stack--justify-lg, var( --ck-h-stack--justify-md, var( --ck-h-stack--justify-sm, var( --ck-h-stack--justify-xs, var( --ck-h-stack--justify-us, var(--ck-h-stack--justify-base, start) ) ) ) ) );
+    --ck-h-stack--gap: var( --ck-h-stack--gap-lg, var( --ck-h-stack--gap-md, var( --ck-h-stack--gap-sm, var( --ck-h-stack--gap-xs, var( --ck-h-stack--gap-us, var( --ck-h-stack--gap-base, var(--ck-h-stack--gap-default) ) ) ) ) ) );
+  }
+}
+@media (min-width: 90rem) {
+  .ck-h-stack {
+    --ck-h-stack--align: var( --ck-h-stack--align-xl, var( --ck-h-stack--align-lg, var( --ck-h-stack--align-md, var( --ck-h-stack--align-sm, var( --ck-h-stack--align-xs, var( --ck-h-stack--align-us, var(--ck-h-stack--align-base, stretch) ) ) ) ) ) );
+    --ck-h-stack--justify: var( --ck-h-stack--justify-xl, var( --ck-h-stack--justify-lg, var( --ck-h-stack--justify-md, var( --ck-h-stack--justify-sm, var( --ck-h-stack--justify-xs, var( --ck-h-stack--justify-us, var(--ck-h-stack--justify-base, start) ) ) ) ) ) );
+    --ck-h-stack--gap: var( --ck-h-stack--gap-xl, var( --ck-h-stack--gap-lg, var( --ck-h-stack--gap-md, var( --ck-h-stack--gap-sm, var( --ck-h-stack--gap-xs, var( --ck-h-stack--gap-us, var( --ck-h-stack--gap-base, var(--ck-h-stack--gap-default) ) ) ) ) ) ) );
+  }
+}
+@media (min-width: 120rem) {
+  .ck-h-stack {
+    --ck-h-stack--align: var( --ck-h-stack--align-ul, var( --ck-h-stack--align-xl, var( --ck-h-stack--align-lg, var( --ck-h-stack--align-md, var( --ck-h-stack--align-sm, var( --ck-h-stack--align-xs, var( --ck-h-stack--align-us, var(--ck-h-stack--align-base, stretch) ) ) ) ) ) ) );
+    --ck-h-stack--justify: var( --ck-h-stack--justify-ul, var( --ck-h-stack--justify-xl, var( --ck-h-stack--justify-lg, var( --ck-h-stack--justify-md, var( --ck-h-stack--justify-sm, var( --ck-h-stack--justify-xs, var( --ck-h-stack--justify-us, var(--ck-h-stack--justify-base, start) ) ) ) ) ) ) );
+    --ck-h-stack--gap: var( --ck-h-stack--gap-ul, var( --ck-h-stack--gap-xl, var( --ck-h-stack--gap-lg, var( --ck-h-stack--gap-md, var( --ck-h-stack--gap-sm, var( --ck-h-stack--gap-xs, var( --ck-h-stack--gap-us, var( --ck-h-stack--gap-base, var(--ck-h-stack--gap-default) ) ) ) ) ) ) ) );
+  }
+}
+
+/* lib/components/VStack/vStack.css */
+@property --ck-v-stack--gap { syntax: "*"; inherits: false; }
+@property --ck-v-stack--gap-us { syntax: "*"; inherits: false; }
+@property --ck-v-stack--gap-xs { syntax: "*"; inherits: false; }
+@property --ck-v-stack--gap-sm { syntax: "*"; inherits: false; }
+@property --ck-v-stack--gap-md { syntax: "*"; inherits: false; }
+@property --ck-v-stack--gap-lg { syntax: "*"; inherits: false; }
+@property --ck-v-stack--gap-xl { syntax: "*"; inherits: false; }
+@property --ck-v-stack--gap-ul { syntax: "*"; inherits: false; }
+:root {
+  --ck-v-stack--gap-default: var(--ck-core--spacing-md, 1rem);
+}
+.ck-v-stack {
+  --ck-v-stack--align: var(--ck-v-stack--align-base, stretch);
+  --ck-v-stack--gap: var( --ck-v-stack--gap-base, var(--ck-v-stack--gap-default) );
+  display: flex;
+  flex-direction: column;
+  align-items: var(--ck-v-stack--align);
+  gap: var(--ck-v-stack--gap);
+}
+@media (min-width: 30rem) {
+  .ck-v-stack {
+    --ck-v-stack--align: var( --ck-v-stack--align-us, var(--ck-v-stack--align-base, stretch) );
+    --ck-v-stack--gap: var( --ck-v-stack--gap-us, var(--ck-v-stack--gap-base, var(--ck-v-stack--gap-default)) );
+  }
+}
+@media (min-width: 36rem) {
+  .ck-v-stack {
+    --ck-v-stack--align: var( --ck-v-stack--align-xs, var(--ck-v-stack--align-us, var(--ck-v-stack--align-base, stretch)) );
+    --ck-v-stack--gap: var( --ck-v-stack--gap-xs, var( --ck-v-stack--gap-us, var(--ck-v-stack--gap-base, var(--ck-v-stack--gap-default)) ) );
+  }
+}
+@media (min-width: 48rem) {
+  .ck-v-stack {
+    --ck-v-stack--align: var( --ck-v-stack--align-sm, var( --ck-v-stack--align-xs, var( --ck-v-stack--align-us, var(--ck-v-stack--align-base, stretch) ) ) );
+    --ck-v-stack--gap: var( --ck-v-stack--gap-sm, var( --ck-v-stack--gap-xs, var( --ck-v-stack--gap-us, var(--ck-v-stack--gap-base, var(--ck-v-stack--gap-default)) ) ) );
+  }
+}
+@media (min-width: 62rem) {
+  .ck-v-stack {
+    --ck-v-stack--align: var( --ck-v-stack--align-md, var( --ck-v-stack--align-sm, var( --ck-v-stack--align-xs, var( --ck-v-stack--align-us, var(--ck-v-stack--align-base, stretch) ) ) ) );
+    --ck-v-stack--gap: var( --ck-v-stack--gap-md, var( --ck-v-stack--gap-sm, var( --ck-v-stack--gap-xs, var( --ck-v-stack--gap-us, var( --ck-v-stack--gap-base, var(--ck-v-stack--gap-default) ) ) ) ) );
+  }
+}
+@media (min-width: 75rem) {
+  .ck-v-stack {
+    --ck-v-stack--align: var( --ck-v-stack--align-lg, var( --ck-v-stack--align-md, var( --ck-v-stack--align-sm, var( --ck-v-stack--align-xs, var( --ck-v-stack--align-us, var(--ck-v-stack--align-base, stretch) ) ) ) ) );
+    --ck-v-stack--gap: var( --ck-v-stack--gap-lg, var( --ck-v-stack--gap-md, var( --ck-v-stack--gap-sm, var( --ck-v-stack--gap-xs, var( --ck-v-stack--gap-us, var( --ck-v-stack--gap-base, var(--ck-v-stack--gap-default) ) ) ) ) ) );
+  }
+}
+@media (min-width: 90rem) {
+  .ck-v-stack {
+    --ck-v-stack--align: var( --ck-v-stack--align-xl, var( --ck-v-stack--align-lg, var( --ck-v-stack--align-md, var( --ck-v-stack--align-sm, var( --ck-v-stack--align-xs, var( --ck-v-stack--align-us, var(--ck-v-stack--align-base, stretch) ) ) ) ) ) );
+    --ck-v-stack--gap: var( --ck-v-stack--gap-xl, var( --ck-v-stack--gap-lg, var( --ck-v-stack--gap-md, var( --ck-v-stack--gap-sm, var( --ck-v-stack--gap-xs, var( --ck-v-stack--gap-us, var( --ck-v-stack--gap-base, var(--ck-v-stack--gap-default) ) ) ) ) ) ) );
+  }
+}
+@media (min-width: 120rem) {
+  .ck-v-stack {
+    --ck-v-stack--align: var( --ck-v-stack--align-ul, var( --ck-v-stack--align-xl, var( --ck-v-stack--align-lg, var( --ck-v-stack--align-md, var( --ck-v-stack--align-sm, var( --ck-v-stack--align-xs, var( --ck-v-stack--align-us, var(--ck-v-stack--align-base, stretch) ) ) ) ) ) ) );
+    --ck-v-stack--gap: var( --ck-v-stack--gap-ul, var( --ck-v-stack--gap-xl, var( --ck-v-stack--gap-lg, var( --ck-v-stack--gap-md, var( --ck-v-stack--gap-sm, var( --ck-v-stack--gap-xs, var( --ck-v-stack--gap-us, var( --ck-v-stack--gap-base, var(--ck-v-stack--gap-default) ) ) ) ) ) ) ) );
+  }
+}
+
+/* lib/components/NavBar/navBar.css */
+:root {
+  --ck-nav-bar--color-background: light-dark( var(--ck-primary-925), var(--ck-secondary-075) );
+  --ck-nav-bar--brand-color: light-dark( var(--ck-primary-250), var(--ck-secondary-750) );
+  --ck-nav-bar--color-border: light-dark( var(--ck-primary-150), var(--ck-secondary-850) );
+  --ck-nav-bar--color-active-color: light-dark( var(--ck-primary-200), var(--ck-secondary-800) );
+  --ck-nav-bar--color-active-background-default: light-dark( var(--ck-primary-800), var(--ck-secondary-200) );
+  --ck-nav-bar--color-active-background-hover: light-dark( var(--ck-primary-750), var(--ck-secondary-150) );
+  --ck-nav-bar--color-active-background-active: light-dark( var(--ck-primary-700), var(--ck-secondary-100) );
+  --ck-nav-bar--color-inactive-color: light-dark( var(--ck-primary-200), var(--ck-secondary-800) );
+  --ck-nav-bar--color-inactive-background-default: light-dark( transparent, transparent );
+  --ck-nav-bar--color-inactive-background-hover: light-dark( var(--ck-primary-900), var(--ck-secondary-100) );
+  --ck-nav-bar--color-inactive-background-active: light-dark( var(--ck-primary-850), var(--ck-secondary-150) );
+}
+.ck-nav-bar {
+  background: var(--ck-nav-bar--color-background);
+}
+.ck-nav-bar__container {
+  display: flex;
+  flex-direction: row;
+  gap: 1rem;
+}
+.ck-nav-bar__brand {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  font-weight: 700;
+  text-decoration: none;
+  font-size: 1.5rem;
+  color: inherit;
+  padding: 0.75rem 1rem 0.75rem 0;
+  order: 1;
+  color: var(--ck-nav-bar--brand-color);
+}
+.ck-nav-bar__toggle {
+  order: 2;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  padding: 0.75rem 1rem;
+  margin-left: auto;
+}
+.ck-nav-bar__toggle-bar {
+  display: block;
+  width: 1.25rem;
+  height: 0.125rem;
+  background: currentColor;
+  position: relative;
+  transition: transform 0.2s ease, opacity 0.2s ease;
+}
+.ck-nav-bar__toggle-bar::before,
+.ck-nav-bar__toggle-bar::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: currentColor;
+  transition: transform 0.2s ease, opacity 0.2s ease;
+}
+.ck-nav-bar__toggle-bar::before {
+  top: -0.375rem;
+}
+.ck-nav-bar__toggle-bar::after {
+  top: 0.375rem;
+}
+.ck-nav-bar__toggle[aria-expanded=true] .ck-nav-bar__toggle-bar {
+  background: transparent;
+}
+.ck-nav-bar__toggle[aria-expanded=true] .ck-nav-bar__toggle-bar::before {
+  transform: translateY(0.375rem) rotate(45deg);
+}
+.ck-nav-bar__toggle[aria-expanded=true] .ck-nav-bar__toggle-bar::after {
+  transform: translateY(-0.375rem) rotate(-45deg);
+}
+.ck-nav-bar__panel {
+  display: none;
+}
+.ck-nav-bar__panel.ck-nav-bar__panel--open {
+  display: initial;
+  position: absolute;
+  top: 3.25rem;
+  left: 0;
+  right: 0;
+  height: calc(100vh - 3.25rem);
+  padding: 0.75rem 0;
+  background: var(--ck-nav-bar--color-background);
+  border-bottom: 0.0625rem solid var(--ck-nav-bar--color-border);
+  z-index: 200;
+}
+.ck-nav-bar__list {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.ck-nav-bar__item {
+  border-bottom: 0.0625rem solid var(--ck-nav-bar--color-border);
+  color: var(--ck-nav-bar--color-inactive-color);
+  background: var(--ck-nav-bar--color-inactive-background-default);
+  &:hover {
+    background: var(--ck-nav-bar--color-inactive-background-hover);
+  }
+  &:active {
+    background: var(--ck-nav-bar--color-inactive-background-active);
+  }
+  .ck-nav-bar__link {
+    color: var(--ck-nav-bar--color-inactive-color);
+  }
+}
+.ck-nav-bar__item:has(> [aria-current=page]) {
+  color: var(--ck-nav-bar--color-active-color);
+  background: var(--ck-nav-bar--color-active-background-default);
+  &:hover {
+    background: var(--ck-nav-bar--color-active-background-hover);
+  }
+  &:active {
+    background: var(--ck-nav-bar--color-active-background-active);
+  }
+  .ck-nav-bar__link {
+    color: var(--ck-nav-bar--color-active-color);
+  }
+}
+.ck-nav-bar__link {
+  font-size: 1.125rem;
+  padding: 1rem;
+  width: calc(100% - 2rem);
+  display: inline-block;
+  text-decoration: none;
+}
+.ck-nav-bar__dropdown-trigger {
+  font-size: 1.125rem;
+  background: transparent;
+  border: none;
+  width: 100%;
+  padding: 1rem;
+  display: flex;
+  text-decoration: none;
+  color: var(--ck-nav-bar--color-inactive-color);
+  justify-content: space-between;
+  cursor: pointer;
+  border-bottom: 0.0625rem solid var(--ck-nav-bar--color-border);
+}
+.ck-nav-bar__dropdown-trigger {
+  color: var(--ck-nav-bar--color-inactive-color);
+  background: var(--ck-nav-bar--color-inactive-background-default);
+  &:hover {
+    background: var(--ck-nav-bar--color-inactive-background-hover);
+  }
+  &:active,
+  &[aria-expanded=true] {
+    background: var(--ck-nav-bar--color-inactive-background-active);
+  }
+}
+.ck-nav-bar__dropdown-trigger[aria-current=true] {
+  color: var(--ck-nav-bar--color-active-color);
+  background: var(--ck-nav-bar--color-active-background-default);
+  &:hover {
+    background: var(--ck-nav-bar--color-active-background-hover);
+  }
+  &:active,
+  &[aria-expanded=true] {
+    background: var(--ck-nav-bar--color-active-background-active);
+  }
+}
+.ck-nav-bar__dropdown-trigger::after {
+  content: "\25b4";
+}
+.ck-nav-bar__dropdown-trigger[aria-expanded=true] {
+  border-bottom: 0.0625rem solid var(--ck-nav-bar--color-border);
+  &::after {
+    content: "\25be";
+  }
+}
+.ck-nav-bar__dropdown-menu {
+  display: none;
+  padding: 0;
+  list-style: none;
+  .ck-nav-bar__link {
+    padding: 1rem;
+    padding-left: 2rem;
+    width: calc(100% - 3rem);
+    display: inline-block;
+    text-decoration: none;
+    color: var(--ck-nav-bar--color-inactive-color);
+  }
+}
+.ck-nav-bar__dropdown-menu--expanded {
+  display: inherit;
+}
+.ck-visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+@media (min-width: 48rem) {
+  .ck-nav-bar__toggle {
+    display: none;
+  }
+  .ck-nav-bar__panel {
+    display: initial;
+    order: 2;
+  }
+  .ck-nav-bar__panel.ck-nav-bar__panel--open {
+    position: initial;
+    height: auto;
+    padding: initial;
+    border: none;
+  }
+  .ck-nav-bar__list {
+    flex-direction: row;
+  }
+  .ck-nav-bar__item {
+    border: none;
+  }
+  .ck-nav-bar__link,
+  .ck-nav-bar__dropdown-trigger {
+    padding: 1.125rem 1rem 0.875rem;
+  }
+  .ck-nav-bar__dropdown-trigger {
+    gap: 0.5rem;
+  }
+  .ck-nav-bar__dropdown {
+    position: relative;
+  }
+  .ck-nav-bar__dropdown-menu {
+    position: absolute;
+    width: 100%;
+    background: var(--ck-nav-bar--color-background);
+    .ck-nav-bar__item:last-child {
+      border: none;
+    }
+  }
+  .ck-nav-bar__dropdown-trigger {
+    border: none;
+  }
+  .ck-nav-bar__dropdown-menu .ck-nav-bar__item {
+    border-bottom: 0.0625rem solid var(--ck-nav-bar--color-border);
+  }
+  .ck-nav-bar__dropdown-menu .ck-nav-bar__link {
+    padding: 1rem;
+    width: calc(100% - 2rem);
+  }
+}
+
+/* lib/components/Pill/pill.css */
+:root {
+  --ck-pill--solid-color: light-dark( var(--ck-neutral-025), var(--ck-neutral-975) );
+  --ck-pill--primary-solid-bg: light-dark( var(--ck-primary-600), var(--ck-primary-400) );
+  --ck-pill--primary-solid-color: var(--ck-pill--solid-color);
+  --ck-pill--secondary-solid-bg: light-dark( var(--ck-secondary-600), var(--ck-secondary-400) );
+  --ck-pill--secondary-solid-color: var(--ck-pill--solid-color);
+  --ck-pill--neutral-solid-bg: light-dark( var(--ck-neutral-600), var(--ck-neutral-400) );
+  --ck-pill--neutral-solid-color: var(--ck-pill--solid-color);
+  --ck-pill--success-solid-bg: light-dark( var(--ck-success-600), var(--ck-success-400) );
+  --ck-pill--success-solid-color: var(--ck-pill--solid-color);
+  --ck-pill--warning-solid-bg: light-dark( var(--ck-warning-600), var(--ck-warning-400) );
+  --ck-pill--warning-solid-color: var(--ck-pill--solid-color);
+  --ck-pill--danger-solid-bg: light-dark( var(--ck-danger-600), var(--ck-danger-400) );
+  --ck-pill--danger-solid-color: var(--ck-pill--solid-color);
+  --ck-pill--info-solid-bg: light-dark( var(--ck-info-600), var(--ck-info-400) );
+  --ck-pill--info-solid-color: var(--ck-pill--solid-color);
+  --ck-pill--primary-soft-bg: light-dark( var(--ck-primary-800), var(--ck-primary-200) );
+  --ck-pill--primary-soft-color: light-dark( var(--ck-primary-200), var(--ck-primary-800) );
+  --ck-pill--secondary-soft-bg: light-dark( var(--ck-secondary-800), var(--ck-secondary-200) );
+  --ck-pill--secondary-soft-color: light-dark( var(--ck-secondary-200), var(--ck-secondary-800) );
+  --ck-pill--neutral-soft-bg: light-dark( var(--ck-neutral-800), var(--ck-neutral-200) );
+  --ck-pill--neutral-soft-color: light-dark( var(--ck-neutral-200), var(--ck-neutral-800) );
+  --ck-pill--success-soft-bg: light-dark( var(--ck-success-800), var(--ck-success-200) );
+  --ck-pill--success-soft-color: light-dark( var(--ck-success-200), var(--ck-success-800) );
+  --ck-pill--warning-soft-bg: light-dark( var(--ck-warning-800), var(--ck-warning-200) );
+  --ck-pill--warning-soft-color: light-dark( var(--ck-warning-200), var(--ck-warning-800) );
+  --ck-pill--danger-soft-bg: light-dark( var(--ck-danger-800), var(--ck-danger-200) );
+  --ck-pill--danger-soft-color: light-dark( var(--ck-danger-200), var(--ck-danger-800) );
+  --ck-pill--info-soft-bg: light-dark(var(--ck-info-800), var(--ck-info-200));
+  --ck-pill--info-soft-color: light-dark( var(--ck-info-200), var(--ck-info-800) );
+  --ck-pill--primary-outline-color: light-dark( var(--ck-primary-300), var(--ck-primary-700) );
+  --ck-pill--secondary-outline-color: light-dark( var(--ck-secondary-300), var(--ck-secondary-700) );
+  --ck-pill--neutral-outline-color: light-dark( var(--ck-neutral-300), var(--ck-neutral-700) );
+  --ck-pill--success-outline-color: light-dark( var(--ck-success-300), var(--ck-success-700) );
+  --ck-pill--warning-outline-color: light-dark( var(--ck-warning-300), var(--ck-warning-700) );
+  --ck-pill--danger-outline-color: light-dark( var(--ck-danger-300), var(--ck-danger-700) );
+  --ck-pill--info-outline-color: light-dark( var(--ck-info-300), var(--ck-info-700) );
+  --ck-pill--primary-subtle-bg: light-dark( var(--ck-primary-850), var(--ck-primary-150) );
+  --ck-pill--primary-subtle-color: light-dark( var(--ck-primary-300), var(--ck-primary-700) );
+  --ck-pill--primary-subtle-border: light-dark( var(--ck-primary-300), var(--ck-primary-700) );
+  --ck-pill--secondary-subtle-bg: light-dark( var(--ck-secondary-850), var(--ck-secondary-150) );
+  --ck-pill--secondary-subtle-color: light-dark( var(--ck-secondary-300), var(--ck-secondary-700) );
+  --ck-pill--secondary-subtle-border: light-dark( var(--ck-secondary-300), var(--ck-secondary-700) );
+  --ck-pill--neutral-subtle-bg: light-dark( var(--ck-neutral-850), var(--ck-neutral-150) );
+  --ck-pill--neutral-subtle-color: light-dark( var(--ck-neutral-300), var(--ck-neutral-700) );
+  --ck-pill--neutral-subtle-border: light-dark( var(--ck-neutral-300), var(--ck-neutral-700) );
+  --ck-pill--success-subtle-bg: light-dark( var(--ck-success-850), var(--ck-success-150) );
+  --ck-pill--success-subtle-color: light-dark( var(--ck-success-300), var(--ck-success-700) );
+  --ck-pill--success-subtle-border: light-dark( var(--ck-success-300), var(--ck-success-700) );
+  --ck-pill--warning-subtle-bg: light-dark( var(--ck-warning-850), var(--ck-warning-150) );
+  --ck-pill--warning-subtle-color: light-dark( var(--ck-warning-300), var(--ck-warning-700) );
+  --ck-pill--warning-subtle-border: light-dark( var(--ck-warning-300), var(--ck-warning-700) );
+  --ck-pill--danger-subtle-bg: light-dark( var(--ck-danger-850), var(--ck-danger-150) );
+  --ck-pill--danger-subtle-color: light-dark( var(--ck-danger-300), var(--ck-danger-700) );
+  --ck-pill--danger-subtle-border: light-dark( var(--ck-danger-300), var(--ck-danger-700) );
+  --ck-pill--info-subtle-bg: light-dark( var(--ck-info-850), var(--ck-info-150) );
+  --ck-pill--info-subtle-color: light-dark( var(--ck-info-300), var(--ck-info-700) );
+  --ck-pill--info-subtle-border: light-dark( var(--ck-info-300), var(--ck-info-700) );
+  --ck-pill--dismiss-hover-bg: rgb(0 0 0 / 0.12);
+  --ck-pill--focus-color: light-dark( var(--ck-primary-700), var(--ck-primary-300) );
+}
+.ck-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3125rem;
+  font-weight: 600;
+  line-height: 1;
+  white-space: nowrap;
+  border: 0.0625rem solid transparent;
+  border-radius: var(--ck-core--border-radius, 0.5rem);
+  vertical-align: middle;
+}
+.ck-pill:focus-visible,
+.ck-pill__dismiss:focus-visible {
+  outline: 0.1875rem solid var(--ck-pill--focus-color);
+  outline-offset: 0.125rem;
+}
+.ck-pill--sm {
+  height: 1.25rem;
+  padding: 0 0.4375rem;
+  font-size: 0.6875rem;
+}
+.ck-pill--md {
+  height: 1.5rem;
+  padding: 0 0.5625rem;
+  font-size: 0.75rem;
+}
+.ck-pill--lg {
+  height: 1.875rem;
+  padding: 0 0.75rem;
+  font-size: 0.8125rem;
+}
+.ck-pill__icon {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+.ck-pill__icon svg {
+  width: 1em;
+  height: 1em;
+}
+.ck-pill__label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ck-pill__dismiss {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 1.125em;
+  height: 1.125em;
+  margin-left: 0.0625rem;
+  padding: 0;
+  border: none;
+  border-radius: 999rem;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+}
+.ck-pill__dismiss:hover {
+  background: var(--ck-pill--dismiss-hover-bg);
+}
+.ck-pill__dismiss svg {
+  width: 0.6875em;
+  height: 0.6875em;
+}
+.ck-pill--primary.ck-pill--solid {
+  background: var(--ck-pill--primary-solid-bg);
+  color: var(--ck-pill--primary-solid-color);
+}
+.ck-pill--secondary.ck-pill--solid {
+  background: var(--ck-pill--secondary-solid-bg);
+  color: var(--ck-pill--secondary-solid-color);
+}
+.ck-pill--neutral.ck-pill--solid {
+  background: var(--ck-pill--neutral-solid-bg);
+  color: var(--ck-pill--neutral-solid-color);
+}
+.ck-pill--success.ck-pill--solid {
+  background: var(--ck-pill--success-solid-bg);
+  color: var(--ck-pill--success-solid-color);
+}
+.ck-pill--warning.ck-pill--solid {
+  background: var(--ck-pill--warning-solid-bg);
+  color: var(--ck-pill--warning-solid-color);
+}
+.ck-pill--danger.ck-pill--solid {
+  background: var(--ck-pill--danger-solid-bg);
+  color: var(--ck-pill--danger-solid-color);
+}
+.ck-pill--info.ck-pill--solid {
+  background: var(--ck-pill--info-solid-bg);
+  color: var(--ck-pill--info-solid-color);
+}
+.ck-pill--primary.ck-pill--soft {
+  background: var(--ck-pill--primary-soft-bg);
+  color: var(--ck-pill--primary-soft-color);
+}
+.ck-pill--secondary.ck-pill--soft {
+  background: var(--ck-pill--secondary-soft-bg);
+  color: var(--ck-pill--secondary-soft-color);
+}
+.ck-pill--neutral.ck-pill--soft {
+  background: var(--ck-pill--neutral-soft-bg);
+  color: var(--ck-pill--neutral-soft-color);
+}
+.ck-pill--success.ck-pill--soft {
+  background: var(--ck-pill--success-soft-bg);
+  color: var(--ck-pill--success-soft-color);
+}
+.ck-pill--warning.ck-pill--soft {
+  background: var(--ck-pill--warning-soft-bg);
+  color: var(--ck-pill--warning-soft-color);
+}
+.ck-pill--danger.ck-pill--soft {
+  background: var(--ck-pill--danger-soft-bg);
+  color: var(--ck-pill--danger-soft-color);
+}
+.ck-pill--info.ck-pill--soft {
+  background: var(--ck-pill--info-soft-bg);
+  color: var(--ck-pill--info-soft-color);
+}
+.ck-pill--primary.ck-pill--outline {
+  background: transparent;
+  color: var(--ck-pill--primary-outline-color);
+  border-color: currentColor;
+}
+.ck-pill--secondary.ck-pill--outline {
+  background: transparent;
+  color: var(--ck-pill--secondary-outline-color);
+  border-color: currentColor;
+}
+.ck-pill--neutral.ck-pill--outline {
+  background: transparent;
+  color: var(--ck-pill--neutral-outline-color);
+  border-color: currentColor;
+}
+.ck-pill--success.ck-pill--outline {
+  background: transparent;
+  color: var(--ck-pill--success-outline-color);
+  border-color: currentColor;
+}
+.ck-pill--warning.ck-pill--outline {
+  background: transparent;
+  color: var(--ck-pill--warning-outline-color);
+  border-color: currentColor;
+}
+.ck-pill--danger.ck-pill--outline {
+  background: transparent;
+  color: var(--ck-pill--danger-outline-color);
+  border-color: currentColor;
+}
+.ck-pill--info.ck-pill--outline {
+  background: transparent;
+  color: var(--ck-pill--info-outline-color);
+  border-color: currentColor;
+}
+.ck-pill--primary.ck-pill--subtle {
+  background: var(--ck-pill--primary-subtle-bg);
+  color: var(--ck-pill--primary-subtle-color);
+  border-color: var(--ck-pill--primary-subtle-border);
+}
+.ck-pill--secondary.ck-pill--subtle {
+  background: var(--ck-pill--secondary-subtle-bg);
+  color: var(--ck-pill--secondary-subtle-color);
+  border-color: var(--ck-pill--secondary-subtle-border);
+}
+.ck-pill--neutral.ck-pill--subtle {
+  background: var(--ck-pill--neutral-subtle-bg);
+  color: var(--ck-pill--neutral-subtle-color);
+  border-color: var(--ck-pill--neutral-subtle-border);
+}
+.ck-pill--success.ck-pill--subtle {
+  background: var(--ck-pill--success-subtle-bg);
+  color: var(--ck-pill--success-subtle-color);
+  border-color: var(--ck-pill--success-subtle-border);
+}
+.ck-pill--warning.ck-pill--subtle {
+  background: var(--ck-pill--warning-subtle-bg);
+  color: var(--ck-pill--warning-subtle-color);
+  border-color: var(--ck-pill--warning-subtle-border);
+}
+.ck-pill--danger.ck-pill--subtle {
+  background: var(--ck-pill--danger-subtle-bg);
+  color: var(--ck-pill--danger-subtle-color);
+  border-color: var(--ck-pill--danger-subtle-border);
+}
+.ck-pill--info.ck-pill--subtle {
+  background: var(--ck-pill--info-subtle-bg);
+  color: var(--ck-pill--info-subtle-color);
+  border-color: var(--ck-pill--info-subtle-border);
+}
+
+/* lib/components/SegmentedControl/segmentedControl.css */
+:root {
+  --ck-segmented-control--color: var(--ck-button--outline-color);
+  --ck-segmented-control--background-hover: var(--ck-button--outline-background-hover);
+  --ck-segmented-control--background-active: var(--ck-button--outline-background-active);
+  --ck-segmented-control-pressed--color: var(--ck-button--primary-color);
+  --ck-segmented-control-pressed--background: var(--ck-button--primary-background);
+  --ck-segmented-control-pressed--background-hover: var(--ck-button--primary-background-hover);
+  --ck-segmented-control-pressed--background-active: var(--ck-button--primary-background-active);
+  --ck-segmented-control-disabled--color: var(--ck-button--disabled-color);
+  --ck-segmented-control-disabled--background: transparent;
+  --ck-segmented-control-disabled-pressed--color: var(--ck-button--disabled-color);
+  --ck-segmented-control-disabled-pressed--background: var(--ck-button--disabled-background);
+}
+.ck-segmented-control {
+  display: inline-flex;
+  gap: 0;
+}
+.ck-segmented-control__item {
+  appearance: none;
+  border: 0.0625rem solid transparent;
+  background: transparent;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  height: 3rem;
+  padding: 0 1.25rem;
+  border-radius: 0;
+  margin-left: -0.0625rem;
+  font-weight: 600;
+  font-size: 1.125rem;
+  text-decoration: none;
+  cursor: pointer;
+  color: var(--ck-segmented-control--color);
+  border-color: var(--ck-segmented-control--color);
+  transition:
+    background-color 0.2s ease,
+    color 0.2s ease,
+    border-color 0.2s ease,
+    box-shadow 0.2s ease;
+  &:disabled {
+    cursor: not-allowed;
+  }
+  &:hover {
+    background: var(--ck-segmented-control--background-hover);
+    z-index: 1;
+    position: relative;
+  }
+  &:active {
+    background: var(--ck-segmented-control--background-active);
+  }
+  &:disabled,
+  &:disabled:hover,
+  &:disabled:active {
+    background: var(--ck-segmented-control-disabled--background);
+    color: var(--ck-segmented-control-disabled--color);
+    border-color: var(--ck-segmented-control-disabled--color);
+    z-index: 0;
+  }
+}
+.ck-segmented-control__item--pressed {
+  background: var(--ck-segmented-control-pressed--background);
+  color: var(--ck-segmented-control-pressed--color);
+  &:hover {
+    background: var(--ck-segmented-control-pressed--background-hover);
+  }
+  &:active {
+    background: var(--ck-segmented-control-pressed--background-active);
+  }
+  &:disabled,
+  &:disabled:hover,
+  &:disabled:active {
+    background: var(--ck-segmented-control-disabled-pressed--background);
+    color: var(--ck-segmented-control-disabled-pressed--color);
+    border-color: var(--ck-segmented-control-disabled-pressed--color);
+  }
+}
+.ck-segmented-control__item--sm {
+  height: 2.5rem;
+  padding: 0 1rem;
+  font-size: 0.875rem;
+}
+.ck-segmented-control__item--lg {
+  height: 3.5rem;
+  padding: 0 1.5rem;
+  font-size: 1.25rem;
+}
+.ck-segmented-control > .ck-segmented-control__item:first-child {
+  margin-left: 0;
+  border-top-left-radius: 1rem;
+  border-bottom-left-radius: 1rem;
+}
+.ck-segmented-control > .ck-segmented-control__item:last-child {
+  border-top-right-radius: 1rem;
+  border-bottom-right-radius: 1rem;
+}
+
+/* lib/components/TabBar/tabBar.css */
+:root {
+  --ck-tab-bar--color-background: light-dark( var(--ck-primary-925), var(--ck-secondary-075) );
+  --ck-tab-bar--color-active-color: light-dark( var(--ck-primary-200), var(--ck-secondary-800) );
+  --ck-tab-bar--color-active-background-default: light-dark( var(--ck-primary-800), var(--ck-secondary-200) );
+  --ck-tab-bar--color-active-background-hover: light-dark( var(--ck-primary-750), var(--ck-secondary-150) );
+  --ck-tab-bar--color-active-background-active: light-dark( var(--ck-primary-700), var(--ck-secondary-100) );
+  --ck-tab-bar--color-inactive-color: light-dark( var(--ck-primary-200), var(--ck-secondary-800) );
+  --ck-tab-bar--color-inactive-background-default: light-dark( transparent, transparent );
+  --ck-tab-bar--color-inactive-background-hover: light-dark( var(--ck-primary-900), var(--ck-secondary-100) );
+  --ck-tab-bar--color-inactive-background-active: light-dark( var(--ck-primary-850), var(--ck-secondary-150) );
+}
+.ck-tab-bar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  background: var(--ck-tab-bar--color-background);
+  padding-bottom: env(safe-area-inset-bottom);
+  z-index: 100;
+}
+.ck-tab-bar__inner {
+  display: flex;
+  flex-direction: row;
+  align-items: stretch;
+  justify-content: space-evenly;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  gap: 0.5rem;
+}
+.ck-tab-bar__item {
+  flex: 1;
+}
+.ck-tab-bar__button {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 0.25rem;
+  padding: 0.325rem 0 0.25rem;
+  border: none;
+  cursor: pointer;
+  position: relative;
+  -webkit-tap-highlight-color: transparent;
+  text-decoration: none;
+  color: var(--ck-tab-bar--color-inactive-color);
+  background: var(--ck-tab-bar--color-inactive-background-default);
+  &:hover {
+    background: var(--ck-tab-bar--color-inactive-background-hover);
+  }
+  &:active {
+    background: var(--ck-tab-bar--color-inactive-background-active);
+  }
+}
+.ck-tab-bar__button-inner {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.ck-tab-bar__button.ck-tab-bar__button--active {
+  color: var(--ck-tab-bar--color-active-color);
+}
+.ck-tab-bar__icon {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 1.375rem;
+  line-height: 1;
+  padding: 0.25rem 0.625rem;
+  transition: color 0.2s ease, background 0.2s ease;
+}
+.ck-tab-bar__label {
+  font-size: 0.6875rem;
+  font-weight: 500;
+  letter-spacing: 0.01em;
+  line-height: 1;
+  transition: color 0.2s ease;
+}
+.ck-tab-bar__button--active .ck-tab-bar__label {
+  font-weight: 600;
+}
+@media (prefers-reduced-motion: reduce) {
+  .ck-tab-bar__icon,
+  .ck-tab-bar__label {
+    transition: none;
+  }
+}
+.ck-tab-bar--fill {
+  .ck-tab-bar__button.ck-tab-bar__button--active {
+    border-top: 0.1875rem solid var(--ck-tab-bar--color-active-color);
+    padding-top: 0.1375rem;
+    background: var(--ck-tab-bar--color-active-background-default);
+    &:hover {
+      background: var(--ck-tab-bar--color-active-background-hover);
+    }
+    &:active {
+      background: var(--ck-tab-bar--color-active-background-active);
+    }
+  }
+}
+.ck-tab-bar--pill {
+  .ck-tab-bar__button {
+    padding: 0.075rem 0 0;
+    .ck-tab-bar__button-inner {
+      margin: 0.25rem 0;
+      padding: 0 1rem 0.25rem;
+      border-radius: 1rem;
+      background: var(--ck-tab-bar--color-inactive-background-default);
+    }
+    &:hover {
+      background: transparent;
+      .ck-tab-bar__button-inner {
+        background: var(--ck-tab-bar--color-inactive-background-hover);
+      }
+    }
+    &:active {
+      background: transparent;
+      .ck-tab-bar__button-inner {
+        background: var(--ck-tab-bar--color-inactive-background-active);
+      }
+    }
+  }
+  .ck-tab-bar__button.ck-tab-bar__button--active {
+    .ck-tab-bar__button-inner {
+      background: var(--ck-tab-bar--color-active-background-default);
+    }
+    &:hover {
+      background: transparent;
+      .ck-tab-bar__button-inner {
+        background: var(--ck-tab-bar--color-active-background-hover);
+      }
+    }
+    &:active {
+      background: transparent;
+      .ck-tab-bar__button-inner {
+        background: var(--ck-tab-bar--color-active-background-active);
+      }
+    }
+  }
+}
+.ck-tab-bar--bar {
+  .ck-tab-bar__button.ck-tab-bar__button--active {
+    border-top: 0.1875rem solid var(--ck-tab-bar--color-active-color);
+    padding-top: 0.1375rem;
+  }
+}
+.ck-tab-bar--shortbar {
+  .ck-tab-bar__button {
+    .ck-tab-bar__button-inner {
+      background: var(--ck-tab-bar--color-inactive-background-default);
+    }
+  }
+  .ck-tab-bar__button.ck-tab-bar__button--active {
+    padding: 0 0 0.25rem;
+    .ck-tab-bar__button-inner {
+      padding: 0.1375rem 0 0;
+      border-top: 0.1875rem solid var(--ck-tab-bar--color-active-color);
+    }
+  }
+}
+
+/* lib/styles.css */