/* [next]/internal/font/google/bricolage_grotesque_44fd64d2.module.css [app-client] (css) */
@font-face {
  font-family: Bricolage Grotesque;
  font-style: normal;
  font-weight: 200 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/033400d475fad6b1-s.p.197tvtifbphtu.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Bricolage Grotesque;
  font-style: normal;
  font-weight: 200 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/26daee0352f50a5f-s.2e115y8-hourl.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Bricolage Grotesque;
  font-style: normal;
  font-weight: 200 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/017d9bea37084d9b-s.p.41rroleoq1br7.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Bricolage Grotesque Fallback;
  src: local(Arial);
  ascent-override: 88.21%;
  descent-override: 25.61%;
  line-gap-override: 0.0%;
  size-adjust: 105.43%;
}

.bricolage_grotesque_44fd64d2-module___7crRq__className {
  font-family: Bricolage Grotesque, Bricolage Grotesque Fallback;
  font-style: normal;
}

.bricolage_grotesque_44fd64d2-module___7crRq__variable {
  --font-brand: "Bricolage Grotesque", "Bricolage Grotesque Fallback";
}

/* [next]/internal/font/google/geist_mono_3ab45382.module.css [app-client] (css) */
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5ce348bf30bf5439-s.31988l_ccedte.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2") format("woff2");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7d817b4c03b0c5f1-s.p.1uyisp29ctx0d.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Mono Fallback;
  src: local(Arial);
  ascent-override: 74.67%;
  descent-override: 21.92%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.geist_mono_3ab45382-module__Zw3KfG__className {
  font-family: Geist Mono, Geist Mono Fallback;
  font-style: normal;
}

.geist_mono_3ab45382-module__Zw3KfG__variable {
  --font-geist-mono: "Geist Mono", "Geist Mono Fallback";
}

/* [next]/internal/font/google/inter_89373467.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.2bn3s6zvc0dyp.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_89373467-module__gBHmoq__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_89373467-module__gBHmoq__variable {
  --font-kf-sans: "Inter", "Inter Fallback";
}

/* [next]/internal/font/google/noto_serif_26b004fe.module.css [app-client] (css) */
@font-face {
  font-family: Noto Serif;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/d829ba9c72f21fd6-s.2-vp0022p7fyq.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Noto Serif;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/cf1514ba67088a5f-s.3z2z-25kqhk1o.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Noto Serif;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/142d1fb481f1ebcd-s.10g5ueymhy-4m.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Noto Serif;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/41900da7e74536d5-s.3xqx9yet3wew_.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Noto Serif;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/aeacf25a943e1f19-s.3iywbw035752i.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Noto Serif;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/5d3604dad620f8b2-s.38lyhzkn9ujp7.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Noto Serif;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/2b4499d915222007-s.1-tyf9-r4gru-.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Noto Serif;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/b4e85636e2ca4056-s.11bvk_b9f2jcg.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Noto Serif Fallback;
  src: local(Times New Roman);
  ascent-override: 90.29%;
  descent-override: 24.75%;
  line-gap-override: 0.0%;
  size-adjust: 118.4%;
}

.noto_serif_26b004fe-module__kTvpEa__className {
  font-family: Noto Serif, Noto Serif Fallback;
  font-style: normal;
}

.noto_serif_26b004fe-module__kTvpEa__variable {
  --font-kf-serif: "Noto Serif", "Noto Serif Fallback";
}

/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    :root, :host {
      --shimmer-angle: 20deg;
    }

    *, :before, :after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
      --scroll-fade-t: 0px;
      --scroll-fade-b: 0px;
      --scroll-fade-s: 0px;
      --scroll-fade-e: 0px;
      --scroll-fade-mask: initial;
      --shimmer-image: initial;
      --shimmer-text-fill: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: var(--font-bricolage);
    --color-red-50: #fff5f5;
    --color-red-100: #ffd9d9;
    --color-red-200: #ffb3b3;
    --color-red-300: #ff8d8d;
    --color-red-400: #ff6767;
    --color-red-500: #ff4141;
    --color-red-600: #cc3434;
    --color-red-700: #992727;
    --color-red-800: #661a1a;
    --color-red-900: #330d0d;
    --color-orange-50: #fff8f3;
    --color-orange-100: #ffe4d0;
    --color-orange-200: #ffc9a1;
    --color-orange-300: #ffad73;
    --color-orange-400: #ff9244;
    --color-orange-500: #ff7715;
    --color-orange-600: #cc5f11;
    --color-orange-700: #99470d;
    --color-orange-800: #663008;
    --color-orange-900: #331804;
    --color-orange-950: #441306;
    --color-amber-300: #ffd236;
    --color-amber-400: #fcbb00;
    --color-amber-500: #f99c00;
    --color-amber-600: #dd7400;
    --color-yellow-50: #fffdf4;
    --color-yellow-100: #fff8d4;
    --color-yellow-200: #fff2a8;
    --color-yellow-300: #ffeb7d;
    --color-yellow-400: #ffe551;
    --color-yellow-500: #ffde26;
    --color-yellow-600: #ccb21e;
    --color-yellow-700: #998517;
    --color-yellow-800: #66590f;
    --color-yellow-900: #332c08;
    --color-yellow-950: #432004;
    --color-green-50: #f3fbf7;
    --color-green-100: #d0eede;
    --color-green-200: #a2ddbd;
    --color-green-300: #73cd9b;
    --color-green-400: #45bc7a;
    --color-green-500: #16ab59;
    --color-green-600: #128947;
    --color-green-700: #0d6735;
    --color-green-800: #094424;
    --color-green-900: #042212;
    --color-emerald-50: #ecfdf5;
    --color-emerald-200: #a4f4cf;
    --color-emerald-300: #5ee9b5;
    --color-emerald-400: #00d294;
    --color-emerald-500: #00bb7f;
    --color-emerald-600: #009767;
    --color-emerald-700: #007956;
    --color-emerald-900: #004e3b;
    --color-emerald-950: #002c22;
    --color-cyan-50: #f9fdfe;
    --color-cyan-100: #e9f7fb;
    --color-cyan-200: #d3eff7;
    --color-cyan-300: #bde8f4;
    --color-cyan-400: #a7e0f0;
    --color-cyan-500: #91d8ec;
    --color-cyan-600: #74adbd;
    --color-cyan-700: #57828e;
    --color-cyan-800: #3a565e;
    --color-cyan-900: #1d2b2f;
    --color-sky-50: #f0f9ff;
    --color-sky-200: #b8e6fe;
    --color-sky-300: #77d4ff;
    --color-sky-500: #00a5ef;
    --color-sky-700: #0069a4;
    --color-sky-900: #024a70;
    --color-sky-950: #052f4a;
    --color-blue-50: #f5f6fe;
    --color-blue-100: #d6dcfc;
    --color-blue-200: #adbaf9;
    --color-blue-300: #8497f7;
    --color-blue-400: #5b75f4;
    --color-blue-500: #3252f1;
    --color-blue-600: #2842c1;
    --color-blue-700: #1e3191;
    --color-blue-800: #142160;
    --color-blue-900: #0a1030;
    --color-violet-50: #f5f3ff;
    --color-violet-200: #ddd6ff;
    --color-violet-300: #c4b4ff;
    --color-violet-500: #8d54ff;
    --color-violet-600: #7f22fe;
    --color-violet-700: #7008e7;
    --color-violet-900: #4d179a;
    --color-violet-950: #2f0d68;
    --color-purple-50: #f9f2ff;
    --color-purple-100: #e7ccff;
    --color-purple-200: #cf99ff;
    --color-purple-300: #b867ff;
    --color-purple-400: #a034ff;
    --color-purple-500: #8801ff;
    --color-purple-600: #6d01cc;
    --color-purple-700: #520199;
    --color-purple-800: #360066;
    --color-purple-900: #1b0033;
    --color-pink-50: #fef5fc;
    --color-pink-100: #fdd7f2;
    --color-pink-200: #fbb0e6;
    --color-pink-300: #f888d9;
    --color-pink-400: #f661cd;
    --color-pink-500: #f439c0;
    --color-pink-600: #c32e9a;
    --color-pink-700: #922273;
    --color-pink-800: #62174d;
    --color-pink-900: #310b26;
    --color-pink-950: #510424;
    --color-rose-600: #e70044;
    --color-gray-50: #f7f7f7;
    --color-gray-100: #efefef;
    --color-gray-200: #dbdbdb;
    --color-gray-300: #bfbfbf;
    --color-gray-400: #999;
    --color-gray-500: gray;
    --color-gray-600: #666;
    --color-gray-700: #444;
    --color-gray-800: #272727;
    --color-gray-900: #1a1a1a;
    --color-gray-950: #131313;
    --color-zinc-300: #d4d4d8;
    --color-zinc-400: #9f9fa9;
    --color-zinc-500: #71717b;
    --color-zinc-700: #3f3f46;
    --color-zinc-800: #27272a;
    --color-zinc-900: #18181b;
    --color-zinc-950: #09090b;
    --color-neutral-100: #f5f5f5;
    --color-neutral-200: #e5e5e5;
    --color-neutral-300: #d4d4d4;
    --color-neutral-400: #a1a1a1;
    --color-neutral-500: #737373;
    --color-neutral-700: #404040;
    --color-neutral-900: #171717;
    --color-neutral-950: #0a0a0a;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --text-xs: .75rem;
    --text-xs--line-height: 1.125rem;
    --text-sm: .875rem;
    --text-sm--line-height: 1.25rem;
    --text-base: 1rem;
    --text-base--line-height: 1.5rem;
    --text-lg: 1.125rem;
    --text-lg--line-height: 1.625rem;
    --text-xl: 1.25rem;
    --text-xl--line-height: 1.875rem;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: 2.25rem;
    --text-3xl: 1.75rem;
    --text-3xl--line-height: 2.625rem;
    --text-4xl: 2rem;
    --text-4xl--line-height: 3rem;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 20px;
    --radius-4xl: 32px;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-xs: 4px;
    --blur-2xl: 40px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-bricolage);
    --default-mono-font-family: var(--font-geist-mono);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-orange-950: lab(14.1747% 23.4515 19.4461);
      --color-amber-300: lab(86.4156% 6.13147 78.3961);
      --color-amber-400: lab(80.1641% 16.6016 99.2089);
      --color-amber-500: lab(72.7183% 31.8672 97.9407);
      --color-amber-600: lab(60.3514% 40.5624 87.1228);
      --color-yellow-950: lab(16.8146% 15.7422 23.1133);
      --color-emerald-50: lab(97.8462% -6.94966 1.85487);
      --color-emerald-200: lab(90.2247% -31.039 9.47084);
      --color-emerald-300: lab(83.9203% -48.7124 13.8849);
      --color-emerald-400: lab(75.0771% -60.7313 19.4147);
      --color-emerald-500: lab(66.9756% -58.27 19.5419);
      --color-emerald-600: lab(55.0481% -49.9246 15.93);
      --color-emerald-700: lab(44.4871% -41.0396 11.0361);
      --color-emerald-900: lab(28.8637% -26.9249 5.45986);
      --color-emerald-950: lab(15.0582% -17.9507 2.38369);
      --color-sky-50: lab(97.3623% -2.33802 -4.13098);
      --color-sky-200: lab(88.6983% -11.3978 -16.8488);
      --color-sky-300: lab(80.3307% -20.2945 -31.385);
      --color-sky-500: lab(63.3038% -18.433 -51.0407);
      --color-sky-700: lab(41.6013% -9.10804 -42.5647);
      --color-sky-900: lab(29.1959% -8.34689 -28.2453);
      --color-sky-950: lab(17.8299% -5.31271 -21.1584);
      --color-violet-50: lab(96.2416% 2.28849 -5.51657);
      --color-violet-200: lab(87.0888% 8.53688 -19.4189);
      --color-violet-300: lab(76.7419% 18.3911 -37.0706);
      --color-violet-500: lab(49.9355% 55.1776 -81.8963);
      --color-violet-600: lab(41.088% 68.9966 -91.995);
      --color-violet-700: lab(35.2783% 67.9912 -88.793);
      --color-violet-900: lab(24.3783% 45.7525 -61.4902);
      --color-violet-950: lab(14.0706% 33.3353 -46.7553);
      --color-pink-950: lab(15.6116% 35.2166 3.53979);
      --color-rose-600: lab(49.1882% 81.577 36.0311);
      --color-zinc-300: lab(84.9837% .601262 -2.17986);
      --color-zinc-400: lab(65.6464% 1.53497 -5.42429);
      --color-zinc-500: lab(47.8878% 1.65477 -5.77283);
      --color-zinc-700: lab(26.8019% 1.35387 -4.68303);
      --color-zinc-800: lab(15.7305% .613764 -2.16959);
      --color-zinc-900: lab(8.30603% .618205 -2.16572);
      --color-zinc-950: lab(2.51107% .242703 -.886115);
      --color-neutral-100: lab(96.52% -.0000298023 .0000119209);
      --color-neutral-200: lab(90.952% 0 -.0000119209);
      --color-neutral-300: lab(84.92% 0 -.0000119209);
      --color-neutral-400: lab(66.128% -.0000298023 .0000119209);
      --color-neutral-500: lab(48.496% 0 0);
      --color-neutral-700: lab(27.036% 0 0);
      --color-neutral-900: lab(7.78201% -.0000149012 0);
      --color-neutral-950: lab(2.75381% 0 0);
    }
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  * {
    accent-color: var(--control);
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
  }

  html {
    font-family: var(--font-bricolage);
  }
}

@layer components;

