/* [next]/internal/font/google/inter_1ec0685a.module.css [app-client] (css) */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/2c55a0e60120577a-s.2a48534a.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: 400;
font-display: swap;
src: url("../media/9c72aa0f40e4eef8-s.18a48cbc.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: 400;
font-display: swap;
src: url("../media/ad66f9afd8947f86-s.7a40eb73.woff2") format("woff2");
unicode-range: U+1F??;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/5476f68d60460930-s.c995e352.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: 400;
font-display: swap;
src: url("../media/2bbe8d2671613f1f-s.76dcb0b2.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: 400;
font-display: swap;
src: url("../media/1bffadaabf893a1e-s.7cd81963.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/83afe278b6a6bb3c-s.p.3a6ba036.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;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/2c55a0e60120577a-s.2a48534a.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: 500;
font-display: swap;
src: url("../media/9c72aa0f40e4eef8-s.18a48cbc.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: 500;
font-display: swap;
src: url("../media/ad66f9afd8947f86-s.7a40eb73.woff2") format("woff2");
unicode-range: U+1F??;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/5476f68d60460930-s.c995e352.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: 500;
font-display: swap;
src: url("../media/2bbe8d2671613f1f-s.76dcb0b2.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: 500;
font-display: swap;
src: url("../media/1bffadaabf893a1e-s.7cd81963.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/83afe278b6a6bb3c-s.p.3a6ba036.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;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/2c55a0e60120577a-s.2a48534a.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: 600;
font-display: swap;
src: url("../media/9c72aa0f40e4eef8-s.18a48cbc.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: 600;
font-display: swap;
src: url("../media/ad66f9afd8947f86-s.7a40eb73.woff2") format("woff2");
unicode-range: U+1F??;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/5476f68d60460930-s.c995e352.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: 600;
font-display: swap;
src: url("../media/2bbe8d2671613f1f-s.76dcb0b2.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: 600;
font-display: swap;
src: url("../media/1bffadaabf893a1e-s.7cd81963.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/83afe278b6a6bb3c-s.p.3a6ba036.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;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../media/2c55a0e60120577a-s.2a48534a.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: 700;
font-display: swap;
src: url("../media/9c72aa0f40e4eef8-s.18a48cbc.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: 700;
font-display: swap;
src: url("../media/ad66f9afd8947f86-s.7a40eb73.woff2") format("woff2");
unicode-range: U+1F??;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../media/5476f68d60460930-s.c995e352.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: 700;
font-display: swap;
src: url("../media/2bbe8d2671613f1f-s.76dcb0b2.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: 700;
font-display: swap;
src: url("../media/1bffadaabf893a1e-s.7cd81963.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../media/83afe278b6a6bb3c-s.p.3a6ba036.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_1ec0685a-module__ODW2ua__className {
font-family: Inter, Inter Fallback;
font-style: normal;
}
.inter_1ec0685a-module__ODW2ua__variable {
--font-inter: "Inter", "Inter Fallback";
}
/* [next]/internal/font/google/jetbrains_mono_68d574a.module.css [app-client] (css) */
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/04c5164763c40239-s.690580e8.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: JetBrains Mono;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/26f284dcc38c84c0-s.303a03d6.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/7e7f32a39836f228-s.0b4edfe7.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: JetBrains Mono;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/fa39153a3fc630ba-s.bff0868b.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: JetBrains Mono;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/6a5386fd6038edbe-s.719084df.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/051742360c26797e-s.p.102b7f24.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: JetBrains Mono;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/04c5164763c40239-s.690580e8.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: JetBrains Mono;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/26f284dcc38c84c0-s.303a03d6.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/7e7f32a39836f228-s.0b4edfe7.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: JetBrains Mono;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/fa39153a3fc630ba-s.bff0868b.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: JetBrains Mono;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/6a5386fd6038edbe-s.719084df.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/051742360c26797e-s.p.102b7f24.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: JetBrains Mono;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/04c5164763c40239-s.690580e8.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: JetBrains Mono;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/26f284dcc38c84c0-s.303a03d6.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/7e7f32a39836f228-s.0b4edfe7.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: JetBrains Mono;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/fa39153a3fc630ba-s.bff0868b.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: JetBrains Mono;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/6a5386fd6038edbe-s.719084df.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/051742360c26797e-s.p.102b7f24.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: JetBrains Mono Fallback;
src: local(Arial);
ascent-override: 75.79%;
descent-override: 22.29%;
line-gap-override: 0.0%;
size-adjust: 134.59%;
}
.jetbrains_mono_68d574a-module__ggYvfa__className {
font-family: JetBrains Mono, JetBrains Mono Fallback;
font-style: normal;
}
.jetbrains_mono_68d574a-module__ggYvfa__variable {
--font-jetbrains-mono: "JetBrains Mono", "JetBrains Mono Fallback";
}
/* [next]/internal/font/google/space_grotesk_78609157.module.css [app-client] (css) */
@font-face {
font-family: Space Grotesk;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/32687112bd2dd8db-s.cfdd66c2.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: Space Grotesk;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/28868e710e86be81-s.c30238d4.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Space Grotesk;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/0c89a48fa5027cee-s.p.4564287c.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: Space Grotesk;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/32687112bd2dd8db-s.cfdd66c2.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: Space Grotesk;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/28868e710e86be81-s.c30238d4.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Space Grotesk;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/0c89a48fa5027cee-s.p.4564287c.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: Space Grotesk;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/32687112bd2dd8db-s.cfdd66c2.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: Space Grotesk;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/28868e710e86be81-s.c30238d4.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Space Grotesk;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/0c89a48fa5027cee-s.p.4564287c.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: Space Grotesk;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../media/32687112bd2dd8db-s.cfdd66c2.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: Space Grotesk;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../media/28868e710e86be81-s.c30238d4.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Space Grotesk;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../media/0c89a48fa5027cee-s.p.4564287c.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: Space Grotesk Fallback;
src: local(Arial);
ascent-override: 89.71%;
descent-override: 26.62%;
line-gap-override: 0.0%;
size-adjust: 109.69%;
}
.space_grotesk_78609157-module__11J4Jq__className {
font-family: Space Grotesk, Space Grotesk Fallback;
font-style: normal;
}
.space_grotesk_78609157-module__11J4Jq__variable {
--font-space-grotesk: "Space Grotesk", "Space Grotesk Fallback";
}
/* [project]/node_modules/@xyflow/react/dist/style.css [app-client] (css) */
.react-flow {
--xy-edge-stroke-default: #b1b1b7;
--xy-edge-stroke-width-default: 1;
--xy-edge-stroke-selected-default: #555;
--xy-connectionline-stroke-default: #b1b1b7;
--xy-connectionline-stroke-width-default: 1;
--xy-attribution-background-color-default: rgba(255, 255, 255, .5);
--xy-minimap-background-color-default: #fff;
--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);
--xy-minimap-mask-stroke-color-default: transparent;
--xy-minimap-mask-stroke-width-default: 1;
--xy-minimap-node-background-color-default: #e2e2e2;
--xy-minimap-node-stroke-color-default: transparent;
--xy-minimap-node-stroke-width-default: 2;
--xy-background-color-default: transparent;
--xy-background-pattern-dots-color-default: #91919a;
--xy-background-pattern-lines-color-default: #eee;
--xy-background-pattern-cross-color-default: #e2e2e2;
background-color: var(--xy-background-color, var(--xy-background-color-default));
--xy-node-color-default: inherit;
--xy-node-border-default: 1px solid #1a192b;
--xy-node-background-color-default: #fff;
--xy-node-group-background-color-default: rgba(240, 240, 240, .25);
--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);
--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;
--xy-node-border-radius-default: 3px;
--xy-handle-background-color-default: #1a192b;
--xy-handle-border-color-default: #fff;
--xy-selection-background-color-default: rgba(0, 89, 220, .08);
--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);
--xy-controls-button-background-color-default: #fefefe;
--xy-controls-button-background-color-hover-default: #f4f4f4;
--xy-controls-button-color-default: inherit;
--xy-controls-button-color-hover-default: inherit;
--xy-controls-button-border-color-default: #eee;
--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);
--xy-edge-label-background-color-default: #fff;
--xy-edge-label-color-default: inherit;
--xy-resize-background-color-default: #3367d9;
direction: ltr;
}
.react-flow.dark {
--xy-edge-stroke-default: #3e3e3e;
--xy-edge-stroke-width-default: 1;
--xy-edge-stroke-selected-default: #727272;
--xy-connectionline-stroke-default: #b1b1b7;
--xy-connectionline-stroke-width-default: 1;
--xy-attribution-background-color-default: rgba(150, 150, 150, .25);
--xy-minimap-background-color-default: #141414;
--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);
--xy-minimap-mask-stroke-color-default: transparent;
--xy-minimap-mask-stroke-width-default: 1;
--xy-minimap-node-background-color-default: #2b2b2b;
--xy-minimap-node-stroke-color-default: transparent;
--xy-minimap-node-stroke-width-default: 2;
--xy-background-color-default: #141414;
--xy-background-pattern-dots-color-default: #777;
--xy-background-pattern-lines-color-default: #777;
--xy-background-pattern-cross-color-default: #777;
--xy-node-color-default: #f8f8f8;
--xy-node-border-default: 1px solid #3c3c3c;
--xy-node-background-color-default: #1e1e1e;
--xy-node-group-background-color-default: rgba(240, 240, 240, .25);
--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);
--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;
--xy-handle-background-color-default: #bebebe;
--xy-handle-border-color-default: #1e1e1e;
--xy-selection-background-color-default: rgba(200, 200, 220, .08);
--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);
--xy-controls-button-background-color-default: #2b2b2b;
--xy-controls-button-background-color-hover-default: #3e3e3e;
--xy-controls-button-color-default: #f8f8f8;
--xy-controls-button-color-hover-default: #fff;
--xy-controls-button-border-color-default: #5b5b5b;
--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);
--xy-edge-label-background-color-default: #141414;
--xy-edge-label-color-default: #f8f8f8;
}
.react-flow__background {
background-color: var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));
pointer-events: none;
z-index: -1;
}
.react-flow__container {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.react-flow__pane {
z-index: 1;
}
.react-flow__pane.draggable {
cursor: grab;
}
.react-flow__pane.dragging {
cursor: grabbing;
}
.react-flow__pane.selection {
cursor: pointer;
}
.react-flow__viewport {
transform-origin: 0 0;
z-index: 2;
pointer-events: none;
}
.react-flow__renderer {
z-index: 4;
}
.react-flow__selection {
z-index: 6;
}
.react-flow__nodesselection-rect:focus {
outline: none;
}
.react-flow__nodesselection-rect:focus-visible {
outline: none;
}
.react-flow__edge-path {
stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
fill: none;
}
.react-flow__connection-path {
stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
fill: none;
}
.react-flow .react-flow__edges {
position: absolute;
}
.react-flow .react-flow__edges svg {
pointer-events: none;
position: absolute;
overflow: visible;
}
.react-flow__edge {
pointer-events: visibleStroke;
}
.react-flow__edge.selectable {
cursor: pointer;
}
.react-flow__edge.animated path {
stroke-dasharray: 5;
animation: .5s linear infinite dashdraw;
}
.react-flow__edge.animated path.react-flow__edge-interaction {
stroke-dasharray: none;
animation: none;
}
.react-flow__edge.inactive {
pointer-events: none;
}
.react-flow__edge.selected, .react-flow__edge:focus {
outline: none;
}
.react-flow__edge:focus-visible {
outline: none;
}
.react-flow__edge.selected .react-flow__edge-path, .react-flow__edge.selectable:focus .react-flow__edge-path {
stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
}
.react-flow__edge.selectable:focus-visible .react-flow__edge-path {
stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
}
.react-flow__edge-textwrapper {
pointer-events: all;
}
.react-flow__edge .react-flow__edge-text {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.react-flow__arrowhead polyline {
stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__arrowhead polyline.arrowclosed {
fill: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__connection {
pointer-events: none;
}
.react-flow__connection .animated {
stroke-dasharray: 5;
animation: .5s linear infinite dashdraw;
}
svg.react-flow__connectionline {
z-index: 1001;
position: absolute;
overflow: visible;
}
.react-flow__nodes {
pointer-events: none;
transform-origin: 0 0;
}
.react-flow__node {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: all;
transform-origin: 0 0;
box-sizing: border-box;
cursor: default;
position: absolute;
}
.react-flow__node.selectable {
cursor: pointer;
}
.react-flow__node.draggable {
cursor: grab;
pointer-events: all;
}
.react-flow__node.draggable.dragging {
cursor: grabbing;
}
.react-flow__nodesselection {
z-index: 3;
transform-origin: 0 0;
pointer-events: none;
}
.react-flow__nodesselection-rect {
pointer-events: all;
cursor: grab;
position: absolute;
}
.react-flow__handle {
pointer-events: none;
background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));
border-radius: 100%;
width: 6px;
min-width: 5px;
height: 6px;
min-height: 5px;
position: absolute;
}
.react-flow__handle.connectingfrom {
pointer-events: all;
}
.react-flow__handle.connectionindicator {
pointer-events: all;
cursor: crosshair;
}
.react-flow__handle-bottom {
top: auto;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
}
.react-flow__handle-top {
top: 0;
left: 50%;
transform: translate(-50%, -50%);
}
.react-flow__handle-left {
top: 50%;
left: 0;
transform: translate(-50%, -50%);
}
.react-flow__handle-right {
top: 50%;
right: 0;
transform: translate(50%, -50%);
}
.react-flow__edgeupdater {
cursor: move;
pointer-events: all;
}
.react-flow__pane.selection .react-flow__panel {
pointer-events: none;
}
.react-flow__panel {
z-index: 5;
margin: 15px;
position: absolute;
}
.react-flow__panel.top {
top: 0;
}
.react-flow__panel.bottom {
bottom: 0;
}
.react-flow__panel.top.center, .react-flow__panel.bottom.center {
left: 50%;
transform: translateX(-15px)translateX(-50%);
}
.react-flow__panel.left {
left: 0;
}
.react-flow__panel.right {
right: 0;
}
.react-flow__panel.left.center, .react-flow__panel.right.center {
top: 50%;
transform: translateY(-15px)translateY(-50%);
}
.react-flow__attribution {
background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
margin: 0;
padding: 2px 3px;
font-size: 10px;
}
.react-flow__attribution a {
color: #999;
text-decoration: none;
}
@keyframes dashdraw {
from {
stroke-dashoffset: 10px;
}
}
.react-flow__edgelabel-renderer {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.react-flow__viewport-portal {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.react-flow__minimap {
background: var(--xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)));
}
.react-flow__minimap-svg {
display: block;
}
.react-flow__minimap-mask {
fill: var(--xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)));
stroke: var(--xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)));
stroke-width: var(--xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)));
}
.react-flow__minimap-node {
fill: var(--xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)));
stroke: var(--xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)));
stroke-width: var(--xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)));
}
.react-flow__background-pattern.dots {
fill: var(--xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)));
}
.react-flow__background-pattern.lines {
stroke: var(--xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)));
}
.react-flow__background-pattern.cross {
stroke: var(--xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)));
}
.react-flow__controls {
box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default));
flex-direction: column;
display: flex;
}
.react-flow__controls.horizontal {
flex-direction: row;
}
.react-flow__controls-button {
background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));
border: none;
border-bottom: 1px solid var(--xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)));
width: 26px;
height: 26px;
color: var(--xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)));
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
justify-content: center;
align-items: center;
padding: 4px;
display: flex;
}
.react-flow__controls-button svg {
fill: currentColor;
width: 100%;
max-width: 12px;
max-height: 12px;
}
.react-flow__edge.updating .react-flow__edge-path {
stroke: #777;
}
.react-flow__edge-text {
font-size: 10px;
}
.react-flow__node.selectable:focus {
outline: none;
}
.react-flow__node.selectable:focus-visible {
outline: none;
}
.react-flow__node-input, .react-flow__node-default, .react-flow__node-output, .react-flow__node-group {
border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));
width: 150px;
color: var(--xy-node-color, var(--xy-node-color-default));
text-align: center;
border: var(--xy-node-border, var(--xy-node-border-default));
background-color: var(--xy-node-background-color, var(--xy-node-background-color-default));
padding: 10px;
font-size: 12px;
}
.react-flow__node-input.selectable:hover, .react-flow__node-default.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default));
}
.react-flow__node-input.selectable.selected, .react-flow__node-input.selectable:focus, .react-flow__node-default.selectable.selected, .react-flow__node-default.selectable:focus, .react-flow__node-output.selectable.selected, .react-flow__node-output.selectable:focus, .react-flow__node-group.selectable.selected, .react-flow__node-group.selectable:focus {
box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
}
.react-flow__node-input.selectable:focus-visible {
box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
}
.react-flow__node-default.selectable:focus-visible {
box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
}
.react-flow__node-output.selectable:focus-visible {
box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
}
.react-flow__node-group.selectable:focus-visible {
box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
}
.react-flow__node-group {
background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default));
}
.react-flow__nodesselection-rect, .react-flow__selection {
background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
border: var(--xy-selection-border, var(--xy-selection-border-default));
}
.react-flow__nodesselection-rect:focus, .react-flow__selection:focus {
outline: none;
}
.react-flow__nodesselection-rect:focus-visible {
outline: none;
}
.react-flow__selection:focus-visible {
outline: none;
}
.react-flow__controls-button:hover {
background: var(--xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)));
color: var(--xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)));
}
.react-flow__controls-button:disabled {
pointer-events: none;
}
.react-flow__controls-button:disabled svg {
fill-opacity: .4;
}
.react-flow__controls-button:last-child {
border-bottom: none;
}
.react-flow__controls.horizontal .react-flow__controls-button {
border-bottom: none;
border-right: 1px solid var(--xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)));
}
.react-flow__controls.horizontal .react-flow__controls-button:last-child {
border-right: none;
}
.react-flow__resize-control {
position: absolute;
}
.react-flow__resize-control.left, .react-flow__resize-control.right {
cursor: ew-resize;
}
.react-flow__resize-control.top, .react-flow__resize-control.bottom {
cursor: ns-resize;
}
.react-flow__resize-control.top.left, .react-flow__resize-control.bottom.right {
cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left, .react-flow__resize-control.top.right {
cursor: nesw-resize;
}
.react-flow__resize-control.handle {
background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
border: 1px solid #fff;
border-radius: 1px;
width: 5px;
height: 5px;
translate: -50% -50%;
}
.react-flow__resize-control.handle.left {
top: 50%;
left: 0;
}
.react-flow__resize-control.handle.right {
top: 50%;
left: 100%;
}
.react-flow__resize-control.handle.top {
top: 0;
left: 50%;
}
.react-flow__resize-control.handle.bottom {
top: 100%;
left: 50%;
}
.react-flow__resize-control.handle.top.left, .react-flow__resize-control.handle.bottom.left {
left: 0;
}
.react-flow__resize-control.handle.top.right, .react-flow__resize-control.handle.bottom.right {
left: 100%;
}
.react-flow__resize-control.line {
border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
border-style: solid;
border-width: 0;
}
.react-flow__resize-control.line.left, .react-flow__resize-control.line.right {
width: 1px;
height: 100%;
top: 0;
transform: translate(-50%);
}
.react-flow__resize-control.line.left {
border-left-width: 1px;
left: 0;
}
.react-flow__resize-control.line.right {
border-right-width: 1px;
left: 100%;
}
.react-flow__resize-control.line.top, .react-flow__resize-control.line.bottom {
width: 100%;
height: 1px;
left: 0;
transform: translate(0, -50%);
}
.react-flow__resize-control.line.top {
border-top-width: 1px;
top: 0;
}
.react-flow__resize-control.line.bottom {
border-bottom-width: 1px;
top: 100%;
}
.react-flow__edge-textbg {
fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
}
.react-flow__edge-text {
fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
}
/* [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)))) {
*, :before, :after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--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-divide-y-reverse: 0;
--tw-border-style: solid;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-shadow: 0 0 rgba(0, 0, 0, 0);
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 rgba(0, 0, 0, 0);
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 rgba(0, 0, 0, 0);
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
--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-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;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--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-divide-y-reverse: 0;
--tw-border-style: solid;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-shadow: 0 0 rgba(0, 0, 0, 0);
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 rgba(0, 0, 0, 0);
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 rgba(0, 0, 0, 0);
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
--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-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;
}
}
}
@layer theme {
:root, :host {
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--color-red-100: #ffe2e2;
--color-red-200: #ffcaca;
--color-red-500: #fb2c36;
--color-red-950: #460809;
--color-orange-100: #ffedd5;
--color-orange-500: #fe6e00;
--color-orange-950: #441306;
--color-amber-50: #fffbeb;
--color-amber-100: #fef3c6;
--color-amber-200: #fee685;
--color-amber-500: #f99c00;
--color-amber-950: #461901;
--color-yellow-100: #fef9c2;
--color-yellow-500: #edb200;
--color-yellow-950: #432004;
--color-emerald-100: #d0fae5;
--color-emerald-200: #a4f4cf;
--color-emerald-400: #00d294;
--color-emerald-500: #00bb7f;
--color-emerald-950: #002c22;
--color-cyan-100: #cefafe;
--color-cyan-500: #00b7d7;
--color-cyan-950: #053345;
--color-sky-100: #dff2fe;
--color-sky-200: #b8e6fe;
--color-sky-500: #00a5ef;
--color-sky-950: #052f4a;
--color-slate-900: #0f172b;
--color-zinc-200: #e4e4e7;
--color-zinc-700: #3f3f46;
--color-zinc-900: #18181b;
--color-white: #fff;
--spacing: .25rem;
--container-md: 28rem;
--container-lg: 32rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-4xl: 56rem;
--container-6xl: 72rem;
--text-xs: .75rem;
--text-xs--line-height: calc(1 / .75);
--text-sm: .875rem;
--text-sm--line-height: calc(1.25 / .875);
--text-base: 1rem;
--text-base--line-height: calc(1.5 / 1);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: calc(2.25 / 1.875);
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--leading-tight: 1.25;
--radius-sm: .25rem;
--radius-md: .375rem;
--radius-lg: .5rem;
--radius-xl: .75rem;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
}
@supports (color: color(display-p3 0 0 0)) {
:root, :host {
--color-red-100: color(display-p3 .980386 .889727 .887779);
--color-red-200: color(display-p3 .969562 .798149 .794299);
--color-red-500: color(display-p3 .903738 .262579 .253307);
--color-red-950: color(display-p3 .25064 .0550983 .0468818);
--color-orange-100: color(display-p3 .988762 .931393 .843273);
--color-orange-500: color(display-p3 .946589 .449788 .0757345);
--color-orange-950: color(display-p3 .244276 .0875626 .0387614);
--color-amber-50: color(display-p3 .997804 .985047 .926312);
--color-amber-100: color(display-p3 .989391 .954583 .796328);
--color-amber-200: color(display-p3 .979824 .904554 .57325);
--color-amber-500: color(display-p3 .93994 .620584 .0585367);
--color-amber-950: color(display-p3 .252662 .109091 .026881);
--color-yellow-100: color(display-p3 .993436 .977463 .782913);
--color-yellow-500: color(display-p3 .903651 .703062 .0745389);
--color-yellow-950: color(display-p3 .243647 .131076 .0413888);
--color-emerald-100: color(display-p3 .848335 .975974 .901691);
--color-emerald-200: color(display-p3 .713164 .947563 .822283);
--color-emerald-400: color(display-p3 .334701 .819603 .591575);
--color-emerald-500: color(display-p3 .267113 .726847 .508397);
--color-emerald-950: color(display-p3 .0549113 .170434 .13484);
--color-cyan-100: color(display-p3 .843085 .97553 .992573);
--color-cyan-500: color(display-p3 .246703 .710032 .841444);
--color-cyan-950: color(display-p3 .0805271 .197254 .263206);
--color-sky-100: color(display-p3 .889195 .946622 .992447);
--color-sky-200: color(display-p3 .758153 .897447 .986665);
--color-sky-500: color(display-p3 .219113 .639027 .931479);
--color-sky-950: color(display-p3 .0726429 .180783 .28188);
--color-slate-900: color(display-p3 .0639692 .0891152 .163036);
--color-zinc-200: color(display-p3 .894477 .894477 .905114);
--color-zinc-700: color(display-p3 .246478 .246448 .273934);
--color-zinc-900: color(display-p3 .0937957 .093793 .104806);
}
}
@supports (color: lab(0% 0 0)) {
:root, :host {
--color-red-100: lab(92.243% 10.2865 3.83865);
--color-red-200: lab(86.017% 19.8815 7.75869);
--color-red-500: lab(55.4814% 75.0732 48.8528);
--color-red-950: lab(13.003% 29.04 16.7519);
--color-orange-100: lab(94.7127% 3.58394 14.3151);
--color-orange-500: lab(64.272% 57.1788 90.3583);
--color-orange-950: lab(14.1747% 23.4515 19.4461);
--color-amber-50: lab(98.6252% -.635922 8.42309);
--color-amber-100: lab(95.916% -1.21653 23.111);
--color-amber-200: lab(91.7203% -.505269 49.9084);
--color-amber-500: lab(72.7183% 31.8672 97.9407);
--color-amber-950: lab(15.8111% 20.9107 23.3752);
--color-yellow-100: lab(97.3564% -4.51407 27.344);
--color-yellow-500: lab(76.3898% 14.5258 98.4589);
--color-yellow-950: lab(16.8146% 15.7422 23.1133);
--color-emerald-100: lab(94.9004% -17.0769 5.63836);
--color-emerald-200: lab(90.2247% -31.039 9.47084);
--color-emerald-400: lab(75.0771% -60.7313 19.4147);
--color-emerald-500: lab(66.9756% -58.27 19.5419);
--color-emerald-950: lab(15.0582% -17.9507 2.38369);
--color-cyan-100: lab(95.3146% -13.8285 -6.84732);
--color-cyan-500: lab(67.805% -35.3952 -30.2018);
--color-cyan-950: lab(19.1528% -9.68757 -15.5267);
--color-sky-100: lab(94.3709% -4.56053 -8.23453);
--color-sky-200: lab(88.6983% -11.3978 -16.8488);
--color-sky-500: lab(63.3038% -18.433 -51.0407);
--color-sky-950: lab(17.8299% -5.31271 -21.1584);
--color-slate-900: lab(7.78673% 1.82345 -15.0537);
--color-zinc-200: lab(90.6853% .399232 -1.45452);
--color-zinc-700: lab(26.8019% 1.35387 -4.68303);
--color-zinc-900: lab(8.30603% .618205 -2.16572);
}
}
}
@layer base {
*, :after, :before {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
::-webkit-file-upload-button {
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%;
-moz-tab-size: 4;
tab-size: 4;
line-height: 1.5;
font-family: var(--default-font-family, ui-sans-serif, system-ui, 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 {
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: rgba(0, 0, 0, 0);
border-radius: 0;
}
::-webkit-file-upload-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: rgba(0, 0, 0, 0);
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: rgba(0, 0, 0, 0);
border-radius: 0;
}
:where(select:-webkit-any([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:-moz-any([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:-webkit-any([multiple], [size])) optgroup option:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
padding-left: 20px;
}
:where(select:-moz-any([multiple], [size])) optgroup option:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
padding-left: 20px;
}
:where(select:is([multiple], [size])) optgroup option:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
padding-left: 20px;
}
:where(select:-webkit-any([multiple], [size])) optgroup option:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
padding-right: 20px;
}
:where(select:-moz-any([multiple], [size])) optgroup option:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
padding-right: 20px;
}
:where(select:is([multiple], [size])) optgroup option:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
padding-right: 20px;
}
:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-webkit-file-upload-button {
margin-right: 4px;
}
:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button {
margin-right: 4px;
}
:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button {
margin-right: 4px;
}
:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-webkit-file-upload-button {
margin-left: 4px;
}
:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button {
margin-left: 4px;
}
:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button {
margin-left: 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-top: 0;
padding-bottom: 0;
}
::-webkit-datetime-edit-year-field {
padding-top: 0;
padding-bottom: 0;
}
::-webkit-datetime-edit-month-field {
padding-top: 0;
padding-bottom: 0;
}
::-webkit-datetime-edit-day-field {
padding-top: 0;
padding-bottom: 0;
}
::-webkit-datetime-edit-hour-field {
padding-top: 0;
padding-bottom: 0;
}
::-webkit-datetime-edit-minute-field {
padding-top: 0;
padding-bottom: 0;
}
::-webkit-datetime-edit-second-field {
padding-top: 0;
padding-bottom: 0;
}
::-webkit-datetime-edit-millisecond-field {
padding-top: 0;
padding-bottom: 0;
}
::-webkit-datetime-edit-meridiem-field {
padding-top: 0;
padding-bottom: 0;
}
::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid {
box-shadow: none;
}
button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
}
input:where([type="button"], [type="reset"], [type="submit"]) {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
}
::file-selector-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
}
::-webkit-inner-spin-button {
height: auto;
}
::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
}
@layer components;
@layer utilities {
.visible {
visibility: visible;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.sticky {
position: -webkit-sticky;
position: sticky;
}
.inset-0 {
inset: calc(var(--spacing) * 0);
}
.start:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
left: var(--spacing);
}
.start:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
left: var(--spacing);
}
.start:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
left: var(--spacing);
}
.start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
right: var(--spacing);
}
.start:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
right: var(--spacing);
}
.start:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
right: var(--spacing);
}
.top-0 {
top: calc(var(--spacing) * 0);
}
.top-4 {
top: calc(var(--spacing) * 4);
}
.top-\[33px\] {
top: 33px;
}
.right-4 {
right: calc(var(--spacing) * 4);
}
.bottom-4 {
bottom: calc(var(--spacing) * 4);
}
.z-30 {
z-index: 30;
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.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;
}
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-6 {
margin-block: calc(var(--spacing) * 6);
}
.mt-0\.5 {
margin-top: calc(var(--spacing) * .5);
}
.mt-1 {
margin-top: calc(var(--spacing) * 1);
}
.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-7 {
margin-top: calc(var(--spacing) * 7);
}
.mt-8 {
margin-top: calc(var(--spacing) * 8);
}
.mt-auto {
margin-top: auto;
}
.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-5 {
margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
margin-bottom: calc(var(--spacing) * 6);
}
.mb-7 {
margin-bottom: calc(var(--spacing) * 7);
}
.mb-8 {
margin-bottom: calc(var(--spacing) * 8);
}
.ml-1 {
margin-left: calc(var(--spacing) * 1);
}
.block {
display: block;
}
.contents {
display: contents;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.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-6 {
width: calc(var(--spacing) * 6);
height: calc(var(--spacing) * 6);
}
.size-7 {
width: calc(var(--spacing) * 7);
height: calc(var(--spacing) * 7);
}
.size-9 {
width: calc(var(--spacing) * 9);
height: calc(var(--spacing) * 9);
}
.h-6 {
height: calc(var(--spacing) * 6);
}
.h-10 {
height: calc(var(--spacing) * 10);
}
.h-\[360px\] {
height: 360px;
}
.h-\[520px\] {
height: 520px;
}
.h-full {
height: 100%;
}
.h-px {
height: 1px;
}
.max-h-\[220px\] {
max-height: 220px;
}
.min-h-\[180px\] {
min-height: 180px;
}
.min-h-\[360px\] {
min-height: 360px;
}
.min-h-\[calc\(100dvh-33px\)\] {
min-height: calc(100dvh - 33px);
}
.min-h-dvh {
min-height: 100dvh;
}
.min-h-screen {
min-height: 100vh;
}
.w-1\/4 {
width: 25%;
}
.w-2\/5 {
width: 40%;
}
.w-10 {
width: calc(var(--spacing) * 10);
}
.w-\[min\(420px\,calc\(100vw-2rem\)\)\] {
width: min(420px, 100vw - 2rem);
}
.w-full {
width: 100%;
}
.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-6xl {
max-width: var(--container-6xl);
}
.max-w-\[160px\] {
max-width: 160px;
}
.max-w-\[180px\] {
max-width: 180px;
}
.max-w-\[210px\] {
max-width: 210px;
}
.max-w-\[220px\] {
max-width: 220px;
}
.max-w-lg {
max-width: var(--container-lg);
}
.max-w-md {
max-width: var(--container-md);
}
.min-w-0 {
min-width: calc(var(--spacing) * 0);
}
.min-w-7 {
min-width: calc(var(--spacing) * 7);
}
.min-w-full {
min-width: 100%;
}
.flex-1 {
flex: 1;
}
.shrink-0 {
flex-shrink: 0;
}
.grow {
flex-grow: 1;
}
.border-separate {
border-collapse: separate;
}
.border-spacing-0 {
--tw-border-spacing-x: calc(var(--spacing) * 0);
--tw-border-spacing-y: calc(var(--spacing) * 0);
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.transform {
transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}
.resize {
resize: both;
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.place-items-center {
place-items: center;
}
.items-center {
align-items: center;
}
.items-start {
align-items: flex-start;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.gap-1 {
gap: calc(var(--spacing) * 1);
}
.gap-1\.5 {
gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.gap-3 {
gap: calc(var(--spacing) * 3);
}
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.gap-8 {
gap: calc(var(--spacing) * 8);
}
:where(.space-y-2 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-top: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
margin-bottom: 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-top: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
margin-bottom: 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-top: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
margin-bottom: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-top: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
margin-bottom: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}
: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)));
}
.truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-x-auto {
overflow-x: auto;
}
.rounded {
border-radius: .25rem;
}
.rounded-lg {
border-radius: var(--radius-lg);
}
.rounded-md {
border-radius: var(--radius-md);
}
.rounded-sm {
border-radius: var(--radius-sm);
}
.rounded-xl {
border-radius: var(--radius-xl);
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-dashed {
--tw-border-style: dashed;
border-style: dashed;
}
.border-\[var\(--kt-rim\)\] {
border-color: var(--kt-rim);
}
.border-\[var\(--kt-rim-cy\)\] {
border-color: var(--kt-rim-cy);
}
.border-amber-500\/30 {
border-color: rgba(249, 156, 0, .3);
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-500\/30 {
border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
}
}
.border-amber-500\/40 {
border-color: rgba(249, 156, 0, .4);
}
@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-amber-500\/45 {
border-color: rgba(249, 156, 0, .45);
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-500\/45 {
border-color: color-mix(in oklab, var(--color-amber-500) 45%, transparent);
}
}
.border-cyan-500\/40 {
border-color: rgba(0, 183, 215, .4);
}
@supports (color: color-mix(in lab, red, red)) {
.border-cyan-500\/40 {
border-color: color-mix(in oklab, var(--color-cyan-500) 40%, transparent);
}
}
.border-emerald-500\/40 {
border-color: rgba(0, 187, 127, .4);
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-500\/40 {
border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
}
}
.border-emerald-500\/50 {
border-color: rgba(0, 187, 127, .5);
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-500\/50 {
border-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
}
}
.border-orange-500\/50 {
border-color: rgba(254, 110, 0, .5);
}
@supports (color: color-mix(in lab, red, red)) {
.border-orange-500\/50 {
border-color: color-mix(in oklab, var(--color-orange-500) 50%, transparent);
}
}
.border-red-500\/40 {
border-color: rgba(251, 44, 54, .4);
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-500\/40 {
border-color: color-mix(in oklab, var(--color-red-500) 40%, transparent);
}
}
.border-red-500\/50 {
border-color: rgba(251, 44, 54, .5);
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-500\/50 {
border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
}
}
.border-sky-500\/40 {
border-color: rgba(0, 165, 239, .4);
}
@supports (color: color-mix(in lab, red, red)) {
.border-sky-500\/40 {
border-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent);
}
}
.border-sky-500\/50 {
border-color: rgba(0, 165, 239, .5);
}
@supports (color: color-mix(in lab, red, red)) {
.border-sky-500\/50 {
border-color: color-mix(in oklab, var(--color-sky-500) 50%, transparent);
}
}
.border-yellow-500\/50 {
border-color: rgba(237, 178, 0, .5);
}
@supports (color: color-mix(in lab, red, red)) {
.border-yellow-500\/50 {
border-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent);
}
}
.border-zinc-700 {
border-color: var(--color-zinc-700);
}
.bg-\[rgba\(7\,9\,14\,0\.82\)\] {
background-color: rgba(7, 9, 14, .82);
}
.bg-\[rgba\(7\,9\,14\,0\.84\)\] {
background-color: rgba(7, 9, 14, .84);
}
.bg-\[rgba\(56\,189\,248\,0\.10\)\] {
background-color: rgba(56, 189, 248, .1);
}
.bg-\[var\(--kt-panel\)\] {
background-color: var(--kt-panel);
}
.bg-\[var\(--kt-raised\)\] {
background-color: var(--kt-raised);
}
.bg-\[var\(--kt-rim\)\] {
background-color: var(--kt-rim);
}
.bg-amber-950 {
background-color: var(--color-amber-950);
}
.bg-amber-950\/95 {
background-color: rgba(70, 25, 1, .95);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-950\/95 {
background-color: color-mix(in oklab, var(--color-amber-950) 95%, transparent);
}
}
.bg-cyan-950 {
background-color: var(--color-cyan-950);
}
.bg-emerald-950 {
background-color: var(--color-emerald-950);
}
.bg-orange-950 {
background-color: var(--color-orange-950);
}
.bg-red-950 {
background-color: var(--color-red-950);
}
.bg-sky-950 {
background-color: var(--color-sky-950);
}
.bg-white {
background-color: var(--color-white);
}
.bg-yellow-950 {
background-color: var(--color-yellow-950);
}
.bg-zinc-900 {
background-color: var(--color-zinc-900);
}
.bg-\[linear-gradient\(180deg\,\#060810_0\%\,\#0A0F1A_100\%\)\] {
background-image: linear-gradient(#060810 0%, #0a0f1a 100%);
}
.bg-\[linear-gradient\(rgba\(255\,255\,255\,0\.025\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(255\,255\,255\,0\.025\)_1px\,transparent_1px\)\] {
background-image: linear-gradient(rgba(255, 255, 255, .024) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 255, 255, .024) 1px, rgba(0, 0, 0, 0) 1px);
}
.bg-\[length\:24px_24px\] {
background-size: 24px 24px;
}
.p-3 {
padding: calc(var(--spacing) * 3);
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
.p-6 {
padding: calc(var(--spacing) * 6);
}
.p-7 {
padding: calc(var(--spacing) * 7);
}
.px-1\.5 {
padding-inline: calc(var(--spacing) * 1.5);
}
.px-2 {
padding-inline: calc(var(--spacing) * 2);
}
.px-3 {
padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.py-0\.5 {
padding-block: calc(var(--spacing) * .5);
}
.py-1 {
padding-block: calc(var(--spacing) * 1);
}
.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-10 {
padding-block: calc(var(--spacing) * 10);
}
.py-12 {
padding-block: calc(var(--spacing) * 12);
}
.py-14 {
padding-block: calc(var(--spacing) * 14);
}
.pt-2 {
padding-top: calc(var(--spacing) * 2);
}
.pt-4 {
padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
padding-top: calc(var(--spacing) * 5);
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.align-top {
vertical-align: top;
}
.font-mono {
font-family: var(--font-mono);
}
.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-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--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-\[10px\] {
font-size: 10px;
}
.text-\[11px\] {
font-size: 11px;
}
.text-\[12px\] {
font-size: 12px;
}
.text-\[13px\] {
font-size: 13px;
}
.text-\[14px\] {
font-size: 14px;
}
.text-\[15px\] {
font-size: 15px;
}
.text-\[18px\] {
font-size: 18px;
}
.text-\[28px\] {
font-size: 28px;
}
.text-\[32px\] {
font-size: 32px;
}
.text-\[52px\] {
font-size: 52px;
}
.leading-5 {
--tw-leading: calc(var(--spacing) * 5);
line-height: calc(var(--spacing) * 5);
}
.leading-6 {
--tw-leading: calc(var(--spacing) * 6);
line-height: calc(var(--spacing) * 6);
}
.leading-7 {
--tw-leading: calc(var(--spacing) * 7);
line-height: calc(var(--spacing) * 7);
}
.leading-8 {
--tw-leading: calc(var(--spacing) * 8);
line-height: calc(var(--spacing) * 8);
}
.leading-\[1\.04\] {
--tw-leading: 1.04;
line-height: 1.04;
}
.leading-tight {
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}
.font-\[var\(--ku-font-display\)\] {
--tw-font-weight: var(--ku-font-display);
font-weight: var(--ku-font-display);
}
.font-\[var\(--ku-font-mono\)\] {
--tw-font-weight: var(--ku-font-mono);
font-weight: var(--ku-font-mono);
}
.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-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.tracking-\[0\.08em\] {
--tw-tracking: .08em;
letter-spacing: .08em;
}
.tracking-\[0\.12em\] {
--tw-tracking: .12em;
letter-spacing: .12em;
}
.tracking-\[0\.14em\] {
--tw-tracking: .14em;
letter-spacing: .14em;
}
.tracking-\[0\.16em\] {
--tw-tracking: .16em;
letter-spacing: .16em;
}
.tracking-\[0\.18em\] {
--tw-tracking: .18em;
letter-spacing: .18em;
}
.whitespace-pre-wrap {
white-space: pre-wrap;
}
.text-\[var\(--kt-cy\)\] {
color: var(--kt-cy);
}
.text-\[var\(--kt-cyan\)\] {
color: var(--kt-cyan);
}
.text-\[var\(--kt-fg-1\)\] {
color: var(--kt-fg-1);
}
.text-\[var\(--kt-fg-2\)\] {
color: var(--kt-fg-2);
}
.text-\[var\(--kt-fg-3\)\] {
color: var(--kt-fg-3);
}
.text-\[var\(--kt-grade-b\)\] {
color: var(--kt-grade-b);
}
.text-\[var\(--kt-grade-c\)\] {
color: var(--kt-grade-c);
}
.text-\[var\(--kt-grade-d\)\] {
color: var(--kt-grade-d);
}
.text-amber-50 {
color: var(--color-amber-50);
}
.text-amber-100 {
color: var(--color-amber-100);
}
.text-amber-200 {
color: var(--color-amber-200);
}
.text-cyan-100 {
color: var(--color-cyan-100);
}
.text-emerald-100 {
color: var(--color-emerald-100);
}
.text-emerald-200 {
color: var(--color-emerald-200);
}
.text-emerald-400 {
color: var(--color-emerald-400);
}
.text-orange-100 {
color: var(--color-orange-100);
}
.text-red-100 {
color: var(--color-red-100);
}
.text-red-200 {
color: var(--color-red-200);
}
.text-sky-100 {
color: var(--color-sky-100);
}
.text-sky-200 {
color: var(--color-sky-200);
}
.text-slate-900 {
color: var(--color-slate-900);
}
.text-yellow-100 {
color: var(--color-yellow-100);
}
.text-zinc-200 {
color: var(--color-zinc-200);
}
.uppercase {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.opacity-80 {
opacity: .8;
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgba(0, 0, 0, .25));
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 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, .1));
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 20px 25px -5px var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 8px 10px -6px var(--tw-shadow-color, rgba(0, 0, 0, .1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.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-\[var\(--kt-cy\)\] {
--tw-ring-color: var(--kt-cy);
}
.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, );
}
.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, -webkit-text-decoration-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));
}
.outline-none {
--tw-outline-style: none;
outline-style: none;
}
.paused {
animation-play-state: paused;
}
.running {
animation-play-state: running;
}
@media (hover: hover) {
.hover\:border-\[var\(--kt-cyan\)\]:hover {
border-color: var(--kt-cyan);
}
}
@media (hover: hover) {
.hover\:bg-white\/10:hover {
background-color: rgba(255, 255, 255, .1);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/10:hover {
background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
}
@media (hover: hover) {
.hover\:text-\[var\(--kt-cyan\)\]:hover {
color: var(--kt-cyan);
}
}
@media (hover: hover) {
.hover\:underline:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
}
.focus\:border-\[var\(--kt-cyan\)\]:focus {
border-color: var(--kt-cyan);
}
@media (min-width: 40rem) {
.sm\:inline {
display: inline;
}
}
@media (min-width: 40rem) {
.sm\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.md\:sticky {
position: -webkit-sticky;
position: sticky;
}
}
@media (min-width: 48rem) {
.md\:top-\[33px\] {
top: 33px;
}
}
@media (min-width: 48rem) {
.md\:flex {
display: flex;
}
}
@media (min-width: 48rem) {
.md\:h-\[calc\(100dvh-33px\)\] {
height: calc(100dvh - 33px);
}
}
@media (min-width: 48rem) {
.md\:w-\[280px\] {
width: 280px;
}
}
@media (min-width: 48rem) {
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.md\:flex-col {
flex-direction: column;
}
}
@media (min-width: 48rem) {
.md\:px-6 {
padding-inline: calc(var(--spacing) * 6);
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[0\.92fr_1\.08fr\] {
grid-template-columns: .92fr 1.08fr;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[1\.1fr_0\.9fr\] {
grid-template-columns: 1.1fr .9fr;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[1fr_1fr\] {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
grid-template-columns: minmax(0, 1fr) 360px;
}
}
@media (min-width: 64rem) {
.lg\:items-center {
align-items: center;
}
}
@media (min-width: 80rem) {
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
}
@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;
}
:root {
--ku-blue-50: #eff6ff;
--ku-blue-100: #dbeafe;
--ku-blue-200: #bfdbfe;
--ku-blue-300: #93c5fd;
--ku-blue-400: #60a5fa;
--ku-blue-500: #3b82f6;
--ku-blue-600: #2563eb;
--ku-blue-700: #1d4ed8;
--ku-blue-800: #1e40af;
--ku-blue-900: #1e3a8a;
--ku-primary: var(--ku-blue-500);
--ku-primary-bright: #60a5fa;
--ku-primary-deep: var(--ku-blue-700);
--ku-primary-glow: rgba(59, 130, 246, .45);
--ku-primary-haze: rgba(59, 130, 246, .12);
--ku-cyan: #38bdf8;
--ku-violet: #8b5cf6;
--ku-pink: #ec4899;
--ku-teal: #14b8a6;
--ku-black: #000;
--ku-ink-900: #05070d;
--ku-ink-850: #0a0f1a;
--ku-ink-800: #0e1422;
--ku-ink-700: #141a2b;
--ku-ink-600: #1c2540;
--ku-ink-500: #2a3555;
--ku-ink-400: #3f4b75;
--ku-ink-300: #5a6891;
--ku-ink-200: #8b99be;
--ku-ink-100: #c1cae3;
--ku-ink-50: #e6ebf7;
--ku-white: #fff;
--ku-fg-1: #f5f7fc;
--ku-fg-2: #b8c2dc;
--ku-fg-3: #6d79a0;
--ku-fg-disabled: #3f4b75;
--ku-fg-on-blue: #fff;
--ku-bg-page: var(--ku-ink-900);
--ku-bg-panel: var(--ku-ink-850);
--ku-bg-raised: var(--ku-ink-800);
--ku-bg-hover: rgba(59, 130, 246, .06);
--ku-bg-subtle: rgba(255, 255, 255, .03);
--ku-border: rgba(255, 255, 255, .08);
--ku-border-strong: rgba(255, 255, 255, .14);
--ku-border-blue: rgba(59, 130, 246, .35);
--ku-border-bright: rgba(96, 165, 250, .55);
--ku-success: #10b981;
--ku-warning: #f59e0b;
--ku-danger: #ef4444;
--ku-info: var(--ku-cyan);
--ku-gradient-prism: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);
--ku-gradient-ice: linear-gradient(180deg, #93c5fd 0%, #3b82f6 60%, #1d4ed8 100%);
--ku-gradient-hero: radial-gradient(ellipse 60% 50% at 50% 35%, rgba(59, 130, 246, .3) 0%, rgba(59, 130, 246, .08) 40%, transparent 75%);
--ku-gradient-shard: linear-gradient(180deg, rgba(147, 197, 253, .95) 0%, rgba(59, 130, 246, .85) 100%);
--ku-gradient-text: linear-gradient(180deg, #fff 0%, #93c5fd 100%);
--ku-gradient-edge-glow: linear-gradient(90deg, transparent, rgba(96, 165, 250, .8), transparent);
--ku-shadow-sm: 0 1px 2px rgba(0, 0, 0, .6);
--ku-shadow-md: 0 4px 12px rgba(0, 0, 0, .5);
--ku-shadow-lg: 0 12px 32px rgba(0, 0, 0, .7);
--ku-shadow-inner: inset 0 1px 0 rgba(255, 255, 255, .06);
--ku-glow-sm: 0 0 12px rgba(59, 130, 246, .35);
--ku-glow-md: 0 0 28px rgba(59, 130, 246, .45);
--ku-glow-lg: 0 0 56px rgba(59, 130, 246, .55);
--ku-glow-rim: 0 0 0 1px rgba(96, 165, 250, .35), 0 0 32px rgba(59, 130, 246, .25);
--ku-radius-xs: 4px;
--ku-radius-sm: 8px;
--ku-radius-md: 12px;
--ku-radius-lg: 16px;
--ku-radius-xl: 24px;
--ku-radius-pill: 9999px;
--ku-space-1: 4px;
--ku-space-2: 8px;
--ku-space-3: 12px;
--ku-space-4: 16px;
--ku-space-5: 20px;
--ku-space-6: 24px;
--ku-space-8: 32px;
--ku-space-10: 40px;
--ku-space-12: 48px;
--ku-space-16: 64px;
--ku-space-20: 80px;
--ku-space-24: 96px;
--ku-font-display: "Space Grotesk", system-ui, sans-serif;
--ku-font-body: "Inter", system-ui, sans-serif;
--ku-font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;
--ku-display-xl: clamp(56px, 7vw, 96px);
--ku-display-lg: clamp(40px, 5vw, 64px);
--ku-display-md: clamp(32px, 4vw, 48px);
--ku-display-sm: clamp(24px, 2.6vw, 32px);
--ku-display-xs: 20px;
--ku-body-lg: 18px;
--ku-body: 16px;
--ku-body-sm: 14px;
--ku-caption: 13px;
--ku-tiny: 12px;
--ku-eyebrow-size: 12px;
--ku-eyebrow-tracking: .22em;
--ku-eyebrow-weight: 600;
}
.ku-display-xl, .ku-display-lg, .ku-display-md, .ku-display-sm, .ku-display-xs, .ku-h1, .ku-h2, .ku-h3 {
font-family: var(--ku-font-display);
letter-spacing: -.02em;
color: var(--ku-fg-1);
text-wrap: balance;
margin: 0;
font-weight: 700;
line-height: 1.05;
}
.ku-display-xl {
font-size: var(--ku-display-xl);
}
.ku-display-lg {
font-size: var(--ku-display-lg);
}
.ku-display-md, .ku-h1 {
font-size: var(--ku-display-md);
line-height: 1.15;
}
.ku-display-sm, .ku-h2 {
font-size: var(--ku-display-sm);
line-height: 1.2;
}
.ku-display-xs, .ku-h3 {
font-size: var(--ku-display-xs);
letter-spacing: -.01em;
line-height: 1.3;
}
.ku-lead {
font-family: var(--ku-font-body);
font-size: var(--ku-body-lg);
color: var(--ku-fg-2);
text-wrap: pretty;
margin: 0;
line-height: 1.6;
}
.ku-body {
font-family: var(--ku-font-body);
font-size: var(--ku-body);
color: var(--ku-fg-2);
margin: 0;
line-height: 1.65;
}
.ku-caption {
font-family: var(--ku-font-body);
font-size: var(--ku-caption);
color: var(--ku-fg-3);
line-height: 1.5;
}
.ku-code, code.ku-code, .ku-mono {
font-family: var(--ku-font-mono);
font-size: var(--ku-body-sm);
color: var(--ku-ink-100);
letter-spacing: 0;
}
.ku-eyebrow {
font-family: var(--ku-font-mono);
font-size: var(--ku-eyebrow-size);
font-weight: var(--ku-eyebrow-weight);
text-transform: uppercase;
letter-spacing: var(--ku-eyebrow-tracking);
color: var(--ku-primary-bright);
}
.ku-gradient-text {
background: var(--ku-gradient-text);
-webkit-text-fill-color: transparent;
color: rgba(0, 0, 0, 0);
-webkit-background-clip: text;
background-clip: text;
}
@keyframes ku-glow-pulse {
0%, 100% {
filter: drop-shadow(0 0 10px rgba(59, 130, 246, .35));
}
50% {
filter: drop-shadow(0 0 24px rgba(96, 165, 250, .65));
}
}
@keyframes ku-shard-sweep {
0% {
opacity: 0;
transform: translateX(-100%);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateX(100%);
}
}
@keyframes ku-grid-drift {
from {
background-position: 0 0;
}
to {
background-position: 60px 60px;
}
}
* {
box-sizing: border-box;
}
html, body {
background: var(--ku-ink-900);
color: var(--ku-fg-1);
font-family: var(--ku-font-body);
margin: 0;
}
.screen {
background: var(--ku-ink-900);
width: 1320px;
color: var(--ku-fg-1);
font-family: var(--ku-font-body);
background-image: radial-gradient(900px at 8% -10%, rgba(59, 130, 246, .1), rgba(0, 0, 0, 0) 55%), radial-gradient(700px at 92% 0, rgba(139, 92, 246, .06), rgba(0, 0, 0, 0) 55%);
grid-template-columns: 232px 1fr;
font-size: 13px;
line-height: 1.5;
display: grid;
}
.sb {
border-right: 1px solid var(--ku-border);
background: rgba(10, 15, 26, .7);
padding: 18px 12px;
}
.sb-brand {
border-bottom: 1px solid var(--ku-border);
align-items: center;
gap: 10px;
margin-bottom: 14px;
padding: 2px 8px 16px;
display: flex;
}
.sb-brand img {
width: 24px;
height: 24px;
}
.sb-brand-wm {
font-family: var(--ku-font-display);
letter-spacing: .04em;
font-size: 12px;
font-weight: 700;
}
.sb-brand-wm .u {
color: var(--ku-primary-bright);
}
.sb-tenant {
font-family: var(--ku-font-mono);
color: var(--ku-fg-3);
text-transform: uppercase;
letter-spacing: .22em;
margin-top: 2px;
font-size: 9px;
}
.sb-group-label {
font-family: var(--ku-font-mono);
text-transform: uppercase;
letter-spacing: .22em;
color: var(--ku-fg-3);
padding: 14px 12px 8px;
font-size: 9px;
font-weight: 600;
}
.sb-item {
border-radius: var(--ku-radius-sm);
color: var(--ku-fg-2);
align-items: center;
gap: 10px;
padding: 7px 10px;
font-size: 12.5px;
display: flex;
}
.sb-item:hover {
background: var(--ku-bg-hover);
color: var(--ku-fg-1);
}
.sb-item.active {
color: var(--ku-primary-bright);
box-shadow: inset 2px 0 0 var(--ku-primary-bright);
background: rgba(59, 130, 246, .12);
}
.sb-item .code {
font-family: var(--ku-font-mono);
color: var(--ku-primary-bright);
letter-spacing: .14em;
width: 38px;
font-size: 9px;
font-weight: 600;
}
.sb-item.sub {
padding-left: 30px;
font-size: 12px;
}
.sb-item .count {
font-family: var(--ku-font-mono);
color: var(--ku-fg-3);
margin-left: auto;
font-size: 10px;
}
.sb-item.active .count {
color: var(--ku-primary-bright);
}
.sb-item .dot-red {
background: var(--ku-danger);
width: 6px;
height: 6px;
box-shadow: 0 0 8px var(--ku-danger);
border-radius: 50%;
margin-left: auto;
}
.mn {
min-width: 0;
padding: 22px 28px 40px;
}
.ph {
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
gap: 20px;
margin-bottom: 18px;
display: flex;
}
.ph-eye {
font-family: var(--ku-font-mono);
text-transform: uppercase;
letter-spacing: .22em;
color: var(--ku-primary-bright);
margin-bottom: 4px;
font-size: 10px;
font-weight: 600;
}
.ph-title {
font-family: var(--ku-font-display);
letter-spacing: -.02em;
margin: 0;
font-size: 26px;
font-weight: 700;
}
.ph-title .mono-sub {
font-family: var(--ku-font-mono);
color: var(--ku-fg-3);
letter-spacing: 0;
margin-left: 10px;
font-size: 13px;
font-weight: 500;
}
.ph-meta {
font-family: var(--ku-font-mono);
color: var(--ku-fg-3);
letter-spacing: .04em;
margin-top: 4px;
font-size: 11px;
}
.ph-meta .dot {
background: var(--ku-success);
width: 6px;
height: 6px;
box-shadow: 0 0 8px var(--ku-success);
vertical-align: 1px;
border-radius: 50%;
margin-right: 6px;
display: inline-block;
}
.ph-actions {
align-items: center;
gap: 8px;
display: flex;
}
.crumbs {
font-family: var(--ku-font-mono);
color: var(--ku-fg-3);
text-transform: uppercase;
letter-spacing: .2em;
margin-bottom: 8px;
font-size: 10px;
}
.crumbs a {
color: var(--ku-fg-3);
}
.crumbs .sep {
opacity: .5;
margin: 0 8px;
}
.crumbs .cur {
color: var(--ku-primary-bright);
}
.btn {
border-radius: var(--ku-radius-sm);
border: 1px solid var(--ku-border);
background: var(--ku-ink-800);
color: var(--ku-fg-1);
cursor: pointer;
align-items: center;
gap: 6px;
padding: 7px 12px;
font-family: inherit;
font-size: 12px;
font-weight: 500;
display: inline-flex;
}
.btn:hover {
border-color: var(--ku-border-blue);
color: var(--ku-primary-bright);
}
.btn.sm {
padding: 4px 8px;
font-size: 11px;
}
.btn.primary {
background: var(--ku-primary);
color: #fff;
border-color: var(--ku-primary);
font-weight: 600;
}
.btn.primary:hover {
background: var(--ku-primary-bright);
color: #fff;
}
.btn.danger {
color: var(--ku-danger);
background: rgba(239, 68, 68, .12);
border-color: rgba(239, 68, 68, .45);
font-weight: 600;
}
.btn.danger:hover {
background: var(--ku-danger);
color: #fff;
border-color: var(--ku-danger);
}
.btn.warn {
color: var(--ku-warning);
background: rgba(245, 158, 11, .1);
border-color: rgba(245, 158, 11, .35);
}
.btn.ghost {
background: none;
}
.btn .ext {
opacity: .7;
}
.btn-halt {
color: var(--ku-danger);
border-radius: var(--ku-radius-sm);
font-family: var(--ku-font-mono);
letter-spacing: .18em;
text-transform: uppercase;
cursor: pointer;
background: rgba(239, 68, 68, .08);
border: 1px solid rgba(239, 68, 68, .5);
align-items: center;
gap: 8px;
padding: 9px 16px;
font-size: 11px;
font-weight: 700;
display: inline-flex;
box-shadow: 0 0 0 1px rgba(239, 68, 68, .1), 0 0 24px rgba(239, 68, 68, .15);
}
.btn-halt:hover {
background: var(--ku-danger);
color: #fff;
}
.btn-halt .pulse {
background: var(--ku-danger);
width: 8px;
height: 8px;
box-shadow: 0 0 8px var(--ku-danger);
border-radius: 50%;
}
.halt-banner {
border-radius: var(--ku-radius-md);
background: linear-gradient(90deg, rgba(239, 68, 68, .12), rgba(239, 68, 68, .04));
border: 1px solid rgba(239, 68, 68, .5);
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 16px;
margin-bottom: 16px;
padding: 14px 18px;
display: grid;
box-shadow: 0 0 0 1px rgba(239, 68, 68, .08), 0 0 36px rgba(239, 68, 68, .12);
}
.halt-banner .ico {
width: 32px;
height: 32px;
color: var(--ku-danger);
background: rgba(239, 68, 68, .18);
border-radius: 50%;
place-items: center;
display: grid;
}
.halt-banner .ttl {
font-family: var(--ku-font-display);
color: var(--ku-danger);
letter-spacing: .02em;
font-size: 14px;
font-weight: 700;
}
.halt-banner .body {
color: var(--ku-fg-1);
margin-top: 1px;
font-size: 12.5px;
}
.halt-banner .meta {
font-family: var(--ku-font-mono);
color: var(--ku-fg-3);
letter-spacing: .04em;
margin-top: 2px;
font-size: 10.5px;
}
.card {
border: 1px solid var(--ku-border);
background: var(--ku-ink-850);
border-radius: var(--ku-radius-lg);
box-shadow: var(--ku-shadow-md), var(--ku-shadow-inner);
overflow: hidden;
}
.card-head {
border-bottom: 1px solid var(--ku-border);
justify-content: space-between;
align-items: center;
padding: 12px 16px;
display: flex;
}
.card-title {
font-family: var(--ku-font-display);
letter-spacing: -.005em;
margin: 0;
font-size: 13.5px;
font-weight: 600;
}
.card-title .count {
font-family: var(--ku-font-mono);
color: var(--ku-fg-3);
letter-spacing: .06em;
margin-left: 8px;
font-size: 11px;
font-weight: 500;
}
.card-meta {
font-family: var(--ku-font-mono);
color: var(--ku-fg-3);
letter-spacing: .06em;
font-size: 10.5px;
}
.card-body {
padding: 16px;
}
.card-body.tight {
padding: 0;
}
.row {
gap: 12px;
display: flex;
}
.col {
flex-direction: column;
gap: 12px;
min-width: 0;
display: flex;
}
.g2 {
grid-template-columns: 1fr 1fr;
gap: 12px;
display: grid;
}
.g3 {
grid-template-columns: 1fr 1fr 1fr;
gap: 12px;
display: grid;
}
.g4 {
grid-template-columns: repeat(4, 1fr);
gap: 10px;
display: grid;
}
.g6 {
grid-template-columns: repeat(6, 1fr);
gap: 10px;
display: grid;
}
.split {
grid-template-columns: 2fr 1fr;
gap: 14px;
display: grid;
}
.wdot {
border: 1px solid var(--ku-border);
border-radius: var(--ku-radius-md);
background: var(--ku-ink-800);
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 10px;
padding: 10px 12px;
display: grid;
}
.wdot .d {
border-radius: 50%;
width: 10px;
height: 10px;
}
.wdot.ok .d {
background: var(--ku-success);
box-shadow: 0 0 10px var(--ku-success);
}
.wdot.warn .d {
background: var(--ku-warning);
box-shadow: 0 0 10px var(--ku-warning);
}
.wdot.err .d {
background: var(--ku-danger);
box-shadow: 0 0 10px var(--ku-danger);
}
.wdot.halt .d {
background: #6d79a0;
}
.wdot .n {
font-family: var(--ku-font-mono);
color: var(--ku-fg-1);
letter-spacing: .02em;
font-size: 11.5px;
}
.wdot .m {
font-family: var(--ku-font-mono);
color: var(--ku-fg-3);
letter-spacing: .06em;
font-size: 10px;
}
.status {
border-radius: var(--ku-radius-pill);
font-family: var(--ku-font-mono);
letter-spacing: .12em;
text-transform: uppercase;
white-space: nowrap;
align-items: center;
gap: 6px;
padding: 2px 8px;
font-size: 9.5px;
font-weight: 600;
display: inline-flex;
}
.status .d {
background: currentColor;
border-radius: 50%;
width: 5px;
height: 5px;
box-shadow: 0 0 6px;
}
.s-ok {
color: var(--ku-success);
background: rgba(16, 185, 129, .12);
border: 1px solid rgba(16, 185, 129, .3);
}
.s-warn {
color: var(--ku-warning);
background: rgba(245, 158, 11, .12);
border: 1px solid rgba(245, 158, 11, .3);
}
.s-err {
color: var(--ku-danger);
background: rgba(239, 68, 68, .12);
border: 1px solid rgba(239, 68, 68, .3);
}
.s-info {
color: var(--ku-primary-bright);
background: rgba(59, 130, 246, .12);
border: 1px solid rgba(59, 130, 246, .3);
}
.s-violet {
color: #a78bfa;
background: rgba(139, 92, 246, .12);
border: 1px solid rgba(139, 92, 246, .3);
}
.s-pink {
color: #f472b6;
background: rgba(236, 72, 153, .12);
border: 1px solid rgba(236, 72, 153, .3);
}
.s-mute {
color: #9ca3af;
background: rgba(107, 114, 128, .12);
border: 1px solid rgba(107, 114, 128, .3);
}
table.tb {
border-collapse: collapse;
width: 100%;
font-size: 12px;
}
.tb thead th {
text-align: left;
font-family: var(--ku-font-mono);
text-transform: uppercase;
letter-spacing: .2em;
color: var(--ku-fg-3);
background: var(--ku-ink-900);
border-bottom: 1px solid var(--ku-border);
white-space: nowrap;
padding: 9px 14px;
font-size: 9.5px;
font-weight: 600;
}
.tb tbody td {
border-bottom: 1px solid var(--ku-border);
color: var(--ku-fg-2);
vertical-align: middle;
padding: 9px 14px;
}
.tb tbody tr:last-child td {
border-bottom: 0;
}
.tb tbody tr:hover {
background: var(--ku-bg-hover);
}
.tb .mono {
font-family: var(--ku-font-mono);
color: var(--ku-fg-2);
font-size: 11.5px;
}
.tb .mono.hl {
color: var(--ku-primary-bright);
}
.tb .co {
color: var(--ku-fg-1);
font-weight: 500;
}
.tb .muted {
color: var(--ku-fg-3);
}
.tb .flag {
color: var(--ku-warning);
}
.tb .trun {
text-overflow: ellipsis;
white-space: nowrap;
max-width: 320px;
display: block;
overflow: hidden;
}
.filters {
border-bottom: 1px solid var(--ku-border);
background: var(--ku-ink-900);
flex-wrap: wrap;
align-items: center;
gap: 8px;
padding: 10px 14px;
display: flex;
}
.filters .search {
background: var(--ku-ink-850);
border: 1px solid var(--ku-border);
border-radius: var(--ku-radius-sm);
min-width: 220px;
color: var(--ku-fg-1);
flex: 1;
padding: 6px 10px;
font-family: inherit;
font-size: 12px;
}
.chip {
border: 1px solid var(--ku-border);
border-radius: var(--ku-radius-sm);
background: var(--ku-ink-850);
color: var(--ku-fg-2);
cursor: pointer;
align-items: center;
gap: 6px;
padding: 5px 10px;
font-size: 11.5px;
display: inline-flex;
}
.chip:hover {
border-color: var(--ku-border-blue);
color: var(--ku-fg-1);
}
.chip.on {
border-color: var(--ku-border-blue);
color: var(--ku-primary-bright);
background: rgba(59, 130, 246, .12);
}
.chip .k {
font-family: var(--ku-font-mono);
letter-spacing: .14em;
color: var(--ku-fg-3);
text-transform: uppercase;
margin-right: 2px;
font-size: 9.5px;
}
.chip.on .k {
color: var(--ku-primary-bright);
}
.funnel {
border-radius: var(--ku-radius-sm);
border: 1px solid var(--ku-border);
width: 100%;
height: 30px;
display: flex;
overflow: hidden;
}
.funnel .seg {
font-family: var(--ku-font-mono);
color: #fff;
letter-spacing: .04em;
justify-content: flex-start;
align-items: center;
min-width: 40px;
padding: 0 10px;
font-size: 10.5px;
font-weight: 600;
display: flex;
}
.funnel-legend {
font-family: var(--ku-font-mono);
letter-spacing: .08em;
text-transform: uppercase;
color: var(--ku-fg-3);
grid-template-columns: repeat(5, 1fr);
gap: 6px;
margin-top: 10px;
font-size: 10px;
display: grid;
}
.funnel-legend .l {
align-items: center;
gap: 6px;
display: flex;
}
.funnel-legend .sw {
border-radius: 2px;
width: 8px;
height: 8px;
}
.hist {
border-bottom: 1px solid var(--ku-border);
grid-template-columns: 180px 1fr 50px;
align-items: center;
gap: 10px;
padding: 6px 14px;
font-size: 12px;
display: grid;
}
.hist:last-child {
border-bottom: 0;
}
.hist .lbl {
color: var(--ku-fg-2);
}
.hist .bar {
background: linear-gradient(90deg, var(--ku-primary-bright), var(--ku-primary-deep));
border-radius: 3px;
height: 10px;
box-shadow: 0 0 10px rgba(59, 130, 246, .25);
}
.hist .v {
font-family: var(--ku-font-mono);
color: var(--ku-fg-1);
text-align: right;
font-size: 11px;
}
.kv {
grid-template-columns: 160px 1fr;
gap: 8px 16px;
font-size: 12.5px;
display: grid;
}
.kv .k {
font-family: var(--ku-font-mono);
text-transform: uppercase;
letter-spacing: .18em;
color: var(--ku-fg-3);
padding-top: 3px;
font-size: 10.5px;
}
.kv .v {
color: var(--ku-fg-1);
}
.kv .v.mono {
font-family: var(--ku-font-mono);
color: var(--ku-fg-1);
font-size: 12px;
}
.dl {
border: 1px solid var(--ku-border);
background: var(--ku-ink-800);
border-radius: var(--ku-radius-sm);
font-family: var(--ku-font-mono);
color: var(--ku-primary-bright);
letter-spacing: .02em;
cursor: pointer;
align-items: center;
gap: 6px;
padding: 5px 10px;
font-size: 11px;
display: inline-flex;
}
.dl:hover {
border-color: var(--ku-border-blue);
background: rgba(59, 130, 246, .08);
}
.dl .svc {
color: var(--ku-fg-3);
text-transform: uppercase;
letter-spacing: .18em;
margin-right: 4px;
font-size: 9.5px;
font-weight: 600;
}
.yaml {
font-family: var(--ku-font-mono);
color: var(--ku-ink-100);
border-radius: var(--ku-radius-md);
white-space: pre;
background: #04060b;
padding: 14px 16px;
font-size: 11.5px;
line-height: 1.6;
overflow-x: auto;
}
.yaml .y-c {
color: var(--ku-fg-3);
font-style: italic;
}
.tx {
font-size: 12px;
line-height: 1.55;
}
.tx-turn {
border-bottom: 1px dashed rgba(255, 255, 255, .05);
grid-template-columns: 62px 1fr;
gap: 10px;
padding: 7px 0;
display: grid;
}
.tx-who {
font-family: var(--ku-font-mono);
letter-spacing: .18em;
text-transform: uppercase;
font-size: 10px;
}
.tx-who.ag {
color: var(--ku-primary-bright);
}
.tx-who.pr {
color: var(--ku-fg-2);
}
.tx-msg {
color: var(--ku-fg-1);
}
.sec {
font-family: var(--ku-font-mono);
text-transform: uppercase;
letter-spacing: .22em;
color: var(--ku-fg-3);
margin: 0 0 8px;
font-size: 10px;
font-weight: 600;
}
.foot {
font-family: var(--ku-font-mono);
color: var(--ku-fg-3);
letter-spacing: .1em;
text-transform: uppercase;
margin-top: 12px;
font-size: 10px;
}
.i {
stroke-width: 1.5px;
vertical-align: -2px;
width: 14px;
height: 14px;
display: inline-block;
}
.tb tr.flagged {
background: rgba(245, 158, 11, .04);
}
.tb tr.flagged:hover {
background: rgba(245, 158, 11, .08);
}
.dc-section-title {
font-family: var(--ku-font-display) !important;
}
:root {
--kt-page: #07090e;
--kt-panel: #0c1018;
--kt-raised: #131825;
--kt-rim: rgba(255, 255, 255, .06);
--kt-rim-2: rgba(255, 255, 255, .1);
--kt-rim-cy: rgba(56, 189, 248, .32);
--kt-fg-1: #ecf1fa;
--kt-fg-2: #a6b0c8;
--kt-fg-3: #6b7592;
--kt-cy: #38bdf8;
--kt-cy-deep: #0284c7;
--kt-grade-a: #3b82f6;
--kt-grade-b: #14b8a6;
--kt-grade-c: #f59e0b;
--kt-grade-d: #b45a3c;
--kt-grade-e: #6b7280;
--kt-sov: #34d399;
}
.kt-screen {
background: var(--kt-page);
width: 1320px;
color: var(--kt-fg-1);
font-family: var(--ku-font-body);
background-image: radial-gradient(820px at 12% -8%, rgba(56, 189, 248, .06), rgba(0, 0, 0, 0) 55%), radial-gradient(640px at 92% 0, rgba(59, 130, 246, .04), rgba(0, 0, 0, 0) 55%);
grid-template-columns: 240px 1fr;
font-size: 13px;
line-height: 1.5;
display: grid;
}
.kt-screen.tall {
min-height: 1000px;
}
.kt-screen.notty {
display: block;
}
.kt-sb {
border-right: 1px solid var(--kt-rim);
background: rgba(7, 9, 14, .85);
flex-direction: column;
gap: 2px;
padding: 18px 12px;
display: flex;
}
.kt-brand {
border-bottom: 1px solid var(--kt-rim);
align-items: center;
gap: 10px;
margin-bottom: 14px;
padding: 2px 8px 16px;
display: flex;
}
.kt-brand-mark {
border: 1px solid var(--kt-rim-2);
background: linear-gradient(135deg, #1f2937 0%, #0f172a 100%);
border-radius: 6px;
place-items: center;
width: 28px;
height: 28px;
display: grid;
position: relative;
overflow: hidden;
}
.kt-brand-mark:before {
content: "";
background: conic-gradient(from 215deg, rgba(0, 0, 0, 0) 0deg, rgba(56, 189, 248, .45) 60deg, rgba(0, 0, 0, 0) 120deg);
border-radius: 4px;
position: absolute;
top: 4px;
bottom: 4px;
left: 4px;
right: 4px;
}
.kt-brand-mark span {
font-family: var(--ku-font-mono);
color: #fff;
letter-spacing: -.02em;
font-size: 12px;
font-weight: 700;
position: relative;
}
.kt-brand-wm {
font-family: var(--ku-font-mono);
letter-spacing: .16em;
color: var(--kt-fg-1);
font-size: 11px;
font-weight: 700;
}
.kt-brand-wm em {
color: var(--kt-cy);
padding: 0 4px;
font-style: normal;
}
.kt-brand-tenant {
font-family: var(--ku-font-mono);
color: var(--kt-fg-3);
text-transform: uppercase;
letter-spacing: .22em;
margin-top: 3px;
font-size: 9px;
}
.kt-sb-group {
font-family: var(--ku-font-mono);
text-transform: uppercase;
letter-spacing: .22em;
color: var(--kt-fg-3);
padding: 14px 12px 8px;
font-size: 9px;
font-weight: 600;
}
.kt-sb-item {
color: var(--kt-fg-2);
cursor: pointer;
border-radius: 6px;
align-items: center;
gap: 10px;
padding: 7px 10px;
font-size: 12.5px;
display: flex;
}
.kt-sb-item:hover {
color: var(--kt-fg-1);
background: rgba(56, 189, 248, .06);
}
.kt-sb-item.active {
color: var(--kt-cy);
box-shadow: inset 2px 0 0 var(--kt-cy);
background: rgba(56, 189, 248, .1);
}
.kt-sb-item svg {
opacity: .72;
width: 14px;
height: 14px;
}
.kt-sb-item.active svg {
opacity: 1;
}
.kt-sb-item .count {
font-family: var(--ku-font-mono);
color: var(--kt-fg-3);
margin-left: auto;
font-size: 10px;
}
.kt-sb-item.active .count {
color: var(--kt-cy);
}
.kt-sb-foot {
border-top: 1px solid var(--kt-rim);
font-family: var(--ku-font-mono);
color: var(--kt-fg-3);
letter-spacing: .06em;
margin-top: auto;
padding: 12px 10px 6px;
font-size: 10px;
}
.kt-disclosure {
font-family: var(--ku-font-mono);
letter-spacing: .1em;
color: #e8c8b6;
background: linear-gradient(90deg, rgba(180, 90, 60, .1), rgba(180, 90, 60, .02));
border-bottom: 1px solid rgba(180, 90, 60, .3);
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 14px;
padding: 9px 16px;
font-size: 11px;
display: grid;
}
.kt-disclosure .label {
color: #f0b68f;
letter-spacing: .14em;
font-weight: 700;
}
.kt-disclosure .body {
color: var(--kt-fg-2);
letter-spacing: .04em;
text-transform: none;
font-size: 12px;
}
.kt-disclosure .min {
color: var(--kt-fg-3);
font-size: 10px;
}
.kt-sovereign {
font-family: var(--ku-font-mono);
color: #a7f3d0;
letter-spacing: .12em;
background: linear-gradient(90deg, rgba(52, 211, 153, .1), rgba(52, 211, 153, .02));
border-bottom: 1px solid rgba(52, 211, 153, .28);
align-items: center;
gap: 12px;
padding: 8px 16px;
font-size: 11px;
display: flex;
}
.kt-sovereign b {
color: var(--kt-sov);
letter-spacing: .18em;
font-weight: 700;
}
.kt-sovereign small {
color: var(--kt-fg-2);
letter-spacing: .04em;
text-transform: none;
margin-left: auto;
font-size: 11px;
}
.kt-subproc {
border-top: 1px solid var(--kt-rim);
font-family: var(--ku-font-mono);
color: var(--kt-fg-3);
letter-spacing: .08em;
flex-wrap: wrap;
align-items: center;
gap: 14px;
padding: 10px 24px;
font-size: 10px;
display: flex;
}
.kt-subproc .pip {
color: var(--kt-cy);
}
.kt-subproc .sep {
color: var(--kt-fg-3);
opacity: .4;
}
.kt-mn {
min-width: 0;
padding: 22px 28px 0;
}
.kt-ph {
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
gap: 20px;
margin-bottom: 18px;
display: flex;
}
.kt-ph-eye {
font-family: var(--ku-font-mono);
text-transform: uppercase;
letter-spacing: .22em;
color: var(--kt-cy);
margin-bottom: 4px;
font-size: 10px;
font-weight: 600;
}
.kt-ph-title {
font-family: var(--ku-font-body);
letter-spacing: -.02em;
color: var(--kt-fg-1);
margin: 0;
font-size: 26px;
font-weight: 600;
}
.kt-ph-title .sub {
font-family: var(--ku-font-mono);
color: var(--kt-fg-3);
letter-spacing: 0;
margin-left: 10px;
font-size: 13px;
font-weight: 500;
}
.kt-ph-meta {
font-family: var(--ku-font-mono);
color: var(--kt-fg-3);
letter-spacing: .06em;
margin-top: 4px;
font-size: 11px;
}
.kt-ph-actions {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
gap: 8px;
display: flex;
}
.kt-crumbs {
font-family: var(--ku-font-mono);
color: var(--kt-fg-3);
text-transform: uppercase;
letter-spacing: .2em;
margin-bottom: 8px;
font-size: 10px;
}
.kt-crumbs .sep {
opacity: .5;
margin: 0 8px;
}
.kt-crumbs .cur {
color: var(--kt-cy);
}
.kt-btn {
border: 1px solid var(--kt-rim-2);
background: var(--kt-raised);
color: var(--kt-fg-1);
cursor: pointer;
border-radius: 6px;
align-items: center;
gap: 6px;
padding: 7px 12px;
font-family: inherit;
font-size: 12px;
font-weight: 500;
display: inline-flex;
}
.kt-btn:hover {
border-color: var(--kt-rim-cy);
color: var(--kt-cy);
}
.kt-btn.sm {
padding: 4px 9px;
font-size: 11px;
}
.kt-btn.primary {
background: var(--kt-cy);
color: #02141e;
border-color: var(--kt-cy);
font-weight: 600;
}
.kt-btn.primary:hover {
color: #001018;
background: #7dd3fc;
}
.kt-btn.ghost {
background: none;
}
.kt-btn.active {
border-color: var(--kt-rim-cy);
color: var(--kt-cy);
background: rgba(56, 189, 248, .12);
}
.kt-btn:disabled {
cursor: not-allowed;
opacity: .52;
}
.kt-btn:disabled:hover {
border-color: var(--kt-rim-2);
color: inherit;
}
.kt-btn svg {
width: 13px;
height: 13px;
}
.kt-help-trigger {
border: 1px solid var(--kt-rim-cy);
width: 28px;
height: 28px;
color: var(--kt-cy);
font-family: var(--ku-font-mono);
cursor: pointer;
background: rgba(56, 189, 248, .1);
border-radius: 999px;
font-size: 13px;
font-weight: 700;
}
.kt-help-trigger:hover {
background: rgba(56, 189, 248, .18);
}
.kt-help-backdrop {
z-index: 60;
background: rgba(0, 0, 0, .58);
place-items: center;
padding: 24px;
display: grid;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.kt-help-modal {
width: min(620px, 100%);
max-height: min(620px, 100dvh - 48px);
}
.kt-trace-modal {
width: min(620px, 100%);
max-height: min(680px, 100dvh - 48px);
}
.kt-trace-modal-body {
gap: 12px;
display: grid;
overflow: auto;
}
.kt-field {
gap: 6px;
display: grid;
}
.kt-field span {
font-family: var(--ku-font-mono);
letter-spacing: .16em;
text-transform: uppercase;
color: var(--kt-fg-3);
font-size: 10px;
}
.kt-field input, .kt-field select {
border: 1px solid var(--kt-rim);
width: 100%;
min-width: 0;
color: var(--kt-fg-1);
font: inherit;
background: #04060b;
border-radius: 6px;
padding: 9px 10px;
font-size: 13px;
}
.kt-field input:focus, .kt-field select:focus {
border-color: var(--kt-rim-cy);
outline: none;
}
.kt-field input[type="range"] {
accent-color: var(--kt-cy);
padding: 0;
}
.kt-field small {
color: var(--kt-fg-3);
font-family: var(--ku-font-mono);
font-size: 10px;
}
.kt-trace-txid {
font-family: var(--ku-font-mono) !important;
letter-spacing: 0 !important;
}
.kt-trace-txid.invalid {
border-color: var(--kt-grade-d);
}
.kt-inline-link {
color: var(--kt-cy);
cursor: pointer;
font-family: var(--ku-font-mono);
letter-spacing: .08em;
text-transform: uppercase;
background: none;
border: 0;
justify-self: start;
padding: 0;
font-size: 10.5px;
}
.kt-inline-link:disabled {
color: var(--kt-fg-3);
cursor: not-allowed;
}
.kt-trace-form-grid {
grid-template-columns: 1fr 1fr;
gap: 12px;
display: grid;
}
.kt-trace-status {
border: 1px solid var(--kt-rim);
color: var(--kt-fg-2);
background: rgba(56, 189, 248, .06);
border-radius: 6px;
align-items: center;
gap: 10px;
padding: 10px;
font-size: 12px;
display: flex;
}
.kt-trace-status.terminal {
background: rgba(16, 185, 129, .06);
}
.kt-trace-alert {
border: 1px solid var(--kt-rim-cy);
color: var(--kt-fg-2);
background: rgba(56, 189, 248, .08);
border-radius: 6px;
padding: 10px;
font-size: 12px;
line-height: 1.5;
}
.kt-trace-alert.danger {
border-color: var(--kt-grade-d);
background: rgba(245, 158, 11, .08);
}
.kt-trace-alert a {
color: var(--kt-cy);
}
.kt-trace-modal-actions {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
gap: 8px;
margin-top: 2px;
display: flex;
}
.kt-help-body {
color: var(--kt-fg-2);
font-size: 13px;
line-height: 1.65;
overflow: auto;
}
.kt-help-body p {
margin: 0;
}
.kt-help-body a {
color: var(--kt-cy);
font-family: var(--ku-font-mono);
letter-spacing: .08em;
text-transform: uppercase;
margin-top: 14px;
font-size: 11px;
display: inline-flex;
}
.kt-support-fab {
z-index: 45;
border: 1px solid var(--kt-rim-cy);
background: var(--kt-cy);
color: #02141e;
cursor: pointer;
border-radius: 999px;
place-items: center;
width: 48px;
height: 48px;
display: grid;
position: fixed;
bottom: 24px;
right: 24px;
box-shadow: 0 16px 36px rgba(56, 189, 248, .28);
}
.kt-support-fab span {
border: 1px solid var(--kt-rim);
background: var(--kt-panel);
width: max-content;
color: var(--kt-fg-2);
opacity: 0;
pointer-events: none;
border-radius: 6px;
padding: 5px 8px;
font-size: 11px;
transition: opacity .16s;
position: absolute;
top: 50%;
right: 56px;
transform: translateY(-50%);
}
.kt-support-fab:hover span {
opacity: 1;
}
.kt-support-panel {
z-index: 45;
opacity: 0;
pointer-events: none;
flex-direction: column;
width: min(380px, 100vw - 32px);
max-width: 480px;
height: min(520px, 100dvh - 48px);
max-height: 640px;
transition: opacity .2s, transform .2s;
display: flex;
position: fixed;
bottom: 24px;
right: 24px;
transform: translate(14px, 24px);
}
.kt-support-panel.open {
opacity: 1;
pointer-events: auto;
transform: translate(0);
}
.kt-support-messages {
flex-direction: column;
flex: 1;
gap: 10px;
padding: 14px;
display: flex;
overflow-y: auto;
}
.kt-support-empty {
border: 1px dashed var(--kt-rim);
color: var(--kt-fg-3);
border-radius: 8px;
padding: 14px;
font-size: 12.5px;
line-height: 1.55;
}
.kt-support-row {
display: flex;
}
.kt-support-row.user {
justify-content: flex-end;
}
.kt-support-row.assistant {
justify-content: flex-start;
}
.kt-support-bubble {
white-space: pre-wrap;
border-radius: 8px;
max-width: 84%;
padding: 9px 11px;
font-size: 12.5px;
line-height: 1.55;
}
.kt-support-row.user .kt-support-bubble {
background: var(--kt-cy);
color: #02141e;
}
.kt-support-row.assistant .kt-support-bubble {
border: 1px solid var(--kt-rim);
background: var(--kt-raised);
color: var(--kt-fg-1);
}
.kt-support-input {
border-top: 1px solid var(--kt-rim);
grid-template-columns: 1fr 40px;
gap: 8px;
padding: 12px;
display: grid;
}
.kt-support-input input {
border: 1px solid var(--kt-rim);
min-width: 0;
color: var(--kt-fg-1);
font: inherit;
background: #04060b;
border-radius: 8px;
padding: 9px 10px;
font-size: 13px;
}
.kt-support-input input:focus {
border-color: var(--kt-rim-cy);
outline: none;
}
.kt-support-input button {
border: 1px solid var(--kt-cy);
background: var(--kt-cy);
color: #02141e;
cursor: pointer;
border-radius: 8px;
place-items: center;
display: grid;
}
.kt-support-input button:disabled {
cursor: not-allowed;
opacity: .5;
}
.kt-card {
border: 1px solid var(--kt-rim);
background: var(--kt-panel);
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 14px rgba(0, 0, 0, .4), inset 0 1px rgba(255, 255, 255, .04);
}
.kt-card.flush {
border-radius: 10px;
}
.kt-card-head {
border-bottom: 1px solid var(--kt-rim);
justify-content: space-between;
align-items: center;
padding: 12px 16px;
display: flex;
}
.kt-card-title {
font-family: var(--ku-font-body);
color: var(--kt-fg-1);
margin: 0;
font-size: 13.5px;
font-weight: 600;
}
.kt-card-title .count {
font-family: var(--ku-font-mono);
color: var(--kt-fg-3);
letter-spacing: .06em;
margin-left: 8px;
font-size: 11px;
font-weight: 500;
}
.kt-card-meta {
font-family: var(--ku-font-mono);
color: var(--kt-fg-3);
letter-spacing: .06em;
font-size: 10.5px;
}
.kt-card-body {
padding: 16px;
}
.kt-card-body.tight {
padding: 0;
}
.kt-eyebrow {
font-family: var(--ku-font-mono);
text-transform: uppercase;
letter-spacing: .22em;
color: var(--kt-cy);
font-size: 10px;
font-weight: 600;
}
.kt-grade {
font-family: var(--ku-font-mono);
letter-spacing: .06em;
background: currentColor;
border: 1px solid;
border-radius: 12px;
align-items: center;
gap: 6px;
padding: 2px 8px 2px 4px;
font-size: 10.5px;
font-weight: 600;
display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
.kt-grade {
background: color-mix(in oklab, currentColor 10%, transparent);
}
}
.kt-grade {
white-space: nowrap;
}
.kt-grade .ltr {
color: #02141e;
letter-spacing: 0;
background: currentColor;
border-radius: 8px;
place-items: center;
width: 16px;
height: 16px;
font-size: 10px;
font-weight: 800;
display: grid;
}
.kt-grade.A {
color: var(--kt-grade-a);
}
.kt-grade.B {
color: var(--kt-grade-b);
}
.kt-grade.C {
color: var(--kt-grade-c);
}
.kt-grade.D {
color: var(--kt-grade-d);
}
.kt-grade.E {
color: var(--kt-grade-e);
}
.kt-grade .ltr.dark {
color: #f8fafc;
}
.kt-grade.req {
box-shadow: 0 0 0 1px;
}
@supports (color: color-mix(in lab, red, red)) {
.kt-grade.req {
box-shadow: 0 0 0 1px color-mix(in oklab, currentColor 50%, transparent);
}
}
.kt-grade .req-tag {
letter-spacing: .18em;
opacity: .7;
border-left: 1px solid;
margin-left: 2px;
padding-left: 4px;
font-size: 8.5px;
}
.kt-grade-legend {
flex-wrap: wrap;
gap: 8px;
display: flex;
}
.kt-pill {
font-family: var(--ku-font-mono);
letter-spacing: .14em;
text-transform: uppercase;
white-space: nowrap;
background: currentColor;
border: 1px solid;
border-radius: 999px;
align-items: center;
gap: 6px;
padding: 2px 9px;
font-size: 9.5px;
font-weight: 600;
display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
.kt-pill {
background: color-mix(in oklab, currentColor 10%, transparent);
}
}
.kt-pill .d {
background: currentColor;
border-radius: 50%;
width: 5px;
height: 5px;
box-shadow: 0 0 6px;
}
.kt-pill.queued {
color: #94a3b8;
}
.kt-pill.fetching {
color: var(--kt-cy);
}
.kt-pill.expanding {
color: #818cf8;
}
.kt-pill.checking {
color: #a78bfa;
}
.kt-pill.review {
color: #f59e0b;
}
.kt-pill.generating {
color: #38bdf8;
}
.kt-pill.complete {
color: #10b981;
}
.kt-pill.failed {
color: #ef4444;
}
.kt-pill.paused {
color: #f59e0b;
}
.kt-mono {
font-family: var(--ku-font-mono);
color: var(--kt-fg-1);
letter-spacing: 0;
font-size: 11.5px;
}
.kt-hex {
font-family: var(--ku-font-mono);
color: var(--kt-fg-1);
cursor: pointer;
align-items: center;
gap: 6px;
font-size: 11.5px;
display: inline-flex;
}
.kt-hex .copy {
opacity: .4;
}
.kt-hex:hover .copy {
opacity: .9;
color: var(--kt-cy);
}
.kt-hex .ext {
opacity: .4;
}
.kt-hex:hover .ext {
opacity: .9;
color: var(--kt-cy);
}
.kt-hex.ms {
color: var(--kt-fg-2);
font-size: 11px;
}
table.kt-tb {
border-collapse: collapse;
width: 100%;
font-size: 12px;
}
.kt-tb thead th {
text-align: left;
font-family: var(--ku-font-mono);
text-transform: uppercase;
letter-spacing: .2em;
color: var(--kt-fg-3);
border-bottom: 1px solid var(--kt-rim);
white-space: nowrap;
background: rgba(7, 9, 14, .8);
padding: 9px 14px;
font-size: 9.5px;
font-weight: 600;
}
.kt-tb tbody td {
border-bottom: 1px solid var(--kt-rim);
color: var(--kt-fg-2);
vertical-align: middle;
padding: 9px 14px;
}
.kt-tb tbody tr:last-child td {
border-bottom: 0;
}
.kt-tb tbody tr:hover {
background: rgba(56, 189, 248, .04);
}
.kt-tb td.num {
font-family: var(--ku-font-mono);
text-align: right;
font-variant-numeric: tabular-nums;
color: var(--kt-fg-1);
}
.kt-tb td.co {
color: var(--kt-fg-1);
font-weight: 500;
}
.kt-row {
gap: 12px;
display: flex;
}
.kt-col {
flex-direction: column;
gap: 12px;
min-width: 0;
display: flex;
}
.kt-g2 {
grid-template-columns: 1fr 1fr;
gap: 12px;
display: grid;
}
.kt-g3 {
grid-template-columns: 1fr 1fr 1fr;
gap: 12px;
display: grid;
}
.kt-g4 {
grid-template-columns: repeat(4, 1fr);
gap: 12px;
display: grid;
}
.kt-split-3 {
grid-template-columns: 280px 1fr 320px;
gap: 14px;
display: grid;
}
.kt-split-evi {
grid-template-columns: 1fr 320px;
gap: 14px;
display: grid;
}
.kt-stack {
flex-direction: column;
gap: 14px;
display: flex;
}
.kt-stat {
border: 1px solid var(--kt-rim);
background: var(--kt-panel);
border-radius: 10px;
padding: 14px 16px;
}
.kt-stat .lbl {
font-family: var(--ku-font-mono);
text-transform: uppercase;
letter-spacing: .22em;
color: var(--kt-fg-3);
font-size: 9.5px;
font-weight: 600;
}
.kt-stat .val {
font-family: var(--ku-font-body);
letter-spacing: -.02em;
color: var(--kt-fg-1);
font-variant-numeric: tabular-nums;
margin-top: 6px;
font-size: 28px;
font-weight: 600;
}
.kt-stat .val .unit {
font-family: var(--ku-font-mono);
color: var(--kt-fg-3);
letter-spacing: .04em;
margin-left: 4px;
font-size: 11px;
font-weight: 500;
}
.kt-stat .delta {
font-family: var(--ku-font-mono);
color: var(--kt-fg-3);
letter-spacing: .04em;
margin-top: 2px;
font-size: 10.5px;
}
.kt-stat .delta.up {
color: var(--kt-grade-b);
}
.kt-stat .delta.dn {
color: var(--kt-grade-d);
}
.kt-spark {
width: 100%;
height: 36px;
}
.kt-graph {
border: 1px solid var(--kt-rim);
background: radial-gradient(800px at 30% 30%, rgba(59, 130, 246, .06), rgba(0, 0, 0, 0) 60%), linear-gradient(#060810 0%, #0a0f1a 100%);
border-radius: 12px;
position: relative;
overflow: hidden;
}
.kt-graph .grid {
pointer-events: none;
background-image: linear-gradient(rgba(255, 255, 255, .024) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 255, 255, .024) 1px, rgba(0, 0, 0, 0) 1px);
background-size: 24px 24px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.kt-graph .toolbar {
z-index: 4;
gap: 6px;
display: flex;
position: absolute;
top: 14px;
left: 14px;
}
.kt-graph .legend {
border: 1px solid var(--kt-rim);
z-index: 4;
background: rgba(7, 9, 14, .85);
border-radius: 8px;
align-items: center;
gap: 8px;
padding: 6px 10px;
display: flex;
position: absolute;
top: 14px;
right: 14px;
}
.kt-graph .legend .kt-print-hint {
border-left: 1px solid var(--kt-rim);
white-space: nowrap;
padding-left: 8px;
}
.kt-minimap {
z-index: 5;
background: var(--kt-panel);
border: 1px solid var(--kt-rim);
cursor: pointer;
border-radius: 6px;
width: 160px;
height: 100px;
position: absolute;
bottom: 14px;
right: 14px;
overflow: hidden;
box-shadow: 0 12px 28px rgba(0, 0, 0, .36);
}
.kt-minimap svg {
width: 160px;
height: 100px;
display: block;
}
.kt-minimap-viewport {
fill: rgba(0, 0, 0, 0);
stroke: var(--kt-cy);
stroke-width: 1.2px;
vector-effect: non-scaling-stroke;
cursor: grab;
}
.kt-minimap-viewport:active {
cursor: grabbing;
}
@media (max-width: 1440px) {
.kt-graph .legend {
flex-wrap: wrap;
max-width: calc(100% - 28px);
top: auto;
bottom: 14px;
left: 14px;
right: auto;
}
.kt-graph .legend .kt-print-hint {
border-left: 0;
flex-basis: 100%;
padding-left: 0;
}
}
.kt-edge {
fill: none;
stroke-width: 1.4px;
}
.kt-edge.A {
stroke: var(--kt-grade-a);
}
.kt-edge.B {
stroke: var(--kt-grade-b);
}
.kt-edge.C {
stroke: var(--kt-grade-c);
stroke-dasharray: 5 3;
}
.kt-edge.D {
stroke: var(--kt-grade-d);
stroke-dasharray: 3 3;
}
.kt-edge.E {
stroke: var(--kt-grade-e);
stroke-dasharray: 2 4;
}
.kt-edge-amount {
font-family: var(--ku-font-mono);
fill: var(--kt-fg-2);
font-size: 10px;
}
.kt-edge-amount-bg {
fill: var(--kt-page);
stroke: var(--kt-rim);
stroke-width: 1px;
}
.kt-node {
background: var(--kt-raised);
border: 1px solid var(--kt-rim-2);
border-radius: 8px;
min-width: 150px;
padding: 8px 10px;
position: absolute;
transform: translate(-50%, -50%);
box-shadow: 0 6px 16px rgba(0, 0, 0, .4);
}
.kt-node .nt {
font-family: var(--ku-font-mono);
letter-spacing: .22em;
text-transform: uppercase;
color: var(--kt-fg-3);
margin-bottom: 2px;
font-size: 8.5px;
font-weight: 700;
}
.kt-node .lbl {
font-family: var(--ku-font-body);
color: var(--kt-fg-1);
font-size: 12px;
font-weight: 600;
}
.kt-node .addr {
font-family: var(--ku-font-mono);
color: var(--kt-fg-2);
margin-top: 2px;
font-size: 10.5px;
}
.kt-node .meta {
font-family: var(--ku-font-mono);
color: var(--kt-fg-3);
letter-spacing: .04em;
align-items: center;
gap: 6px;
margin-top: 4px;
font-size: 9.5px;
display: flex;
}
.kt-node.seed {
border-color: var(--kt-cy);
box-shadow: 0 0 0 1px var(--kt-cy), 0 0 28px rgba(56, 189, 248, .3);
}
.kt-node.seed .nt {
color: var(--kt-cy);
}
.kt-node.exchange {
border-color: var(--kt-grade-a);
box-shadow: 0 0 0 1px rgba(59, 130, 246, .6), 0 6px 16px rgba(0, 0, 0, .5);
}
.kt-node.exchange .nt {
color: var(--kt-grade-a);
}
.kt-node.intermediate {
background: var(--kt-panel);
}
.kt-node.intermediate .lbl {
font-family: var(--ku-font-mono);
font-size: 11px;
}
.kt-node.mixer {
border-color: var(--kt-grade-c);
background: repeating-linear-gradient(45deg, rgba(245, 158, 11, .07) 0 6px, transparent 6px 12px), var(--kt-raised);
}
.kt-node.mixer .nt {
color: var(--kt-grade-c);
}
.kt-node.deadend {
border-color: var(--kt-grade-e);
opacity: .78;
border-style: dashed;
}
.kt-node.deadend .nt {
color: var(--kt-grade-e);
}
.kt-node.cluster {
border-color: #a78bfa;
}
.kt-node.cluster .nt {
color: #a78bfa;
}
.kt-node .selected-ring {
border: 1px solid var(--kt-cy);
pointer-events: none;
border-radius: 12px;
position: absolute;
top: -4px;
bottom: -4px;
left: -4px;
right: -4px;
box-shadow: 0 0 0 3px rgba(56, 189, 248, .18);
}
.kt-hop {
border-bottom: 1px solid var(--kt-rim);
grid-template-rows: auto auto;
grid-template-columns: 32px 1fr 110px 130px 60px;
align-items: center;
gap: 4px 16px;
padding: 12px 16px 10px;
font-size: 12px;
display: grid;
}
.kt-hop .ts {
justify-self: start;
}
.kt-hop .amt {
justify-self: end;
}
.kt-hop > .kt-grade {
justify-self: start;
}
.kt-hop > button {
justify-self: end;
}
.kt-hop:hover {
background: rgba(56, 189, 248, .03);
}
.kt-hop:last-child {
border-bottom: 0;
}
.kt-hop .num {
background: var(--kt-raised);
border: 1px solid var(--kt-rim-2);
width: 26px;
height: 26px;
font-family: var(--ku-font-mono);
color: var(--kt-fg-2);
letter-spacing: 0;
border-radius: 50%;
grid-row: 1 / span 2;
align-self: start;
place-items: center;
margin-top: 2px;
font-size: 10.5px;
font-weight: 600;
display: grid;
}
.kt-hop .ts {
font-family: var(--ku-font-mono);
color: var(--kt-fg-3);
letter-spacing: .1em;
text-transform: uppercase;
font-size: 10px;
}
.kt-hop .amt {
font-family: var(--ku-font-mono);
font-variant-numeric: tabular-nums;
color: var(--kt-fg-1);
text-align: right;
white-space: nowrap;
font-size: 12.5px;
font-weight: 500;
}
.kt-hop .amt .unit {
color: var(--kt-fg-3);
margin-left: 5px;
font-size: 10px;
font-weight: 400;
}
.kt-hop .flow {
flex-wrap: wrap;
grid-column: 2 / -1;
align-items: center;
gap: 6px 8px;
padding-top: 2px;
display: flex;
}
.kt-hop .flow .role {
font-family: var(--ku-font-mono);
text-transform: uppercase;
letter-spacing: .14em;
color: var(--kt-fg-3);
font-size: 10px;
}
.kt-hop .flow .arrow {
font-family: var(--ku-font-mono);
color: var(--kt-fg-3);
opacity: .65;
margin: 0 2px;
}
.kt-hop .flow .kt-hex {
font-size: 10.5px;
}
.kt-hop-foot {
font-family: var(--ku-font-mono);
color: var(--kt-fg-3);
letter-spacing: .02em;
border-bottom: 1px solid var(--kt-rim);
text-transform: none;
padding: 0 16px 12px 60px;
font-size: 10.5px;
line-height: 1.5;
}
.kt-hop-foot .tag {
font-family: var(--ku-font-mono);
letter-spacing: .18em;
text-transform: uppercase;
color: var(--kt-cy);
border: 1px solid var(--kt-rim-cy);
vertical-align: 2px;
border-radius: 3px;
margin-right: 6px;
padding: 1px 6px;
font-size: 9px;
display: inline-block;
}
.kt-skel {
background: linear-gradient(90deg, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, .07) 50%, rgba(255, 255, 255, .03) 100%) 0 0 / 200% 100%;
border-radius: 4px;
height: 12px;
}
.kt-empty {
text-align: center;
border: 1px dashed var(--kt-rim-2);
background: rgba(255, 255, 255, .02);
border-radius: 10px;
padding: 40px 24px;
}
.kt-empty .ttl {
font-family: var(--ku-font-body);
color: var(--kt-fg-1);
margin-bottom: 6px;
font-size: 14px;
font-weight: 600;
}
.kt-empty .body {
color: var(--kt-fg-2);
max-width: 380px;
margin-bottom: 14px;
margin-left: auto;
margin-right: auto;
font-size: 12.5px;
}
.kt-kv {
grid-template-columns: 110px 1fr;
gap: 6px 12px;
font-size: 12.5px;
display: grid;
}
.kt-kv .k {
font-family: var(--ku-font-mono);
text-transform: uppercase;
letter-spacing: .18em;
color: var(--kt-fg-3);
padding-top: 3px;
font-size: 10px;
}
.kt-kv .v {
color: var(--kt-fg-1);
overflow-wrap: anywhere;
min-width: 0;
}
.kt-kv .v.mono {
font-family: var(--ku-font-mono);
font-size: 11.5px;
}
.kt-tabs {
border-bottom: 1px solid var(--kt-rim);
gap: 0;
margin-bottom: 14px;
display: flex;
}
.kt-tab {
font-family: var(--ku-font-mono);
text-transform: uppercase;
letter-spacing: .18em;
color: var(--kt-fg-3);
cursor: pointer;
border-bottom: 1px solid rgba(0, 0, 0, 0);
margin-bottom: -1px;
padding: 9px 14px;
font-size: 10.5px;
}
.kt-tab:hover {
color: var(--kt-fg-2);
}
.kt-tab.active {
color: var(--kt-cy);
border-bottom-color: var(--kt-cy);
}
.kt-tab .ct {
font-family: var(--ku-font-mono);
color: var(--kt-fg-3);
margin-left: 6px;
}
.kt-tab.active .ct {
color: var(--kt-cy);
}
.kt-filters {
border-bottom: 1px solid var(--kt-rim);
background: rgba(7, 9, 14, .55);
flex-wrap: wrap;
align-items: center;
gap: 8px;
padding: 10px 14px;
display: flex;
}
.kt-filters .search {
background: var(--kt-raised);
border: 1px solid var(--kt-rim);
min-width: 220px;
color: var(--kt-fg-1);
background-image: url("data:image/svg+xml;utf8,");
background-position: 8px;
background-repeat: no-repeat;
border-radius: 6px;
flex: 1;
padding: 6px 10px 6px 28px;
font-family: inherit;
font-size: 12px;
position: relative;
}
.kt-chip {
border: 1px solid var(--kt-rim);
background: var(--kt-raised);
color: var(--kt-fg-2);
cursor: pointer;
border-radius: 6px;
align-items: center;
gap: 6px;
padding: 4px 10px;
font-size: 11.5px;
display: inline-flex;
}
.kt-chip:hover {
border-color: var(--kt-rim-cy);
color: var(--kt-fg-1);
}
.kt-chip.on {
border-color: var(--kt-rim-cy);
color: var(--kt-cy);
background: rgba(56, 189, 248, .1);
}
.kt-chip .k {
font-family: var(--ku-font-mono);
letter-spacing: .14em;
color: var(--kt-fg-3);
text-transform: uppercase;
font-size: 9.5px;
}
.kt-chip.on .k {
color: var(--kt-cy);
}
.kt-flag {
font-family: var(--ku-font-mono);
letter-spacing: .14em;
text-transform: uppercase;
border-radius: 4px;
align-items: center;
gap: 6px;
padding: 1px 8px;
font-size: 9.5px;
font-weight: 600;
display: inline-flex;
}
.kt-flag.warn {
color: var(--kt-grade-c);
background: rgba(245, 158, 11, .1);
border: 1px solid rgba(245, 158, 11, .32);
}
.kt-flag.info {
color: var(--kt-cy);
background: rgba(56, 189, 248, .1);
border: 1px solid rgba(56, 189, 248, .32);
}
.kt-print-hint {
font-family: var(--ku-font-mono);
color: var(--kt-fg-3);
letter-spacing: .08em;
font-size: 10px;
}
pre.kt-ascii {
font-family: var(--ku-font-mono);
color: var(--kt-fg-2);
margin: 0;
font-size: 11.5px;
line-height: 1.45;
}
pre.kt-ascii b {
color: var(--kt-cy);
font-weight: 600;
}
pre.kt-ascii em {
color: var(--kt-fg-3);
font-style: normal;
}
body {
color: #ecf1fa;
font-family: var(--ku-font-body);
background: #07090e;
}
.kt-screen {
width: min(1320px, 100%);
}
a {
color: inherit;
text-decoration: none;
}
button, input, textarea {
font: inherit;
}
.yaml .y-k {
color: #7dd3fc;
}
.yaml .y-s {
color: #a7f3d0;
}
.yaml .y-n {
color: #fcd34d;
}
@media (max-width: 1180px) {
.kt-screen {
width: 100%;
min-width: 0;
}
.kt-g4, .kt-g3, .kt-g2, .kt-split-3, .kt-split-evi, .kt-screen:not(.notty) {
grid-template-columns: 1fr;
}
.kt-sb {
display: none;
}
.kt-mn {
padding: 18px 16px 0;
}
.kt-graph .legend {
top: auto;
bottom: 14px;
left: 14px;
right: auto;
}
.kt-hop {
grid-template-columns: 32px 1fr;
}
.kt-hop .amt, .kt-hop > .kt-grade, .kt-hop > button {
justify-self: start;
}
}
@media (max-width: 760px) {
.kt-screen.notty > div {
grid-template-columns: 1fr !important;
}
.kt-screen.notty > div > div {
padding: 28px 20px !important;
}
.kt-screen.notty .kt-graph {
display: none;
}
.kt-screen.notty .kt-card {
position: static !important;
}
table.kt-tb {
display: block;
overflow-x: auto;
}
}
@media print {
body {
color: #111827 !important;
background: #fff !important;
}
.kt-screen {
color: #111827 !important;
background: #fff !important;
width: 100% !important;
display: block !important;
}
.kt-sb, .kt-btn, .toolbar {
display: none !important;
}
.kt-card, .kt-graph, .kt-stat {
break-inside: avoid;
box-shadow: none !important;
background: #fff !important;
border-color: #cbd5e1 !important;
}
.kt-disclosure, .kt-sovereign, .kt-subproc {
color: #111827 !important;
background: #fff !important;
border-color: #cbd5e1 !important;
}
.kt-node {
box-shadow: none !important;
}
}
@property --tw-border-spacing-x {
syntax: "";
inherits: false;
initial-value: 0;
}
@property --tw-border-spacing-y {
syntax: "";
inherits: false;
initial-value: 0;
}
@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-divide-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-leading {
syntax: "*";
inherits: false
}
@property --tw-font-weight {
syntax: "*";
inherits: false
}
@property --tw-tracking {
syntax: "*";
inherits: false
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 rgba(0, 0, 0, 0);
}
@property --tw-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 rgba(0, 0, 0, 0);
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-inset-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 rgba(0, 0, 0, 0);
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 rgba(0, 0, 0, 0);
}
@property --tw-ring-inset {
syntax: "*";
inherits: false
}
@property --tw-ring-offset-width {
syntax: "";
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 rgba(0, 0, 0, 0);
}
@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: "";
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
}
/*# sourceMappingURL=%5Broot-of-the-server%5D__e952cd74._.css.map*/