mimir-ui-kit 0.0.7 → 0.0.8

package/dist/assets/styles/index.css

@@ -0,0 +1 @@
+@font-face{font-family:Montserrat;src:url(../fonts/585d10920d676fcd.woff2) format("woff2"),url(../fonts/3b9f59412b17ff93.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(../fonts/f4d681a788c6d497.woff2) format("woff2"),url(../fonts/43b748f250df0f08.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Montserrat;src:url(../fonts/ee3db32f0aadef5d.woff2) format("woff2"),url(../fonts/1a738bfdbc1e4d9d.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Montserrat;src:url(../fonts/e51d2feb30084bc2.woff2) format("woff2"),url(../fonts/badaa6d1837432de.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Montserrat;src:url(../fonts/63611593e008a77c.woff2) format("woff2"),url(../fonts/3cdd7fabbe89d2b9.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Inter;src:url(../fonts/d080ae18fd04e52c.woff2) format("woff2");font-weight:400;font-style:normal;font-variant-numeric:slashed-zero}@font-face{font-family:Inter;src:url(../fonts/11d5bc9f0cad36d1.woff2) format("woff2");font-weight:700;font-style:normal;font-variant-numeric:slashed-zero}@font-face{font-family:Inter;src:url(../fonts/242d04bef81519ae.woff2) format("woff2");font-weight:500;font-style:normal;font-variant-numeric:slashed-zero}@font-face{font-family:Inter;src:url(../fonts/cac2ba46e8c8adc9.woff2) format("woff2");font-weight:600;font-style:normal;font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg: #fbe3e3;--disabled: #b3b3b3;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgb(255 255 255 / 40%);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--control-default: var(--sapphire-20);--control-hover: var(--sapphire-40);--control-selected: var(--sapphire-100);--control-disabled: var(--black-10);--font-inter: "Inter", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-weight-text-regular: 400;--font-weight-text-medium: 500;--font-weight-text-semibold: 600;--font-weight-text-bold: 700;--font-weight-text-extrabold: 800;--font-weight-text-black: 900;--size-text-xs2: 8px;--size-text-xs: 10px;--size-text-s: 12px;--size-text-m: 14px;--size-text-l: 16px;--size-text-xl: 20px;--size-text-xl2: 24px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xs: 1.1em;--line-height-text-s: 1.2em;--line-height-text-m: 1.3em;--line-height-text-l: 1.4em;--line-height-text-xl: 1.5em;--control-radius: 6px;--control-radius-l: 24px;--control-input-radius: 12px;--control-border-width: 1px;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-s: 12px;--space-m: 16px;--space-l: 20px;--space-xl: 24px;--space-2xl: 32px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-4xxl: 64px;--space-5xl: 72px;--space-6xl: 96px;--container-width-xs: 375px;--container-width-s: 767px;--container-width-m: 960px;--container-width-l: 1280px;--container-width-xl: 1440px;--container-width-xxl: 1920px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero"}body{font-family:Inter,sans-serif;font-variant-numeric:slashed-zero;background-color:var(--black-5);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;min-height:100%}

package/dist/components/Button/index.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import { c as p } from "../../index-DIxK0V-G.js";
-import '../../assets/index2.css';const y = "_button_a92xc_1", u = "_xs_a92xc_28", f = "_s_a92xc_34", b = "_m_a92xc_40", h = "_l_a92xc_46", N = "_xl_a92xc_52", w = "_xxl_a92xc_59", g = "_full_a92xc_141", B = "_disabled_a92xc_145", a = {
+import '../../index2.css';const y = "_button_a92xc_1", u = "_xs_a92xc_28", f = "_s_a92xc_34", b = "_m_a92xc_40", h = "_l_a92xc_46", N = "_xl_a92xc_52", w = "_xxl_a92xc_59", g = "_full_a92xc_141", B = "_disabled_a92xc_145", a = {
   button: y,
   xs: u,
   s: f,

package/dist/components/Input/index.js

@@ -1,70 +1,84 @@
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import { memo as N, forwardRef as A, useState as x, useEffect as B } from "react";
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import { memo as g, forwardRef as y, useState as N, useEffect as A } from "react";
 import { c as _ } from "../../index-DIxK0V-G.js";
-import '../../assets/index.css';const b = "_inputWrapper_w9lgy_1", W = "_label_w9lgy_11", F = "_inputBody_w9lgy_20", I = "_xs_w9lgy_32", j = "_s_w9lgy_40", v = "_m_w9lgy_48", z = "_l_w9lgy_11", E = "_addonLeft_w9lgy_64", O = "_addonRight_w9lgy_65", P = "_withAddonLeft_w9lgy_69", S = "_withAddonRight_w9lgy_73", k = "_input_w9lgy_1", t = {
-  inputWrapper: b,
-  label: W,
-  inputBody: F,
-  xs: I,
-  s: j,
-  m: v,
+import '../../index.css';const x = "_inputWrapper_1cv22_1", B = "_withOutLabel_1cv22_11", O = "_label_1cv22_15", W = "_inputBody_1cv22_24", F = "_xs_1cv22_36", I = "_s_1cv22_44", j = "_m_1cv22_52", z = "_l_1cv22_15", E = "_addonLeft_1cv22_68", P = "_addonRight_1cv22_69", S = "_withAddonLeft_1cv22_73", k = "_withAddonRight_1cv22_77", q = "_input_1cv22_1", t = {
+  inputWrapper: x,
+  withOutLabel: B,
+  label: O,
+  inputBody: W,
+  xs: F,
+  s: I,
+  m: j,
   l: z,
   addonLeft: E,
-  addonRight: O,
-  withAddonLeft: P,
-  withAddonRight: S,
-  input: k
-}, q = N(
-  A((p, r) => {
+  addonRight: P,
+  withAddonLeft: S,
+  withAddonRight: k,
+  input: q
+}, C = g(
+  y((p, r) => {
     const {
       className: u,
       status: h = "default",
       type: m = "text",
       placeholder: f,
       autofocus: o,
-      readonly: a,
+      readonly: c,
       addonLeft: s,
       addonRight: e,
-      label: l,
+      label: a,
       size: i = "m",
-      ...g
-    } = p, [w, d] = x(o);
-    B(() => {
+      ...v
+    } = p, [w, d] = N(o);
+    A(() => {
       o && d(!0);
     }, [o]);
-    const y = () => {
+    const L = () => {
       d(!1);
-    }, R = () => {
+    }, b = () => {
       d(!0);
-    }, L = {
-      [t.readonly]: a,
+    }, R = {
+      [t.readonly]: c,
       [t.focused]: w,
       [t.withAddonLeft]: !!s,
       [t.withAddonRight]: !!e
     };
-    return /* @__PURE__ */ c("label", { className: _(t.inputWrapper, u, [t[i]]), children: [
-      l && /* @__PURE__ */ n("span", { className: t.label, children: l }),
-      /* @__PURE__ */ c("div", { className: _(t.inputBody, L, [t[h], t[i]]), children: [
-        s && /* @__PURE__ */ n("span", { className: t.addonLeft, children: s }),
-        /* @__PURE__ */ n(
-          "input",
+    return /* @__PURE__ */ l(
+      "label",
+      {
+        className: _(
+          t.inputWrapper,
+          u,
           {
-            ...g,
-            ref: r,
-            type: m,
-            className: t.input,
-            onFocus: R,
-            onBlur: y,
-            readOnly: a,
-            placeholder: f
-          }
+            [t.withOutLabel]: !a
+          },
+          [t[i]]
         ),
-        e && /* @__PURE__ */ n("span", { className: t.addonRight, children: e })
-      ] })
-    ] });
+        children: [
+          a && /* @__PURE__ */ n("span", { className: t.label, children: a }),
+          /* @__PURE__ */ l("div", { className: _(t.inputBody, R, [t[h], t[i]]), children: [
+            s && /* @__PURE__ */ n("span", { className: t.addonLeft, children: s }),
+            /* @__PURE__ */ n(
+              "input",
+              {
+                ...v,
+                ref: r,
+                type: m,
+                className: t.input,
+                onFocus: b,
+                onBlur: L,
+                readOnly: c,
+                placeholder: f
+              }
+            ),
+            e && /* @__PURE__ */ n("span", { className: t.addonRight, children: e })
+          ] })
+        ]
+      }
+    );
   })
 );
-q.displayName = "Input";
+C.displayName = "Input";
 export {
-  q as Input
+  C as Input
 };

package/dist/index.css

@@ -0,0 +1 @@
+._inputWrapper_1cv22_1{display:inline-flex;flex-direction:column;width:100%;height:var(--input-height);padding:var(--input-space);background-color:var(--black-5);border-radius:6px}._withOutLabel_1cv22_11{justify-content:center}._label_1cv22_15{margin-bottom:2px;color:var(--black-60);font-size:var(--size-text-s)}._label_1cv22_15:first-letter{text-transform:uppercase}._inputBody_1cv22_24{--caption-margin-left: calc(var(--input-space) + var(--control-border-width));--counter-button-icon-color: var(--color-control-typo-ghost);--counter-button-background: transparent;--counter-offset: 0;--clear-button-color: var(--color-control-typo-clear);display:flex;align-items:center;border-radius:var(--control-input-radius);outline:var(--control-border-width) solid var(--container-border-color)}._xs_1cv22_36{--label-offset: var(--space-2xs);--caption-offset: var(--space-2xs);--input-height: var(--control-height-xs);--input-font-size: var(--control-text-size-xs);--input-space: calc(var(--control-space-xs) * .5)}._s_1cv22_44{--label-offset: var(--space-2xs);--caption-offset: var(--space-2xs);--input-height: var(--control-height-s);--input-font-size: var(--control-text-size-s);--input-space: calc(var(--control-space-s) * .5)}._m_1cv22_52{--label-offset: var(--space-xs);--caption-offset: var(--space-xs);--input-height: var(--space-4xl);--input-font-size: var(--control-text-size-m);--input-space: calc(var(--control-space-m) * .5)}._l_1cv22_15{--label-offset: var(--space-xs);--caption-offset: var(--space-xs);--input-height: var(--space-4xxl);--input-font-size: var(--control-text-size-2xl);--input-space: calc(var(--control-space-l) * .5)}._addonLeft_1cv22_68,._addonRight_1cv22_69{display:flex}._withAddonLeft_1cv22_73{padding-left:8px}._withAddonRight_1cv22_77{padding-right:8px}._input_1cv22_1{width:100%;color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--font-inter);letter-spacing:-.42px;background:none;border:none;outline:none;font-feature-settings:"zero"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "0.0.7",
+  "version": "0.0.8",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -28,6 +28,7 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^1.6.1",
     "@headlessui/react": "^2.1.2",
+    "@laynezh/vite-plugin-lib-assets": "^0.5.23",
     "@storybook/addon-essentials": "^8.1.11",
     "@storybook/addon-interactions": "^8.1.11",
     "@storybook/addon-links": "^8.1.11",

package/dist/assets/index.css

@@ -1,2 +0,0 @@
-._inputWrapper_w9lgy_1{display:inline-flex;flex-direction:column;width:100%;height:var(--input-height);padding:var(--input-space);background-color:var(--black-5);border-radius:6px}._label_w9lgy_11{margin-bottom:2px;color:var(--black-60);font-size:var(--size-text-s)}._label_w9lgy_11:first-letter{text-transform:uppercase}._inputBody_w9lgy_20{--caption-margin-left: calc(var(--input-space) + var(--control-border-width));--counter-button-icon-color: var(--color-control-typo-ghost);--counter-button-background: transparent;--counter-offset: 0;--clear-button-color: var(--color-control-typo-clear);display:flex;align-items:center;border-radius:var(--control-input-radius);outline:var(--control-border-width) solid var(--container-border-color)}._xs_w9lgy_32{--label-offset: var(--space-2xs);--caption-offset: var(--space-2xs);--input-height: var(--control-height-xs);--input-font-size: var(--control-text-size-xs);--input-space: calc(var(--control-space-xs) * .5)}._s_w9lgy_40{--label-offset: var(--space-2xs);--caption-offset: var(--space-2xs);--input-height: var(--control-height-s);--input-font-size: var(--control-text-size-s);--input-space: calc(var(--control-space-s) * .5)}._m_w9lgy_48{--label-offset: var(--space-xs);--caption-offset: var(--space-xs);--input-height: var(--space-4xl);--input-font-size: var(--control-text-size-m);--input-space: calc(var(--control-space-m) * .5)}._l_w9lgy_11{--label-offset: var(--space-xs);--caption-offset: var(--space-xs);--input-height: var(--space-4xxl);--input-font-size: var(--control-text-size-2xl);--input-space: calc(var(--control-space-l) * .5)}._addonLeft_w9lgy_64,._addonRight_w9lgy_65{display:flex}._withAddonLeft_w9lgy_69{padding-left:8px}._withAddonRight_w9lgy_73{padding-right:8px}._input_w9lgy_1{width:100%;color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--font-inter);letter-spacing:-.42px;background:none;border:none;outline:none;font-feature-settings:"zero"}
- 

package/dist/assets/scss/index.css

@@ -1 +0,0 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg: #fbe3e3;--disabled: #b3b3b3;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgb(255 255 255 / 40%);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--control-default: var(--sapphire-20);--control-hover: var(--sapphire-40);--control-selected: var(--sapphire-100);--control-disabled: var(--black-10);--font-inter: "Inter", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-weight-text-regular: 400;--font-weight-text-medium: 500;--font-weight-text-semibold: 600;--font-weight-text-bold: 700;--font-weight-text-extrabold: 800;--font-weight-text-black: 900;--size-text-xs2: 8px;--size-text-xs: 10px;--size-text-s: 12px;--size-text-m: 14px;--size-text-l: 16px;--size-text-xl: 20px;--size-text-xl2: 24px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xs: 1.1em;--line-height-text-s: 1.2em;--line-height-text-m: 1.3em;--line-height-text-l: 1.4em;--line-height-text-xl: 1.5em;--control-radius: 6px;--control-radius-l: 24px;--control-input-radius: 12px;--control-border-width: 1px;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-s: 12px;--space-m: 16px;--space-l: 20px;--space-xl: 24px;--space-2xl: 32px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-4xxl: 64px;--space-5xl: 72px;--space-6xl: 96px;--container-width-xs: 375px;--container-width-s: 767px;--container-width-m: 960px;--container-width-l: 1280px;--container-width-xl: 1440px;--container-width-xxl: 1920px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero"}body{font-family:Inter,sans-serif;font-variant-numeric:slashed-zero;background-color:var(--black-5);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;min-height:100%}