@layer utilities {
  .\@container\/card-header {
    container: card-header / inline-size;
  }

  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-x-\(--kf-note-pad\) {
    inset-inline: var(--kf-note-pad);
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .inset-y-0 {
    inset-block: 0;
  }

  .-top-0\.5 {
    top: calc(var(--spacing) * -.5);
  }

  .-top-1 {
    top: calc(var(--spacing) * -1);
  }

  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }

  .-top-2\.5 {
    top: calc(var(--spacing) * -2.5);
  }

  .-top-3\.5 {
    top: calc(var(--spacing) * -3.5);
  }

  .-top-9 {
    top: calc(var(--spacing) * -9);
  }

  .-top-px {
    top: -1px;
  }

  .top-0 {
    top: 0;
  }

  .top-0\.5 {
    top: calc(var(--spacing) * .5);
  }

  .top-1 {
    top: var(--spacing);
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-\[0\%\] {
    top: 0%;
  }

  .top-\[4\%\] {
    top: 4%;
  }

  .top-\[18\%\] {
    top: 18%;
  }

  .top-\[30px\] {
    top: 30px;
  }

  .top-\[49px\] {
    top: 49px;
  }

  .top-full {
    top: 100%;
  }

  .-right-0\.5 {
    right: calc(var(--spacing) * -.5);
  }

  .-right-1 {
    right: calc(var(--spacing) * -1);
  }

  .-right-1\.5 {
    right: calc(var(--spacing) * -1.5);
  }

  .-right-2 {
    right: calc(var(--spacing) * -2);
  }

  .-right-px {
    right: -1px;
  }

  .right-0 {
    right: 0;
  }

  .right-0\.5 {
    right: calc(var(--spacing) * .5);
  }

  .right-1 {
    right: var(--spacing);
  }

  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-\[8\%\] {
    right: 8%;
  }

  .right-\[16\%\] {
    right: 16%;
  }

  .right-\[32\%\] {
    right: 32%;
  }

  .-bottom-1\.5 {
    bottom: calc(var(--spacing) * -1.5);
  }

  .bottom-0 {
    bottom: 0;
  }

  .bottom-0\.5 {
    bottom: calc(var(--spacing) * .5);
  }

  .bottom-1 {
    bottom: var(--spacing);
  }

  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }

  .bottom-14 {
    bottom: calc(var(--spacing) * 14);
  }

  .bottom-\[2\%\] {
    bottom: 2%;
  }

  .bottom-\[3\%\] {
    bottom: 3%;
  }

  .bottom-\[12\%\] {
    bottom: 12%;
  }

  .bottom-full {
    bottom: 100%;
  }

  .-left-1 {
    left: calc(var(--spacing) * -1);
  }

  .-left-1\.5 {
    left: calc(var(--spacing) * -1.5);
  }

  .-left-2 {
    left: calc(var(--spacing) * -2);
  }

  .-left-\[3000px\] {
    left: -3000px;
  }

  .-left-\[9999px\] {
    left: -9999px;
  }

  .-left-\[20000px\] {
    left: -20000px;
  }

  .-left-px {
    left: -1px;
  }

  .left-0 {
    left: 0;
  }

  .left-1 {
    left: var(--spacing);
  }

  .left-1\.5 {
    left: calc(var(--spacing) * 1.5);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-5 {
    left: calc(var(--spacing) * 5);
  }

  .left-6 {
    left: calc(var(--spacing) * 6);
  }

  .left-7 {
    left: calc(var(--spacing) * 7);
  }

  .left-\[5\%\] {
    left: 5%;
  }

  .left-\[12\%\] {
    left: 12%;
  }

  .isolate {
    isolation: isolate;
  }

  .z-0 {
    z-index: 0;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .z-45 {
    z-index: 45;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .z-\[60\] {
    z-index: 60;
  }

  .z-\[100\] {
    z-index: 100;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-7 {
    grid-column: span 7 / span 7;
  }

  .col-span-8 {
    grid-column: span 8 / span 8;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .-m-1 {
    margin: calc(var(--spacing) * -1);
  }

  .-m-2 {
    margin: calc(var(--spacing) * -2);
  }

  .m-0 {
    margin: 0;
  }

  .m-auto {
    margin: auto;
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .-mx-1\.5 {
    margin-inline: calc(var(--spacing) * -1.5);
  }

  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }

  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }

  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * .5);
  }

  .mx-1 {
    margin-inline: var(--spacing);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .-my-0\.5 {
    margin-block: calc(var(--spacing) * -.5);
  }

  .my-1 {
    margin-block: var(--spacing);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .my-auto {
    margin-block: auto;
  }

  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }

  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mt-px {
    margin-top: 1px;
  }

  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }

  .mr-0\.5 {
    margin-right: calc(var(--spacing) * .5);
  }

  .mr-1 {
    margin-right: var(--spacing);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-auto {
    margin-right: auto;
  }

  .-mb-4 {
    margin-bottom: calc(var(--spacing) * -4);
  }

  .-mb-px {
    margin-bottom: -1px;
  }

  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .mb-1 {
    margin-bottom: var(--spacing);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }

  .-ml-1\.5 {
    margin-left: calc(var(--spacing) * -1.5);
  }

  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }

  .ml-0\.5 {
    margin-left: calc(var(--spacing) * .5);
  }

  .ml-1 {
    margin-left: var(--spacing);
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }

  .ml-12 {
    margin-left: calc(var(--spacing) * 12);
  }

  .ml-auto {
    margin-left: auto;
  }

  .box-content {
    box-sizing: content-box;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-4 {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .\!flex {
    display: flex !important;
  }

  .\!grid {
    display: grid !important;
  }

  .\!hidden {
    display: none !important;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-flex {
    display: inline-flex;
  }

  .list-item {
    display: list-item;
  }

  .table {
    display: table;
  }

  .table-cell {
    display: table-cell;
  }

  .table-row {
    display: table-row;
  }

  .\[field-sizing\:content\], .field-sizing-content {
    field-sizing: content;
  }

  .aspect-\[2\/3\] {
    aspect-ratio: 2 / 3;
  }

  .aspect-\[3\/4\] {
    aspect-ratio: 3 / 4;
  }

  .aspect-\[4\/1\] {
    aspect-ratio: 4;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .\!size-2 {
    width: calc(var(--spacing) * 2) !important;
    height: calc(var(--spacing) * 2) !important;
  }

  .size-1 {
    width: var(--spacing);
    height: var(--spacing);
  }

  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }

  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  .size-17 {
    width: calc(var(--spacing) * 17);
    height: calc(var(--spacing) * 17);
  }

  .size-28 {
    width: calc(var(--spacing) * 28);
    height: calc(var(--spacing) * 28);
  }

  .size-44 {
    width: calc(var(--spacing) * 44);
    height: calc(var(--spacing) * 44);
  }

  .size-64 {
    width: calc(var(--spacing) * 64);
    height: calc(var(--spacing) * 64);
  }

  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }

  .size-\[70\%\] {
    width: 70%;
    height: 70%;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-1 {
    height: var(--spacing);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-28 {
    height: calc(var(--spacing) * 28);
  }

  .h-36 {
    height: calc(var(--spacing) * 36);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-44 {
    height: calc(var(--spacing) * 44);
  }

  .h-72 {
    height: calc(var(--spacing) * 72);
  }

  .h-\[3px\] {
    height: 3px;
  }

  .h-\[18\%\] {
    height: 18%;
  }

  .h-\[50vh\] {
    height: 50vh;
  }

  .h-\[80vh\] {
    height: 80vh;
  }

  .h-\[90px\] {
    height: 90px;
  }

  .h-\[100dvh\] {
    height: 100dvh;
  }

  .h-\[104px\] {
    height: 104px;
  }

  .h-\[106px\] {
    height: 106px;
  }

  .h-\[124px\] {
    height: 124px;
  }

  .h-\[calc\(100\%-0\.375rem\)\] {
    height: calc(100% - .375rem);
  }

  .h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }

  .h-\[min\(600px\,calc\(100dvh-9rem\)\)\] {
    height: min(600px, 100dvh - 9rem);
  }

  .h-auto {
    height: auto;
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-fit {
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-\(--available-height\) {
    max-height: var(--available-height);
  }

  .max-h-28 {
    max-height: calc(var(--spacing) * 28);
  }

  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }

  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }

  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }

  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }

  .max-h-\[3lh\] {
    max-height: 3lh;
  }

  .max-h-\[50vh\] {
    max-height: 50vh;
  }

  .max-h-\[60\%\] {
    max-height: 60%;
  }

  .max-h-\[60vh\] {
    max-height: 60vh;
  }

  .max-h-\[65vh\] {
    max-height: 65vh;
  }

  .max-h-\[72vh\] {
    max-height: 72vh;
  }

  .max-h-\[80vh\] {
    max-height: 80vh;
  }

  .max-h-\[85dvh\] {
    max-height: 85dvh;
  }

  .max-h-\[85vh\] {
    max-height: 85vh;
  }

  .max-h-\[88vh\] {
    max-height: 88vh;
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .max-h-\[92vh\] {
    max-height: 92vh;
  }

  .max-h-\[95vh\] {
    max-height: 95vh;
  }

  .max-h-\[480px\] {
    max-height: 480px;
  }

  .max-h-\[520px\] {
    max-height: 520px;
  }

  .max-h-\[calc\(100\%-1\.5rem\)\] {
    max-height: calc(100% - 1.5rem);
  }

  .max-h-\[min\(28rem\,60vh\)\] {
    max-height: min(28rem, 60vh);
  }

  .max-h-\[min\(30rem\,60vh\)\] {
    max-height: min(30rem, 60vh);
  }

  .max-h-full {
    max-height: 100%;
  }

  .max-h-none {
    max-height: none;
  }

  .min-h-0 {
    min-height: 0;
  }

  .min-h-0\.5 {
    min-height: calc(var(--spacing) * .5);
  }

  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }

  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }

  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }

  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }

  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }

  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }

  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }

  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }

  .min-h-72 {
    min-height: calc(var(--spacing) * 72);
  }

  .min-h-\[45px\] {
    min-height: 45px;
  }

  .min-h-\[200px\] {
    min-height: 200px;
  }

  .min-h-\[220px\] {
    min-height: 220px;
  }

  .min-h-dvh {
    min-height: 100dvh;
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-\(--anchor-width\) {
    width: var(--anchor-width);
  }

  .w-0\.5 {
    width: calc(var(--spacing) * .5);
  }

  .w-1 {
    width: var(--spacing);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-1\/3 {
    width: 33.3333%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-36 {
    width: calc(var(--spacing) * 36);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-52 {
    width: calc(var(--spacing) * 52);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-60 {
    width: calc(var(--spacing) * 60);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-96 {
    width: calc(var(--spacing) * 96);
  }

  .w-\[34\%\] {
    width: 34%;
  }

  .w-\[196px\] {
    width: 196px;
  }

  .w-\[300px\] {
    width: 300px;
  }

  .w-\[600px\] {
    width: 600px;
  }

  .w-\[calc\(100\%\+0\.5rem\)\] {
    width: calc(100% + .5rem);
  }

  .w-\[min\(18rem\,90vw\)\] {
    width: min(18rem, 90vw);
  }

  .w-\[min\(22rem\,94vw\)\] {
    width: min(22rem, 94vw);
  }

  .w-\[min\(22rem\,calc\(100vw-1rem\)\)\] {
    width: min(22rem, 100vw - 1rem);
  }

  .w-\[min\(26rem\,90vw\)\] {
    width: min(26rem, 90vw);
  }

  .w-\[min\(34rem\,94vw\)\] {
    width: min(34rem, 94vw);
  }

  .w-\[min\(40rem\,calc\(100vw-2rem\)\)\] {
    width: min(40rem, 100vw - 2rem);
  }

  .w-\[min\(92vw\,560px\)\] {
    width: min(92vw, 560px);
  }

  .w-\[min\(360px\,calc\(100\%-1\.5rem\)\)\] {
    width: min(360px, 100% - 1.5rem);
  }

  .w-\[min\(400px\,calc\(100\%-16px\)\)\] {
    width: min(400px, 100% - 16px);
  }

  .w-\[min\(420px\,calc\(100\%-1\.5rem\)\)\] {
    width: min(420px, 100% - 1.5rem);
  }

  .w-\[min\(460px\,calc\(100\%-1\.5rem\)\)\] {
    width: min(460px, 100% - 1.5rem);
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .max-w-0 {
    max-width: 0;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-15 {
    max-width: calc(var(--spacing) * 15);
  }

  .max-w-28 {
    max-width: calc(var(--spacing) * 28);
  }

  .max-w-32 {
    max-width: calc(var(--spacing) * 32);
  }

  .max-w-36 {
    max-width: calc(var(--spacing) * 36);
  }

  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }

  .max-w-44 {
    max-width: calc(var(--spacing) * 44);
  }

  .max-w-48 {
    max-width: calc(var(--spacing) * 48);
  }

  .max-w-52 {
    max-width: calc(var(--spacing) * 52);
  }

  .max-w-56 {
    max-width: calc(var(--spacing) * 56);
  }

  .max-w-60 {
    max-width: calc(var(--spacing) * 60);
  }

  .max-w-64 {
    max-width: calc(var(--spacing) * 64);
  }

  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }

  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }

  .max-w-96 {
    max-width: calc(var(--spacing) * 96);
  }

  .max-w-\[14rem\] {
    max-width: 14rem;
  }

  .max-w-\[16rem\] {
    max-width: 16rem;
  }

  .max-w-\[50\%\] {
    max-width: 50%;
  }

  .max-w-\[70\%\] {
    max-width: 70%;
  }

  .max-w-\[75\%\] {
    max-width: 75%;
  }

  .max-w-\[85\%\] {
    max-width: 85%;
  }

  .max-w-\[90\%\] {
    max-width: 90%;
  }

  .max-w-\[92\%\] {
    max-width: 92%;
  }

  .max-w-\[360px\] {
    max-width: 360px;
  }

  .max-w-\[450px\] {
    max-width: 450px;
  }

  .max-w-\[808px\] {
    max-width: 808px;
  }

  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }

  .max-w-\[calc\(100vw-1rem\)\] {
    max-width: calc(100vw - 1rem);
  }

  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }

  .max-w-\[min\(32rem\,60vw\)\] {
    max-width: min(32rem, 60vw);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-screen {
    max-width: 100vw;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-\(--anchor-width\) {
    min-width: var(--anchor-width);
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-0\.5 {
    min-width: calc(var(--spacing) * .5);
  }

  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }

  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }

  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }

  .min-w-12 {
    min-width: calc(var(--spacing) * 12);
  }

  .min-w-14 {
    min-width: calc(var(--spacing) * 14);
  }

  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }

  .min-w-20 {
    min-width: calc(var(--spacing) * 20);
  }

  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }

  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }

  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }

  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }

  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }

  .min-w-56 {
    min-width: calc(var(--spacing) * 56);
  }

  .min-w-72 {
    min-width: calc(var(--spacing) * 72);
  }

  .min-w-\[96px\] {
    min-width: 96px;
  }

  .flex-1 {
    flex: 1;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow, .grow {
    flex-grow: 1;
  }

  .basis-full {
    flex-basis: 100%;
  }

  .table-fixed {
    table-layout: fixed;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .border-separate {
    border-collapse: separate;
  }

  .border-spacing-0 {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .origin-\(--transform-origin\) {
    transform-origin: var(--transform-origin);
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(-50\%-2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-3d {
    scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);
  }

  .-rotate-45 {
    rotate: -45deg;
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .rotate-2 {
    rotate: 2deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .\[animation\:kf-indeterminate_1\.4s_ease-in-out_infinite\] {
    animation: 1.4s ease-in-out infinite kf-indeterminate;
  }

  .animate-in {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-col-resize {
    cursor: col-resize;
  }

  .cursor-crosshair {
    cursor: crosshair;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-move {
    cursor: move;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-nwse-resize {
    cursor: nwse-resize;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-se-resize {
    cursor: se-resize;
  }

  .cursor-text {
    cursor: text;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .scroll-my-1 {
    scroll-margin-block: var(--spacing);
  }

  .scroll-mt-4 {
    scroll-margin-top: calc(var(--spacing) * 4);
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

  .\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .appearance-none {
    appearance: none;
  }

  .columns-2 {
    columns: 2;
  }

  .columns-3 {
    columns: 3;
  }

  .columns-4 {
    columns: 4;
  }

  .auto-rows-max {
    grid-auto-rows: max-content;
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .grid-cols-\[6rem_1fr\] {
    grid-template-columns: 6rem 1fr;
  }

  .grid-cols-\[8rem_1fr\] {
    grid-template-columns: 8rem 1fr;
  }

  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }

  .grid-cols-\[minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-cols-\[repeat\(auto-fill\,minmax\(180px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }

  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }

  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-items-center {
    place-items: center;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-\(--card-spacing\) {
    gap: var(--card-spacing);
  }

  .gap-0 {
    gap: 0;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-\[2px\] {
    gap: 2px;
  }

  .gap-\[12\%\] {
    gap: 12%;
  }

  .gap-px {
    gap: 1px;
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  .gap-y-1 {
    row-gap: var(--spacing);
  }

  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  .self-center {
    align-self: center;
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .justify-self-center {
    justify-self: center;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-4xl {
    border-radius: var(--radius-4xl);
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[32px\] {
    border-radius: 32px;
  }

  .rounded-\[36px\] {
    border-radius: 36px;
  }

  .rounded-\[44px\] {
    border-radius: 44px;
  }

  .rounded-\[50\%\] {
    border-radius: 50%;
  }

  .rounded-\[min\(var\(--radius-md\)\,8px\)\] {
    border-radius: min(var(--radius-md), 8px);
  }

  .rounded-\[min\(var\(--radius-md\)\,10px\)\] {
    border-radius: min(var(--radius-md), 10px);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }

  .rounded-t-sm {
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
  }

  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }

  .rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

  .rounded-bl-\[3px\] {
    border-bottom-left-radius: 3px;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-4 {
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-amber-400\/70 {
    border-color: #fcbb00b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-400\/70 {
      border-color: color-mix(in oklab, var(--color-amber-400) 70%, transparent);
    }
  }

  .border-amber-500\/40 {
    border-color: #f99c0066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/40 {
      border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
    }
  }

  .border-background {
    border-color: var(--background);
  }

  .border-background\/20 {
    border-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-background\/20 {
      border-color: color-mix(in oklab, var(--background) 20%, transparent);
    }
  }

  .border-black\/10 {
    border-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .border-black\/45 {
    border-color: #00000073;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/45 {
      border-color: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
  }

  .border-border {
    border-color: var(--border);
  }

  .border-border-strong {
    border-color: var(--border-strong);
  }

  .border-card {
    border-color: var(--card);
  }

  .border-control {
    border-color: var(--control);
  }

  .border-destructive {
    border-color: var(--destructive);
  }

  .border-destructive-border {
    border-color: var(--destructive-border);
  }

  .border-destructive\/40 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/40 {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .border-destructive\/50 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/50 {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .border-destructive\/60 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/60 {
      border-color: color-mix(in oklab, var(--destructive) 60%, transparent);
    }
  }

  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }

  .border-foreground {
    border-color: var(--foreground);
  }

  .border-foreground\/20 {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-foreground\/20 {
      border-color: color-mix(in oklab, var(--foreground) 20%, transparent);
    }
  }

  .border-foreground\/25 {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-foreground\/25 {
      border-color: color-mix(in oklab, var(--foreground) 25%, transparent);
    }
  }

  .border-foreground\/30 {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-foreground\/30 {
      border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
    }
  }

  .border-foreground\/40 {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-foreground\/40 {
      border-color: color-mix(in oklab, var(--foreground) 40%, transparent);
    }
  }

  .border-input {
    border-color: var(--input);
  }

  .border-muted-foreground\/30 {
    border-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-muted-foreground\/30 {
      border-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
    }
  }

  .border-muted-foreground\/40 {
    border-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-muted-foreground\/40 {
      border-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
    }
  }

  .border-muted-foreground\/50 {
    border-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-muted-foreground\/50 {
      border-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .border-neutral-500 {
    border-color: var(--color-neutral-500);
  }

  .border-neutral-700 {
    border-color: var(--color-neutral-700);
  }

  .border-orange-200 {
    border-color: var(--color-orange-200);
  }

  .border-pink-200 {
    border-color: var(--color-pink-200);
  }

  .border-primary {
    border-color: var(--primary);
  }

  .border-primary-foreground\/20 {
    border-color: var(--primary-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary-foreground\/20 {
      border-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent);
    }
  }

  .border-primary\/30 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/30 {
      border-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .border-primary\/40 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/40 {
      border-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .border-primary\/50 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/50 {
      border-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  .border-sky-200 {
    border-color: var(--color-sky-200);
  }

  .border-success {
    border-color: var(--success);
  }

  .border-success\/30 {
    border-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/30 {
      border-color: color-mix(in oklab, var(--success) 30%, transparent);
    }
  }

  .border-theme-500\/70 {
    border-color: var(--theme-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-theme-500\/70 {
      border-color: color-mix(in oklab, var(--theme-500) 70%, transparent);
    }
  }

  .border-theme-border {
    border-color: var(--theme-border);
  }

  .border-theme-icon {
    border-color: var(--theme-icon);
  }

  .border-theme-icon\/40 {
    border-color: var(--theme-icon);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-theme-icon\/40 {
      border-color: color-mix(in oklab, var(--theme-icon) 40%, transparent);
    }
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-violet-200 {
    border-color: var(--color-violet-200);
  }

  .border-warning {
    border-color: var(--warning);
  }

  .border-warning-border {
    border-color: var(--warning-border);
  }

  .border-warning\/40 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/40 {
      border-color: color-mix(in oklab, var(--warning) 40%, transparent);
    }
  }

  .border-white {
    border-color: var(--color-white);
  }

  .border-white\/10 {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .border-white\/15 {
    border-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/15 {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .border-white\/20 {
    border-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .border-white\/25 {
    border-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/25 {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .border-yellow-200 {
    border-color: var(--color-yellow-200);
  }

  .border-t-primary\/60 {
    border-top-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-t-primary\/60 {
      border-top-color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }

  .border-b-card {
    border-bottom-color: var(--card);
  }

  .kit-checker {
    background-color: var(--card);
    background-image: conic-gradient(var(--muted) 25%, transparent 0 50%, var(--muted) 0 75%, transparent 0);
    background-size: 16px 16px;
  }

  .\!bg-muted-foreground {
    background-color: var(--muted-foreground) !important;
  }

  .\!bg-theme-icon {
    background-color: var(--theme-icon) !important;
  }

  .bg-\[\#272727\] {
    background-color: #272727;
  }

  .bg-accent {
    background-color: var(--accent);
  }

  .bg-amber-300\/40 {
    background-color: #ffd23666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/40 {
      background-color: color-mix(in oklab, var(--color-amber-300) 40%, transparent);
    }
  }

  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }

  .bg-background {
    background-color: var(--background);
  }

  .bg-background\/70 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/70 {
      background-color: color-mix(in oklab, var(--background) 70%, transparent);
    }
  }

  .bg-background\/90 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/90 {
      background-color: color-mix(in oklab, var(--background) 90%, transparent);
    }
  }

  .bg-background\/95 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/95 {
      background-color: color-mix(in oklab, var(--background) 95%, transparent);
    }
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/10 {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/10 {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .bg-black\/25 {
    background-color: #00000040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/25 {
      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }

  .bg-black\/40 {
    background-color: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/40 {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-black\/60 {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .bg-black\/65 {
    background-color: #000000a6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/65 {
      background-color: color-mix(in oklab, var(--color-black) 65%, transparent);
    }
  }

  .bg-black\/70 {
    background-color: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/70 {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .bg-blue-500\/15 {
    background-color: #3252f126;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/15 {
      background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent);
    }
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-border {
    background-color: var(--border);
  }

  .bg-border-strong {
    background-color: var(--border-strong);
  }

  .bg-card {
    background-color: var(--card);
  }

  .bg-card\/55 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/55 {
      background-color: color-mix(in oklab, var(--card) 55%, transparent);
    }
  }

  .bg-card\/90 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/90 {
      background-color: color-mix(in oklab, var(--card) 90%, transparent);
    }
  }

  .bg-card\/95 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/95 {
      background-color: color-mix(in oklab, var(--card) 95%, transparent);
    }
  }

  .bg-control {
    background-color: var(--control);
  }

  .bg-cyan-500 {
    background-color: var(--color-cyan-500);
  }

  .bg-destructive {
    background-color: var(--destructive);
  }

  .bg-destructive-subtle {
    background-color: var(--destructive-subtle);
  }

  .bg-destructive\/5 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/5 {
      background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
    }
  }

  .bg-destructive\/10 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/10 {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .bg-destructive\/15 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/15 {
      background-color: color-mix(in oklab, var(--destructive) 15%, transparent);
    }
  }

  .bg-destructive\/20 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/20 {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .bg-destructive\/30 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/30 {
      background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
    }
  }

  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }

  .bg-emerald-300 {
    background-color: var(--color-emerald-300);
  }

  .bg-emerald-500\/10 {
    background-color: #00bb7f1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/10 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }

  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }

  .bg-foreground {
    background-color: var(--foreground);
  }

  .bg-foreground\/5 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/5 {
      background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
    }
  }

  .bg-foreground\/10 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/10 {
      background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .bg-foreground\/12 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/12 {
      background-color: color-mix(in oklab, var(--foreground) 12%, transparent);
    }
  }

  .bg-foreground\/15 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/15 {
      background-color: color-mix(in oklab, var(--foreground) 15%, transparent);
    }
  }

  .bg-foreground\/45 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/45 {
      background-color: color-mix(in oklab, var(--foreground) 45%, transparent);
    }
  }

  .bg-muted {
    background-color: var(--muted);
  }

  .bg-muted-foreground {
    background-color: var(--muted-foreground);
  }

  .bg-muted-foreground\/20 {
    background-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted-foreground\/20 {
      background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
    }
  }

  .bg-muted-foreground\/30 {
    background-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted-foreground\/30 {
      background-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
    }
  }

  .bg-muted\/30 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/30 {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }

  .bg-muted\/40 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/40 {
      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }

  .bg-muted\/50 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/50 {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .bg-muted\/60 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/60 {
      background-color: color-mix(in oklab, var(--muted) 60%, transparent);
    }
  }

  .bg-muted\/70 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/70 {
      background-color: color-mix(in oklab, var(--muted) 70%, transparent);
    }
  }

  .bg-neutral-100 {
    background-color: var(--color-neutral-100);
  }

  .bg-neutral-200\/60 {
    background-color: #e5e5e599;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-200\/60 {
      background-color: color-mix(in oklab, var(--color-neutral-200) 60%, transparent);
    }
  }

  .bg-neutral-300 {
    background-color: var(--color-neutral-300);
  }

  .bg-neutral-400 {
    background-color: var(--color-neutral-400);
  }

  .bg-neutral-500 {
    background-color: var(--color-neutral-500);
  }

  .bg-neutral-700 {
    background-color: var(--color-neutral-700);
  }

  .bg-neutral-900 {
    background-color: var(--color-neutral-900);
  }

  .bg-neutral-950 {
    background-color: var(--color-neutral-950);
  }

  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }

  .bg-orange-300 {
    background-color: var(--color-orange-300);
  }

  .bg-overlay {
    background-color: var(--overlay);
  }

  .bg-pink-50 {
    background-color: var(--color-pink-50);
  }

  .bg-pink-300 {
    background-color: var(--color-pink-300);
  }

  .bg-popover {
    background-color: var(--popover);
  }

  .bg-primary {
    background-color: var(--primary);
  }

  .bg-primary\/5 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/5 {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .bg-primary\/10 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .bg-primary\/15 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/15 {
      background-color: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }

  .bg-primary\/70 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/70 {
      background-color: color-mix(in oklab, var(--primary) 70%, transparent);
    }
  }

  .bg-primary\/80 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/80 {
      background-color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }

  .bg-purple-500 {
    background-color: var(--color-purple-500);
  }

  .bg-red-500 {
    background-color: var(--color-red-500);
  }

  .bg-red-600 {
    background-color: var(--color-red-600);
  }

  .bg-secondary {
    background-color: var(--secondary);
  }

  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }

  .bg-sky-300 {
    background-color: var(--color-sky-300);
  }

  .bg-sky-500 {
    background-color: var(--color-sky-500);
  }

  .bg-success {
    background-color: var(--success);
  }

  .bg-success-subtle {
    background-color: var(--success-subtle);
  }

  .bg-success\/10 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/10 {
      background-color: color-mix(in oklab, var(--success) 10%, transparent);
    }
  }

  .bg-success\/80 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/80 {
      background-color: color-mix(in oklab, var(--success) 80%, transparent);
    }
  }

  .bg-theme-500 {
    background-color: var(--theme-500);
  }

  .bg-theme-500\/15 {
    background-color: var(--theme-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-theme-500\/15 {
      background-color: color-mix(in oklab, var(--theme-500) 15%, transparent);
    }
  }

  .bg-theme-icon {
    background-color: var(--theme-icon);
  }

  .bg-theme-icon\/10 {
    background-color: var(--theme-icon);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-theme-icon\/10 {
      background-color: color-mix(in oklab, var(--theme-icon) 10%, transparent);
    }
  }

  .bg-theme-icon\/20 {
    background-color: var(--theme-icon);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-theme-icon\/20 {
      background-color: color-mix(in oklab, var(--theme-icon) 20%, transparent);
    }
  }

  .bg-theme-muted {
    background-color: var(--theme-muted);
  }

  .bg-theme-subtle {
    background-color: var(--theme-subtle);
  }

  .bg-theme-subtle\/60 {
    background-color: var(--theme-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-theme-subtle\/60 {
      background-color: color-mix(in oklab, var(--theme-subtle) 60%, transparent);
    }
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-violet-50 {
    background-color: var(--color-violet-50);
  }

  .bg-violet-300 {
    background-color: var(--color-violet-300);
  }

  .bg-violet-500\/15 {
    background-color: #8d54ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-500\/15 {
      background-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent);
    }
  }

  .bg-violet-600 {
    background-color: var(--color-violet-600);
  }

  .bg-warning {
    background-color: var(--warning);
  }

  .bg-warning-subtle {
    background-color: var(--warning-subtle);
  }

  .bg-warning-subtle\/40 {
    background-color: var(--warning-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-subtle\/40 {
      background-color: color-mix(in oklab, var(--warning-subtle) 40%, transparent);
    }
  }

  .bg-warning\/10 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/10 {
      background-color: color-mix(in oklab, var(--warning) 10%, transparent);
    }
  }

  .bg-warning\/20 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/20 {
      background-color: color-mix(in oklab, var(--warning) 20%, transparent);
    }
  }

  .bg-warning\/30 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/30 {
      background-color: color-mix(in oklab, var(--warning) 30%, transparent);
    }
  }

  .bg-warning\/80 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/80 {
      background-color: color-mix(in oklab, var(--warning) 80%, transparent);
    }
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/5 {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .bg-white\/15 {
    background-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15 {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .bg-white\/25 {
    background-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/25 {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .bg-yellow-50 {
    background-color: var(--color-yellow-50);
  }

  .bg-yellow-300 {
    background-color: var(--color-yellow-300);
  }

  .bg-zinc-500\/15 {
    background-color: #71717b26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-zinc-500\/15 {
      background-color: color-mix(in oklab, var(--color-zinc-500) 15%, transparent);
    }
  }

  .bg-zinc-800 {
    background-color: var(--color-zinc-800);
  }

  .bg-zinc-900 {
    background-color: var(--color-zinc-900);
  }

  .bg-zinc-950 {
    background-color: var(--color-zinc-950);
  }

  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-upgrade {
    background-image: var(--gradient-upgrade);
  }

  .from-black\/70 {
    --tw-gradient-from: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/70 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .from-black\/70 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .\[mask-image\:linear-gradient\(to_bottom\,transparent\,black_1\.25rem\)\] {
    -webkit-mask-image: linear-gradient(#0000, #000 1.25rem);
    mask-image: linear-gradient(#0000, #000 1.25rem);
  }

  .bg-clip-padding {
    background-clip: padding-box;
  }

  .fill-amber-400 {
    fill: var(--color-amber-400);
  }

  .fill-current {
    fill: currentColor;
  }

  .fill-destructive {
    fill: var(--destructive);
  }

  .fill-foreground {
    fill: var(--foreground);
  }

  .fill-muted-foreground\/30 {
    fill: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .fill-muted-foreground\/30 {
      fill: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
    }
  }

  .fill-warning {
    fill: var(--warning);
  }

  .fill-white {
    fill: var(--color-white);
  }

  .stroke-muted {
    stroke: var(--muted);
  }

  .stroke-primary {
    stroke: var(--primary);
  }

  .stroke-theme-border {
    stroke: var(--theme-border);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-\(--card-spacing\) {
    padding: var(--card-spacing);
  }

  .p-0 {
    padding: 0;
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: var(--spacing);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .px-\(--card-spacing\) {
    padding-inline: var(--card-spacing);
  }

  .px-\(--kf-note-pad\) {
    padding-inline: var(--kf-note-pad);
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-\[6\%\] {
    padding-inline: 6%;
  }

  .py-\(--card-spacing\) {
    padding-block: var(--card-spacing);
  }

  .py-0 {
    padding-block: 0;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-\[5px\] {
    padding-block: 5px;
  }

  .py-\[7px\] {
    padding-block: 7px;
  }

  .py-\[17px\] {
    padding-block: 17px;
  }

  .py-px {
    padding-block: 1px;
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-1 {
    padding-top: var(--spacing);
  }

  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }

  .pt-\[3px\] {
    padding-top: 3px;
  }

  .pr-1 {
    padding-right: var(--spacing);
  }

  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }

  .pr-11 {
    padding-right: calc(var(--spacing) * 11);
  }

  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }

  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * .5);
  }

  .pb-1 {
    padding-bottom: var(--spacing);
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }

  .pb-\[18vh\] {
    padding-bottom: 18vh;
  }

  .pl-0\.5 {
    padding-left: calc(var(--spacing) * .5);
  }

  .pl-1 {
    padding-left: var(--spacing);
  }

  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }

  .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }

  .text-center {
    text-align: center;
  }

  .text-end {
    text-align: end;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .text-start {
    text-align: start;
  }

  .align-\[-2px\] {
    vertical-align: -2px;
  }

  .align-\[-3px\] {
    vertical-align: -3px;
  }

  .align-top {
    vertical-align: top;
  }

  .font-heading {
    font-family: var(--font-bricolage);
  }

  .font-mono {
    font-family: var(--font-geist-mono);
  }

  .font-sans {
    font-family: var(--font-bricolage);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-8xl {
    font-size: var(--text-8xl);
    line-height: var(--tw-leading, var(--text-8xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-base\! {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.85em\] {
    font-size: .85em;
  }

  .text-\[0\.8125rem\] {
    font-size: .8125rem;
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .text-clip {
    text-overflow: clip;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre {
    white-space: pre;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[\#1a1a1a\] {
    color: #1a1a1a;
  }

  .text-\[\#f7f7f7\] {
    color: #f7f7f7;
  }

  .text-\[var\(--theme-on-solid\)\] {
    color: var(--theme-on-solid);
  }

  .text-accent-foreground {
    color: var(--accent-foreground);
  }

  .text-amber-300 {
    color: var(--color-amber-300);
  }

  .text-amber-400 {
    color: var(--color-amber-400);
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-background {
    color: var(--background);
  }

  .text-black {
    color: var(--color-black);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-card-foreground {
    color: var(--card-foreground);
  }

  .text-control-foreground {
    color: var(--control-foreground);
  }

  .text-destructive {
    color: var(--destructive);
  }

  .text-emerald-400 {
    color: var(--color-emerald-400);
  }

  .text-emerald-600 {
    color: var(--color-emerald-600);
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-faint-foreground {
    color: var(--faint-foreground);
  }

  .text-foreground {
    color: var(--foreground);
  }

  .text-foreground\/60 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/60 {
      color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }

  .text-foreground\/80 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/80 {
      color: color-mix(in oklab, var(--foreground) 80%, transparent);
    }
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-muted {
    color: var(--muted);
  }

  .text-muted-foreground {
    color: var(--muted-foreground);
  }

  .text-muted-foreground\/50 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/50 {
      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .text-muted-foreground\/60 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/60 {
      color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
    }
  }

  .text-muted-foreground\/70 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/70 {
      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
  }

  .text-muted-foreground\/80 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/80 {
      color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
    }
  }

  .text-neutral-100 {
    color: var(--color-neutral-100);
  }

  .text-neutral-300 {
    color: var(--color-neutral-300);
  }

  .text-neutral-400 {
    color: var(--color-neutral-400);
  }

  .text-neutral-500 {
    color: var(--color-neutral-500);
  }

  .text-neutral-700 {
    color: var(--color-neutral-700);
  }

  .text-neutral-900 {
    color: var(--color-neutral-900);
  }

  .text-popover-foreground {
    color: var(--popover-foreground);
  }

  .text-primary {
    color: var(--primary);
  }

  .text-primary-foreground {
    color: var(--primary-foreground);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

  .text-rose-600 {
    color: var(--color-rose-600);
  }

  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }

  .text-sky-300 {
    color: var(--color-sky-300);
  }

  .text-success {
    color: var(--success);
  }

  .text-success-foreground {
    color: var(--success-foreground);
  }

  .text-theme-icon {
    color: var(--theme-icon);
  }

  .text-theme-text {
    color: var(--theme-text);
  }

  .text-transparent {
    color: #0000;
  }

  .text-violet-700 {
    color: var(--color-violet-700);
  }

  .text-warning {
    color: var(--warning);
  }

  .text-warning-foreground {
    color: var(--warning-foreground);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/70 {
    color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .text-white\/80 {
    color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .text-zinc-400 {
    color: var(--color-zinc-400);
  }

  .text-zinc-700 {
    color: var(--color-zinc-700);
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-muted-foreground\/50 {
    -webkit-text-decoration-color: var(--muted-foreground);
    text-decoration-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-muted-foreground\/50 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
      text-decoration-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .decoration-muted-foreground\/70 {
    -webkit-text-decoration-color: var(--muted-foreground);
    text-decoration-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-muted-foreground\/70 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
      text-decoration-color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
  }

  .decoration-warning {
    -webkit-text-decoration-color: var(--warning);
    text-decoration-color: var(--warning);
  }

  .decoration-2 {
    text-decoration-thickness: 2px;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .accent-\[var\(--primary\)\] {
    accent-color: var(--primary);
  }

  .accent-foreground {
    accent-color: var(--foreground);
  }

  .accent-primary {
    accent-color: var(--primary);
  }

  .\!opacity-0 {
    opacity: 0 !important;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-35 {
    opacity: .35;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-45 {
    opacity: .45;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .bg-blend-color {
    background-blend-mode: color;
  }

  .\!shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1\.5px_var\(--theme-muted\)\] {
    --tw-shadow: 0 0 0 1.5px var(--tw-shadow-color, var(--theme-muted));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,\.4\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #0006);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_28px_-8px_rgb\(0_0_0\/0\.18\)\] {
    --tw-shadow: 0 8px 28px -8px var(--tw-shadow-color, #0000002e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 8px 16px var(--tw-shadow-color, #70707029), 0 2px 4px var(--tw-shadow-color, #3d3d3d0a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 8px var(--tw-shadow-color, #70707029), 0 0 2px var(--tw-shadow-color, #3d3d3d0a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 2px 4px var(--tw-shadow-color, #70707029), 0 0 1px var(--tw-shadow-color, #3d3d3d0a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 16px 24px var(--tw-shadow-color, #70707029), 0 2px 8px var(--tw-shadow-color, #3d3d3d0a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 .5px 2px var(--tw-shadow-color, #70707029), 0 0 1px var(--tw-shadow-color, #3d3d3d14);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-background {
    --tw-ring-color: var(--background);
  }

  .ring-border {
    --tw-ring-color: var(--border);
  }

  .ring-card {
    --tw-ring-color: var(--card);
  }

  .ring-destructive\/40 {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-destructive\/40 {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .ring-foreground\/10 {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/10 {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .ring-foreground\/20 {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/20 {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 20%, transparent);
    }
  }

  .ring-foreground\/30 {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/30 {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 30%, transparent);
    }
  }

  .ring-foreground\/50 {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/50 {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 50%, transparent);
    }
  }

  .ring-foreground\/60 {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/60 {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }

  .ring-primary {
    --tw-ring-color: var(--primary);
  }

  .ring-primary\/30 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/30 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .ring-primary\/40 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/40 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .ring-primary\/50 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/50 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  .ring-ring {
    --tw-ring-color: var(--ring);
  }

  .ring-theme-icon\/30 {
    --tw-ring-color: var(--theme-icon);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-theme-icon\/30 {
      --tw-ring-color: color-mix(in oklab, var(--theme-icon) 30%, transparent);
    }
  }

  .ring-warning\/30 {
    --tw-ring-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-warning\/30 {
      --tw-ring-color: color-mix(in oklab, var(--warning) 30%, transparent);
    }
  }

  .ring-white {
    --tw-ring-color: var(--color-white);
  }

  .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }

  .ring-offset-popover {
    --tw-ring-offset-color: var(--popover);
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .outline-offset-0 {
    outline-offset: 0px;
  }

  .outline-sky-500 {
    outline-color: var(--color-sky-500);
  }

  .outline-theme-500\/70 {
    outline-color: var(--theme-500);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .outline-theme-500\/70 {
      outline-color: color-mix(in oklab, var(--theme-500) 70%, transparent);
    }
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-2xl {
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[bottom\] {
    transition-property: bottom;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,box-shadow\] {
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-rows\,opacity\] {
    transition-property: grid-template-rows, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[stroke-dashoffset\] {
    transition-property: stroke-dashoffset;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,translate\,opacity\] {
    transition-property: width, translate, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-none {
    transition-property: none;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .will-change-transform {
    will-change: transform;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .outline-solid {
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .repeat-1 {
    --tw-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }

  .repeat-2 {
    --tw-animation-iteration-count: 2;
    animation-iteration-count: 2;
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .zoom-in-90 {
    --tw-enter-scale: .9;
  }

  .\[--card-spacing\:--spacing\(4\)\] {
    --card-spacing: calc(var(--spacing) * 4);
  }

  .\[--card-spacing\:--spacing\(6\)\] {
    --card-spacing: calc(var(--spacing) * 6);
  }

  .\[--xy-attribution-background-color\:transparent\] {
    --xy-attribution-background-color: transparent;
  }

  .\[--xy-controls-box-shadow\:none\] {
    --xy-controls-box-shadow: none;
  }

  .\[--xy-controls-button-background-color-hover\:var\(--muted\)\] {
    --xy-controls-button-background-color-hover: var(--muted);
  }

  .\[--xy-controls-button-background-color\:var\(--card\)\] {
    --xy-controls-button-background-color: var(--card);
  }

  .\[--xy-controls-button-border-color\:var\(--border\)\] {
    --xy-controls-button-border-color: var(--border);
  }

  .\[--xy-controls-button-color\:var\(--muted-foreground\)\] {
    --xy-controls-button-color: var(--muted-foreground);
  }

  .\[--xy-minimap-background-color\:var\(--card\)\] {
    --xy-minimap-background-color: var(--card);
  }

  .\[--xy-node-boxshadow-hover\:none\] {
    --xy-node-boxshadow-hover: none;
  }

  .\[--xy-node-boxshadow-selected\:none\] {
    --xy-node-boxshadow-selected: none;
  }

  .\[writing-mode\:vertical-rl\] {
    writing-mode: vertical-rl;
  }

  .fade-in {
    --tw-enter-opacity: 0;
  }

  .paused {
    animation-play-state: paused;
  }

  .running {
    animation-play-state: running;
  }

  .zoom-in {
    --tw-enter-scale: 0;
  }

  .zoom-out {
    --tw-exit-scale: 0;
  }

  :is(.\*\:shrink-0 > *) {
    flex-shrink: 0;
  }

  .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 90deg;
  }

  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:underline:is(:where(.group):hover *) {
      text-decoration-line: underline;
    }

    .group-hover\:underline-offset-2:is(:where(.group):hover *) {
      text-underline-offset: 2px;
    }

    .group-hover\:opacity-90:is(:where(.group):hover *) {
      opacity: .9;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/calc\:opacity-100:is(:where(.group\/calc):hover *), .group-hover\/chart\:opacity-100:is(:where(.group\/chart):hover *), .group-hover\/day\:opacity-100:is(:where(.group\/day):hover *), .group-hover\/img\:opacity-100:is(:where(.group\/img):hover *), .group-hover\/opt\:opacity-100:is(:where(.group\/opt):hover *) {
      opacity: 1;
    }

    .group-hover\/resize\:bg-theme-border:is(:where(.group\/resize):hover *) {
      background-color: var(--theme-border);
    }

    .group-hover\/row\:opacity-100:is(:where(.group\/row):hover *), .group-hover\/title\:opacity-100:is(:where(.group\/title):hover *) {
      opacity: 1;
    }
  }

  .group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *) {
    color: var(--accent-foreground);
  }

  .group-active\/resize\:bg-theme-icon:is(:where(.group\/resize):active *) {
    background-color: var(--theme-icon);
  }

  .group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size="lg"]) *) {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size="sm"]) *) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }

  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
    height: calc(var(--spacing) * 9);
  }

  .group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    height: fit-content;
  }

  .group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    width: 100%;
  }

  .group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    flex-direction: column;
  }

  .group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    justify-content: flex-start;
  }

  .group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size="default"] *) {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size="lg"] *) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size="sm"] *) {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size="sm"] *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size="sm"] *) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *) {
    background-color: #0000;
  }

  .peer-checked\:opacity-100:is(:where(.peer):checked ~ *) {
    opacity: 1;
  }

  .peer-focus-visible\:ring-3:is(:where(.peer):focus-visible ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .peer-focus-visible\:ring-ring\/50:is(:where(.peer):focus-visible ~ *) {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .peer-focus-visible\:ring-ring\/50:is(:where(.peer):focus-visible ~ *) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-6::file-selector-button {
    height: calc(var(--spacing) * 6);
  }

  .file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: var(--foreground);
  }

  .placeholder\:text-faint-foreground::placeholder {
    color: var(--faint-foreground);
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }

  .placeholder\:text-muted-foreground\/50::placeholder {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-muted-foreground\/50::placeholder {
      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .placeholder\:text-muted-foreground\/60::placeholder {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-muted-foreground\/60::placeholder {
      color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
    }
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:inset-0:after {
    content: var(--tw-content);
    inset: 0;
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .after\:border:after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .after\:border-border:after {
    content: var(--tw-content);
    border-color: var(--border);
  }

  .after\:bg-foreground:after {
    content: var(--tw-content);
    background-color: var(--foreground);
  }

  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }

  .after\:mix-blend-darken:after {
    content: var(--tw-content);
    mix-blend-mode: darken;
  }

  .after\:transition-opacity:after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after {
    content: var(--tw-content);
    inset-inline: 0;
  }

  .group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after {
    content: var(--tw-content);
    bottom: -5px;
  }

  .group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation="vertical"] *):after {
    content: var(--tw-content);
    inset-block: 0;
  }

  .group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation="vertical"] *):after {
    content: var(--tw-content);
    right: calc(var(--spacing) * -1);
  }

  .group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation="vertical"] *):after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .first\:ml-0:first-child {
    margin-left: 0;
  }

  .first\:rounded-t-2xl:first-child {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }

  .first\:rounded-b-none:first-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .first\:pt-0:first-child {
    padding-top: 0;
  }

  .last\:rounded-t-\[4px\]:last-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .last\:rounded-b-2xl:last-child {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .last\:border-r-0:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .last\:pb-0:last-child {
    padding-bottom: 0;
  }

  .checked\:border-transparent:checked {
    border-color: #0000;
  }

  .checked\:bg-\[var\(--theme-solid\)\]:checked {
    background-color: var(--theme-solid);
  }

  .empty\:hidden:empty {
    display: none;
  }

  .focus-within\:border-primary\/60:focus-within {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:border-primary\/60:focus-within {
      border-color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }

  .focus-within\:opacity-100:focus-within {
    opacity: 1;
  }

  .focus-within\:ring-2:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:ring-ring\/40:focus-within {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:ring-ring\/40:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--ring) 40%, transparent);
    }
  }

  @media (hover: hover) {
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:border-border:hover {
      border-color: var(--border);
    }

    .hover\:border-foreground:hover, .hover\:border-foreground\/20:hover {
      border-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-foreground\/20:hover {
        border-color: color-mix(in oklab, var(--foreground) 20%, transparent);
      }
    }

    .hover\:border-foreground\/30:hover {
      border-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-foreground\/30:hover {
        border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
      }
    }

    .hover\:border-foreground\/35:hover {
      border-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-foreground\/35:hover {
        border-color: color-mix(in oklab, var(--foreground) 35%, transparent);
      }
    }

    .hover\:border-foreground\/40:hover {
      border-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-foreground\/40:hover {
        border-color: color-mix(in oklab, var(--foreground) 40%, transparent);
      }
    }

    .hover\:border-foreground\/60:hover {
      border-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-foreground\/60:hover {
        border-color: color-mix(in oklab, var(--foreground) 60%, transparent);
      }
    }

    .hover\:border-primary\/50:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/50:hover {
        border-color: color-mix(in oklab, var(--primary) 50%, transparent);
      }
    }

    .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
        background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
      }
    }

    .hover\:bg-accent:hover {
      background-color: var(--accent);
    }

    .hover\:bg-black\/80:hover {
      background-color: #000c;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/80:hover {
        background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
      }
    }

    .hover\:bg-black\/85:hover {
      background-color: #000000d9;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/85:hover {
        background-color: color-mix(in oklab, var(--color-black) 85%, transparent);
      }
    }

    .hover\:bg-card:hover {
      background-color: var(--card);
    }

    .hover\:bg-destructive\/10:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/10:hover {
        background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
      }
    }

    .hover\:bg-destructive\/20:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/20:hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }

    .hover\:bg-foreground\/5:hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-foreground\/5:hover {
        background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
      }
    }

    .hover\:bg-foreground\/10:hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-foreground\/10:hover {
        background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
      }
    }

    .hover\:bg-muted:hover, .hover\:bg-muted\/30:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/30:hover {
        background-color: color-mix(in oklab, var(--muted) 30%, transparent);
      }
    }

    .hover\:bg-muted\/40:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/40:hover {
        background-color: color-mix(in oklab, var(--muted) 40%, transparent);
      }
    }

    .hover\:bg-muted\/50:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }

    .hover\:bg-muted\/60:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/60:hover {
        background-color: color-mix(in oklab, var(--muted) 60%, transparent);
      }
    }

    .hover\:bg-muted\/70:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/70:hover {
        background-color: color-mix(in oklab, var(--muted) 70%, transparent);
      }
    }

    .hover\:bg-primary-hover:hover {
      background-color: var(--primary-hover);
    }

    .hover\:bg-primary\/10:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/10:hover {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
      }
    }

    .hover\:bg-primary\/15:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/15:hover {
        background-color: color-mix(in oklab, var(--primary) 15%, transparent);
      }
    }

    .hover\:bg-primary\/30:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/30:hover {
        background-color: color-mix(in oklab, var(--primary) 30%, transparent);
      }
    }

    .hover\:bg-primary\/80:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/80:hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }

    .hover\:bg-primary\/90:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }

    .hover\:bg-theme-icon\/20:hover {
      background-color: var(--theme-icon);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-theme-icon\/20:hover {
        background-color: color-mix(in oklab, var(--theme-icon) 20%, transparent);
      }
    }

    .hover\:bg-theme-muted:hover {
      background-color: var(--theme-muted);
    }

    .hover\:bg-transparent:hover {
      background-color: #0000;
    }

    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }

    .hover\:bg-white\/15:hover {
      background-color: #ffffff26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/15:hover {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }

    .hover\:bg-white\/25:hover {
      background-color: #ffffff40;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/25:hover {
        background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }

    .hover\:text-accent-foreground:hover {
      color: var(--accent-foreground);
    }

    .hover\:text-black:hover {
      color: var(--color-black);
    }

    .hover\:text-destructive:hover {
      color: var(--destructive);
    }

    .hover\:text-foreground:hover {
      color: var(--foreground);
    }

    .hover\:text-muted-foreground:hover {
      color: var(--muted-foreground);
    }

    .hover\:text-primary:hover {
      color: var(--primary);
    }

    .hover\:text-theme-text:hover {
      color: var(--theme-text);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-80:hover {
      opacity: .8;
    }

    .hover\:opacity-85:hover {
      opacity: .85;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

  .focus\:border-border:focus {
    border-color: var(--border);
  }

  .focus\:border-foreground:focus {
    border-color: var(--foreground);
  }

  .focus\:border-primary:focus {
    border-color: var(--primary);
  }

  .focus\:border-ring:focus {
    border-color: var(--ring);
  }

  .focus\:bg-accent:focus {
    background-color: var(--accent);
  }

  .focus\:bg-background:focus {
    background-color: var(--background);
  }

  .focus\:text-accent-foreground:focus {
    color: var(--accent-foreground);
  }

  .focus\:opacity-100:focus {
    opacity: 1;
  }

  .focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-primary\/20:focus {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-primary\/20:focus {
      --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .focus\:ring-ring:focus {
    --tw-ring-color: var(--ring);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.focus\:\*\*\:text-accent-foreground:focus *), :is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant="destructive"]):focus *) {
    color: var(--accent-foreground);
  }

  .focus-visible\:border-destructive\/40:focus-visible {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:border-destructive\/40:focus-visible {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }

  .focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-3:focus-visible, .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: var(--ring);
  }

  .focus-visible\:ring-ring\/40:focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/40:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 40%, transparent);
    }
  }

  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:outline-offset-1:focus-visible {
    outline-offset: 1px;
  }

  .focus-visible\:outline-ring:focus-visible {
    outline-color: var(--ring);
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:invisible:disabled {
    visibility: hidden;
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:cursor-wait:disabled {
    cursor: wait;
  }

  .disabled\:bg-input\/50:disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .disabled\:bg-input\/50:disabled {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }

  .disabled\:opacity-0:disabled {
    opacity: 0;
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  :where([data-slot="button-group"]) .in-data-\[slot\=button-group\]\:rounded-lg {
    border-radius: var(--radius-lg);
  }

  :where([data-slot="button-group"]) .in-data-\[slot\=button-group\]\:rounded-md {
    border-radius: var(--radius-md);
  }

  .has-checked\:border-primary:has(:checked) {
    border-color: var(--primary);
  }

  .has-checked\:bg-muted:has(:checked) {
    background-color: var(--muted);
  }

  .has-checked\:font-medium:has(:checked) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .has-focus-visible\:ring-2:has(:focus-visible) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .has-focus-visible\:ring-ring:has(:focus-visible) {
    --tw-ring-color: var(--ring);
  }

  .has-disabled\:cursor-not-allowed:has(:disabled) {
    cursor: not-allowed;
  }

  .has-disabled\:opacity-60:has(:disabled) {
    opacity: .6;
  }

  .has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 2);
  }

  .has-data-\[icon\=inline-end\]\:pr-4:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 4);
  }

  .has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 2);
  }

  .has-data-\[icon\=inline-start\]\:pl-4:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 4);
  }

  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot="card-description"]) {
    grid-template-rows: auto auto;
  }

  .has-data-\[slot\=card-footer\]\:pb-0:has([data-slot="card-footer"]) {
    padding-bottom: 0;
  }

  .has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot="kbd"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-\[\>img\:first-child\]\:pt-0:has( > img:first-child) {
    padding-top: 0;
  }

  .aria-checked\:bg-muted[aria-checked="true"] {
    background-color: var(--muted);
  }

  .aria-checked\:font-medium[aria-checked="true"] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events: none;
  }

  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: .5;
  }

  .aria-expanded\:bg-accent[aria-expanded="true"] {
    background-color: var(--accent);
  }

  .aria-expanded\:bg-muted[aria-expanded="true"] {
    background-color: var(--muted);
  }

  .aria-expanded\:bg-secondary[aria-expanded="true"] {
    background-color: var(--secondary);
  }

  .aria-expanded\:text-accent-foreground[aria-expanded="true"] {
    color: var(--accent-foreground);
  }

  .aria-expanded\:text-foreground[aria-expanded="true"] {
    color: var(--foreground);
  }

  .aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
    color: var(--secondary-foreground);
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .aria-invalid\:ring-3[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .aria-pressed\:border-foreground[aria-pressed="true"] {
    border-color: var(--foreground);
  }

  .aria-pressed\:border-primary[aria-pressed="true"] {
    border-color: var(--primary);
  }

  .aria-pressed\:bg-background[aria-pressed="true"] {
    background-color: var(--background);
  }

  .aria-pressed\:bg-muted[aria-pressed="true"] {
    background-color: var(--muted);
  }

  .aria-pressed\:bg-white\/15[aria-pressed="true"] {
    background-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-pressed\:bg-white\/15[aria-pressed="true"] {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .aria-pressed\:text-foreground[aria-pressed="true"] {
    color: var(--foreground);
  }

  .aria-selected\:bg-accent[aria-selected="true"] {
    background-color: var(--accent);
  }

  .aria-selected\:bg-muted[aria-selected="true"] {
    background-color: var(--muted);
  }

  .aria-selected\:text-accent-foreground[aria-selected="true"] {
    color: var(--accent-foreground);
  }

  .aria-\[current\=page\]\:border-foreground[aria-current="page"] {
    border-color: var(--foreground);
  }

  .aria-\[current\=page\]\:bg-muted[aria-current="page"] {
    background-color: var(--muted);
  }

  .aria-\[current\=page\]\:font-medium[aria-current="page"] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .aria-\[current\=page\]\:text-foreground[aria-current="page"] {
    color: var(--foreground);
  }

  .aria-\[current\=true\]\:border-foreground[aria-current="true"] {
    border-color: var(--foreground);
  }

  .aria-\[current\=true\]\:bg-muted[aria-current="true"] {
    background-color: var(--muted);
  }

  .aria-\[current\=true\]\:font-medium[aria-current="true"] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .aria-\[current\=true\]\:text-foreground[aria-current="true"] {
    color: var(--foreground);
  }

  .data-ending-style\:opacity-0[data-ending-style] {
    opacity: 0;
  }

  .data-inset\:pl-8[data-inset] {
    padding-left: calc(var(--spacing) * 8);
  }

  .data-inset\:pl-\[30px\][data-inset] {
    padding-left: 30px;
  }

  .data-placeholder\:text-muted-foreground[data-placeholder] {
    color: var(--muted-foreground);
  }

  .data-popup-open\:bg-accent[data-popup-open] {
    background-color: var(--accent);
  }

  .data-popup-open\:bg-muted[data-popup-open] {
    background-color: var(--muted);
  }

  .data-popup-open\:text-accent-foreground[data-popup-open] {
    color: var(--accent-foreground);
  }

  .data-starting-style\:opacity-0[data-starting-style] {
    opacity: 0;
  }

  .data-\[align-trigger\=true\]\:animate-none[data-align-trigger="true"] {
    animation: none;
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[inset\]\:pl-8[data-inset] {
    padding-left: calc(var(--spacing) * 8);
  }

  .data-\[orientation\=horizontal\]\:flex-col[data-orientation="horizontal"] {
    flex-direction: column;
  }

  .data-\[popup-open\]\:bg-muted[data-popup-open] {
    background-color: var(--muted);
  }

  .data-\[popup-open\]\:opacity-100[data-popup-open] {
    opacity: 1;
  }

  .data-\[side\=bottom\]\:inset-x-0[data-side="bottom"] {
    inset-inline: 0;
  }

  .data-\[side\=bottom\]\:top-1[data-side="bottom"] {
    top: var(--spacing);
  }

  .data-\[side\=bottom\]\:bottom-0[data-side="bottom"] {
    bottom: 0;
  }

  .data-\[side\=bottom\]\:h-auto[data-side="bottom"] {
    height: auto;
  }

  .data-\[side\=bottom\]\:border-t[data-side="bottom"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }

  .data-\[side\=bottom\]\:data-ending-style\:translate-y-\[2\.5rem\][data-side="bottom"][data-ending-style], .data-\[side\=bottom\]\:data-starting-style\:translate-y-\[2\.5rem\][data-side="bottom"][data-starting-style] {
    --tw-translate-y: 2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=inline-end\]\:top-1\/2\![data-side="inline-end"] {
    top: 50% !important;
  }

  .data-\[side\=inline-end\]\:-left-1[data-side="inline-end"] {
    left: calc(var(--spacing) * -1);
  }

  .data-\[side\=inline-end\]\:-translate-y-1\/2[data-side="inline-end"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=inline-end\]\:slide-in-from-left-2[data-side="inline-end"] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }

  .data-\[side\=inline-start\]\:top-1\/2\![data-side="inline-start"] {
    top: 50% !important;
  }

  .data-\[side\=inline-start\]\:-right-1[data-side="inline-start"] {
    right: calc(var(--spacing) * -1);
  }

  .data-\[side\=inline-start\]\:-translate-y-1\/2[data-side="inline-start"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=inline-start\]\:slide-in-from-right-2[data-side="inline-start"] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }

  .data-\[side\=left\]\:inset-y-0[data-side="left"] {
    inset-block: 0;
  }

  .data-\[side\=left\]\:top-1\/2\![data-side="left"] {
    top: 50% !important;
  }

  .data-\[side\=left\]\:-right-1[data-side="left"] {
    right: calc(var(--spacing) * -1);
  }

  .data-\[side\=left\]\:left-0[data-side="left"] {
    left: 0;
  }

  .data-\[side\=left\]\:h-full[data-side="left"] {
    height: 100%;
  }

  .data-\[side\=left\]\:w-3\/4[data-side="left"] {
    width: 75%;
  }

  .data-\[side\=left\]\:-translate-y-1\/2[data-side="left"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:border-r[data-side="left"] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }

  .data-\[side\=left\]\:data-ending-style\:translate-x-\[-2\.5rem\][data-side="left"][data-ending-style], .data-\[side\=left\]\:data-starting-style\:translate-x-\[-2\.5rem\][data-side="left"][data-starting-style] {
    --tw-translate-x: -2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:inset-y-0[data-side="right"] {
    inset-block: 0;
  }

  .data-\[side\=right\]\:top-1\/2\![data-side="right"] {
    top: 50% !important;
  }

  .data-\[side\=right\]\:right-0[data-side="right"] {
    right: 0;
  }

  .data-\[side\=right\]\:-left-1[data-side="right"] {
    left: calc(var(--spacing) * -1);
  }

  .data-\[side\=right\]\:h-full[data-side="right"] {
    height: 100%;
  }

  .data-\[side\=right\]\:w-3\/4[data-side="right"] {
    width: 75%;
  }

  .data-\[side\=right\]\:-translate-y-1\/2[data-side="right"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:border-l[data-side="right"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }

  .data-\[side\=right\]\:data-ending-style\:translate-x-\[2\.5rem\][data-side="right"][data-ending-style], .data-\[side\=right\]\:data-starting-style\:translate-x-\[2\.5rem\][data-side="right"][data-starting-style] {
    --tw-translate-x: 2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:inset-x-0[data-side="top"] {
    inset-inline: 0;
  }

  .data-\[side\=top\]\:top-0[data-side="top"] {
    top: 0;
  }

  .data-\[side\=top\]\:-bottom-2\.5[data-side="top"] {
    bottom: calc(var(--spacing) * -2.5);
  }

  .data-\[side\=top\]\:h-auto[data-side="top"] {
    height: auto;
  }

  .data-\[side\=top\]\:border-b[data-side="top"] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }

  .data-\[side\=top\]\:data-ending-style\:translate-y-\[-2\.5rem\][data-side="top"][data-ending-style], .data-\[side\=top\]\:data-starting-style\:translate-y-\[-2\.5rem\][data-side="top"][data-starting-style] {
    --tw-translate-y: -2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[size\=default\]\:h-8[data-size="default"] {
    height: calc(var(--spacing) * 8);
  }

  .data-\[size\=default\]\:h-9[data-size="default"] {
    height: calc(var(--spacing) * 9);
  }

  .data-\[size\=lg\]\:size-10[data-size="lg"] {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .data-\[size\=sm\]\:size-6[data-size="sm"] {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .data-\[size\=sm\]\:h-7[data-size="sm"] {
    height: calc(var(--spacing) * 7);
  }

  .data-\[size\=sm\]\:h-8[data-size="sm"] {
    height: calc(var(--spacing) * 8);
  }

  .data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size="sm"] {
    border-radius: min(var(--radius-md), 10px);
  }

  .data-\[size\=sm\]\:\[--card-spacing\:--spacing\(3\)\][data-size="sm"] {
    --card-spacing: calc(var(--spacing) * 3);
  }

  .data-\[size\=sm\]\:\[--card-spacing\:--spacing\(4\)\][data-size="sm"] {
    --card-spacing: calc(var(--spacing) * 4);
  }

  .data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size="sm"]:has([data-slot="card-footer"]) {
    padding-bottom: 0;
  }

  :is(.\*\:data-\[slot\=avatar\]\:ring-2 > *)[data-slot="avatar"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.\*\:data-\[slot\=avatar\]\:ring-background > *)[data-slot="avatar"] {
    --tw-ring-color: var(--background);
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot="kbd"] {
    position: relative;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot="kbd"] {
    isolation: isolate;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot="kbd"] {
    z-index: 50;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot="kbd"] {
    border-radius: var(--radius-sm);
  }

  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }

  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }

  :is(.\*\:data-\[slot\=select-value\]\:gap-1\.5 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 1.5);
  }

  .data-\[state\=delayed-open\]\:animate-in[data-state="delayed-open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=delayed-open\]\:fade-in-0[data-state="delayed-open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=delayed-open\]\:zoom-in-95[data-state="delayed-open"] {
    --tw-enter-scale: .95;
  }

  .data-\[tight\]\:gap-1[data-tight] {
    gap: var(--spacing);
  }

  .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
    color: var(--destructive);
  }

  @media (hover: hover) {
    .data-\[variant\=destructive\]\:hover\:bg-destructive\/10[data-variant="destructive"]:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .data-\[variant\=destructive\]\:hover\:bg-destructive\/10[data-variant="destructive"]:hover {
        background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
      }
    }

    .data-\[variant\=destructive\]\:hover\:text-destructive[data-variant="destructive"]:hover {
      color: var(--destructive);
    }
  }

  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
    color: var(--destructive);
  }

  .data-\[variant\=destructive\]\:aria-selected\:bg-destructive\/10[data-variant="destructive"][aria-selected="true"] {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[variant\=destructive\]\:aria-selected\:bg-destructive\/10[data-variant="destructive"][aria-selected="true"] {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .data-\[variant\=destructive\]\:aria-selected\:text-destructive[data-variant="destructive"][aria-selected="true"] {
    color: var(--destructive);
  }

  .data-\[variant\=line\]\:rounded-none[data-variant="line"] {
    border-radius: 0;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .supports-backdrop-filter\:backdrop-blur-xs {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-\[left\,top\,opacity\] {
      transition-property: left, top, opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .motion-safe\:duration-150 {
      --tw-duration: .15s;
      transition-duration: .15s;
    }

    .motion-safe\:ease-out {
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:fixed {
      position: fixed;
    }

    .max-md\:inset-0 {
      inset: 0;
    }

    .max-md\:inset-x-0 {
      inset-inline: 0;
    }

    .max-md\:bottom-0 {
      bottom: 0;
    }

    .max-md\:z-40 {
      z-index: 40;
    }

    .max-md\:hidden {
      display: none;
    }

    .max-md\:h-\[78dvh\] {
      height: 78dvh;
    }

    .max-md\:translate-y-full {
      --tw-translate-y: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-md\:rounded-t-2xl {
      border-top-left-radius: var(--radius-2xl);
      border-top-right-radius: var(--radius-2xl);
    }

    .max-md\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }

    .max-md\:opacity-100 {
      opacity: 1;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }

    .max-sm\:hidden {
      display: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:right-4 {
      right: calc(var(--spacing) * 4);
    }

    .sm\:left-auto {
      left: auto;
    }

    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:block {
      display: block;
    }

    .sm\:hidden {
      display: none;
    }

    .sm\:inline {
      display: inline;
    }

    .sm\:inline-flex {
      display: inline-flex;
    }

    .sm\:h-\[min\(88vh\,820px\)\] {
      height: min(88vh, 820px);
    }

    .sm\:max-h-none {
      max-height: none;
    }

    .sm\:w-40 {
      width: calc(var(--spacing) * 40);
    }

    .sm\:w-48 {
      width: calc(var(--spacing) * 48);
    }

    .sm\:w-56 {
      width: calc(var(--spacing) * 56);
    }

    .sm\:w-72 {
      width: calc(var(--spacing) * 72);
    }

    .sm\:w-\[400px\] {
      width: 400px;
    }

    .sm\:max-w-2xl {
      max-width: var(--container-2xl);
    }

    .sm\:max-w-3xl {
      max-width: var(--container-3xl);
    }

    .sm\:max-w-4xl {
      max-width: var(--container-4xl);
    }

    .sm\:max-w-5xl {
      max-width: var(--container-5xl);
    }

    .sm\:max-w-6xl {
      max-width: var(--container-6xl);
    }

    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }

    .sm\:max-w-md {
      max-width: var(--container-md);
    }

    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }

    .sm\:max-w-xl {
      max-width: var(--container-xl);
    }

    .sm\:shrink-0 {
      flex-shrink: 0;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-\[180px_1fr\] {
      grid-template-columns: 180px 1fr;
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:items-start {
      align-items: flex-start;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .sm\:rounded-xl {
      border-radius: var(--radius-xl);
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:p-12 {
      padding: calc(var(--spacing) * 12);
    }

    .sm\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }

    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .sm\:opacity-0 {
      opacity: 0;
    }

    @media (hover: hover) {
      .sm\:group-hover\/img\:opacity-100:is(:where(.group\/img):hover *) {
        opacity: 1;
      }
    }

    .data-\[side\=left\]\:sm\:max-w-sm[data-side="left"], .data-\[side\=right\]\:sm\:max-w-sm[data-side="right"] {
      max-width: var(--container-sm);
    }
  }

  @media (min-width: 48rem) {
    .md\:relative {
      position: relative;
    }

    .md\:static {
      position: static;
    }

    .md\:sticky {
      position: sticky;
    }

    .md\:inset-auto {
      inset: auto;
    }

    .md\:top-0 {
      top: 0;
    }

    .md\:z-auto {
      z-index: auto;
    }

    .md\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }

    .md\:\!block {
      display: block !important;
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:hidden {
      display: none;
    }

    .md\:inline {
      display: inline;
    }

    .md\:max-h-none {
      max-height: none;
    }

    .md\:min-h-0 {
      min-height: 0;
    }

    .md\:w-\(--panel-w\) {
      width: var(--panel-w);
    }

    .md\:w-0 {
      width: 0;
    }

    .md\:w-52 {
      width: calc(var(--spacing) * 52);
    }

    .md\:w-56 {
      width: calc(var(--spacing) * 56);
    }

    .md\:w-64 {
      width: calc(var(--spacing) * 64);
    }

    .md\:w-80 {
      width: calc(var(--spacing) * 80);
    }

    .md\:w-\[min\(760px\,60vw\)\] {
      width: min(760px, 60vw);
    }

    .md\:w-auto {
      width: auto;
    }

    .md\:w-full {
      width: 100%;
    }

    .md\:flex-1 {
      flex: 1;
    }

    .md\:shrink {
      flex-shrink: 1;
    }

    .md\:shrink-0 {
      flex-shrink: 0;
    }

    .md\:translate-x-0 {
      --tw-translate-x: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:flex-col {
      flex-direction: column;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:items-center {
      align-items: center;
    }

    .md\:items-start {
      align-items: flex-start;
    }

    .md\:justify-center {
      justify-content: center;
    }

    .md\:gap-0\.5 {
      gap: calc(var(--spacing) * .5);
    }

    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .md\:overflow-hidden {
      overflow: hidden;
    }

    .md\:overflow-visible {
      overflow: visible;
    }

    .md\:overflow-y-auto {
      overflow-y: auto;
    }

    .md\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }

    .md\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .md\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .md\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }

    .md\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .md\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }

    .md\:pt-0 {
      padding-top: 0;
    }

    .md\:pt-3 {
      padding-top: calc(var(--spacing) * 3);
    }

    .md\:pr-3 {
      padding-right: calc(var(--spacing) * 3);
    }

    .md\:text-center {
      text-align: center;
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .md\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }

    .md\:text-\[13px\] {
      font-size: 13px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }

    .lg\:top-0 {
      top: 0;
    }

    .lg\:top-4 {
      top: calc(var(--spacing) * 4);
    }

    .lg\:inline {
      display: inline;
    }

    .lg\:w-48 {
      width: calc(var(--spacing) * 48);
    }

    .lg\:w-80 {
      width: calc(var(--spacing) * 80);
    }

    .lg\:w-96 {
      width: calc(var(--spacing) * 96);
    }

    .lg\:shrink-0 {
      flex-shrink: 0;
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[1fr_1fr_1\.3fr\] {
      grid-template-columns: 1fr 1fr 1.3fr;
    }

    .lg\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\] {
      grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }

    .lg\:flex-row {
      flex-direction: row;
    }

    .lg\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  .dark\:border-black\/10:is(.dark *) {
    border-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-black\/10:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .dark\:border-emerald-900\/70:is(.dark *) {
    border-color: #004e3bb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-emerald-900\/70:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-emerald-900) 70%, transparent);
    }
  }

  .dark\:border-input:is(.dark *) {
    border-color: var(--input);
  }

  .dark\:border-orange-900\/70:is(.dark *) {
    border-color: #331804b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-orange-900\/70:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-orange-900) 70%, transparent);
    }
  }

  .dark\:border-pink-900\/70:is(.dark *) {
    border-color: #310b26b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-pink-900\/70:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-pink-900) 70%, transparent);
    }
  }

  .dark\:border-sky-900\/70:is(.dark *) {
    border-color: #024a70b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-sky-900\/70:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-sky-900) 70%, transparent);
    }
  }

  .dark\:border-transparent:is(.dark *) {
    border-color: #0000;
  }

  .dark\:border-violet-900\/70:is(.dark *) {
    border-color: #4d179ab3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-violet-900\/70:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-violet-900) 70%, transparent);
    }
  }

  .dark\:border-white\/10:is(.dark *) {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/10:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .dark\:border-yellow-900\/70:is(.dark *) {
    border-color: #332c08b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-yellow-900\/70:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-yellow-900) 70%, transparent);
    }
  }

  .dark\:bg-background:is(.dark *) {
    background-color: var(--background);
  }

  .dark\:bg-card:is(.dark *) {
    background-color: var(--card);
  }

  .dark\:bg-destructive\/20:is(.dark *) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-destructive\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .dark\:bg-emerald-950\/40:is(.dark *) {
    background-color: #002c2266;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-950\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-950) 40%, transparent);
    }
  }

  .dark\:bg-input\/30:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-input\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .dark\:bg-orange-950\/40:is(.dark *) {
    background-color: #44130666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-orange-950\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-orange-950) 40%, transparent);
    }
  }

  .dark\:bg-pink-950\/40:is(.dark *) {
    background-color: #51042466;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-pink-950\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-pink-950) 40%, transparent);
    }
  }

  .dark\:bg-sky-950\/40:is(.dark *) {
    background-color: #052f4a66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-sky-950\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-sky-950) 40%, transparent);
    }
  }

  .dark\:bg-violet-950\/40:is(.dark *) {
    background-color: #2f0d6866;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-violet-950\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-violet-950) 40%, transparent);
    }
  }

  .dark\:bg-yellow-950\/40:is(.dark *) {
    background-color: #43200466;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-yellow-950\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-yellow-950) 40%, transparent);
    }
  }

  .dark\:bg-zinc-900:is(.dark *) {
    background-color: var(--color-zinc-900);
  }

  .dark\:fill-black:is(.dark *) {
    fill: var(--color-black);
  }

  .dark\:text-blue-300:is(.dark *) {
    color: var(--color-blue-300);
  }

  .dark\:text-emerald-400:is(.dark *) {
    color: var(--color-emerald-400);
  }

  .dark\:text-muted-foreground:is(.dark *) {
    color: var(--muted-foreground);
  }

  .dark\:text-sky-700:is(.dark *) {
    color: var(--color-sky-700);
  }

  .dark\:text-violet-300:is(.dark *) {
    color: var(--color-violet-300);
  }

  .dark\:text-white:is(.dark *) {
    color: var(--color-white);
  }

  .dark\:text-zinc-300:is(.dark *) {
    color: var(--color-zinc-300);
  }

  .dark\:after\:mix-blend-lighten:is(.dark *):after {
    content: var(--tw-content);
    mix-blend-mode: lighten;
  }

  @media (hover: hover) {
    .dark\:hover\:bg-black\/10:is(.dark *):hover {
      background-color: #0000001a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-black\/10:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }

    .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
      }
    }

    .dark\:hover\:bg-input\/50:is(.dark *):hover {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-input\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }

    .dark\:hover\:bg-muted\/50:is(.dark *):hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-muted\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }

    .dark\:hover\:bg-transparent:is(.dark *):hover {
      background-color: #0000;
    }

    .dark\:hover\:text-foreground:is(.dark *):hover {
      color: var(--foreground);
    }
  }

  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:disabled\:bg-input\/80:is(.dark *):disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:disabled\:bg-input\/80:is(.dark *):disabled {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  .dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  @media (hover: hover) {
    .dark\:data-\[variant\=destructive\]\:hover\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:data-\[variant\=destructive\]\:hover\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }

  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .dark\:data-\[variant\=destructive\]\:aria-selected\:bg-destructive\/20:is(.dark *)[data-variant="destructive"][aria-selected="true"] {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[variant\=destructive\]\:aria-selected\:bg-destructive\/20:is(.dark *)[data-variant="destructive"][aria-selected="true"] {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .data-open\:animate-in:where([data-state="open"]), .data-open\:animate-in:where([data-open]:not([data-open="false"])) {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-open\:bg-accent:where([data-state="open"]), .data-open\:bg-accent:where([data-open]:not([data-open="false"])) {
    background-color: var(--accent);
  }

  .data-open\:text-accent-foreground:where([data-state="open"]), .data-open\:text-accent-foreground:where([data-open]:not([data-open="false"])) {
    color: var(--accent-foreground);
  }

  .data-open\:fade-in-0:where([data-state="open"]), .data-open\:fade-in-0:where([data-open]:not([data-open="false"])) {
    --tw-enter-opacity: 0;
  }

  .data-open\:zoom-in-95:where([data-state="open"]), .data-open\:zoom-in-95:where([data-open]:not([data-open="false"])) {
    --tw-enter-scale: .95;
  }

  .data-closed\:animate-out:where([data-state="closed"]), .data-closed\:animate-out:where([data-closed]:not([data-closed="false"])) {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-closed\:overflow-hidden:where([data-state="closed"]), .data-closed\:overflow-hidden:where([data-closed]:not([data-closed="false"])) {
    overflow: hidden;
  }

  .data-closed\:fade-out-0:where([data-state="closed"]), .data-closed\:fade-out-0:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-opacity: 0;
  }

  .data-closed\:zoom-out-95:where([data-state="closed"]), .data-closed\:zoom-out-95:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-scale: .95;
  }

  .data-checked\:translate-x-4:where([data-state="checked"]), .data-checked\:translate-x-4:where([data-checked]:not([data-checked="false"])) {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-checked\:bg-control:where([data-state="checked"]), .data-checked\:bg-control:where([data-checked]:not([data-checked="false"])) {
    background-color: var(--control);
  }

  .data-disabled\:pointer-events-none:where([data-disabled="true"]), .data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled="false"])) {
    pointer-events: none;
  }

  .data-disabled\:cursor-not-allowed:where([data-disabled="true"]), .data-disabled\:cursor-not-allowed:where([data-disabled]:not([data-disabled="false"])) {
    cursor: not-allowed;
  }

  .data-disabled\:opacity-50:where([data-disabled="true"]), .data-disabled\:opacity-50:where([data-disabled]:not([data-disabled="false"])) {
    opacity: .5;
  }

  .data-active\:bg-background:where([data-state="active"]), .data-active\:bg-background:where([data-active]:not([data-active="false"])) {
    background-color: var(--background);
  }

  .data-active\:text-foreground:where([data-state="active"]), .data-active\:text-foreground:where([data-active]:not([data-active="false"])) {
    color: var(--foreground);
  }

  .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant="default"] *):where([data-state="active"]), .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant="default"] *):where([data-active]:not([data-active="false"])) {
    --tw-shadow: 0 2px 4px var(--tw-shadow-color, #70707029), 0 0 1px var(--tw-shadow-color, #3d3d3d0a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
    background-color: #0000;
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"]))):after {
    content: var(--tw-content);
    opacity: 1;
  }

  .dark\:data-active\:border-input:is(.dark *):where([data-state="active"]), .dark\:data-active\:border-input:is(.dark *):where([data-active]:not([data-active="false"])) {
    border-color: var(--input);
  }

  .dark\:data-active\:bg-input\/30:is(.dark *):where([data-state="active"]), .dark\:data-active\:bg-input\/30:is(.dark *):where([data-active]:not([data-active="false"])) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-active\:bg-input\/30:is(.dark *):where([data-state="active"]), .dark\:data-active\:bg-input\/30:is(.dark *):where([data-active]:not([data-active="false"])) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .dark\:data-active\:text-foreground:is(.dark *):where([data-state="active"]), .dark\:data-active\:text-foreground:is(.dark *):where([data-active]:not([data-active="false"])) {
    color: var(--foreground);
  }

  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
    border-color: #0000;
  }

  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
    background-color: #0000;
  }

  .\[\&_\[data-chat-list\]\]\:pt-12 [data-chat-list] {
    padding-top: calc(var(--spacing) * 12);
  }

  .data-\[tight\]\:\[\&_\[data-level-label\]\]\:sr-only[data-tight] [data-level-label], .\[\&_\[data-slot\=select-value\]_\[data-name\]\]\:sr-only [data-slot="select-value"] [data-name], .data-\[tight\]\:\[\&_\[data-slot\=select-value\]_\[data-name\]\]\:sr-only[data-tight] [data-slot="select-value"] [data-name] {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }

  .\[\&_a\]\:underline-offset-2 a {
    text-underline-offset: 2px;
  }

  .\[\&_h2\]\:mt-4 h2 {
    margin-top: calc(var(--spacing) * 4);
  }

  .\[\&_h2\]\:text-lg h2 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .\[\&_h2\]\:font-semibold h2 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_li\]\:ml-5 li {
    margin-left: calc(var(--spacing) * 5);
  }

  .\[\&_li\]\:list-disc li {
    list-style-type: disc;
  }

  .\[\&_ol\>li\]\:list-decimal ol > li {
    list-style-type: decimal;
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:size-3\.5 svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]), .\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\:not\(\[class\*\=text-\]\)\]\:text-muted-foreground svg:not([class*="text-"]) {
    color: var(--muted-foreground);
  }

  .\[\&_table\]\:w-full table {
    width: 100%;
  }

  .\[\&_table\]\:text-sm table {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .\[\&_td\]\:border td {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_td\]\:px-2 td {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_td\]\:py-1 td {
    padding-block: var(--spacing);
  }

  .\[\&_th\]\:border th {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_th\]\:bg-muted\/50 th {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_th\]\:bg-muted\/50 th {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .\[\&_th\]\:px-2 th {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_th\]\:py-1 th {
    padding-block: var(--spacing);
  }

  .\[\&_th\]\:text-left th {
    text-align: left;
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  .\[\.border-b\]\:pb-\(--card-spacing\).border-b {
    padding-bottom: var(--card-spacing);
  }

  .\[\.border-t\]\:pt-\(--card-spacing\).border-t {
    padding-top: var(--card-spacing);
  }

  :is(.\*\:\[a\]\:underline > *):is(a) {
    text-decoration-line: underline;
  }

  :is(.\*\:\[a\]\:underline-offset-3 > *):is(a) {
    text-underline-offset: 3px;
  }

  @media (hover: hover) {
    .\[a\]\:hover\:bg-destructive\/20:is(a):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-destructive\/20:is(a):hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }

    .\[a\]\:hover\:bg-muted:is(a):hover {
      background-color: var(--muted);
    }

    .\[a\]\:hover\:bg-primary\/80:is(a):hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-primary\/80:is(a):hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }

    .\[a\]\:hover\:bg-secondary\/80:is(a):hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-secondary\/80:is(a):hover {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
      }
    }

    .\[a\]\:hover\:text-muted-foreground:is(a):hover {
      color: var(--muted-foreground);
    }

    :is(.\*\:\[a\]\:hover\:text-foreground > *):is(a):hover {
      color: var(--foreground);
    }
  }

  :is(.\*\:\[img\:first-child\]\:rounded-t-xl > *):is(img:first-child) {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }

  :is(.\*\:\[img\:last-child\]\:rounded-b-xl > *):is(img:last-child) {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }

  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }

  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }

  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant="destructive"] > *):is(svg) {
    color: var(--destructive) !important;
  }

  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant="destructive"] > *):is(svg) {
    color: var(--destructive);
  }

  .\[\&\>\*\]\:min-w-0 > * {
    min-width: 0;
  }

  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }

  .\[\&\>svg\]\:size-3\! > svg {
    width: calc(var(--spacing) * 3) !important;
    height: calc(var(--spacing) * 3) !important;
  }

  .\[\&\>svg\]\:size-3\.5\! > svg {
    width: calc(var(--spacing) * 3.5) !important;
    height: calc(var(--spacing) * 3.5) !important;
  }

  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size="lg"]) *) > svg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size="sm"]) *) > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="default"] *) > svg, .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="lg"] *) > svg {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size="sm"] *) > svg {
    display: none;
  }

  @media (hover: hover) {
    .\[\@media\(hover\:hover\)\]\:hidden {
      display: none;
    }

    .\[\@media\(hover\:hover\)\]\:opacity-0 {
      opacity: 0;
    }

    .\[\@media\(hover\:hover\)\]\:group-focus-within\:flex:is(:where(.group):focus-within *) {
      display: flex;
    }

    .\[\@media\(hover\:hover\)\]\:group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
      opacity: 1;
    }

    @media (hover: hover) {
      .\[\@media\(hover\:hover\)\]\:group-hover\:flex:is(:where(.group):hover *) {
        display: flex;
      }

      .\[\@media\(hover\:hover\)\]\:group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1;
      }
    }

    .\[\@media\(hover\:hover\)\]\:has-data-popup-open\:flex:has([data-popup-open]) {
      display: flex;
    }

    .\[\@media\(hover\:hover\)\]\:has-data-popup-open\:opacity-100:has([data-popup-open]) {
      opacity: 1;
    }
  }

  @media (max-height: 90px) {
    .\[\@media\(max-height\:90px\)\]\:hidden {
      display: none;
    }
  }

  @media (min-resolution: 2x) {
    .\[\@media\(min-resolution\:2dppx\)\]\:opacity-100 {
      opacity: 1;
    }
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-t {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-b {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-s {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-e {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-mask {
  syntax: "*";
  inherits: false
}

@property --shimmer-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 20deg;
}

@property --shimmer-image {
  syntax: "*";
  inherits: false
}

@property --shimmer-text-fill {
  syntax: "*";
  inherits: false
}

@media (prefers-reduced-motion: reduce) {
  .shimmer {
    -webkit-text-fill-color: currentColor;
    background-image: none;
    animation: none;
  }
}

.bn-container [data-test="bold"] svg, svg.univerjs-icon-bold-icon, .bn-container [data-test="italic"] svg, svg.univerjs-icon-italic-icon, .bn-container [data-test="underline"] svg, svg.univerjs-icon-underline-icon, .bn-container [data-test="strike"] svg, svg.univerjs-icon-strikethrough-icon, .bn-container [data-test="code"] svg, .bn-container [data-test="alignTextLeft"] svg, svg.univerjs-icon-left-justifying-icon, .bn-container [data-test="alignTextCenter"] svg, svg.univerjs-icon-horizontally-icon, .bn-container [data-test="alignTextRight"] svg, svg.univerjs-icon-right-justifying-icon, .bn-container [data-test="alignTextJustify"] svg, svg.univerjs-icon-align-text-both-icon, .bn-container [data-test="createLink"] svg, svg.univerjs-icon-link-icon, svg.univerjs-icon-insert-link-double-icon, .bn-container [data-test="nestBlock"] svg, .bn-container [data-test="unnestBlock"] svg, .bn-container [data-test="dragHandle"] svg, .bn-container [data-test="tableHandle"] svg, svg.univerjs-icon-grip-vertical-icon, .bn-container [data-test="dragHandleAdd"] svg, .bn-container [data-test="extendButton"] svg, svg.univerjs-icon-increase-icon, .bn-container [data-test="tableCellHandle"] svg, svg.univerjs-icon-more-down-icon, svg.univerjs-icon-down-icon, svg.univerjs-icon-undo-icon, svg.univerjs-icon-redo-icon, svg.univerjs-icon-brush-icon, svg.univerjs-icon-clear-format-double-icon, svg.univerjs-icon-paste-special-double-icon, svg.univerjs-icon-doc-paste-options-icon, svg.univerjs-icon-more-up-icon, svg.univerjs-icon-more-left-icon, svg.univerjs-icon-more-right-icon, svg.univerjs-icon-more-horizontal-icon, svg.univerjs-icon-more-vertical-icon, svg.univerjs-icon-font-size-increase-icon, svg.univerjs-icon-font-size-reduce-icon, svg.univerjs-icon-subscript-icon, svg.univerjs-icon-superscript-icon, svg.univerjs-icon-align-top-icon, svg.univerjs-icon-vertical-center-icon, svg.univerjs-icon-align-bottom-icon, svg.univerjs-icon-overflow-icon, svg.univerjs-icon-autowrap-icon, svg.univerjs-icon-truncation-icon, svg.univerjs-icon-merge-all-icon, svg.univerjs-icon-protect-icon, svg.univerjs-icon-lock-icon, svg.univerjs-icon-unlock-icon, svg.univerjs-icon-keyboard-icon, svg.univerjs-icon-feature-search-icon, svg.univerjs-icon-search-icon, svg.univerjs-icon-close-icon, svg.univerjs-icon-check-mark-icon, svg.univerjs-icon-reduce-icon, svg.univerjs-icon-order-icon, svg.univerjs-icon-unorder-icon, svg.univerjs-icon-todo-list-double-icon, svg.univerjs-icon-catalogue-icon, svg.univerjs-icon-statistical-function-icon, svg.univerjs-icon-copy-icon, svg.univerjs-icon-copy-double-icon, svg.univerjs-icon-cut-icon, svg.univerjs-icon-delete-icon, svg.univerjs-icon-unlink-icon, svg.univerjs-icon-add-image-icon, svg.univerjs-icon-download-image-icon, svg.univerjs-icon-comment-icon, svg.univerjs-icon-filter-icon, svg.univerjs-icon-eye-icon, svg.univerjs-icon-zoom-in-icon, svg.univerjs-icon-zoom-out-icon, svg.univerjs-icon-table-icon, svg.univerjs-icon-code-block-icon, svg.univerjs-icon-clock-icon, svg.univerjs-icon-doc-setting-icon, svg.univerjs-icon-paragraph-setting-icon, svg.univerjs-icon-section-setting-icon {
  -webkit-mask: var(--kf-icon) center / contain no-repeat;
  mask: var(--kf-icon) center / contain no-repeat;
  background-color: currentColor;
}

.bn-container [data-test="bold"] svg > *, svg.univerjs-icon-bold-icon > *, .bn-container [data-test="italic"] svg > *, svg.univerjs-icon-italic-icon > *, .bn-container [data-test="underline"] svg > *, svg.univerjs-icon-underline-icon > *, .bn-container [data-test="strike"] svg > *, svg.univerjs-icon-strikethrough-icon > *, .bn-container [data-test="code"] svg > *, .bn-container [data-test="alignTextLeft"] svg > *, svg.univerjs-icon-left-justifying-icon > *, .bn-container [data-test="alignTextCenter"] svg > *, svg.univerjs-icon-horizontally-icon > *, .bn-container [data-test="alignTextRight"] svg > *, svg.univerjs-icon-right-justifying-icon > *, .bn-container [data-test="alignTextJustify"] svg > *, svg.univerjs-icon-align-text-both-icon > *, .bn-container [data-test="createLink"] svg > *, svg.univerjs-icon-link-icon > *, svg.univerjs-icon-insert-link-double-icon > *, .bn-container [data-test="nestBlock"] svg > *, .bn-container [data-test="unnestBlock"] svg > *, .bn-container [data-test="dragHandle"] svg > *, .bn-container [data-test="tableHandle"] svg > *, svg.univerjs-icon-grip-vertical-icon > *, .bn-container [data-test="dragHandleAdd"] svg > *, .bn-container [data-test="extendButton"] svg > *, svg.univerjs-icon-increase-icon > *, .bn-container [data-test="tableCellHandle"] svg > *, svg.univerjs-icon-more-down-icon > *, svg.univerjs-icon-down-icon > *, svg.univerjs-icon-undo-icon > *, svg.univerjs-icon-redo-icon > *, svg.univerjs-icon-brush-icon > *, svg.univerjs-icon-clear-format-double-icon > *, svg.univerjs-icon-paste-special-double-icon > *, svg.univerjs-icon-doc-paste-options-icon > *, svg.univerjs-icon-more-up-icon > *, svg.univerjs-icon-more-left-icon > *, svg.univerjs-icon-more-right-icon > *, svg.univerjs-icon-more-horizontal-icon > *, svg.univerjs-icon-more-vertical-icon > *, svg.univerjs-icon-font-size-increase-icon > *, svg.univerjs-icon-font-size-reduce-icon > *, svg.univerjs-icon-subscript-icon > *, svg.univerjs-icon-superscript-icon > *, svg.univerjs-icon-align-top-icon > *, svg.univerjs-icon-vertical-center-icon > *, svg.univerjs-icon-align-bottom-icon > *, svg.univerjs-icon-overflow-icon > *, svg.univerjs-icon-autowrap-icon > *, svg.univerjs-icon-truncation-icon > *, svg.univerjs-icon-merge-all-icon > *, svg.univerjs-icon-protect-icon > *, svg.univerjs-icon-lock-icon > *, svg.univerjs-icon-unlock-icon > *, svg.univerjs-icon-keyboard-icon > *, svg.univerjs-icon-feature-search-icon > *, svg.univerjs-icon-search-icon > *, svg.univerjs-icon-close-icon > *, svg.univerjs-icon-check-mark-icon > *, svg.univerjs-icon-reduce-icon > *, svg.univerjs-icon-order-icon > *, svg.univerjs-icon-unorder-icon > *, svg.univerjs-icon-todo-list-double-icon > *, svg.univerjs-icon-catalogue-icon > *, svg.univerjs-icon-statistical-function-icon > *, svg.univerjs-icon-copy-icon > *, svg.univerjs-icon-copy-double-icon > *, svg.univerjs-icon-cut-icon > *, svg.univerjs-icon-delete-icon > *, svg.univerjs-icon-unlink-icon > *, svg.univerjs-icon-add-image-icon > *, svg.univerjs-icon-download-image-icon > *, svg.univerjs-icon-comment-icon > *, svg.univerjs-icon-filter-icon > *, svg.univerjs-icon-eye-icon > *, svg.univerjs-icon-zoom-in-icon > *, svg.univerjs-icon-zoom-out-icon > *, svg.univerjs-icon-table-icon > *, svg.univerjs-icon-code-block-icon > *, svg.univerjs-icon-clock-icon > *, svg.univerjs-icon-doc-setting-icon > *, svg.univerjs-icon-paragraph-setting-icon > *, svg.univerjs-icon-section-setting-icon > * {
  display: none;
}

.bn-container [data-test="bold"] svg, svg.univerjs-icon-bold-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.6 4.44H13.08C14.082 4.44 15.043 4.839 15.753 5.547C16.461 6.257 16.86 7.218 16.86 8.22C16.86 9.222 16.461 10.185 15.753 10.893C15.043 11.601 14.082 12 13.08 12H6.6V4.44Z'/%3E%3Cpath d='M6.6 12H14.16C15.162 12 16.123 12.399 16.833 13.107C17.541 13.817 17.94 14.778 17.94 15.78C17.94 16.782 17.541 17.745 16.833 18.453C16.123 19.161 15.162 19.56 14.16 19.56H6.6V12Z'/%3E%3C/svg%3E");
}

.bn-container [data-test="italic"] svg, svg.univerjs-icon-italic-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.84 4.44H18.48M5.52 19.56H14.16M14.7 4.44L9.3 19.56'/%3E%3C/svg%3E");
}

.bn-container [data-test="underline"] svg, svg.univerjs-icon-underline-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.25 3.375V10.275C6.25 11.8 6.856 13.263 7.934 14.341C9.012 15.419 10.475 16.025 12 16.025C13.525 16.025 14.988 15.419 16.066 14.341C17.144 13.263 17.75 11.8 17.75 10.275V3.375'/%3E%3Cpath d='M4.525 21.2H19.475'/%3E%3C/svg%3E");
}

.bn-container [data-test="strike"] svg, svg.univerjs-icon-strikethrough-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.5 6.5C15.8 4.9 14.1 4 12 4 9.2 4 7.3 5.5 7.3 7.6c0 1.6 1.1 2.7 3.2 3.4'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M16.2 14.5c.4.5.6 1.1.6 1.8 0 2.3-2.1 3.7-4.8 3.7-2.4 0-4.3-1-5-2.8'/%3E%3C/svg%3E");
}

.bn-container [data-test="code"] svg {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.975 6.25L2.225 12L7.975 17.75M16.025 6.25L21.775 12L16.025 17.75'/%3E%3C/svg%3E");
}

.bn-container [data-test="alignTextLeft"] svg, svg.univerjs-icon-left-justifying-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.375 5.1H20.625M3.375 12H13.725M3.375 18.9H17.175'/%3E%3C/svg%3E");
}

.bn-container [data-test="alignTextCenter"] svg, svg.univerjs-icon-horizontally-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.375 5.1H20.625M6.825 12H17.175M5.1 18.9H18.9'/%3E%3C/svg%3E");
}

.bn-container [data-test="alignTextRight"] svg, svg.univerjs-icon-right-justifying-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.375 5.1H20.625M10.275 12H20.625M6.825 18.9H20.625'/%3E%3C/svg%3E");
}

.bn-container [data-test="alignTextJustify"] svg, svg.univerjs-icon-align-text-both-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 5.5h17M3.5 10h17M3.5 14.5h17M3.5 19h17'/%3E%3C/svg%3E");
}

.bn-container [data-test="createLink"] svg, svg.univerjs-icon-link-icon, svg.univerjs-icon-insert-link-double-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.842 17.263H7.263C5.867 17.263 4.528 16.708 3.541 15.722C2.555 14.735 2 13.396 2 12C2 10.604 2.555 9.265 3.541 8.278C4.528 7.292 5.867 6.737 7.263 6.737H8.842'/%3E%3Cpath d='M15.158 6.737H16.737C18.133 6.737 19.472 7.292 20.459 8.278C21.445 9.265 22 10.604 22 12C22 13.396 21.445 14.735 20.459 15.722C19.472 16.708 18.133 17.263 16.737 17.263H15.158'/%3E%3Cpath d='M8.316 12H15.684'/%3E%3C/svg%3E");
}

.bn-container [data-test="nestBlock"] svg {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.375 5.1H20.625M10.85 12H20.625M3.375 18.9H20.625'/%3E%3Cpath d='M3.375 9.125L6.825 12L3.375 14.875'/%3E%3C/svg%3E");
}

.bn-container [data-test="unnestBlock"] svg {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.375 5.1H20.625M10.85 12H20.625M3.375 18.9H20.625'/%3E%3Cpath d='M6.825 9.125L3.375 12L6.825 14.875'/%3E%3C/svg%3E");
}

.bn-container [data-test="dragHandle"] svg, .bn-container [data-test="tableHandle"] svg, svg.univerjs-icon-grip-vertical-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.76 6.923C9.535 6.923 10.164 6.294 10.164 5.519C10.164 4.743 9.535 4.115 8.76 4.115C7.985 4.115 7.356 4.743 7.356 5.519C7.356 6.294 7.985 6.923 8.76 6.923Z' fill='black'/%3E%3Cpath d='M15.24 6.923C16.015 6.923 16.644 6.294 16.644 5.519C16.644 4.743 16.015 4.115 15.24 4.115C14.465 4.115 13.836 4.743 13.836 5.519C13.836 6.294 14.465 6.923 15.24 6.923Z' fill='black'/%3E%3Cpath d='M8.76 13.403C9.535 13.403 10.164 12.774 10.164 11.999C10.164 11.223 9.535 10.595 8.76 10.595C7.985 10.595 7.356 11.223 7.356 11.999C7.356 12.774 7.985 13.403 8.76 13.403Z' fill='black'/%3E%3Cpath d='M15.24 13.403C16.015 13.403 16.644 12.774 16.644 11.999C16.644 11.223 16.015 10.595 15.24 10.595C14.465 10.595 13.836 11.223 13.836 11.999C13.836 12.774 14.465 13.403 15.24 13.403Z' fill='black'/%3E%3Cpath d='M8.76 19.883C9.535 19.883 10.164 19.254 10.164 18.479C10.164 17.703 9.535 17.075 8.76 17.075C7.985 17.075 7.356 17.703 7.356 18.479C7.356 19.254 7.985 19.883 8.76 19.883Z' fill='black'/%3E%3Cpath d='M15.24 19.883C16.015 19.883 16.644 19.254 16.644 18.479C16.644 17.703 16.015 17.075 15.24 17.075C14.465 17.075 13.836 17.703 13.836 18.479C13.836 19.254 14.465 19.883 15.24 19.883Z' fill='black'/%3E%3C/svg%3E");
}

.bn-container [data-test="dragHandleAdd"] svg, .bn-container [data-test="extendButton"] svg, svg.univerjs-icon-increase-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.44V19.56M4.44 12H19.56'/%3E%3C/svg%3E");
}

.bn-container [data-test="tableCellHandle"] svg, svg.univerjs-icon-more-down-icon, svg.univerjs-icon-down-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.52 9.3L12 15.78L18.48 9.3'/%3E%3C/svg%3E");
}

svg.univerjs-icon-undo-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.55 14.875L3.375 9.7L8.55 4.525'/%3E%3Cpath d='M3.375 9.7H14.875C16.4 9.7 17.863 10.306 18.941 11.384C20.019 12.462 20.625 13.925 20.625 15.45C20.625 16.975 20.019 18.438 18.941 19.516C17.863 20.594 16.4 21.2 14.875 21.2H11.425'/%3E%3C/svg%3E");
}

svg.univerjs-icon-redo-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.45 14.875L20.625 9.7L15.45 4.525'/%3E%3Cpath d='M20.625 9.7H9.125C7.6 9.7 6.137 10.306 5.06 11.384C3.981 12.462 3.375 13.925 3.375 15.45C3.375 16.975 3.981 18.438 5.06 19.516C6.137 20.594 7.6 21.2 9.125 21.2H12.575'/%3E%3C/svg%3E");
}

svg.univerjs-icon-brush-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3H16A2.5 2.5 0 0 1 18.5 5.5V6.5A2.5 2.5 0 0 1 16 9H6A2.5 2.5 0 0 1 3.5 6.5V5.5A2.5 2.5 0 0 1 6 3Z'/%3E%3Cpath d='M18.5 6h1a1.5 1.5 0 0 1 1.5 1.5v2.2a1.5 1.5 0 0 1-1.5 1.5H13a1.5 1.5 0 0 0-1.5 1.5V14'/%3E%3Cpath d='M11.1 14H11.9A1.6 1.6 0 0 1 13.5 15.6V19.4A1.6 1.6 0 0 1 11.9 21H11.1A1.6 1.6 0 0 1 9.5 19.4V15.6A1.6 1.6 0 0 1 11.1 14Z'/%3E%3C/svg%3E");
}

svg.univerjs-icon-clear-format-double-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.95 5.675V4.525C3.95 4.18 4.18 3.95 4.525 3.95H19.475C19.82 3.95 20.05 4.18 20.05 4.525V5.675'/%3E%3Cpath d='M12.575 3.95L9.125 20.05'/%3E%3Cpath d='M6.825 20.05H11.425'/%3E%3Cpath d='M15.45 14.3L21.2 20.05M21.2 14.3L15.45 20.05'/%3E%3C/svg%3E");
}

svg.univerjs-icon-paste-special-double-icon, svg.univerjs-icon-doc-paste-options-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4.5H7.5a3.5 3.5 0 0 0-3.5 3.5v9.5A3.5 3.5 0 0 0 7.5 21h3'/%3E%3Cpath d='M15 4.5h1.5A3.5 3.5 0 0 1 20 8v2'/%3E%3Cpath d='M10.5 3H13.5A1.5 1.5 0 0 1 15 4.5V5A1.5 1.5 0 0 1 13.5 6.5H10.5A1.5 1.5 0 0 1 9 5V4.5A1.5 1.5 0 0 1 10.5 3Z'/%3E%3Cpath d='M15.5 13H18.5A2.5 2.5 0 0 1 21 15.5V18.5A2.5 2.5 0 0 1 18.5 21H15.5A2.5 2.5 0 0 1 13 18.5V15.5A2.5 2.5 0 0 1 15.5 13Z'/%3E%3C/svg%3E");
}

svg.univerjs-icon-more-up-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.52 14.7L12 8.22L18.48 14.7'/%3E%3C/svg%3E");
}

svg.univerjs-icon-more-left-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 5.52L8.22 12L14.7 18.48'/%3E%3C/svg%3E");
}

svg.univerjs-icon-more-right-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.3 5.52L15.78 12L9.3 18.48'/%3E%3C/svg%3E");
}

svg.univerjs-icon-more-horizontal-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.1 13.84C6.117 13.84 6.94 13.017 6.94 12C6.94 10.985 6.117 10.16 5.1 10.16C4.083 10.16 3.26 10.985 3.26 12C3.26 13.017 4.083 13.84 5.1 13.84Z' fill='black'/%3E%3Cpath d='M12 13.84C13.017 13.84 13.84 13.017 13.84 12C13.84 10.985 13.017 10.16 12 10.16C10.983 10.16 10.16 10.985 10.16 12C10.16 13.017 10.983 13.84 12 13.84Z' fill='black'/%3E%3Cpath d='M18.9 13.84C19.917 13.84 20.74 13.017 20.74 12C20.74 10.985 19.917 10.16 18.9 10.16C17.883 10.16 17.06 10.985 17.06 12C17.06 13.017 17.883 13.84 18.9 13.84Z' fill='black'/%3E%3C/svg%3E");
}

svg.univerjs-icon-more-vertical-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.4 5.5A1.6 1.6 0 1 0 13.6 5.5A1.6 1.6 0 1 0 10.4 5.5Z' fill='black'/%3E%3Cpath d='M10.4 12A1.6 1.6 0 1 0 13.6 12A1.6 1.6 0 1 0 10.4 12Z' fill='black'/%3E%3Cpath d='M10.4 18.5A1.6 1.6 0 1 0 13.6 18.5A1.6 1.6 0 1 0 10.4 18.5Z' fill='black'/%3E%3C/svg%3E");
}

svg.univerjs-icon-font-size-increase-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19 7.4 7.6c.3-.8 1.4-.8 1.7 0L13.5 19'/%3E%3Cpath d='M4.8 15h6.9'/%3E%3Cpath d='M18.5 19v-9M15.5 13l3-3 3 3'/%3E%3C/svg%3E");
}

svg.univerjs-icon-font-size-reduce-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19 7.4 7.6c.3-.8 1.4-.8 1.7 0L13.5 19'/%3E%3Cpath d='M4.8 15h6.9'/%3E%3Cpath d='M18.5 10v9M15.5 16l3 3 3-3'/%3E%3C/svg%3E");
}

svg.univerjs-icon-subscript-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 6.5 11 15M11 6.5 3.5 15'/%3E%3Cpath d='M20.5 20h-4.2c0-1.9 4-2.3 4-4.4 0-.9-.8-1.6-1.9-1.6-.9 0-1.6.4-2 1'/%3E%3C/svg%3E");
}

svg.univerjs-icon-superscript-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 9 11 17.5M11 9l-7.5 8.5'/%3E%3Cpath d='M20.5 11h-4.2c0-1.9 4-2.3 4-4.4 0-.9-.8-1.6-1.9-1.6-.9 0-1.6.4-2 1'/%3E%3C/svg%3E");
}

svg.univerjs-icon-align-top-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 3.5h16'/%3E%3Cpath d='M8.8 7H9.2A1.8 1.8 0 0 1 11 8.8V18.2A1.8 1.8 0 0 1 9.2 20H8.8A1.8 1.8 0 0 1 7 18.2V8.8A1.8 1.8 0 0 1 8.8 7Z'/%3E%3Cpath d='M14.8 7H15.2A1.8 1.8 0 0 1 17 8.8V13.2A1.8 1.8 0 0 1 15.2 15H14.8A1.8 1.8 0 0 1 13 13.2V8.8A1.8 1.8 0 0 1 14.8 7Z'/%3E%3C/svg%3E");
}

svg.univerjs-icon-vertical-center-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h3M11 12h2M17 12h3'/%3E%3Cpath d='M8.8 5H9.2A1.8 1.8 0 0 1 11 6.8V17.2A1.8 1.8 0 0 1 9.2 19H8.8A1.8 1.8 0 0 1 7 17.2V6.8A1.8 1.8 0 0 1 8.8 5Z'/%3E%3Cpath d='M14.8 8H15.2A1.8 1.8 0 0 1 17 9.8V14.2A1.8 1.8 0 0 1 15.2 16H14.8A1.8 1.8 0 0 1 13 14.2V9.8A1.8 1.8 0 0 1 14.8 8Z'/%3E%3C/svg%3E");
}

svg.univerjs-icon-align-bottom-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20.5h16'/%3E%3Cpath d='M8.8 4H9.2A1.8 1.8 0 0 1 11 5.8V15.2A1.8 1.8 0 0 1 9.2 17H8.8A1.8 1.8 0 0 1 7 15.2V5.8A1.8 1.8 0 0 1 8.8 4Z'/%3E%3Cpath d='M14.8 9H15.2A1.8 1.8 0 0 1 17 10.8V15.2A1.8 1.8 0 0 1 15.2 17H14.8A1.8 1.8 0 0 1 13 15.2V10.8A1.8 1.8 0 0 1 14.8 9Z'/%3E%3C/svg%3E");
}

svg.univerjs-icon-overflow-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 4v16M14 4v16'/%3E%3Cpath d='M6.5 12h14.5'/%3E%3Cpath d='M18 9l3 3-3 3'/%3E%3C/svg%3E");
}

svg.univerjs-icon-autowrap-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 6h17'/%3E%3Cpath d='M3.5 12h13.5a3 3 0 0 1 0 6H13'/%3E%3Cpath d='M15 16l-2 2 2 2'/%3E%3Cpath d='M3.5 18H9'/%3E%3C/svg%3E");
}

svg.univerjs-icon-truncation-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 4v16M17.5 4v16'/%3E%3Cpath d='M6.5 12h8'/%3E%3Cpath d='M12 9l3 3-3 3'/%3E%3Cpath d='M20.5 9v6'/%3E%3C/svg%3E");
}

svg.univerjs-icon-merge-all-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 4H16.5A4.5 4.5 0 0 1 21 8.5V15.5A4.5 4.5 0 0 1 16.5 20H7.5A4.5 4.5 0 0 1 3 15.5V8.5A4.5 4.5 0 0 1 7.5 4Z'/%3E%3Cpath d='M12 4v3.5M12 16.5V20'/%3E%3Cpath d='M6.5 12h3.5M8.5 10l2 2-2 2'/%3E%3Cpath d='M17.5 12H14M15.5 10l-2 2 2 2'/%3E%3C/svg%3E");
}

svg.univerjs-icon-protect-icon, svg.univerjs-icon-lock-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.6 10.275H7.4C5.177 10.275 3.375 12.077 3.375 14.3V17.75C3.375 19.973 5.177 21.775 7.4 21.775H16.6C18.823 21.775 20.625 19.973 20.625 17.75V14.3C20.625 12.077 18.823 10.275 16.6 10.275Z'/%3E%3Cpath d='M7.4 10.275V7.4C7.4 6.18 7.884 5.01 8.748 4.148C9.61 3.284 10.78 2.8 12 2.8C13.22 2.8 14.39 3.284 15.252 4.148C16.116 5.01 16.6 6.18 16.6 7.4V10.275'/%3E%3Cpath d='M12 14.875V17.175'/%3E%3C/svg%3E");
}

svg.univerjs-icon-unlock-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.6 10.275H7.4C5.177 10.275 3.375 12.077 3.375 14.3V17.75C3.375 19.973 5.177 21.775 7.4 21.775H16.6C18.823 21.775 20.625 19.973 20.625 17.75V14.3C20.625 12.077 18.823 10.275 16.6 10.275Z'/%3E%3Cpath d='M7.4 10.275V7.4C7.406 6.336 7.778 5.307 8.457 4.488C9.135 3.669 10.076 3.111 11.12 2.907C12.164 2.705 13.247 2.869 14.183 3.373C15.119 3.878 15.851 4.691 16.255 5.675'/%3E%3Cpath d='M12 14.875V17.175'/%3E%3C/svg%3E");
}

svg.univerjs-icon-keyboard-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 5.5H17.5A4 4 0 0 1 21.5 9.5V14.5A4 4 0 0 1 17.5 18.5H6.5A4 4 0 0 1 2.5 14.5V9.5A4 4 0 0 1 6.5 5.5Z'/%3E%3Cpath d='M5.9 10A1.1 1.1 0 1 0 8.1 10A1.1 1.1 0 1 0 5.9 10Z' fill='black'/%3E%3Cpath d='M9.200000000000001 10A1.1 1.1 0 1 0 11.4 10A1.1 1.1 0 1 0 9.200000000000001 10Z' fill='black'/%3E%3Cpath d='M12.6 10A1.1 1.1 0 1 0 14.799999999999999 10A1.1 1.1 0 1 0 12.6 10Z' fill='black'/%3E%3Cpath d='M15.9 10A1.1 1.1 0 1 0 18.1 10A1.1 1.1 0 1 0 15.9 10Z' fill='black'/%3E%3Cpath d='M8 14.5h8'/%3E%3C/svg%3E");
}

svg.univerjs-icon-feature-search-icon, svg.univerjs-icon-search-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.85 18.325C14.979 18.325 18.325 14.979 18.325 10.85C18.325 6.722 14.979 3.375 10.85 3.375C6.722 3.375 3.375 6.722 3.375 10.85C3.375 14.979 6.722 18.325 10.85 18.325Z'/%3E%3Cpath d='M16.6 16.6L21.2 21.2'/%3E%3Cpath d='M10.85 13.61C12.374 13.61 13.61 12.374 13.61 10.85C13.61 9.325 12.374 8.09 10.85 8.09C9.326 8.09 8.09 9.325 8.09 10.85C8.09 12.374 9.326 13.61 10.85 13.61Z' fill='black'/%3E%3C/svg%3E");
}

svg.univerjs-icon-close-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.06 6.06L17.94 17.94M17.94 6.06L6.06 17.94'/%3E%3C/svg%3E");
}

svg.univerjs-icon-check-mark-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.44 12.54L9.3 17.4L19.56 7.14'/%3E%3C/svg%3E");
}

svg.univerjs-icon-reduce-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.44 12H19.56'/%3E%3C/svg%3E");
}

svg.univerjs-icon-order-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 6h10.5M10 12h10.5M10 18h10.5'/%3E%3Cpath d='M3.8 4.8 5 4v5'/%3E%3Cpath d='M6.3 20H3.6c0-1.6 2.7-1.9 2.7-3.5 0-.7-.6-1.2-1.4-1.2-.6 0-1.1.3-1.3.8'/%3E%3C/svg%3E");
}

svg.univerjs-icon-unorder-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 6A1.3 1.3 0 1 0 6.1 6A1.3 1.3 0 1 0 3.5 6Z' fill='black'/%3E%3Cpath d='M3.5 12A1.3 1.3 0 1 0 6.1 12A1.3 1.3 0 1 0 3.5 12Z' fill='black'/%3E%3Cpath d='M3.5 18A1.3 1.3 0 1 0 6.1 18A1.3 1.3 0 1 0 3.5 18Z' fill='black'/%3E%3Cpath d='M9 6h11.5M9 12h11.5M9 18h11.5'/%3E%3C/svg%3E");
}

svg.univerjs-icon-todo-list-double-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.85 5.675H21.2M10.85 12H21.2M10.85 18.325H21.2'/%3E%3Cpath d='M2.225 5.675L3.95 7.4L7.4 3.95'/%3E%3Cpath d='M2.225 12L3.95 13.725L7.4 10.275'/%3E%3Cpath d='M2.8 18.325H6.25'/%3E%3C/svg%3E");
}

svg.univerjs-icon-catalogue-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.375 5.1H20.625M3.375 12H20.625M3.375 18.9H13.725'/%3E%3C/svg%3E");
}

svg.univerjs-icon-statistical-function-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 6.6V4.98C17.94 4.656 17.724 4.44 17.4 4.44H6.06L12.54 12L6.06 19.56H17.4C17.724 19.56 17.94 19.344 17.94 19.02V17.4'/%3E%3C/svg%3E");
}

svg.univerjs-icon-copy-icon, svg.univerjs-icon-copy-double-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.6 7.975H12.575C10.035 7.975 7.975 10.035 7.975 12.575V16.6C7.975 19.14 10.035 21.2 12.575 21.2H16.6C19.14 21.2 21.2 19.14 21.2 16.6V12.575C21.2 10.035 19.14 7.975 16.6 7.975Z'/%3E%3Cpath d='M16.025 7.975V6.825C16.025 5.758 15.601 4.734 14.846 3.979C14.091 3.224 13.067 2.8 12 2.8H6.825C5.758 2.8 4.734 3.224 3.979 3.979C3.224 4.734 2.8 5.758 2.8 6.825V12C2.8 13.067 3.224 14.091 3.979 14.846C4.734 15.601 5.758 16.025 6.825 16.025H7.975'/%3E%3C/svg%3E");
}

svg.univerjs-icon-cut-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.675 9.125C7.263 9.125 8.55 7.838 8.55 6.25C8.55 4.662 7.263 3.375 5.675 3.375C4.087 3.375 2.8 4.662 2.8 6.25C2.8 7.838 4.087 9.125 5.675 9.125Z'/%3E%3Cpath d='M5.675 20.625C7.263 20.625 8.55 19.338 8.55 17.75C8.55 16.162 7.263 14.875 5.675 14.875C4.087 14.875 2.8 16.162 2.8 17.75C2.8 19.338 4.087 20.625 5.675 20.625Z'/%3E%3Cpath d='M8.09 7.86L20.625 18.9'/%3E%3Cpath d='M8.09 16.14L20.625 5.1'/%3E%3C/svg%3E");
}

svg.univerjs-icon-delete-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.375 6.25H20.625'/%3E%3Cpath d='M8.55 6.25V5.33C8.55 4.66 8.817 4.016 9.291 3.541C9.766 3.067 10.41 2.8 11.08 2.8H12.92C13.252 2.8 13.581 2.866 13.888 2.992C14.195 3.12 14.474 3.306 14.709 3.541C14.944 3.776 15.13 4.055 15.258 4.362C15.384 4.669 15.45 4.998 15.45 5.33V6.25'/%3E%3Cpath d='M5.675 6.25L6.48 17.865C6.566 18.78 6.992 19.63 7.673 20.247C8.353 20.864 9.241 21.205 10.16 21.2H13.84C14.759 21.205 15.647 20.864 16.327 20.247C17.008 19.63 17.434 18.78 17.52 17.865L18.325 6.25'/%3E%3C/svg%3E");
}

svg.univerjs-icon-unlink-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.842 17.263H7.263C5.867 17.263 4.528 16.708 3.541 15.722C2.555 14.735 2 13.396 2 12C2 10.604 2.555 9.265 3.541 8.278C4.528 7.292 5.867 6.737 7.263 6.737H8.842'/%3E%3Cpath d='M15.158 6.737H16.737C18.133 6.737 19.472 7.292 20.459 8.278C21.445 9.265 22 10.604 22 12C22 13.396 21.445 14.735 20.459 15.722C19.472 16.708 18.133 17.263 16.737 17.263H15.158'/%3E%3Cpath d='M12 3.579V5.684M12 18.316V20.421'/%3E%3C/svg%3E");
}

svg.univerjs-icon-add-image-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.395 12V16.974C21.395 17.999 20.987 18.983 20.262 19.709C19.536 20.434 18.552 20.842 17.526 20.842H6.474C5.448 20.842 4.464 20.434 3.738 19.709C3.013 18.983 2.605 17.999 2.605 16.974V7.026C2.605 6.001 3.013 5.017 3.738 4.291C4.464 3.566 5.448 3.158 6.474 3.158H12.553'/%3E%3Cpath d='M18.079 1.5V8.132M14.763 4.816H21.395'/%3E%3Cpath d='M21.395 15.868L17.416 11.889C17.002 11.484 16.448 11.257 15.868 11.257C15.289 11.257 14.734 11.484 14.321 11.889L5.921 20.289'/%3E%3Cpath d='M8.684 11.225C9.783 11.225 10.674 10.334 10.674 9.236C10.674 8.137 9.783 7.246 8.684 7.246C7.586 7.246 6.695 8.137 6.695 9.236C6.695 10.334 7.586 11.225 8.684 11.225Z' fill='black'/%3E%3C/svg%3E");
}

svg.univerjs-icon-download-image-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8V15.45'/%3E%3Cpath d='M6.825 10.275L12 15.45L17.175 10.275'/%3E%3Cpath d='M3.95 20.625H20.05'/%3E%3C/svg%3E");
}

svg.univerjs-icon-comment-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.8 6.825C2.8 5.758 3.224 4.734 3.979 3.979C4.734 3.224 5.758 2.8 6.825 2.8H17.175C18.242 2.8 19.266 3.224 20.021 3.979C20.776 4.734 21.2 5.758 21.2 6.825V13.725C21.2 14.792 20.776 15.816 20.021 16.571C19.266 17.326 18.242 17.75 17.175 17.75H9.01C8.55 17.75 8.09 17.865 7.745 18.21L4.755 20.625C3.95 21.2 2.8 20.74 2.8 19.705V6.825Z'/%3E%3Cpath d='M9.125 11.827C9.983 11.827 10.678 11.133 10.678 10.275C10.678 9.418 9.983 8.723 9.125 8.723C8.267 8.723 7.573 9.418 7.573 10.275C7.573 11.133 8.267 11.827 9.125 11.827Z' fill='black'/%3E%3Cpath d='M14.875 11.827C15.733 11.827 16.428 11.133 16.428 10.275C16.428 9.418 15.733 8.723 14.875 8.723C14.017 8.723 13.323 9.418 13.323 10.275C13.323 11.133 14.017 11.827 14.875 11.827Z' fill='black'/%3E%3C/svg%3E");
}

svg.univerjs-icon-filter-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.49 3.375H20.51C21.43 3.375 21.89 4.525 21.315 5.215L14.875 12.69C14.53 13.035 14.3 13.61 14.3 14.185V19.245C14.3 19.705 14.07 20.05 13.725 20.28L11.425 21.66C10.62 22.12 9.7 21.545 9.7 20.625V14.185C9.7 13.61 9.47 13.035 9.125 12.69L2.685 5.215C2.11 4.525 2.57 3.375 3.49 3.375Z'/%3E%3C/svg%3E");
}

svg.univerjs-icon-eye-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.16 12.642C1.947 12.214 1.947 11.786 2.16 11.358C4.086 7.294 7.722 4.513 12 4.513C16.278 4.513 19.914 7.294 21.84 11.358C22.053 11.786 22.053 12.214 21.84 12.642C19.914 16.706 16.278 19.487 12 19.487C7.722 19.487 4.086 16.706 2.16 12.642Z'/%3E%3Cpath d='M12 15.424C13.89 15.424 15.422 13.891 15.422 12.001C15.422 10.11 13.89 8.579 12 8.579C10.11 8.579 8.578 10.11 8.578 12.001C8.578 13.891 10.11 15.424 12 15.424Z'/%3E%3Cpath d='M12 13.337C12.738 13.337 13.337 12.738 13.337 12C13.337 11.262 12.738 10.663 12 10.663C11.262 10.663 10.663 11.262 10.663 12C10.663 12.738 11.262 13.337 12 13.337Z' fill='black'/%3E%3C/svg%3E");
}

svg.univerjs-icon-zoom-in-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.85 18.325C14.979 18.325 18.325 14.979 18.325 10.85C18.325 6.722 14.979 3.375 10.85 3.375C6.722 3.375 3.375 6.722 3.375 10.85C3.375 14.979 6.722 18.325 10.85 18.325Z'/%3E%3Cpath d='M16.6 16.6L21.2 21.2'/%3E%3Cpath d='M10.85 7.975V13.725M7.975 10.85H13.725'/%3E%3C/svg%3E");
}

svg.univerjs-icon-zoom-out-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.85 18.325C14.979 18.325 18.325 14.979 18.325 10.85C18.325 6.722 14.979 3.375 10.85 3.375C6.722 3.375 3.375 6.722 3.375 10.85C3.375 14.979 6.722 18.325 10.85 18.325Z'/%3E%3Cpath d='M16.6 16.6L21.2 21.2'/%3E%3Cpath d='M7.975 10.85H13.725'/%3E%3C/svg%3E");
}

svg.univerjs-icon-table-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.75 2.8H6.25C4.027 2.8 2.225 4.602 2.225 6.825V17.175C2.225 19.398 4.027 21.2 6.25 21.2H17.75C19.973 21.2 21.775 19.398 21.775 17.175V6.825C21.775 4.602 19.973 2.8 17.75 2.8Z'/%3E%3Cpath d='M2.225 9.125H21.775M2.225 15.45H21.775M9.125 2.8V21.2'/%3E%3C/svg%3E");
}

svg.univerjs-icon-code-block-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 3H16.5A4.5 4.5 0 0 1 21 7.5V16.5A4.5 4.5 0 0 1 16.5 21H7.5A4.5 4.5 0 0 1 3 16.5V7.5A4.5 4.5 0 0 1 7.5 3Z'/%3E%3Cpath d='M10 9.5 7.5 12l2.5 2.5M14 9.5l2.5 2.5-2.5 2.5'/%3E%3C/svg%3E");
}

svg.univerjs-icon-clock-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21.775C17.398 21.775 21.775 17.398 21.775 12C21.775 6.602 17.398 2.225 12 2.225C6.602 2.225 2.225 6.602 2.225 12C2.225 17.398 6.602 21.775 12 21.775Z'/%3E%3Cpath d='M12 6.825V12L15.45 14.3'/%3E%3Cpath d='M12 13.494C12.826 13.494 13.495 12.825 13.495 11.999C13.495 11.173 12.826 10.504 12 10.504C11.174 10.504 10.505 11.173 10.505 11.999C10.505 12.825 11.174 13.494 12 13.494Z' fill='black'/%3E%3C/svg%3E");
}

svg.univerjs-icon-doc-setting-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.84 2.225H7.4C6.333 2.225 5.309 2.649 4.554 3.404C3.799 4.159 3.375 5.183 3.375 6.25V17.75C3.375 18.817 3.799 19.841 4.554 20.596C5.309 21.351 6.333 21.775 7.4 21.775H16.6C17.667 21.775 18.691 21.351 19.446 20.596C20.201 19.841 20.625 18.817 20.625 17.75V9.01C20.625 8.435 20.395 7.86 19.935 7.4L15.45 2.915C14.99 2.455 14.415 2.225 13.84 2.225Z'/%3E%3Cpath d='M13.725 2.454V6.824C13.725 7.282 13.907 7.721 14.23 8.044C14.554 8.367 14.992 8.549 15.45 8.549H20.395'/%3E%3Cpath d='M7.975 13.15H16.025M7.975 17.175H13.15'/%3E%3C/svg%3E");
}

svg.univerjs-icon-paragraph-setting-icon, svg.univerjs-icon-section-setting-icon {
  --kf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.3 17.75H3.375M20.625 6.25H9.7'/%3E%3Cpath d='M17.75 20.625C19.338 20.625 20.625 19.338 20.625 17.75C20.625 16.162 19.338 14.875 17.75 14.875C16.162 14.875 14.875 16.162 14.875 17.75C14.875 19.338 16.162 20.625 17.75 20.625Z'/%3E%3Cpath d='M6.25 9.125C7.838 9.125 9.125 7.838 9.125 6.25C9.125 4.662 7.838 3.375 6.25 3.375C4.662 3.375 3.375 4.662 3.375 6.25C3.375 7.838 4.662 9.125 6.25 9.125Z'/%3E%3C/svg%3E");
}

:root {
  --gradient-upgrade: linear-gradient(212deg, #fff7ba 7.4%, #fecbff 92.92%);
  --theme-50: var(--color-gray-50);
  --theme-100: var(--color-gray-100);
  --theme-200: var(--color-gray-200);
  --theme-300: var(--color-gray-300);
  --theme-400: var(--color-gray-400);
  --theme-500: var(--color-gray-500);
  --theme-600: var(--color-gray-600);
  --theme-700: var(--color-gray-700);
  --theme-800: var(--color-gray-800);
  --theme-900: var(--color-gray-900);
  --theme-solid: var(--color-gray-900);
  --theme-solid-hover: var(--color-gray-800);
  --theme-on-solid: var(--color-white);
  --theme-text-color: var(--color-gray-900);
  --theme-subtle-color: var(--color-gray-100);
  --theme-muted-color: var(--color-gray-200);
  --theme-border-color: var(--color-gray-200);
  --theme-ring: var(--color-gray-400);
  --control: var(--color-blue-500);
  --control-foreground: var(--color-white);
  --background: var(--color-gray-50);
  --foreground: var(--color-gray-900);
  --card: var(--color-white);
  --card-foreground: var(--color-gray-900);
  --popover: var(--color-white);
  --popover-foreground: var(--color-gray-900);
  --secondary: var(--color-gray-100);
  --secondary-foreground: var(--color-gray-900);
  --muted: var(--color-gray-100);
  --muted-foreground: var(--color-gray-600);
  --faint-foreground: var(--color-gray-400);
  --accent: var(--color-gray-100);
  --accent-active: var(--color-gray-200);
  --accent-foreground: var(--color-gray-900);
  --border: var(--color-gray-100);
  --border-strong: var(--color-gray-200);
  --input: var(--color-gray-200);
  --overlay: #00000080;
  --inverse: var(--color-gray-950);
  --inverse-foreground: var(--color-white);
  --inverse-muted: #ffffff1a;
  --inverse-muted-foreground: #ffffffb3;
  --inverse-border: #fff3;
  --destructive: var(--color-red-600);
  --destructive-foreground: var(--color-white);
  --destructive-subtle: var(--color-red-50);
  --destructive-border: var(--color-red-200);
  --success: var(--color-green-700);
  --success-foreground: var(--color-white);
  --success-subtle: var(--color-green-50);
  --success-border: var(--color-green-200);
  --warning: var(--color-orange-700);
  --warning-foreground: var(--color-white);
  --warning-subtle: var(--color-orange-50);
  --warning-border: var(--color-orange-200);
  --info: var(--color-blue-600);
  --info-foreground: var(--color-white);
  --info-subtle: var(--color-blue-50);
  --info-border: var(--color-blue-200);
}

.dark {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --theme-solid: var(--color-white);
  --theme-solid-hover: var(--color-gray-200);
  --theme-on-solid: var(--color-gray-900);
  --theme-text-color: var(--color-gray-50);
  --theme-subtle-color: var(--color-gray-800);
  --theme-muted-color: var(--color-gray-700);
  --theme-border-color: var(--color-gray-700);
  --theme-ring: var(--color-gray-500);
  --control: var(--color-blue-400);
  --control-foreground: var(--color-gray-900);
  --background: var(--color-gray-950);
  --foreground: var(--color-gray-50);
  --card: var(--color-gray-900);
  --card-foreground: var(--color-gray-50);
  --popover: var(--color-gray-800);
  --popover-foreground: var(--color-gray-50);
  --secondary: var(--color-gray-800);
  --secondary-foreground: var(--color-gray-50);
  --muted: var(--color-gray-800);
  --muted-foreground: var(--color-gray-400);
  --faint-foreground: var(--color-gray-600);
  --accent: #ffffff1a;
  --accent-active: #fff3;
  --accent-foreground: var(--color-gray-50);
  --border: #ffffff1a;
  --border-strong: #fff3;
  --input: #fff3;
  --overlay: #000000b3;
  --inverse: var(--color-gray-50);
  --inverse-foreground: var(--color-gray-900);
  --inverse-muted: #0000001a;
  --inverse-muted-foreground: #0009;
  --inverse-border: #0003;
  --destructive: var(--color-red-400);
  --destructive-foreground: var(--color-gray-900);
  --destructive-subtle: var(--color-red-900);
  --destructive-border: var(--color-red-800);
  --success: var(--color-green-400);
  --success-foreground: var(--color-gray-900);
  --success-subtle: var(--color-green-900);
  --success-border: var(--color-green-800);
  --warning: var(--color-orange-400);
  --warning-foreground: var(--color-gray-900);
  --warning-subtle: var(--color-orange-900);
  --warning-border: var(--color-orange-800);
  --info: var(--color-blue-300);
  --info-foreground: var(--color-gray-900);
  --info-subtle: var(--color-blue-900);
  --info-border: var(--color-blue-800);
}

[data-theme="yellow"] {
  --theme-50: var(--color-yellow-50);
  --theme-100: var(--color-yellow-100);
  --theme-200: var(--color-yellow-200);
  --theme-300: var(--color-yellow-300);
  --theme-400: var(--color-yellow-400);
  --theme-500: var(--color-yellow-500);
  --theme-600: var(--color-yellow-600);
  --theme-700: var(--color-yellow-700);
  --theme-800: var(--color-yellow-800);
  --theme-900: var(--color-yellow-900);
  --theme-solid: var(--color-yellow-500);
  --theme-icon-color: var(--color-yellow-600);
  --theme-solid-hover: var(--color-yellow-600);
  --theme-on-solid: var(--color-gray-900);
  --theme-text-color: var(--color-yellow-800);
  --theme-subtle-color: var(--color-yellow-50);
  --theme-muted-color: var(--color-yellow-100);
  --theme-border-color: var(--color-yellow-200);
  --theme-ring: var(--color-yellow-700);
}

.dark [data-theme="yellow"], [data-theme="yellow"].dark {
  --theme-icon-color: var(--color-yellow-500);
  --theme-solid-hover: var(--color-yellow-400);
  --theme-text-color: var(--color-yellow-500);
  --theme-subtle-color: var(--color-yellow-900);
  --theme-muted-color: var(--color-yellow-800);
  --theme-border-color: var(--color-yellow-700);
  --theme-ring: var(--color-yellow-500);
}

[data-theme="blue"] {
  --theme-50: var(--color-blue-50);
  --theme-100: var(--color-blue-100);
  --theme-200: var(--color-blue-200);
  --theme-300: var(--color-blue-300);
  --theme-400: var(--color-blue-400);
  --theme-500: var(--color-blue-500);
  --theme-600: var(--color-blue-600);
  --theme-700: var(--color-blue-700);
  --theme-800: var(--color-blue-800);
  --theme-900: var(--color-blue-900);
  --theme-solid: var(--color-blue-500);
  --theme-solid-hover: var(--color-blue-600);
  --theme-on-solid: var(--color-white);
  --theme-text-color: var(--color-blue-500);
  --theme-subtle-color: var(--color-blue-50);
  --theme-muted-color: var(--color-blue-100);
  --theme-border-color: var(--color-blue-200);
  --theme-ring: var(--color-blue-500);
}

.dark [data-theme="blue"], [data-theme="blue"].dark {
  --theme-solid-hover: var(--color-blue-400);
  --theme-text-color: var(--color-blue-400);
  --theme-subtle-color: var(--color-blue-900);
  --theme-muted-color: var(--color-blue-800);
  --theme-border-color: var(--color-blue-700);
  --theme-ring: var(--color-blue-500);
}

[data-theme="purple"] {
  --theme-50: var(--color-purple-50);
  --theme-100: var(--color-purple-100);
  --theme-200: var(--color-purple-200);
  --theme-300: var(--color-purple-300);
  --theme-400: var(--color-purple-400);
  --theme-500: var(--color-purple-500);
  --theme-600: var(--color-purple-600);
  --theme-700: var(--color-purple-700);
  --theme-800: var(--color-purple-800);
  --theme-900: var(--color-purple-900);
  --theme-solid: var(--color-purple-500);
  --theme-solid-hover: var(--color-purple-600);
  --theme-on-solid: var(--color-white);
  --theme-text-color: var(--color-purple-500);
  --theme-subtle-color: var(--color-purple-50);
  --theme-muted-color: var(--color-purple-100);
  --theme-border-color: var(--color-purple-200);
  --theme-ring: var(--color-purple-500);
}

.dark [data-theme="purple"], [data-theme="purple"].dark {
  --theme-solid-hover: var(--color-purple-400);
  --theme-text-color: var(--color-purple-300);
  --theme-subtle-color: var(--color-purple-900);
  --theme-muted-color: var(--color-purple-800);
  --theme-border-color: var(--color-purple-700);
  --theme-ring: var(--color-purple-500);
}

[data-theme="red"] {
  --theme-50: var(--color-red-50);
  --theme-100: var(--color-red-100);
  --theme-200: var(--color-red-200);
  --theme-300: var(--color-red-300);
  --theme-400: var(--color-red-400);
  --theme-500: var(--color-red-500);
  --theme-600: var(--color-red-600);
  --theme-700: var(--color-red-700);
  --theme-800: var(--color-red-800);
  --theme-900: var(--color-red-900);
  --theme-solid: var(--color-red-500);
  --theme-solid-hover: var(--color-red-600);
  --theme-on-solid: var(--color-white);
  --theme-text-color: var(--color-red-600);
  --theme-subtle-color: var(--color-red-50);
  --theme-muted-color: var(--color-red-100);
  --theme-border-color: var(--color-red-200);
  --theme-ring: var(--color-red-500);
}

.dark [data-theme="red"], [data-theme="red"].dark {
  --theme-solid-hover: var(--color-red-400);
  --theme-text-color: var(--color-red-500);
  --theme-subtle-color: var(--color-red-900);
  --theme-muted-color: var(--color-red-800);
  --theme-border-color: var(--color-red-700);
  --theme-ring: var(--color-red-500);
}

[data-theme="green"] {
  --theme-50: var(--color-green-50);
  --theme-100: var(--color-green-100);
  --theme-200: var(--color-green-200);
  --theme-300: var(--color-green-300);
  --theme-400: var(--color-green-400);
  --theme-500: var(--color-green-500);
  --theme-600: var(--color-green-600);
  --theme-700: var(--color-green-700);
  --theme-800: var(--color-green-800);
  --theme-900: var(--color-green-900);
  --theme-solid: var(--color-green-500);
  --theme-solid-hover: var(--color-green-600);
  --theme-on-solid: var(--color-white);
  --theme-text-color: var(--color-green-700);
  --theme-subtle-color: var(--color-green-50);
  --theme-muted-color: var(--color-green-100);
  --theme-border-color: var(--color-green-200);
  --theme-ring: var(--color-green-600);
}

.dark [data-theme="green"], [data-theme="green"].dark {
  --theme-solid-hover: var(--color-green-400);
  --theme-text-color: var(--color-green-500);
  --theme-subtle-color: var(--color-green-900);
  --theme-muted-color: var(--color-green-800);
  --theme-border-color: var(--color-green-700);
  --theme-ring: var(--color-green-500);
}

[data-theme="orange"] {
  --theme-50: var(--color-orange-50);
  --theme-100: var(--color-orange-100);
  --theme-200: var(--color-orange-200);
  --theme-300: var(--color-orange-300);
  --theme-400: var(--color-orange-400);
  --theme-500: var(--color-orange-500);
  --theme-600: var(--color-orange-600);
  --theme-700: var(--color-orange-700);
  --theme-800: var(--color-orange-800);
  --theme-900: var(--color-orange-900);
  --theme-solid: var(--color-orange-500);
  --theme-solid-hover: var(--color-orange-600);
  --theme-on-solid: var(--color-white);
  --theme-text-color: var(--color-orange-700);
  --theme-subtle-color: var(--color-orange-50);
  --theme-muted-color: var(--color-orange-100);
  --theme-border-color: var(--color-orange-200);
  --theme-ring: var(--color-orange-600);
}

.dark [data-theme="orange"], [data-theme="orange"].dark {
  --theme-solid-hover: var(--color-orange-400);
  --theme-text-color: var(--color-orange-500);
  --theme-subtle-color: var(--color-orange-900);
  --theme-muted-color: var(--color-orange-800);
  --theme-border-color: var(--color-orange-700);
  --theme-ring: var(--color-orange-500);
}

[data-theme="pink"] {
  --theme-50: var(--color-pink-50);
  --theme-100: var(--color-pink-100);
  --theme-200: var(--color-pink-200);
  --theme-300: var(--color-pink-300);
  --theme-400: var(--color-pink-400);
  --theme-500: var(--color-pink-500);
  --theme-600: var(--color-pink-600);
  --theme-700: var(--color-pink-700);
  --theme-800: var(--color-pink-800);
  --theme-900: var(--color-pink-900);
  --theme-solid: var(--color-pink-500);
  --theme-solid-hover: var(--color-pink-600);
  --theme-on-solid: var(--color-white);
  --theme-text-color: var(--color-pink-600);
  --theme-subtle-color: var(--color-pink-50);
  --theme-muted-color: var(--color-pink-100);
  --theme-border-color: var(--color-pink-200);
  --theme-ring: var(--color-pink-500);
}

.dark [data-theme="pink"], [data-theme="pink"].dark {
  --theme-solid-hover: var(--color-pink-400);
  --theme-text-color: var(--color-pink-500);
  --theme-subtle-color: var(--color-pink-900);
  --theme-muted-color: var(--color-pink-800);
  --theme-border-color: var(--color-pink-700);
  --theme-ring: var(--color-pink-500);
}

[data-theme="cyan"] {
  --theme-50: var(--color-cyan-50);
  --theme-100: var(--color-cyan-100);
  --theme-200: var(--color-cyan-200);
  --theme-300: var(--color-cyan-300);
  --theme-400: var(--color-cyan-400);
  --theme-500: var(--color-cyan-500);
  --theme-600: var(--color-cyan-600);
  --theme-700: var(--color-cyan-700);
  --theme-800: var(--color-cyan-800);
  --theme-900: var(--color-cyan-900);
  --theme-solid: var(--color-cyan-500);
  --theme-icon-color: var(--color-cyan-600);
  --theme-solid-hover: var(--color-cyan-600);
  --theme-on-solid: var(--color-gray-900);
  --theme-text-color: var(--color-cyan-800);
  --theme-subtle-color: var(--color-cyan-50);
  --theme-muted-color: var(--color-cyan-100);
  --theme-border-color: var(--color-cyan-200);
  --theme-ring: var(--color-cyan-700);
}

.dark [data-theme="cyan"], [data-theme="cyan"].dark {
  --theme-icon-color: var(--color-cyan-500);
  --theme-solid-hover: var(--color-cyan-400);
  --theme-text-color: var(--color-cyan-500);
  --theme-subtle-color: var(--color-cyan-900);
  --theme-muted-color: var(--color-cyan-800);
  --theme-border-color: var(--color-cyan-700);
  --theme-ring: var(--color-cyan-500);
}

[data-theme] {
  --control: var(--theme-solid);
  --control-foreground: var(--theme-on-solid);
}

:root, [data-theme] {
  --primary: var(--theme-solid);
  --primary-hover: var(--theme-solid-hover);
  --primary-foreground: var(--theme-on-solid);
  --ring: var(--theme-ring);
  --theme-text: var(--theme-text-color);
  --theme-icon: var(--theme-icon-color, var(--theme-solid));
  --theme-subtle: var(--theme-subtle-color);
  --theme-muted: var(--theme-muted-color);
  --theme-border: var(--theme-border-color);
}

.kf-note-md > * + * {
  margin-top: .375rem;
}

.kf-note-md ul {
  padding-left: 1.25rem;
  list-style: outside;
}

.kf-note-md ol {
  padding-left: 1.25rem;
  list-style: decimal;
}

.kf-note-md li + li {
  margin-top: .125rem;
}

.kf-note-md li.task-list-item {
  margin-left: -1.25rem;
  list-style: none;
}

.kf-note-md h1, .kf-note-md h2, .kf-note-md h3 {
  font-weight: 600;
}

.kf-note-md code {
  background: var(--muted);
  border-radius: .25rem;
  padding: 0 .25rem;
  font-size: .85em;
}

.kf-note-md blockquote {
  border-left: 2px solid var(--border);
  color: var(--muted-foreground);
  padding-left: .5rem;
}

.kf-msg-flash {
  border-radius: .75rem;
  animation: 2.4s ease-out kf-msg-flash;
}

@keyframes kf-msg-flash {
  0%, 35% {
    background-color: color-mix(in oklab, var(--color-yellow-200) 45%, transparent);
  }

  100% {
    background-color: #0000;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kf-msg-flash {
    animation: none;
  }
}

.kf-stream :is(p, li, h1, h2, h3, h4, blockquote, tr, hr), .kf-stream .group {
  animation: .45s cubic-bezier(.2, .8, .2, 1) kf-stream-in;
}

@keyframes kf-stream-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .kf-stream :is(p, li, h1, h2, h3, h4, blockquote, tr, hr), .kf-stream .group {
    animation: none;
  }
}

.kf-toast {
  animation: .22s cubic-bezier(.2, .8, .2, 1) kf-toast-in;
}

@keyframes kf-toast-in {
  from {
    opacity: 0;
    transform: translateY(-8px)scale(.98);
  }
}

@media (prefers-reduced-motion: reduce) {
  .kf-toast {
    animation: none;
  }
}

.kf-mascot {
  overflow: visible;
}

.kf-mascot .kf-motion, .kf-mascot .kf-shape, .kf-mascot .kf-eyes, .kf-mascot .kf-pupils {
  transform-box: fill-box;
}

.kf-mascot .kf-motion {
  transform-origin: 50% 100%;
}

.kf-mascot .kf-shape {
  transform-origin: 50%;
}

.kf-mascot .kf-eyes {
  transform-origin: 50%;
  animation: 4.6s infinite kf-blink;
  animation-delay: var(--kf-blink, 0s);
}

.kf-mascot.is-active .kf-pupils {
  animation: 1.8s ease-in-out infinite kf-look;
}

@keyframes kf-blink {
  0%, 90%, 100% {
    transform: scaleY(1);
  }

  94% {
    transform: scaleY(.08);
  }
}

@keyframes kf-look {
  0%, 100% {
    transform: translate(0);
  }

  25% {
    transform: translate(-22px, 4px);
  }

  55% {
    transform: translate(22px, -4px);
  }

  80% {
    transform: translate(0, 8px);
  }
}

@keyframes kf-breathe {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05, .95);
  }
}

@keyframes kf-bounce {
  0%, 100% {
    transform: translateY(0)scale(1);
  }

  15% {
    transform: translateY(0)scale(1.08, .9);
  }

  45% {
    transform: translateY(-12%)scale(.95, 1.06);
  }

  75% {
    transform: translateY(0)scale(1.04, .96);
  }
}

@keyframes kf-rock {
  0%, 100% {
    transform: rotate(-7deg);
  }

  50% {
    transform: rotate(7deg);
  }
}

@keyframes kf-hop {
  0%, 50%, 100% {
    transform: translateY(0);
  }

  62% {
    transform: translateY(-11%);
  }

  74% {
    transform: translateY(0);
  }

  82% {
    transform: translateY(-4%);
  }

  90% {
    transform: translateY(0);
  }
}

@keyframes kf-sway {
  0%, 100% {
    transform: rotate(-12deg);
  }

  50% {
    transform: rotate(12deg);
  }
}

@keyframes kf-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes kf-squish {
  0%, 100% {
    transform: scale(1.07, .93);
  }

  50% {
    transform: scale(.95, 1.06);
  }
}

@keyframes kf-tilt {
  0%, 100% {
    transform: rotate(-6deg);
  }

  50% {
    transform: rotate(6deg);
  }
}

@keyframes kf-bloom {
  0% {
    transform: rotate(0)scale(1);
  }

  50% {
    transform: rotate(180deg)scale(1.06);
  }

  100% {
    transform: rotate(360deg)scale(1);
  }
}

@keyframes kf-float {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-7%);
  }
}

.kf-twinkle {
  opacity: 0;
  animation: 3s ease-in-out infinite kf-twinkle;
}

@keyframes kf-twinkle {
  0%, 100% {
    opacity: 0;
    transform: scale(.25)rotate(0);
  }

  50% {
    opacity: .95;
    transform: scale(var(--kf-tw-peak, 1)) rotate(30deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .kf-twinkle {
    opacity: .5;
    animation: none;
  }
}

@keyframes kf-wiggle {
  0%, 100% {
    transform: rotate(-9deg);
  }

  50% {
    transform: rotate(9deg);
  }
}

@keyframes kf-hover {
  0%, 100% {
    transform: translateY(0)rotate(-5deg);
  }

  50% {
    transform: translateY(-8%)rotate(5deg);
  }
}

.kf-b1 .kf-motion {
  animation: 3s ease-in-out infinite kf-breathe;
}

.kf-b2 .kf-motion {
  animation: 2.6s ease-in-out infinite kf-rock;
}

.kf-b3 .kf-motion {
  animation: 2.8s ease-in-out infinite kf-hop;
}

.kf-b4 .kf-shape {
  animation: 3.4s ease-in-out infinite kf-sway;
}

.kf-b5 .kf-motion {
  animation: 2.2s ease-in-out infinite kf-squish;
}

.kf-b6 .kf-motion {
  animation: 3s ease-in-out infinite kf-tilt;
}

.kf-b7 .kf-shape {
  animation: 18s linear infinite kf-bloom;
}

.kf-b8 .kf-motion {
  animation: 3.2s ease-in-out infinite kf-float;
}

.kf-b9 .kf-motion {
  animation: 2.4s ease-in-out infinite kf-wiggle;
}

.kf-b10 .kf-motion {
  animation: 3.4s ease-in-out infinite kf-hover;
}

.kf-b1.is-active .kf-motion, .kf-b2.is-active .kf-motion, .kf-b6.is-active .kf-motion {
  animation: .9s ease-in-out infinite kf-bounce;
}

.kf-b3.is-active .kf-motion {
  animation-duration: 1.1s;
}

.kf-b4.is-active .kf-shape {
  animation: 3s linear infinite kf-spin;
}

.kf-b5.is-active .kf-motion {
  animation-duration: .8s;
}

.kf-b7.is-active .kf-shape {
  animation-duration: 4s;
}

.kf-b8.is-active .kf-motion {
  animation-duration: 1.2s;
}

.kf-b9.is-active .kf-motion {
  animation-duration: .7s;
}

.kf-b10.is-active .kf-motion {
  animation-duration: 1.3s;
}

.kf-mascot.kf-still .kf-motion, .kf-mascot.kf-still .kf-shape, .kf-mascot.kf-still .kf-eyes, .kf-mascot.kf-physics .kf-motion, .kf-mascot.kf-physics .kf-shape {
  animation: none;
}

.kf-auth-gradient {
  -webkit-mask-image: linear-gradient(#000 20%, #0000 85%);
  mask-image: linear-gradient(#000 20%, #0000 85%);
}

.kf-blob {
  filter: blur(80px);
  border-radius: 9999px;
  width: 60%;
  height: 110%;
  position: absolute;
  top: -55%;
}

.kf-blob-1 {
  background: #fff12a66;
  animation: 22s ease-in-out infinite alternate kf-drift-1;
  left: -12%;
}

.kf-blob-2 {
  background: #ffa06e57;
  animation: 26s ease-in-out infinite alternate kf-drift-2;
  left: 22%;
}

.kf-blob-3 {
  background: #f439c042;
  animation: 24s ease-in-out infinite alternate kf-drift-3;
  right: -12%;
}

@keyframes kf-drift-1 {
  from {
    transform: translate(0)scale(1);
  }

  to {
    transform: translate(18%, 6%)scale(1.12);
  }
}

@keyframes kf-drift-2 {
  from {
    transform: translate(0, 4%)scale(1.05);
  }

  to {
    transform: translate(-16%, -4%)scale(.95);
  }
}

@keyframes kf-drift-3 {
  from {
    transform: translate(0)scale(.95);
  }

  to {
    transform: translate(-20%, 8%)scale(1.1);
  }
}

.dark .kf-auth-gradient {
  opacity: .35;
}

@media (prefers-reduced-motion: reduce) {
  .kf-blob {
    animation: none;
  }
}

@keyframes kf-step-next {
  from {
    opacity: 0;
    transform: translateX(28px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes kf-step-back {
  from {
    opacity: 0;
    transform: translateX(-28px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.kf-step-next {
  animation: .35s cubic-bezier(.22, 1, .36, 1) kf-step-next;
}

.kf-step-back {
  animation: .35s cubic-bezier(.22, 1, .36, 1) kf-step-back;
}

@media (prefers-reduced-motion: reduce) {
  .kf-step-next, .kf-step-back {
    animation: none;
  }
}

@keyframes kf-shake {
  0%, 100% {
    transform: translateX(0);
  }

  20%, 60% {
    transform: translateX(-5px);
  }

  40%, 80% {
    transform: translateX(5px);
  }
}

.kf-shake {
  animation: .4s ease-in-out kf-shake;
}

@media (prefers-reduced-motion: reduce) {
  .kf-shake {
    animation: none;
  }
}

.kf-ico-chat > :not(:first-child), .kf-ico-folder-open {
  opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {
  .kf-ico-chat > *, .kf-ico-folder, .kf-ico-folder-open {
    transition: opacity .3s, transform .6s cubic-bezier(.4, 0, .2, 1), background-color .2s, border-color .2s;
  }

  .kf-ico-chat > *, .kf-ico-ia > *, .kf-ico-ui > *, .kf-ico-settings > *, .kf-ico-card > *, .kf-ico-palette > *, .kf-ico-help > *, .kf-ico-admin > *, .kf-ico-logout > * {
    transform-box: fill-box;
    transform-origin: center;
  }
}

:where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-folder {
  opacity: 0;
}

:where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-folder-open, :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-chat > :not(:first-child) {
  opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-chat > :nth-child(4) {
    animation: .6s ease-in-out kf-typing;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-chat > :nth-child(2) {
    animation: .6s ease-in-out .1s kf-typing;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-chat > :nth-child(3) {
    animation: .6s ease-in-out .2s kf-typing;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-ia > :nth-child(5) {
    stroke-dasharray: 24;
    animation: .3s ease-out kf-draw;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-ia > :nth-child(4) {
    stroke-dasharray: 24;
    animation: .45s ease-out .15s backwards kf-draw;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-logo .kf-tab {
    transform-box: fill-box;
    animation: .6s cubic-bezier(.4, 0, .2, 1) kf-tab-rise;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-logo .kf-tab ~ .kf-tab {
    animation-delay: .1s;
    animation-fill-mode: backwards;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-ui > :nth-child(2) {
    animation: .6s cubic-bezier(.4, 0, .2, 1) kf-rise;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-ui > :nth-child(3) {
    animation: .6s cubic-bezier(.4, 0, .2, 1) .1s backwards kf-rise;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-settings > :first-child {
    animation: .6s cubic-bezier(.4, 0, .2, 1) kf-gear;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-gauge > :nth-child(2) {
    transform-box: view-box;
    transform-origin: 12px 14px;
    animation: .6s cubic-bezier(.4, 0, .2, 1) kf-needle;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-card > :nth-child(2) {
    stroke-dasharray: 20;
    animation: .6s cubic-bezier(.4, 0, .2, 1) kf-swipe;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-palette > :nth-child(2) {
    animation: .6s ease-in-out kf-dab;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-palette > :nth-child(3) {
    animation: .6s ease-in-out 80ms kf-dab;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-palette > :nth-child(4) {
    animation: .6s ease-in-out .16s kf-dab;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-palette > :nth-child(5) {
    animation: .6s ease-in-out .24s kf-dab;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-help > :nth-child(2) {
    transform-origin: 50% 100%;
    animation: .6s ease-in-out kf-ponder;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-help > :nth-child(3) {
    animation: .6s ease-in-out .1s kf-typing;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-admin > :nth-child(2) {
    stroke-dasharray: 10;
    animation: .6s cubic-bezier(.4, 0, .2, 1) kf-draw-check;
  }

  :where(a, button, [role="menuitem"]):is(:hover, :focus-visible, [data-highlighted]) .kf-ico-logout > :nth-child(n+2) {
    animation: .6s cubic-bezier(.4, 0, .2, 1) kf-exit;
  }
}

@keyframes kf-typing {
  0%, 100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-1.5px);
  }
}

@keyframes kf-draw {
  from {
    stroke-dashoffset: 24px;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes kf-tab-rise {
  from {
    opacity: .3;
    transform: translateY(18%);
  }
}

@keyframes kf-rise {
  from {
    opacity: .25;
    transform: translateY(1.5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes kf-gear {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(60deg);
  }
}

@keyframes kf-needle {
  0%, 100% {
    transform: rotate(0);
  }

  35% {
    transform: rotate(-70deg);
  }

  70% {
    transform: rotate(12deg);
  }
}

@keyframes kf-swipe {
  from {
    stroke-dashoffset: 20px;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes kf-dab {
  0%, 100% {
    transform: scale(1);
  }

  45% {
    transform: scale(1.8);
  }
}

@keyframes kf-ponder {
  0%, 100% {
    transform: rotate(0);
  }

  45% {
    transform: rotate(-10deg);
  }
}

@keyframes kf-draw-check {
  from {
    stroke-dashoffset: 10px;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes kf-exit {
  0%, 100% {
    transform: translateX(0);
  }

  45% {
    transform: translateX(1.5px);
  }
}

.bn-root {
  --bn-font-family: var(--font-bricolage), sans-serif;
  --bn-colors-editor-text: var(--foreground);
  --bn-colors-editor-background: transparent;
  --bn-colors-shadow: transparent;
  --bn-colors-border: var(--border);
  --bn-colors-side-menu: var(--muted-foreground);
}

.kf-note .bn-default-styles {
  font-family: var(--font-bricolage), sans-serif;
}

.kf-note .bn-shadcn .bn-editor {
  color: var(--foreground);
  padding-inline: var(--kf-note-pad);
  background: none;
  font-size: 16px;
}

.kf-note .bn-shadcn .bn-editor a {
  color: inherit;
  text-underline-offset: 2px;
  text-decoration: underline;
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-note .bn-shadcn .bn-editor a {
    -webkit-text-decoration-color: color-mix(in oklab, currentColor 40%, transparent);
    text-decoration-color: color-mix(in oklab, currentColor 40%, transparent);
  }
}

.kf-note .bn-block-content[data-content-type="heading"] h1 {
  margin-top: 1.25rem;
  font-size: 1.875rem;
  font-weight: 700;
}

.kf-note .bn-block-content[data-content-type="heading"] h2 {
  margin-top: 1rem;
  font-size: 1.5rem;
  font-weight: 650;
}

.kf-note .bn-block-content[data-content-type="heading"] h3 {
  margin-top: .75rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.bn-shadcn [class*="shadow"] {
  box-shadow: none;
}

.bn-suggestion-menu {
  max-height: min(360px, 45vh) !important;
}

.bn-shadcn [data-slot="popover-content"], .bn-shadcn .bn-toolbar, .bn-shadcn .bn-suggestion-menu {
  border: 1px solid var(--border);
}

.bn-shadcn [data-slot="select-content"] {
  min-width: 13rem;
}

.bn-shadcn [data-slot="select-content"] [data-slot="select-item"] {
  white-space: nowrap;
}

.bn-shadcn [data-slot="dropdown-menu-content"] {
  min-width: 11rem;
}

.bn-shadcn [data-slot="dropdown-menu-content"] :is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-label"]) {
  white-space: nowrap;
}

.kf-callout {
  border: 1px solid var(--border);
  background: var(--muted);
  border-radius: .5rem;
  gap: .5rem;
  width: 100%;
  padding: .75rem 1rem;
  display: flex;
}

.kf-note {
  --kf-note-pad: 54px;
}

@media (max-width: 640px) {
  .kf-note {
    --kf-note-pad: 16px;
  }
}

.kf-note-editor [data-slot="tooltip-content"], [data-slot="tooltip-content"] {
  white-space: nowrap;
  max-width: none;
}

.kf-callout-emoji {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--muted-foreground);
  border-radius: .375rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.kf-callout-emoji:hover {
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-callout-emoji:hover {
    background: color-mix(in oklab, var(--foreground) 8%, transparent);
  }
}

.kf-embed {
  flex-direction: column;
  gap: .25rem;
  width: 100%;
  display: flex;
}

.kf-embed iframe {
  border: 1px solid var(--border);
  background: var(--muted);
  border-radius: .5rem;
  width: 100%;
}

.kf-embed-link {
  color: var(--muted-foreground);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  overflow: hidden;
}

.kf-embed-empty {
  border: 1px dashed var(--border);
  width: 100%;
  color: var(--muted-foreground);
  border-radius: .5rem;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  padding: .625rem .75rem;
  display: flex;
}

.bn-shadcn input[type="file"] {
  color: var(--muted-foreground);
  font-size: .875rem;
}

.bn-shadcn input[type="file"]::file-selector-button {
  border: 1px solid var(--border);
  background: var(--card);
  color: var(--foreground);
  font: inherit;
  cursor: pointer;
  border-radius: .5rem;
  margin-right: .75rem;
  padding: .25rem .75rem;
}

.kf-note .bn-editor table th, .kf-note .bn-editor table td {
  border-color: var(--border);
}

.kf-check, .kf-note .bn-block-content[data-content-type="checkListItem"] > div > input {
  appearance: none;
  border: 1px solid var(--foreground);
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-check, .kf-note .bn-block-content[data-content-type="checkListItem"] > div > input {
    border: 1px solid color-mix(in oklab, var(--foreground) 30%, transparent);
  }
}

.kf-check, .kf-note .bn-block-content[data-content-type="checkListItem"] > div > input {
  background: var(--card);
  cursor: pointer;
  border-radius: 4px;
}

.kf-check:hover, .kf-note .bn-block-content[data-content-type="checkListItem"] > div > input:hover {
  border-color: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-check:hover, .kf-note .bn-block-content[data-content-type="checkListItem"] > div > input:hover {
    border-color: color-mix(in oklab, var(--foreground) 60%, transparent);
  }
}

.kf-check:checked, .kf-note .bn-block-content[data-content-type="checkListItem"] > div > input:checked {
  border-color: var(--primary);
  background: var(--primary) center / 12px no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.44 12.54L9.3 17.4L19.56 7.14'/%3E%3C/svg%3E");
}

.kf-note .bn-block-content[data-content-type="checkListItem"] > div > input {
  margin: 0 6px 0 2px;
}

.kf-note .bn-table-handle:has([data-kf-table-edge]) {
  cursor: grab;
  background: none;
  border-radius: 4px;
  transform: none !important;
}

.kf-note .bn-table-handle:has([data-kf-table-edge="column"]) {
  translate: 0 -13px;
}

.kf-note .bn-table-handle:has([data-kf-table-edge="row"]) {
  translate: -13px;
}

.kf-note .bn-table-handle [data-kf-table-edge] {
  position: relative;
}

.kf-note .bn-table-handle [data-kf-table-edge]:after {
  content: "";
  background: var(--primary);
  opacity: 0;
  border-radius: 9999px;
  transition: opacity .12s;
  position: absolute;
}

.kf-note .bn-table-handle [data-kf-table-edge="column"]:after {
  height: 3px;
  top: 4px;
  left: 2px;
  right: 2px;
}

.kf-note .bn-table-handle [data-kf-table-edge="row"]:after {
  width: 3px;
  top: 2px;
  bottom: 2px;
  left: 4px;
}

.kf-note .bn-table-handle:hover [data-kf-table-edge]:after, .kf-note .bn-table-handle-dragging [data-kf-table-edge]:after {
  opacity: .6;
}

.kf-note .bn-table-handle:has([data-kf-table-edge]):hover {
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-note .bn-table-handle:has([data-kf-table-edge]):hover {
    background: color-mix(in oklab, var(--foreground) 5%, transparent);
  }
}

.kf-note .bn-table-handle-dragging {
  cursor: grabbing;
}

.kf-note .bn-side-menu [data-test="dragHandle"] {
  cursor: grab;
}

.kf-note .bn-side-menu button:has([data-test="dragHandle"]) {
  cursor: grab;
}

.kf-card-note .bn-default-styles {
  font-family: var(--font-bricolage), sans-serif;
  font-size: 14px;
}

.kf-card-note {
  --border: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-card-note {
    --border: color-mix(in oklab, var(--foreground) 12%, transparent);
  }
}

.kf-card-note {
  --muted: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-card-note {
    --muted: color-mix(in oklab, var(--foreground) 6%, transparent);
  }
}

.kf-card-note {
  --muted-foreground: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-card-note {
    --muted-foreground: color-mix(in oklab, var(--foreground) 60%, transparent);
  }
}

.kf-card-note {
  container-type: inline-size;
}

.kf-card-note .bn-shadcn .bn-toolbar.bn-formatting-toolbar {
  box-sizing: border-box;
  flex-wrap: wrap;
  max-width: 100cqw;
  height: auto;
}

.kf-card-note .bn-root {
  --bn-colors-border: var(--border);
  --bn-colors-side-menu: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-card-note .bn-root {
    --bn-colors-side-menu: color-mix(in oklab, var(--foreground) 35%, transparent);
  }
}

.kf-card-note .bn-root {
  --bn-colors-hovered-background: var(--muted);
}

.kf-card-note .tableWrapper {
  scrollbar-width: thin;
}

.kf-card-note .bn-block-group .bn-block-group > .bn-block-outer:before {
  border-left: none !important;
}

.kf-card-note .bn-shadcn .bn-editor {
  color: var(--foreground);
  background: none;
  padding-inline: 0;
  font-size: 14px;
  line-height: 1.6;
}

.kf-card-note .bn-block-content {
  padding: 1px 0;
}

.kf-card-note .bn-trailing-block {
  height: 2px;
}

.kf-card-note .bn-shadcn .bn-editor a {
  color: inherit;
  text-underline-offset: 2px;
  text-decoration: underline;
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-card-note .bn-shadcn .bn-editor a {
    -webkit-text-decoration-color: color-mix(in oklab, currentColor 40%, transparent);
    text-decoration-color: color-mix(in oklab, currentColor 40%, transparent);
  }
}

.kf-card-note .bn-block-content[data-content-type="heading"] {
  padding-top: 6px;
  font-size: inherit !important;
}

.kf-card-note .bn-block-group > .bn-block-outer:first-child > .bn-block > .bn-block-content[data-content-type="heading"] {
  padding-top: 0;
}

.kf-card-note .bn-block-content[data-content-type="heading"] :is(h1, h2, h3) {
  line-height: 1.4;
}

.kf-card-note .bn-block-content[data-content-type="heading"] h1 {
  font-size: 16px;
  font-weight: 700;
}

.kf-card-note .bn-block-content[data-content-type="heading"] h2 {
  font-size: 15px;
  font-weight: 650;
}

.kf-card-note .bn-block-content[data-content-type="heading"] h3 {
  font-size: 14px;
  font-weight: 600;
}

.kf-card-note .bn-block-content:is([data-content-type="bulletListItem"], [data-content-type="numberedListItem"]):before {
  min-width: 20px;
  color: var(--muted-foreground);
  padding-right: 2px;
}

.kf-card-note .bn-block-content[data-content-type="checkListItem"] > div:has( > input) {
  height: 22px;
}

.kf-card-note .bn-block-content[data-content-type="checkListItem"] > div > input {
  width: 14px;
  height: 22px;
  accent-color: var(--foreground);
  margin: 0 6px 0 3px;
}

.kf-card-note .bn-block-content[data-content-type="checkListItem"][data-checked="true"] .bn-inline-content {
  color: var(--muted-foreground);
}

.kf-card-note .bn-block-group .bn-block-group {
  margin-left: 18px;
}

.kf-card-note [data-content-type="quote"] blockquote {
  color: var(--muted-foreground);
  border-left: 2px solid var(--border);
  padding-left: .625rem;
}

.kf-card-note .kf-callout {
  border-radius: .5rem;
  gap: .375rem;
  padding: .375rem .625rem;
}

.kf-card-note .kf-callout-emoji {
  width: 1.25rem;
  height: 1.375rem;
}

.kf-card-note .kf-callout-emoji svg {
  width: 14px;
  height: 14px;
}

.kf-card-note .bn-inline-content code {
  background: var(--muted);
  border-radius: .25rem;
  padding: 0 .25rem;
  font-size: .85em;
}

.kf-card-note .bn-block-content[data-content-type="codeBlock"] {
  border-radius: .5rem;
  font-size: 12.5px;
}

.kf-card-note .bn-block-content[data-content-type="codeBlock"] > pre {
  padding: .75rem;
}

.kf-card-note .bn-block-content[data-content-type="codeBlock"] > .kf-code-copy {
  top: .375rem;
  right: .375rem;
}

.kf-card-note .bn-block-content[data-content-type="codeBlock"] > div > select {
  display: none;
}

.kf-card-note [data-content-type="divider"] hr {
  border-top-color: var(--border);
  margin: .375rem 0;
}

.kf-card-note .bn-editor table th, .kf-card-note .bn-editor table td {
  border-color: var(--border);
  padding: 3px 6px;
}

.kf-card-note .bn-block-content:has(.ProseMirror-trailingBreak:only-child):after {
  color: var(--muted-foreground);
  opacity: .8;
  font-style: normal;
}

.kf-note {
  --kf-ai-add: var(--theme-solid, var(--primary));
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-note {
    --kf-ai-add: color-mix(in oklab, var(--theme-solid, var(--primary)) 9%, transparent);
  }
}

.kf-mention {
  background: var(--muted);
  color: var(--foreground);
  cursor: pointer;
  border-radius: .375rem;
  align-items: center;
  gap: .25rem;
  padding: 0 .375rem;
  font-weight: 500;
  display: inline-flex;
  text-decoration: none !important;
}

.kf-mention:hover {
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-mention:hover {
    background: color-mix(in oklab, var(--foreground) 10%, var(--muted));
  }
}

.kf-kyembed {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: .5rem;
  width: 100%;
  overflow: hidden;
}

.kf-bookmark {
  border: 1px solid var(--border);
  width: 100%;
  color: inherit;
  border-radius: .5rem;
  gap: .75rem;
  padding: .625rem .75rem;
  display: flex;
  text-decoration: none !important;
}

.kf-bookmark:hover {
  background: var(--muted);
}

.kf-share-doc h1, .kf-share-doc h2, .kf-share-doc h3, .kf-share-doc h4 {
  margin: 1.2em 0 .4em;
  font-weight: 600;
  line-height: 1.3;
}

.kf-share-doc h1 {
  font-size: 1.6em;
}

.kf-share-doc h1.title {
  margin-top: 0;
  font-size: 2em;
}

.kf-share-doc h2 {
  font-size: 1.3em;
}

.kf-share-doc h3 {
  font-size: 1.1em;
}

.kf-share-doc p {
  margin: .4em 0;
}

.kf-share-doc p.subtitle {
  color: #555;
  font-size: 1.1em;
}

.kf-share-doc ul, .kf-share-doc ol {
  margin: .4em 0;
  padding-left: 1.6em;
}

.kf-share-doc ul {
  list-style: outside;
}

.kf-share-doc ol {
  list-style: decimal;
}

.kf-share-doc ul.check {
  padding-left: .4em;
  list-style: none;
}

.kf-share-doc table {
  border-collapse: collapse;
  width: 100%;
  margin: .6em 0;
}

.kf-share-doc td {
  vertical-align: top;
  border: 1px solid #d4d4d4;
  padding: 4px 8px;
}

.kf-share-doc img {
  max-width: 100%;
  height: auto;
}

.kf-share-doc hr {
  border-color: #e5e5e5;
  margin: 1em 0;
}

.kf-share-doc a {
  color: #2563eb;
  text-decoration: underline;
}

.kf-share-doc .pagebreak {
  border-top: 1px dashed #e5e5e5;
  margin: 1.5em 0;
}

.kf-sheet-embed table {
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 12px;
}

.kf-sheet-embed td {
  border: 1px solid var(--border);
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 2px 6px;
  overflow: hidden;
}

:root {
  --viz-1: #2a78d6;
  --viz-2: #eb6834;
  --viz-3: #1baf7a;
  --viz-4: #eda100;
  --viz-5: #e87ba4;
  --viz-6: #008300;
  --viz-rest: #b5b4ad;
}

.dark {
  --viz-1: #3987e5;
  --viz-2: #d95926;
  --viz-3: #199e70;
  --viz-4: #c98500;
  --viz-5: #d55181;
  --viz-6: #008300;
  --viz-rest: #5f5e59;
}

:root {
  --font-bricolage: var(--font-brand);
}

html[data-font="sans"] {
  --font-bricolage: var(--font-kf-sans);
}

html[data-font="serif"] {
  --font-bricolage: var(--font-kf-serif);
}

html[data-font="mono"] {
  --font-bricolage: var(--font-geist-mono);
}

@supports selector(::-webkit-scrollbar) {
  ::-webkit-scrollbar {
    background: none;
    width: 12px;
    height: 12px;
  }

  ::-webkit-scrollbar-track {
    background: none;
  }

  ::-webkit-scrollbar-corner {
    background: none;
  }

  ::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: var(--foreground);
    border: 4px solid #0000;
    border-radius: 9999px;
    min-width: 32px;
    min-height: 32px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    ::-webkit-scrollbar-thumb {
      background-color: color-mix(in oklab, var(--foreground) 18%, transparent);
    }
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--foreground);
    border-width: 2px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    ::-webkit-scrollbar-thumb:hover {
      background-color: color-mix(in oklab, var(--foreground) 35%, transparent);
    }
  }

  ::-webkit-scrollbar-thumb:active {
    background-color: var(--foreground);
    border-width: 2px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    ::-webkit-scrollbar-thumb:active {
      background-color: color-mix(in oklab, var(--foreground) 45%, transparent);
    }
  }
}

@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--foreground) transparent;
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      scrollbar-color: color-mix(in oklab, var(--foreground) 22%, transparent) transparent;
    }
  }
}

.bn-block-content[data-content-type="codeBlock"] {
  position: relative;
}

.bn-block-content[data-content-type="codeBlock"] > .kf-code-copy {
  z-index: 1;
  color: #ffffffb3;
  cursor: pointer;
  background: #ffffff14;
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  transition: opacity .12s, background-color .12s;
  display: flex;
  position: absolute;
  top: .5rem;
  right: .5rem;
}

.bn-block-content[data-content-type="codeBlock"] > .kf-code-copy:hover {
  color: #fff;
  background: #ffffff29;
}

[data-color-scheme="light"] .bn-block-content[data-content-type="codeBlock"] {
  background: var(--muted);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-color-scheme="light"] .bn-block-content[data-content-type="codeBlock"] {
    background: color-mix(in oklab, var(--muted) 50%, transparent);
  }
}

[data-color-scheme="light"] .bn-block-content[data-content-type="codeBlock"] {
  box-shadow: inset 0 0 0 1px var(--border);
  color: var(--foreground);
}

[data-color-scheme="light"] .bn-block-content[data-content-type="codeBlock"] .shiki {
  color: var(--shiki-light);
}

[data-color-scheme="light"] .bn-block-content[data-content-type="codeBlock"] > div > select {
  color: var(--muted-foreground);
}

[data-color-scheme="light"] .bn-block-content[data-content-type="codeBlock"] > .kf-code-copy {
  color: var(--muted-foreground);
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-color-scheme="light"] .bn-block-content[data-content-type="codeBlock"] > .kf-code-copy {
    background: color-mix(in oklab, var(--foreground) 6%, transparent);
  }
}

[data-color-scheme="light"] .bn-block-content[data-content-type="codeBlock"] > .kf-code-copy:hover {
  color: var(--foreground);
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-color-scheme="light"] .bn-block-content[data-content-type="codeBlock"] > .kf-code-copy:hover {
    background: color-mix(in oklab, var(--foreground) 12%, transparent);
  }
}

@media (hover: hover) {
  .bn-block-content[data-content-type="codeBlock"] > .kf-code-copy {
    opacity: 0;
  }

  .bn-block-content[data-content-type="codeBlock"]:hover > .kf-code-copy, .bn-block-content[data-content-type="codeBlock"] > .kf-code-copy:focus-visible {
    opacity: 1;
  }
}

.bn-block-content.kf-mermaid {
  flex-direction: column;
  align-items: stretch;
}

.kf-mermaid[data-mmd-view="diagram"] > pre, .kf-mermaid[data-mmd-view="code"] > .kf-mmd-preview {
  display: none;
}

.bn-block-content.kf-mermaid[data-mmd-view="diagram"] {
  box-shadow: inset 0 0 0 1px var(--border);
  color: var(--foreground);
  background: none;
}

.kf-mmd-bar {
  z-index: 1;
  background: var(--foreground);
  border-radius: .5rem;
  gap: 2px;
  padding: 2px;
  display: flex;
  position: absolute;
  top: .5rem;
  right: 2.5rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-mmd-bar {
    background: color-mix(in oklab, var(--foreground) 6%, transparent);
  }
}

.kf-mmd-bar {
  font-size: 12px;
  line-height: 1;
}

.bn-root[data-color-scheme="dark"] .kf-mermaid:not([data-mmd-view="diagram"]) .kf-mmd-bar {
  background: #ffffff14;
}

.kf-mmd-bar > button {
  color: var(--muted-foreground);
  cursor: pointer;
  border-radius: .375rem;
  padding: 4px 8px;
}

.kf-mmd-bar > button:hover {
  color: var(--foreground);
}

.kf-mmd-bar > button[aria-pressed="true"] {
  background: var(--background);
  color: var(--foreground);
}

.kf-mmd-preview {
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  padding: 2.75rem 1rem 1rem;
  display: flex;
  overflow-x: auto;
}

.kf-mermaid[data-mmd-view="split"] > .kf-mmd-preview {
  border-top: 1px solid var(--border);
  background: var(--background);
  border-radius: 0 0 8px 8px;
  padding-top: 1rem;
}

.kf-mmd-preview > img {
  -webkit-user-select: none;
  user-select: none;
  max-width: 100%;
  height: auto;
}

.kf-mmd-preview > img:not([src]) {
  display: none;
}

.kf-mermaid[data-mmd-state="stale"] .kf-mmd-preview > img {
  opacity: .35;
}

.kf-mmd-note {
  color: var(--muted-foreground);
  text-align: center;
  margin: 0;
  font-size: 12.5px;
}

.kf-mermaid[data-mmd-state="ok"] .kf-mmd-note {
  display: none;
}

.kf-mermaid[data-mmd-state="error"] .kf-mmd-note, .kf-mermaid[data-mmd-state="stale"] .kf-mmd-note {
  color: var(--destructive);
}

@media (hover: hover) {
  .kf-mmd-bar {
    opacity: 0;
    transition: opacity .12s;
  }

  .kf-mermaid:hover .kf-mmd-bar, .kf-mermaid:focus-within .kf-mmd-bar {
    opacity: 1;
  }
}

.kf-card-note .kf-mmd-preview {
  padding: 2.25rem .5rem .5rem;
}

button[title^="Viết lại vùng"].univer-relative {
  border-radius: .375rem;
  background-image: var(--gradient-upgrade) !important;
  color: #000 !important;
}

button[title^="Viết lại vùng"].univer-relative:hover {
  opacity: .85;
}

.kf-univer [role="tablist"].univer-bg-gray-50 {
  background: none !important;
}

.kf-univer [role="tablist"] > [role="tab"] {
  border-radius: .375rem;
  padding: .25rem .625rem;
  font-weight: 500;
  box-shadow: none !important;
}

.kf-univer [role="tablist"] > [role="tab"][aria-selected="true"] {
  font-weight: 600;
  background: var(--muted) !important;
}

.kf-univer [role="tablist"] > [role="tab"][aria-selected="false"]:hover {
  background: var(--muted) !important;
}

[data-u-comp="rect-popup"] .univer-overscroll-contain:focus {
  outline: none;
}

::highlight(kf-chat-quote) {
  background-color: color-mix(in oklab, Highlight 70%, transparent);
}

::highlight(kf-comment) {
  background-color: #f5c51847;
  background-color: lab(82.054% 7.62847 79.761 / .28);
}

::highlight(kf-comment-active) {
  background-color: #f5c5188c;
  background-color: lab(82.054% 7.62847 79.761 / .55);
}

.kf-toc {
  flex-direction: column;
  width: 100%;
  padding: .25rem 0;
  display: flex;
}

.kf-toc-item {
  text-align: left;
  width: 100%;
  color: var(--muted-foreground);
  text-underline-offset: 3px;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-block: .1875rem;
  -webkit-text-decoration: underline #0000;
  text-decoration: underline #0000;
  display: block;
  overflow: hidden;
}

.kf-toc-item:hover {
  color: var(--foreground);
  text-decoration-color: currentColor;
}

.kf-toc-empty {
  color: var(--muted-foreground);
  margin: 0;
  font-size: .875rem;
}

.kf-subpage {
  width: 100%;
  color: var(--foreground);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--foreground);
  text-decoration-color: var(--foreground);
  border-radius: .375rem;
  align-items: center;
  gap: .5rem;
  margin-inline: -.375rem;
  padding: .25rem .375rem;
  font-weight: 500;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-subpage {
    -webkit-text-decoration-color: color-mix(in oklab, var(--foreground) 25%, transparent);
    text-decoration-color: color-mix(in oklab, var(--foreground) 25%, transparent);
  }
}

.kf-subpage {
  text-underline-offset: 3px;
  cursor: pointer;
}

.kf-subpage:hover {
  background: var(--muted);
}

.kf-subpage > svg {
  color: var(--muted-foreground);
}

.kf-subpage-gone {
  color: var(--muted-foreground);
  cursor: default;
  font-weight: 400;
  text-decoration: none;
}

.kf-subpage-gone:hover {
  background: none;
}

.kf-db {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  margin-block: .25rem;
}

.kf-db input, .kf-db textarea {
  -webkit-user-select: text;
  user-select: text;
}

.kf-db-empty {
  border: 1px dashed var(--border);
  width: 100%;
  color: var(--muted-foreground);
  border-radius: .5rem;
  align-items: center;
  gap: .5rem;
  padding: .75rem;
  font-size: .875rem;
  display: flex;
}

.kf-db-scroll {
  scrollbar-width: thin;
}

.kf-db [data-ai="add"], .kf-db [data-ai-cell] {
  background: var(--kf-ai-add, var(--primary));
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-db [data-ai="add"], .kf-db [data-ai-cell] {
    background: var(--kf-ai-add, color-mix(in oklab, var(--primary) 9%, transparent));
  }
}

.kf-db [data-ai="del"] {
  opacity: .45;
  text-decoration: line-through;
}

.kf-db [data-ai-current] {
  outline: 2px solid var(--primary);
  outline-offset: -2px;
  border-radius: 4px;
}

.kf-db-props [data-ai-cell] {
  background: var(--kf-ai-add, var(--primary));
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-db-props [data-ai-cell] {
    background: var(--kf-ai-add, color-mix(in oklab, var(--primary) 9%, transparent));
  }
}

.kf-db-props[data-ai-current] {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
  border-radius: 6px;
}

.kf-db[data-database-id^="ai-new-"] {
  background: var(--kf-ai-add, var(--primary));
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-db[data-database-id^="ai-new-"] {
    background: var(--kf-ai-add, color-mix(in oklab, var(--primary) 9%, transparent));
  }
}

.kf-db[data-database-id^="ai-new-"] {
  border-radius: 6px;
  padding: .25rem;
}

.kf-db-tag {
  --tag: #8a8a8a;
  white-space: nowrap;
  background: var(--tag);
  border-radius: .25rem;
  align-items: center;
  gap: .25rem;
  max-width: 100%;
  padding: 0 .375rem;
  font-size: .75rem;
  line-height: 1.25rem;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-db-tag {
    background: color-mix(in oklab, var(--tag) 16%, transparent);
  }
}

.kf-db-tag {
  color: var(--tag);
}

@supports (color: color-mix(in lab, red, red)) {
  .kf-db-tag {
    color: color-mix(in oklab, var(--tag) 70%, var(--foreground));
  }
}

.kf-db-tag[data-color="brown"] {
  --tag: #9a6b4a;
}

.kf-db-tag[data-color="orange"] {
  --tag: #ff7715;
}

.kf-db-tag[data-color="yellow"] {
  --tag: #c99a00;
}

.kf-db-tag[data-color="green"] {
  --tag: #16ab59;
}

.kf-db-tag[data-color="blue"] {
  --tag: #2f80ed;
}

.kf-db-tag[data-color="purple"] {
  --tag: #8a3ffc;
}

.kf-db-tag[data-color="pink"] {
  --tag: #e5489a;
}

.kf-db-tag[data-color="red"] {
  --tag: #ff4141;
}

.dark .kf-db-tag {
  background: var(--tag);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .kf-db-tag {
    background: color-mix(in oklab, var(--tag) 26%, transparent);
  }
}

.dark .kf-db-tag {
  color: var(--tag);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .kf-db-tag {
    color: color-mix(in oklab, var(--tag) 55%, var(--foreground));
  }
}

.ProseMirror-selectednode > .bn-block-content[data-content-type="database"], .bn-block-content[data-content-type="database"].ProseMirror-selectednode, .ProseMirror-selectednode .kf-db {
  box-shadow: none !important;
  background: none !important;
  outline: none !important;
}

.bn-block-content[data-content-type="database"] .kf-db ::selection {
  background: none;
}

.bn-block-content[data-content-type="database"] .kf-db input::selection, .bn-block-content[data-content-type="database"] .kf-db textarea::selection {
  background: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .bn-block-content[data-content-type="database"] .kf-db input::selection, .bn-block-content[data-content-type="database"] .kf-db textarea::selection {
    background: color-mix(in oklab, var(--primary) 25%, transparent);
  }
}

.kf-db-tag.size-3\.5 {
  padding: 0;
}

@keyframes kf-indeterminate {
  0% {
    left: -33%;
  }

  100% {
    left: 100%;
  }
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__1-1q1ip._.css.map*/