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

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

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

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

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

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

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

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

.inter_5901b7c6-module__ec5Qua__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_5901b7c6-module__ec5Qua__variable {
  --font-inter: "Inter", "Inter Fallback";
}

/* [next]/internal/font/google/roboto_b8117d2d.module.css [app-client] (css) */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/572c13468b8cff87-s.1rlxnzisjz_e1.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: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/62d4b50592542c9f-s.1lnyw1zsxhp0r.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/38772d1e0cde909c-s.0lvk2smlqz3yc.woff2") format("woff2");
  unicode-range: U+1F??;
}

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

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/ccee61546c0358b7-s.42l_3z3944ji5.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/8fcf71678f67d0c5-s.1szw2e8s5ktgm.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: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/f7d6090e8b3debad-s.026ae5sgholss.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: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/ce62453a442c7f35-s.p.0a0h245ktd4x0.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: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/572c13468b8cff87-s.1rlxnzisjz_e1.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: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/62d4b50592542c9f-s.1lnyw1zsxhp0r.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/38772d1e0cde909c-s.0lvk2smlqz3yc.woff2") format("woff2");
  unicode-range: U+1F??;
}

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

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/ccee61546c0358b7-s.42l_3z3944ji5.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/8fcf71678f67d0c5-s.1szw2e8s5ktgm.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: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/f7d6090e8b3debad-s.026ae5sgholss.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: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/ce62453a442c7f35-s.p.0a0h245ktd4x0.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: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/572c13468b8cff87-s.1rlxnzisjz_e1.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: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/62d4b50592542c9f-s.1lnyw1zsxhp0r.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/38772d1e0cde909c-s.0lvk2smlqz3yc.woff2") format("woff2");
  unicode-range: U+1F??;
}

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

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/ccee61546c0358b7-s.42l_3z3944ji5.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/8fcf71678f67d0c5-s.1szw2e8s5ktgm.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: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/f7d6090e8b3debad-s.026ae5sgholss.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: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/ce62453a442c7f35-s.p.0a0h245ktd4x0.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: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/572c13468b8cff87-s.1rlxnzisjz_e1.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: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/62d4b50592542c9f-s.1lnyw1zsxhp0r.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/38772d1e0cde909c-s.0lvk2smlqz3yc.woff2") format("woff2");
  unicode-range: U+1F??;
}

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

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/ccee61546c0358b7-s.42l_3z3944ji5.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/8fcf71678f67d0c5-s.1szw2e8s5ktgm.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: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/f7d6090e8b3debad-s.026ae5sgholss.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: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/ce62453a442c7f35-s.p.0a0h245ktd4x0.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: Roboto Fallback;
  src: local(Arial);
  ascent-override: 92.98%;
  descent-override: 24.47%;
  line-gap-override: 0.0%;
  size-adjust: 99.78%;
}

.roboto_b8117d2d-module__C8qZ2W__className {
  font-family: Roboto, Roboto Fallback;
  font-style: normal;
}

.roboto_b8117d2d-module__C8qZ2W__variable {
  --font-roboto: "Roboto", "Roboto Fallback";
}

/* [next]/internal/font/google/open_sans_6487050.module.css [app-client] (css) */
@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/3ce154ad7d54dc86-s.1-9go8whdf-l6.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: Open Sans;
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/7cdbb9ca823c0a73-s.1h6d36qg8q9eb.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/1e239d59b95c7889-s.2z2_lz8ulsj_0.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/a421df443b3f383b-s.36lh57wvljuff.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: Open Sans;
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/c2873153dc73d9e3-s.1em1pp1frbjrf.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

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

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/5b0229109f6656bb-s.3tlvbu8v6d928.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/ca19bc83075b2625-s.2f6i6rjizi5dm.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: Open Sans;
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/2aec202ebfcf461b-s.261mkozpp7zc7.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: Open Sans;
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/cf514f5d0007dafa-s.p.1wc2mf9hp9pav.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: Open Sans Fallback;
  src: local(Arial);
  ascent-override: 101.65%;
  descent-override: 27.86%;
  line-gap-override: 0.0%;
  size-adjust: 105.15%;
}

.open_sans_6487050-module__9grdqG__className {
  font-family: Open Sans, Open Sans Fallback;
  font-style: normal;
}

.open_sans_6487050-module__9grdqG__variable {
  --font-open-sans: "Open Sans", "Open Sans Fallback";
}

/* [next]/internal/font/google/lato_9ca7388f.module.css [app-client] (css) */
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/20f1c48c725d3555-s.0u-s08866kges.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: Lato;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/f30fd2e485acf1bc-s.p.35belnv3c2-b-.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: Lato;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/b529365fa126a3f2-s.441olqq_uijdr.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: Lato;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/8e451580e5e95631-s.p.27vw08z6_vw0m.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: Lato;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/d74bdd14d6019bc6-s.097vcw437jzga.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: Lato;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/345c85a432359eed-s.p.0zem_9y19rte6.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: Lato Fallback;
  src: local(Arial);
  ascent-override: 101.03%;
  descent-override: 21.8%;
  line-gap-override: 0.0%;
  size-adjust: 97.69%;
}

.lato_9ca7388f-module__5d8Z6a__className {
  font-family: Lato, Lato Fallback;
  font-style: normal;
}

.lato_9ca7388f-module__5d8Z6a__variable {
  --font-lato: "Lato", "Lato Fallback";
}

/* [next]/internal/font/google/source_sans_3_3485690b.module.css [app-client] (css) */
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("../media/da8a9dd0d68e512b-s.0n8i_inn0i2i9.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: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("../media/94b4a5dc1fe84361-s.3wm_n5jv1to7s.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("../media/ff5be760267bb4bc-s.3dkqd4mro2h3_.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("../media/99596c30eb072d3c-s.2fp9tilo6sy14.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: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("../media/e5864b32625b6bc3-s.0m7i6b77o5yxd.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: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("../media/e285ad1a914469f0-s.15241mr5-1s6i.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: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("../media/47df9ba1c7236d3b-s.p.137759vg1sbmi.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: "Source Sans 3 Fallback";
  src: local(Arial);
  ascent-override: 109.21%;
  descent-override: 42.66%;
  line-gap-override: 0.0%;
  size-adjust: 93.76%;
}

.source_sans_3_3485690b-module__2qPxQG__className {
  font-family: "Source Sans 3", "Source Sans 3 Fallback";
  font-style: normal;
}

.source_sans_3_3485690b-module__2qPxQG__variable {
  --font-source-sans-3: "Source Sans 3", "Source Sans 3 Fallback";
}

/* [next]/internal/font/google/nunito_1108b859.module.css [app-client] (css) */
@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../media/224e262ef877bfa4-s.1zkvd_innyig_.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: Nunito;
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../media/7f11d98043fdedc9-s.2c8-7nzo1jf9r.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../media/e6d00ff86ef9e699-s.1vcas2uk12q5a.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: Nunito;
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../media/d8cb5ab3660140cd-s.2demiz2t05dx4.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: Nunito;
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../media/07454f8ad8aaac57-s.p.2kjei9psvcorz.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: Nunito Fallback;
  src: local(Arial);
  ascent-override: 99.71%;
  descent-override: 34.82%;
  line-gap-override: 0.0%;
  size-adjust: 101.39%;
}

.nunito_1108b859-module__PeczNG__className {
  font-family: Nunito, Nunito Fallback;
  font-style: normal;
}

.nunito_1108b859-module__PeczNG__variable {
  --font-nunito: "Nunito", "Nunito Fallback";
}

/* [next]/internal/font/google/poppins_87b0a9c0.module.css [app-client] (css) */
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/7e832ad540183e91-s.280oih_b74u9j.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/2094fb60fd9c8287-s.3qxy1tqak831c.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: Poppins;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/c875c6f5d3e977ac-s.p.1h18_wedhzk4h.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: Poppins;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/41e95f694c5c4549-s.2b_sldcwg6mn_.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/6c55a692938ebbbc-s.1emuuracu50qd.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: Poppins;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/a218039a3287bcfd-s.p.43zbiuwnnoiok.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: Poppins;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/bdc7e24a509eb931-s.0ynx40_3oa9rk.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/0da9c7f357bd9d4d-s.1975l3y3401x_.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: Poppins;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/8e6fa89aa22d24ec-s.p.2o7m9ogm38dql.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: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/0a7740363b4d4863-s.3ji57o093q1kd.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/5f9d24ebef5d5292-s.19xuq3td7fwu_.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: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/e2334d715941921e-s.p.3o_v2fun1jzxk.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: Poppins;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/b53057dbf91a7acf-s.11ypmpdlzqdb_.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/798ea22d9983e047-s.3go-kn2r40gie.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: Poppins;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/47fe1b7cd6e6ed85-s.p.3bh2vc0w-r-ll.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: Poppins Fallback;
  src: local(Arial);
  ascent-override: 93.62%;
  descent-override: 31.21%;
  line-gap-override: 8.92%;
  size-adjust: 112.16%;
}

.poppins_87b0a9c0-module__5F-xWW__className {
  font-family: Poppins, Poppins Fallback;
  font-style: normal;
}

.poppins_87b0a9c0-module__5F-xWW__variable {
  --font-poppins: "Poppins", "Poppins Fallback";
}

/* [next]/internal/font/google/montserrat_bba129a6.module.css [app-client] (css) */
@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/8298327da6d5bcce-s.3q4n78m6muld7.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: Montserrat;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/44fac91e6f2d2b1b-s.1d_6dtvtn9g3_.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2b402d8aebffd579-s.16nfeub7ja6ze.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: Montserrat;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/a88409fdd7dc121c-s.1mvr14jy3vxq7.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: Montserrat;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/e8f2fbee2754df70-s.p.1dqa_6e_ad4sj.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: Montserrat Fallback;
  src: local(Arial);
  ascent-override: 85.79%;
  descent-override: 22.25%;
  line-gap-override: 0.0%;
  size-adjust: 112.83%;
}

.montserrat_bba129a6-module__TUV0iq__className {
  font-family: Montserrat, Montserrat Fallback;
  font-style: normal;
}

.montserrat_bba129a6-module__TUV0iq__variable {
  --font-montserrat: "Montserrat", "Montserrat Fallback";
}

/* [next]/internal/font/google/manrope_b7d5735e.module.css [app-client] (css) */
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/a342834df7752944-s.3hd2l7bm32o7k.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: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.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: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.173xwsdme27n8.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: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.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: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.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: Manrope Fallback;
  src: local(Arial);
  ascent-override: 103.31%;
  descent-override: 29.07%;
  line-gap-override: 0.0%;
  size-adjust: 103.19%;
}

.manrope_b7d5735e-module__suUhcW__className {
  font-family: Manrope, Manrope Fallback;
  font-style: normal;
}

.manrope_b7d5735e-module__suUhcW__variable {
  --font-manrope: "Manrope", "Manrope Fallback";
}

/* [next]/internal/font/google/dm_sans_1c871f37.module.css [app-client] (css) */
@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url("../media/c3cb240f9c892514-s.3z_x6eowsw16y.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: DM Sans;
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url("../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.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: DM Sans Fallback;
  src: local(Arial);
  ascent-override: 94.9%;
  descent-override: 29.66%;
  line-gap-override: 0.0%;
  size-adjust: 104.53%;
}

.dm_sans_1c871f37-module__30ab_W__className {
  font-family: DM Sans, DM Sans Fallback;
  font-style: normal;
}

.dm_sans_1c871f37-module__30ab_W__variable {
  --font-dm-sans: "DM Sans", "DM Sans Fallback";
}

/* [next]/internal/font/google/ibm_plex_sans_2f6692df.module.css [app-client] (css) */
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/7fea77d1d19108bf-s.2y65deuc30pmy.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/1bcd0e671759a44c-s.2qt3tdwt-y9x_.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/e15f58668ad64cb8-s.3cvcemwuzoywn.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/90c51ce8fb754fe8-s.02z5rrbg5nt92.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/57215795b8570f5c-s.2rixgazldzomk.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/03fc1b4a8d284b5e-s.p.0wiir8udbzjvx.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/7fea77d1d19108bf-s.2y65deuc30pmy.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/1bcd0e671759a44c-s.2qt3tdwt-y9x_.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/e15f58668ad64cb8-s.3cvcemwuzoywn.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/90c51ce8fb754fe8-s.02z5rrbg5nt92.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/57215795b8570f5c-s.2rixgazldzomk.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/03fc1b4a8d284b5e-s.p.0wiir8udbzjvx.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/7fea77d1d19108bf-s.2y65deuc30pmy.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/1bcd0e671759a44c-s.2qt3tdwt-y9x_.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/e15f58668ad64cb8-s.3cvcemwuzoywn.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/90c51ce8fb754fe8-s.02z5rrbg5nt92.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/57215795b8570f5c-s.2rixgazldzomk.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/03fc1b4a8d284b5e-s.p.0wiir8udbzjvx.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/7fea77d1d19108bf-s.2y65deuc30pmy.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/1bcd0e671759a44c-s.2qt3tdwt-y9x_.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/e15f58668ad64cb8-s.3cvcemwuzoywn.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/90c51ce8fb754fe8-s.02z5rrbg5nt92.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/57215795b8570f5c-s.2rixgazldzomk.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/03fc1b4a8d284b5e-s.p.0wiir8udbzjvx.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/7fea77d1d19108bf-s.2y65deuc30pmy.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/1bcd0e671759a44c-s.2qt3tdwt-y9x_.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/e15f58668ad64cb8-s.3cvcemwuzoywn.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/90c51ce8fb754fe8-s.02z5rrbg5nt92.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/57215795b8570f5c-s.2rixgazldzomk.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/03fc1b4a8d284b5e-s.p.0wiir8udbzjvx.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: IBM Plex Sans Fallback;
  src: local(Arial);
  ascent-override: 101.32%;
  descent-override: 27.18%;
  line-gap-override: 0.0%;
  size-adjust: 101.17%;
}

.ibm_plex_sans_2f6692df-module__OxMrrq__className {
  font-family: IBM Plex Sans, IBM Plex Sans Fallback;
  font-style: normal;
}

.ibm_plex_sans_2f6692df-module__OxMrrq__variable {
  --font-ibm-plex-sans: "IBM Plex Sans", "IBM Plex Sans Fallback";
}

/* [next]/internal/font/google/work_sans_b0adbbf8.module.css [app-client] (css) */
@font-face {
  font-family: Work Sans;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/8e3fbf4aa84d044b-s.3ynaompv6mu4n.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: Work Sans;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/57dc28f7118abe14-s.3bsu95r7x7mat.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: Work Sans;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7ddd198311ba7843-s.p.3kq6k02b2ysv1.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: Work Sans Fallback;
  src: local(Arial);
  ascent-override: 83.09%;
  descent-override: 21.71%;
  line-gap-override: 0.0%;
  size-adjust: 111.93%;
}

.work_sans_b0adbbf8-module__r9zaCW__className {
  font-family: Work Sans, Work Sans Fallback;
  font-style: normal;
}

.work_sans_b0adbbf8-module__r9zaCW__variable {
  --font-work-sans: "Work Sans", "Work Sans Fallback";
}

/* [next]/internal/font/google/raleway_65d34cd4.module.css [app-client] (css) */
@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/198d17f2fc7b7e24-s.3ln4cacw7vm32.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: Raleway;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/bb835a708696869b-s.0_i4fxg1pnle5.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/6c7c54d92ecafd95-s.02co4hodosnv0.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: Raleway;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/4b825e536f0add60-s.15vlspr5uap8d.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: Raleway;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/c825fd02acae0153-s.p.1q3-y3vmyf3p6.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: Raleway Fallback;
  src: local(Arial);
  ascent-override: 90.51%;
  descent-override: 22.53%;
  line-gap-override: 0.0%;
  size-adjust: 103.86%;
}

.raleway_65d34cd4-module__Hlhu2q__className {
  font-family: Raleway, Raleway Fallback;
  font-style: normal;
}

.raleway_65d34cd4-module__Hlhu2q__variable {
  --font-raleway: "Raleway", "Raleway Fallback";
}

/* [next]/internal/font/google/karla_964b01e9.module.css [app-client] (css) */
@font-face {
  font-family: Karla;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/ba35eb811246f14c-s.365lh8fyufn44.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: Karla;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/680aa1e827d679d2-s.p.42ymt1gosxo71.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: Karla Fallback;
  src: local(Arial);
  ascent-override: 89.55%;
  descent-override: 24.61%;
  line-gap-override: 0.0%;
  size-adjust: 102.4%;
}

.karla_964b01e9-module__UiOhua__className {
  font-family: Karla, Karla Fallback;
  font-style: normal;
}

.karla_964b01e9-module__UiOhua__variable {
  --font-karla: "Karla", "Karla Fallback";
}

/* [next]/internal/font/google/mulish_a9e711e9.module.css [app-client] (css) */
@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../media/817e411a5e01ed4b-s.1ahybv0wwhhqq.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: Mulish;
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../media/69c910a8dbdebe03-s.0rd1z-d80xk55.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../media/4aa1cac135eb7d75-s.1fz0dp8tcvd4o.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: Mulish;
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../media/59000b645a38f9c6-s.1bybrk-qlld7x.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: Mulish;
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../media/fed68dff3ca987ed-s.p.3e08ior5wrhci.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: Mulish Fallback;
  src: local(Arial);
  ascent-override: 96.56%;
  descent-override: 24.02%;
  line-gap-override: 0.0%;
  size-adjust: 104.08%;
}

.mulish_a9e711e9-module__kStbga__className {
  font-family: Mulish, Mulish Fallback;
  font-style: normal;
}

.mulish_a9e711e9-module__kStbga__variable {
  --font-mulish: "Mulish", "Mulish Fallback";
}

/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --cl-accent: #6366f1;
  --cl-accent-hover: #5558d4;
  --cl-accent-active: #474abf;
  --cl-accent-soft: #eef1ff;
  --cl-accent-fg: #fff;
  --cl-focus-ring: #6366f14d;
  --cl-bg: #f8f8f6;
  --cl-bg-2: #fff;
  --cl-bg-3: #f1f1ed;
  --cl-surface: #fff;
  --cl-sidebar: #fafaf7;
  --cl-border: #e8e8e2;
  --cl-border-strong: #d9d9d1;
  --cl-text: #1a1916;
  --cl-text-2: #4a4a45;
  --cl-text-3: #8a8a82;
  --cl-text-4: #b5b5ac;
  --cl-pip-grau: #9ca3af;
  --cl-pip-grau-bg: #f3f4f6;
  --cl-pip-grau-fg: #374151;
  --cl-pip-hellgrau: #d1d5db;
  --cl-pip-hellgrau-bg: #f9fafb;
  --cl-pip-hellgrau-fg: #4b5563;
  --cl-pip-rot: #ef4444;
  --cl-pip-rot-bg: #fee2e2;
  --cl-pip-rot-fg: #991b1b;
  --cl-pip-orange: #f97316;
  --cl-pip-orange-bg: #ffedd5;
  --cl-pip-orange-fg: #9a3412;
  --cl-pip-gelb: #eab308;
  --cl-pip-gelb-bg: #fef3c7;
  --cl-pip-gelb-fg: #92400e;
  --cl-pip-gruen: #22c55e;
  --cl-pip-gruen-bg: #dcfce7;
  --cl-pip-gruen-fg: #166534;
  --cl-pip-hellgruen: #84cc16;
  --cl-pip-hellgruen-bg: #ecfccb;
  --cl-pip-hellgruen-fg: #3f6212;
  --cl-pip-tuerkis: #14b8a6;
  --cl-pip-tuerkis-bg: #ccfbf1;
  --cl-pip-tuerkis-fg: #115e59;
  --cl-pip-blau: #3b82f6;
  --cl-pip-blau-bg: #dbeafe;
  --cl-pip-blau-fg: #1e40af;
  --cl-pip-hellblau: #0ea5e9;
  --cl-pip-hellblau-bg: #e0f2fe;
  --cl-pip-hellblau-fg: #075985;
  --cl-pip-lila: #8b5cf6;
  --cl-pip-lila-bg: #ede9fe;
  --cl-pip-lila-fg: #5b21b6;
  --cl-pip-pink: #ec4899;
  --cl-pip-pink-bg: #fce7f3;
  --cl-pip-pink-fg: #9d174d;
  --cl-radius: 8px;
  --cl-radius-lg: 12px;
  --cl-radius-sm: 6px;
  --cl-shadow-sm: 0 1px 2px #0f0f0c0a;
  --cl-shadow: 0 4px 16px #0f0f0c0f, 0 1px 2px #0f0f0c0a;
  --cl-shadow-lg: 0 16px 48px #0f0f0c29, 0 4px 12px #0f0f0c0f;
  --cl-font: "Inter", system-ui, -apple-system, sans-serif;
}

[data-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --cl-bg: #1e1e1e;
  --cl-bg-2: #262626;
  --cl-bg-3: #2e2e2e;
  --cl-surface: #242424;
  --cl-sidebar: #191919;
  --cl-border: #3a3a3a;
  --cl-border-strong: #4e4e4e;
  --cl-text: #d4d4d4;
  --cl-text-2: #9c9c9c;
  --cl-text-3: #6a6a6a;
  --cl-text-4: #484848;
  --cl-pip-grau-bg: #2c2c2c;
  --cl-pip-grau-fg: #aaa;
  --cl-pip-hellgrau-bg: #282828;
  --cl-pip-hellgrau-fg: #999;
  --cl-pip-rot-bg: #3d1f1f;
  --cl-pip-rot-fg: #fca5a5;
  --cl-pip-orange-bg: #3a2510;
  --cl-pip-orange-fg: #fdba74;
  --cl-pip-gelb-bg: #352c0e;
  --cl-pip-gelb-fg: #fde047;
  --cl-pip-gruen-bg: #152b1c;
  --cl-pip-gruen-fg: #86efac;
  --cl-pip-hellgruen-bg: #1c2c0f;
  --cl-pip-hellgruen-fg: #bef264;
  --cl-pip-tuerkis-bg: #0e2b27;
  --cl-pip-tuerkis-fg: #5eead4;
  --cl-pip-blau-bg: #162540;
  --cl-pip-blau-fg: #93c5fd;
  --cl-pip-hellblau-bg: #0f2838;
  --cl-pip-hellblau-fg: #7dd3fc;
  --cl-pip-lila-bg: #231840;
  --cl-pip-lila-fg: #c4b5fd;
  --cl-pip-pink-bg: #3d1430;
  --cl-pip-pink-fg: #f9a8d4;
  --cl-accent-soft: #6366f126;
  --cl-shadow-sm: 0 1px 2px #00000080;
  --cl-shadow: 0 4px 16px #00000080, 0 1px 2px #0006;
  --cl-shadow-lg: 0 16px 48px #0009, 0 4px 12px #0006;
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--cl-font);
  background: var(--cl-bg);
  color: var(--cl-text);
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "cv11", "ss01";
  font-size: 13px;
  line-height: 1.5;
}

button, input, select, textarea {
  color: inherit;
  font-family: inherit;
}

button {
  cursor: default;
}

:focus-visible {
  outline: 3px solid var(--cl-focus-ring);
  outline-offset: 1px;
  border-radius: 4px;
}

.cl-app {
  grid-template-columns: 244px 1fr;
  height: 100vh;
  display: grid;
}

.cl-main {
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.cl-content {
  flex: 1;
  padding: 20px 28px 80px;
  overflow-y: auto;
}

.cl-mobile-scrim {
  display: none;
}

.cl-sidebar {
  background: var(--cl-sidebar);
  border-right: 1px solid var(--cl-border);
  flex-direction: column;
  height: 100vh;
  padding: 14px 12px 0;
  display: flex;
  position: sticky;
  top: 0;
}

.cl-sidebar-top {
  padding: 0 4px;
}

.cl-logo {
  align-items: center;
  gap: 10px;
  padding: 4px 6px 14px;
  display: flex;
}

.cl-logo-mark {
  border-radius: 8px;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.cl-logo-mark-initial {
  background: var(--cl-accent-soft);
  width: 32px;
  height: 32px;
  color: var(--cl-accent);
  letter-spacing: -.01em;
  border-radius: 8px;
  place-items: center;
  font-size: 14px;
  font-weight: 700;
  display: grid;
}

.cl-logo-text {
  flex-direction: column;
  line-height: 1.1;
  display: flex;
}

.cl-logo-name {
  letter-spacing: -.01em;
  font-size: 14px;
  font-weight: 600;
}

.cl-logo-sub {
  color: var(--cl-text-3);
  font-size: 10.5px;
}

.cl-profile {
  background: var(--cl-bg-2);
  border: 1px solid var(--cl-border);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding: 8px;
  display: flex;
  position: relative;
}

.cl-profile:hover {
  background: var(--cl-bg-3);
}

.cl-profile-meta {
  flex: 1;
  min-width: 0;
}

.cl-profile-name {
  font-size: 12.5px;
  font-weight: 600;
}

.cl-profile-role {
  color: var(--cl-text-3);
  font-size: 11px;
}

.cl-profile-chev {
  color: var(--cl-text-3);
  background: none;
  border: 0;
  border-radius: 6px;
  place-items: center;
  width: 22px;
  height: 22px;
  display: grid;
}

.cl-profile-chev:hover {
  background: var(--cl-bg-3);
  color: var(--cl-text);
}

.cl-nav {
  flex-direction: column;
  flex: 1;
  gap: 1px;
  padding: 4px 0;
  display: flex;
  overflow-y: auto;
}

.cl-nav-item {
  color: var(--cl-text-2);
  text-align: left;
  background: none;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.cl-nav-item:hover {
  background: var(--cl-bg-3);
  color: var(--cl-text);
}

.cl-nav-item.active {
  background: var(--cl-accent);
  color: var(--cl-accent-fg);
}

.cl-nav-item.active:hover {
  background: var(--cl-accent-hover);
}

.cl-nav-item span:first-of-type {
  flex: 1;
}

.cl-nav-badge {
  background: var(--cl-bg-3);
  color: var(--cl-text-2);
  border-radius: 999px;
  padding: 1px 6px;
  font-size: 10.5px;
  font-weight: 600;
}

.cl-nav-item.active .cl-nav-badge {
  color: #fff;
  background: #ffffff38;
}

.cl-sidebar-foot {
  border-top: 1px solid var(--cl-border);
  background: var(--cl-sidebar);
  margin: 0 -12px;
  padding: 10px 8px;
}

.cl-foot-row {
  color: var(--cl-text-3);
  justify-content: space-between;
  font-size: 10.5px;
  display: flex;
}

.cl-foot-status {
  align-items: center;
  gap: 6px;
  display: flex;
}

.cl-dot-live {
  background: var(--cl-pip-gruen);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 3px #22c55e2e;
}

.cl-sidebar-context {
  padding: 4px 4px 0;
}

.cl-ctx-back {
  width: 100%;
  color: var(--cl-text-3);
  text-align: left;
  background: none;
  border: 0;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  padding: 5px 6px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.cl-ctx-back:hover {
  background: var(--cl-bg-3);
  color: var(--cl-text);
}

.cl-ctx-name {
  letter-spacing: -.01em;
  padding: 0 6px 2px;
  font-size: 13px;
  font-weight: 600;
}

.cl-ctx-sub {
  color: var(--cl-text-3);
  padding: 0 6px 10px;
  font-size: 11px;
}

.cl-ctx-divider {
  background: var(--cl-border);
  height: 1px;
  margin: 0 -4px 8px;
}

.cl-nav-section {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--cl-text-4);
  padding: 10px 10px 4px;
  font-size: 10px;
  font-weight: 600;
}

.cl-nav-divider {
  background: var(--cl-border);
  height: 1px;
  margin: 6px 0;
}

.cl-nav-badge-admin {
  letter-spacing: .04em;
  background: var(--cl-bg-3);
  color: var(--cl-text-3);
  border-radius: 4px;
  padding: 1px 5px;
  font-size: 9px;
  font-weight: 600;
}

.cl-nav-item.active .cl-nav-badge-admin {
  color: #ffffffd9;
  background: #fff3;
}

.cl-sidebar .cl-profile {
  margin: 0 4px 8px;
}

.cl-topbar {
  --cl-topbar-title-w: 300px;
  grid-template-columns: var(--cl-topbar-title-w) minmax(0, 1fr) auto;
  border-bottom: 1px solid var(--cl-border);
  background: var(--cl-bg-2);
  z-index: 30;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  align-items: center;
  gap: 14px;
  height: 56px;
  padding: 10px 28px;
  display: grid;
  position: sticky;
  top: 0;
}

[data-theme="dark"] .cl-topbar {
  background: #1e1e1ee0;
}

.cl-topbar-left {
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.cl-page-title {
  flex-direction: column;
  min-width: 0;
  line-height: 1.1;
  display: flex;
  overflow: hidden;
}

.cl-page-title h1 {
  letter-spacing: -.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  overflow: hidden;
}

.cl-page-sub {
  color: var(--cl-text-3);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 2px;
  font-size: 11px;
  overflow: hidden;
}

.cl-search-cell {
  justify-content: flex-start;
  min-width: 36px;
  display: flex;
  overflow: hidden;
  container: cl-search / inline-size;
}

.cl-search-wrap {
  background: var(--cl-bg-3);
  width: 100%;
  min-width: 36px;
  height: 32px;
  color: var(--cl-text-3);
  border: 1px solid #0000;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  display: flex;
  overflow: hidden;
}

.cl-search-wrap:hover {
  background: var(--cl-bg-3);
  border-color: var(--cl-border);
}

.cl-search-placeholder {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  font-size: 12.5px;
  overflow: hidden;
}

.cl-kbd {
  font-family: var(--cl-font);
  background: var(--cl-bg-2);
  border: 1px solid var(--cl-border);
  color: var(--cl-text-2);
  font-feature-settings: "tnum";
  border-radius: 4px;
  padding: 1px 5px;
  font-size: 10.5px;
  font-weight: 500;
}

@container cl-search (max-width: 300px) {
  .cl-kbd {
    display: none;
  }
}

.cl-topbar-right {
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  display: flex;
}

.cl-icon-btn {
  width: 32px;
  height: 32px;
  color: var(--cl-text-2);
  background: none;
  border: 0;
  border-radius: 8px;
  place-items: center;
  display: grid;
  position: relative;
}

.cl-icon-btn:hover, .cl-icon-btn.active {
  background: var(--cl-bg-3);
  color: var(--cl-text);
}

.cl-icon-btn-sm {
  border-radius: 6px;
  width: 26px;
  height: 26px;
}

.cl-icon-badge {
  background: var(--cl-pip-rot);
  color: #fff;
  border: 2px solid var(--cl-bg-2);
  border-radius: 999px;
  place-items: center;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  font-size: 9px;
  font-weight: 700;
  display: grid;
  position: absolute;
  top: 4px;
  right: 4px;
}

.cl-avatar-btn {
  padding: 0;
}

.cl-mobile-only {
  display: none;
}

.cl-breadcrumb-bar {
  border-bottom: 1px solid var(--cl-border);
  background: var(--cl-bg-2);
  align-items: center;
  gap: 4px;
  height: 30px;
  padding: 0 28px;
  font-size: 11.5px;
  display: flex;
}

.cl-breadcrumb-bar--empty {
  border-bottom: none;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.cl-bc-item {
  color: var(--cl-text-3);
  background: none;
  border: 0;
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 11.5px;
  line-height: 1;
}

button.cl-bc-item:hover {
  color: var(--cl-text-2);
  background: var(--cl-bg-3);
}

.cl-bc-active {
  color: var(--cl-text-2);
  font-weight: 500;
}

.cl-bc-sep {
  color: var(--cl-text-4);
  -webkit-user-select: none;
  user-select: none;
  line-height: 1;
}

.cl-avatar {
  background: linear-gradient(135deg, var(--cl-accent), var(--cl-accent-hover));
  width: 28px;
  height: 28px;
  color: var(--cl-accent-fg);
  letter-spacing: .02em;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  font-size: 11px;
  font-weight: 600;
  display: inline-grid;
}

.cl-avatar-xs {
  width: 22px;
  height: 22px;
  font-size: 9.5px;
}

.cl-avatar-sm {
  width: 26px;
  height: 26px;
  font-size: 10.5px;
}

.cl-avatar-lg {
  border-radius: 14px;
  width: 56px;
  height: 56px;
  font-size: 18px;
}

.cl-page {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.cl-page-toolbar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.cl-toolbar-right {
  align-items: center;
  gap: 8px;
  display: flex;
}

.cl-btn {
  background: var(--cl-bg-2);
  height: 32px;
  color: var(--cl-text);
  border: 1px solid #0000;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  font-size: 12.5px;
  font-weight: 500;
  display: inline-flex;
}

.cl-btn-primary {
  background: var(--cl-accent);
  color: var(--cl-accent-fg);
  border-color: var(--cl-accent);
}

.cl-btn-primary:hover:not(:disabled) {
  background: var(--cl-accent-hover);
  border-color: var(--cl-accent-hover);
}

.cl-btn-primary:active:not(:disabled) {
  background: var(--cl-accent-active);
}

.cl-btn-ghost {
  background: var(--cl-bg-2);
  border: 1px solid var(--cl-border);
  color: var(--cl-text);
}

.cl-btn-ghost:hover:not(:disabled) {
  background: var(--cl-bg-3);
  border-color: var(--cl-border-strong);
}

.cl-btn-danger {
  background: var(--cl-pip-rot);
  color: #fff;
  border-color: var(--cl-pip-rot);
}

.cl-btn-danger:hover:not(:disabled) {
  filter: brightness(.92);
}

.cl-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.cl-btn-sm {
  border-radius: 6px;
  gap: 4px;
  height: 26px;
  padding: 0 8px;
  font-size: 11.5px;
}

.cl-btn-badge {
  background: var(--cl-accent);
  color: var(--cl-accent-fg);
  text-align: center;
  border-radius: 999px;
  min-width: 16px;
  padding: 0 5px;
  font-size: 10px;
  font-weight: 600;
}

.cl-link {
  color: var(--cl-accent);
  background: none;
  border: 0;
  border-radius: 4px;
  padding: 4px 6px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}

.cl-link:hover {
  text-decoration: underline;
}

.cl-segmented {
  background: var(--cl-bg-3);
  border: 1px solid var(--cl-border);
  border-radius: 8px;
  padding: 2px;
  display: inline-flex;
}

.cl-segmented button {
  height: 26px;
  color: var(--cl-text-2);
  background: none;
  border: 0;
  border-radius: 6px;
  align-items: center;
  gap: 5px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.cl-segmented button:hover {
  color: var(--cl-text);
}

.cl-segmented button.active {
  background: var(--cl-bg-2);
  color: var(--cl-text);
  box-shadow: var(--cl-shadow-sm);
}

.cl-segmented-sm button {
  height: 22px;
  padding: 0 8px;
  font-size: 11px;
}

.cl-card-pad {
  padding: 18px;
}

.cl-card-flush {
  overflow: hidden;
}

.cl-card-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
  display: flex;
}

.cl-card-eyebrow {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--cl-text-3);
  font-size: 10px;
  font-weight: 600;
}

.cl-card-title {
  letter-spacing: -.01em;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 600;
}

.cl-card-meta {
  color: var(--cl-text-3);
  align-items: center;
  gap: 6px;
  font-size: 11px;
  display: flex;
}

.cl-legend-dot {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: inline-block;
}

.cl-grid {
  gap: 16px;
  display: grid;
}

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

.cl-grid-3-2 {
  grid-template-columns: 2fr 1fr;
}

.cl-grid-2 {
  grid-template-columns: 1fr 1fr;
}

.cl-kpi {
  flex-direction: column;
  gap: 6px;
  padding: 16px 18px;
  display: flex;
}

.cl-kpi-label {
  color: var(--cl-text-3);
  font-size: 11.5px;
  font-weight: 500;
}

.cl-kpi-value {
  letter-spacing: -.02em;
  font-feature-settings: "tnum";
  font-size: 26px;
  font-weight: 600;
  line-height: 1.1;
}

.cl-kpi-delta {
  font-feature-settings: "tnum";
  align-items: center;
  gap: 4px;
  font-size: 11.5px;
  font-weight: 500;
  display: inline-flex;
}

.cl-kpi-delta.good {
  color: #15803d;
}

.cl-kpi-delta.bad {
  color: #b91c1c;
}

.cl-kpi-delta.neutral {
  color: var(--cl-text-3);
  font-weight: 400;
}

[data-theme="dark"] .cl-kpi-delta.good {
  color: #4ade80;
}

[data-theme="dark"] .cl-kpi-delta.bad {
  color: #f87171;
}

.cl-kpi-period {
  color: var(--cl-text-3);
  margin-left: 4px;
  font-weight: 400;
}

.cl-status-list {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.cl-status-row {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.cl-status-row-head {
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.cl-status-name {
  flex: 1;
}

.cl-status-count {
  color: var(--cl-text-2);
  font-feature-settings: "tnum";
  font-weight: 500;
}

.cl-bar-track {
  background: var(--cl-bg-3);
  border-radius: 999px;
  height: 6px;
  overflow: hidden;
}

.cl-bar-fill {
  border-radius: 999px;
  height: 100%;
  transition: width .4s;
}

.cl-pip {
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: inline-block;
}

.cl-widget-wrapper {
  position: relative;
}

.cl-widget-remove {
  z-index: 10;
  background: var(--cl-bg-3);
  border: 1px solid var(--cl-border);
  width: 20px;
  height: 20px;
  color: var(--cl-text-3);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: none;
  position: absolute;
  top: 8px;
  right: 8px;
}

.cl-widget-wrapper:hover .cl-widget-remove {
  display: flex;
}

.cl-widget-remove:hover {
  background: var(--cl-pip-rot-bg);
  color: var(--cl-pip-rot);
  border-color: var(--cl-pip-rot);
}

.cl-widget-edit-row {
  border-radius: var(--cl-radius-lg);
  transition: opacity .12s;
}

.cl-widget-edit-handle {
  background: var(--cl-bg-2);
  border-radius: var(--cl-radius-lg) var(--cl-radius-lg) 0 0;
  border: 1px solid var(--cl-border);
  color: var(--cl-text-2);
  -webkit-user-select: none;
  user-select: none;
  border-bottom: none;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  padding: 8px 12px;
  display: flex;
}

.cl-widget-edit-label {
  flex: 1;
  font-size: 12.5px;
  font-weight: 500;
}

.cl-widget-edit-remove {
  width: 22px;
  height: 22px;
  color: var(--cl-text-3);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.cl-widget-edit-remove:hover {
  background: var(--cl-pip-rot-bg);
  color: var(--cl-pip-rot);
  border-color: var(--cl-pip-rot);
}

.cl-status-badge {
  background: var(--badge-bg);
  color: var(--badge-fg);
  white-space: nowrap;
  border-radius: 6px;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  font-size: 11.5px;
  font-weight: 500;
  display: inline-flex;
}

.cl-status-badge-dot {
  background: var(--badge-dot);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.cl-status-badge.interactive {
  cursor: pointer;
}

.cl-status-badge.interactive:hover {
  filter: brightness(.97);
}

.cl-campaign-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.cl-campaign-title {
  letter-spacing: -.02em;
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 600;
}

.cl-campaign-meta {
  color: var(--cl-text-3);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.cl-campaign-meta span {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.cl-campaign-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

.cl-dot-sep {
  color: var(--cl-text-4);
}

.cl-btn-viewtoggle {
  perspective: 340px;
  flex-shrink: 0;
  justify-content: flex-start;
  width: 100px;
}

.cl-tabs {
  border-bottom: 1px solid var(--cl-border);
  scrollbar-width: none;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: 2px;
  padding-bottom: 0;
  display: flex;
  overflow: auto hidden;
}

.cl-tabs:active {
  cursor: grabbing;
}

.cl-tabs::-webkit-scrollbar {
  display: none;
}

.cl-tab {
  color: var(--cl-text-3);
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  align-items: center;
  gap: 6px;
  margin-bottom: -1px;
  padding: 9px 12px;
  font-size: 12.5px;
  font-weight: 500;
  display: inline-flex;
}

.cl-tab:hover {
  color: var(--cl-text);
}

.cl-tab.active {
  color: var(--cl-text);
  border-bottom-color: var(--cl-accent);
}

.cl-tab-count {
  background: var(--cl-bg-3);
  color: var(--cl-text-2);
  font-feature-settings: "tnum";
  border-radius: 999px;
  padding: 1px 6px;
  font-size: 10.5px;
  font-weight: 600;
}

.cl-tab.active .cl-tab-count {
  background: var(--cl-accent-soft);
  color: var(--cl-accent);
}

.cl-tab-toggle {
  color: var(--cl-text-3);
  align-items: center;
  gap: 6px;
  margin-left: auto;
  padding: 0 8px;
  font-size: 11.5px;
  display: inline-flex;
}

.cl-tab-toggle input {
  accent-color: var(--cl-accent);
}

.cl-table-toolbar {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.cl-table-toolbar-right {
  flex-shrink: 1;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.cl-search-mini {
  background: var(--cl-bg-2);
  border: 1px solid var(--cl-border);
  width: 280px;
  min-width: 56px;
  max-width: 280px;
  height: 32px;
  color: var(--cl-text-3);
  border-radius: 8px;
  flex: 0 999 280px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  display: flex;
}

.cl-search-mini input {
  min-width: 0;
  color: var(--cl-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border: 0;
  outline: none;
  flex: 1;
  font-size: 12.5px;
  overflow: hidden;
}

.cl-popover-anchor {
  position: relative;
}

.cl-btn-savedefault {
  flex-shrink: 0;
  justify-content: flex-start;
  width: 192px;
  overflow: hidden;
}

.cl-btn-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  display: inline-block;
  overflow: hidden;
}

.cl-btn-swap-text {
  animation: .26s cubic-bezier(.22, 1, .36, 1) cl-label-fade-in;
  display: inline-block;
}

@keyframes cl-label-fade-in {
  from {
    opacity: 0;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cl-savedefault-star {
  flex-shrink: 0;
  transition: color .22s;
}

.cl-star-filled {
  fill: var(--cl-accent);
  color: var(--cl-accent);
}

.cl-savedefault-star.cl-star-filled {
  animation: .48s cubic-bezier(.34, 1.56, .64, 1) cl-star-pop;
}

@keyframes cl-star-pop {
  0% {
    transform: scale(1)rotate(0);
  }

  30% {
    transform: scale(1.4)rotate(-10deg);
  }

  55% {
    transform: scale(.9)rotate(6deg);
  }

  80% {
    transform: scale(1.08)rotate(-3deg);
  }

  100% {
    transform: scale(1)rotate(0);
  }
}

.cl-btn-viewtoggle-icon {
  flex-shrink: 0;
  animation: .38s cubic-bezier(.22, 1, .36, 1) cl-icon-flip;
}

@keyframes cl-icon-flip {
  0% {
    opacity: 0;
    transform: rotateY(-90deg);
  }

  60% {
    opacity: 1;
    transform: rotateY(15deg);
  }

  100% {
    opacity: 1;
    transform: rotateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cl-btn-swap-text, .cl-savedefault-star.cl-star-filled, .cl-btn-viewtoggle-icon {
    animation: none;
  }
}

@keyframes cl-bar-in {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cl-action-bar {
  background: var(--cl-surface);
  border: 1.5px solid var(--cl-accent);
  border-radius: 10px;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  padding: 7px 10px 7px 14px;
  font-size: 12.5px;
  animation: .16s cl-bar-in;
  display: flex;
  box-shadow: 0 2px 12px #00000012;
}

[data-theme="dark"] .cl-action-bar {
  box-shadow: 0 2px 12px #00000040;
}

.cl-action-bar-info {
  color: var(--cl-text);
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.cl-action-bar-pill {
  background: var(--cl-accent);
  color: #fff;
  letter-spacing: .01em;
  border-radius: 999px;
  padding: 1px 8px;
  font-size: 11px;
  font-weight: 700;
}

.cl-action-bar-all {
  color: var(--cl-accent);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  flex-shrink: 0;
  padding: 0 2px;
  font-size: 12px;
}

.cl-action-bar-all:hover {
  text-decoration: underline;
}

.cl-action-bar-right {
  border-left: 1px solid var(--cl-border);
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  gap: 2px;
  min-width: 0;
  margin-left: 4px;
  padding-left: 10px;
  display: flex;
}

.cl-action-bar-actions {
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  gap: 2px;
  display: flex;
}

.cl-action-bar-close {
  flex-shrink: 0;
  color: var(--cl-text-3) !important;
}

.cl-action-bar-close:hover {
  color: var(--cl-text) !important;
  background: var(--cl-bg-3) !important;
}

.cl-danger {
  color: var(--cl-pip-rot);
}

.cl-table-wrap {
  flex-direction: column;
  display: flex;
}

.cl-table-scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--cl-border-strong) transparent;
  overflow-x: auto;
}

.cl-table-scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.cl-table-scroll::-webkit-scrollbar-track {
  background: none;
}

.cl-table-scroll::-webkit-scrollbar-thumb {
  background: var(--cl-border-strong);
  border-radius: 999px;
}

.cl-table-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--cl-text-4);
}

.cl-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 12.5px;
}

.cl-table th, .cl-table td {
  text-align: left;
  border-bottom: 1px solid var(--cl-border);
  white-space: nowrap;
  padding: 10px 12px;
}

.cl-table th {
  color: var(--cl-text-3);
  text-transform: uppercase;
  letter-spacing: .04em;
  background: var(--cl-bg-2);
  z-index: 1;
  font-size: 11px;
  font-weight: 500;
  position: sticky;
  top: 0;
}

.cl-th-sortable {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.cl-th-sortable:hover {
  color: var(--cl-text-2);
}

.cl-th-label {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.cl-table tbody tr {
  transition: background .1s;
}

.cl-table tbody tr:hover {
  background: var(--cl-bg-3);
}

.cl-tr-clickable, .cl-td-check .cl-checkbox {
  cursor: pointer;
}

.cl-table tbody tr.selected {
  background: var(--cl-accent-soft);
}

[data-theme="dark"] .cl-table tbody tr.selected {
  background: #6366f11a;
}

.cl-table tbody tr.cl-tr-dup {
  background: var(--cl-pip-gelb-bg);
}

.cl-table tbody tr.cl-tr-dup:hover {
  background: var(--cl-pip-gelb-bg);
  filter: brightness(.97);
}

.cl-table tbody tr.cl-tr-dup.selected {
  background: var(--cl-pip-gelb-bg);
  box-shadow: inset 0 0 0 1px var(--cl-accent);
}

.cl-table tbody tr.cl-tr-nocontact {
  background: var(--cl-pip-rot-bg);
}

.cl-table tbody tr.cl-tr-nocontact:hover {
  background: var(--cl-pip-rot-bg);
  filter: brightness(.97);
}

.cl-table tbody tr.cl-tr-nocontact.selected {
  background: var(--cl-pip-rot-bg);
  box-shadow: inset 0 0 0 1px var(--cl-accent);
}

.cl-th-check, .cl-td-check {
  width: 36px;
  padding-right: 0;
}

.cl-th-end, .cl-td-end {
  text-align: right;
  width: 36px;
  padding-left: 0;
}

.cl-num {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.cl-text-xs {
  font-size: 11px;
}

.cl-cell-name {
  align-items: center;
  gap: 8px;
  display: flex;
}

.cl-cell-name-text {
  font-weight: 500;
}

.cl-tag {
  background: var(--cl-bg-3);
  color: var(--cl-text-2);
  border-radius: 4px;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 500;
  display: inline-flex;
}

.cl-tag-soft {
  background: var(--cl-bg-3);
  color: var(--cl-text-2);
}

.cl-tag-live {
  color: #166534;
  background: #22c55e1f;
}

[data-theme="dark"] .cl-tag-live {
  color: #86efac;
}

.cl-tag-stale {
  background: var(--cl-pip-grau-bg);
  color: var(--cl-pip-grau-fg);
  border-radius: 3px;
  margin-left: 4px;
  padding: 1px 5px;
  font-size: 10px;
}

.cl-table-foot {
  border-top: 1px solid var(--cl-border);
  background: var(--cl-bg-2);
  color: var(--cl-text-2);
  justify-content: space-between;
  padding: 10px 14px;
  font-size: 11.5px;
  display: flex;
}

.cl-content:has(.cl-table-wrap--fill) {
  flex-direction: column;
  padding-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.cl-page:has(.cl-table-wrap--fill) {
  flex: 1;
  min-height: 0;
}

.cl-table-wrap--fill {
  flex: 1;
  min-height: 0;
}

.cl-table-wrap--fill .cl-table-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.cl-content:has(.cl-kanban-board) {
  flex-direction: column;
  padding-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.cl-page:has(.cl-kanban-board) {
  flex: 1;
  min-height: 0;
}

.cl-kanban-board {
  scrollbar-width: thin;
  scrollbar-color: var(--cl-border-strong) transparent;
  flex: 1;
  align-items: stretch;
  gap: 14px;
  min-height: 0;
  padding-bottom: 10px;
  display: flex;
  overflow: auto hidden;
}

.cl-kanban-board::-webkit-scrollbar {
  height: 10px;
}

.cl-kanban-board::-webkit-scrollbar-track {
  background: none;
}

.cl-kanban-board::-webkit-scrollbar-thumb {
  background: var(--cl-border-strong);
  border-radius: 999px;
}

.cl-kanban-board::-webkit-scrollbar-thumb:hover {
  background: var(--cl-text-4);
}

.cl-kanban-column {
  background: var(--cl-bg-2);
  border: 1px solid var(--cl-border);
  border-radius: var(--cl-radius-lg);
  flex-direction: column;
  flex: 0 0 280px;
  width: 280px;
  min-height: 0;
  transition: border-color .12s, background .12s;
  display: flex;
  overflow: hidden;
}

.cl-kanban-column--over {
  border-color: var(--cl-accent);
  background: var(--cl-accent-soft);
}

.cl-kanban-column-head {
  border-bottom: 1px solid var(--cl-border);
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  font-size: 12.5px;
  font-weight: 500;
  display: flex;
}

.cl-kanban-column-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.cl-kanban-column-body {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-height: 0;
  padding: 10px;
  display: flex;
  overflow: hidden auto;
}

.cl-kanban-column-empty {
  text-align: center;
  padding: 24px 8px;
  font-size: 12px;
}

.cl-kanban-card {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: flex;
  position: relative;
}

.cl-kanban-card:hover {
  border-color: var(--cl-border-strong);
}

.cl-kanban-card-menu {
  opacity: 0;
  cursor: default;
  transition: opacity .12s;
  position: absolute;
  top: 6px;
  right: 6px;
}

.cl-kanban-card:hover .cl-kanban-card-menu, .cl-kanban-card-menu:focus-within {
  opacity: 1;
}

.cl-kanban-card--dragging {
  opacity: 0;
}

.cl-kanban-card--overlay {
  cursor: grabbing;
  width: 258px;
  box-shadow: var(--cl-shadow-lg);
}

.cl-kanban-card-body {
  min-width: 0;
}

.cl-kanban-card-name {
  align-items: center;
  gap: 4px;
  min-width: 0;
  font-size: 12.5px;
  font-weight: 500;
  display: flex;
}

.cl-kanban-card-name-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.cl-kanban-card-date {
  margin-top: 2px;
  font-size: 11px;
}

.cl-dup-badge {
  color: var(--cl-pip-orange-fg);
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
}

.cl-panel-name .cl-dup-badge {
  vertical-align: middle;
  margin-left: 6px;
}

.cl-dup-badge-btn {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  padding: 2px;
}

.cl-dup-badge-btn:hover {
  background: var(--cl-pip-orange-bg);
}

.cl-kanban-card.cl-kanban-card--dup {
  background: var(--cl-pip-gelb-bg);
}

.cl-kanban-card.cl-kanban-card--nocontact {
  background: var(--cl-pip-rot-bg);
}

.cl-checkbox {
  cursor: default;
  display: inline-flex;
  position: relative;
}

.cl-checkbox input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.cl-checkbox span {
  border: 1.5px solid var(--cl-border-strong);
  background: var(--cl-bg-2);
  border-radius: 4px;
  place-items: center;
  width: 16px;
  height: 16px;
  display: grid;
}

.cl-checkbox span:after {
  content: "";
  opacity: 0;
  border-bottom: 1.6px solid #fff;
  border-left: 1.6px solid #fff;
  width: 9px;
  height: 5px;
  transform: rotate(-45deg)translate(1px, -1px);
}

.cl-checkbox input:checked + span {
  background: var(--cl-accent);
  border-color: var(--cl-accent);
}

.cl-checkbox input:checked + span:after {
  opacity: 1;
}

.cl-checkbox-row {
  color: var(--cl-text-2);
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  display: inline-flex;
}

.cl-popover {
  background: var(--cl-bg-2);
  border: 1px solid var(--cl-border);
  box-shadow: var(--cl-shadow-lg);
  z-index: 50;
  border-radius: 10px;
  min-width: 240px;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
}

.cl-popover-head {
  border-bottom: 1px solid var(--cl-border);
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.cl-popover-foot {
  border-top: 1px solid var(--cl-border);
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  display: flex;
}

.cl-popover-meta {
  color: var(--cl-text-3);
  font-size: 11px;
}

.cl-filter-popover {
  width: 460px;
  max-width: calc(100vw - 16px);
}

.cl-cols-popover {
  width: 280px;
}

.cl-filter-list {
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  display: flex;
}

.cl-filter-row {
  align-items: center;
  gap: 6px;
  display: flex;
}

.cl-filter-logic {
  width: 64px;
}

.cl-filter-builder {
  border-top: 1px solid var(--cl-border);
  flex-wrap: wrap;
  gap: 6px;
  padding: 10px 12px;
  display: flex;
}

.cl-filter-builder .cl-input {
  flex: 1;
  min-width: 80px;
}

.cl-filter-chip {
  background: var(--cl-bg-3);
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 3px 6px 3px 8px;
  font-size: 11.5px;
  display: inline-flex;
}

.cl-filter-chip-field {
  color: var(--cl-text);
  font-weight: 600;
}

.cl-filter-chip-op {
  color: var(--cl-text-3);
}

.cl-filter-chip-val {
  color: var(--cl-text-2);
}

.cl-filter-chip button {
  color: var(--cl-text-3);
  background: none;
  border: 0;
  border-radius: 4px;
  place-items: center;
  width: 16px;
  height: 16px;
  padding: 0;
  display: grid;
}

.cl-filter-chip button:hover {
  background: var(--cl-bg-2);
  color: var(--cl-text);
}

.cl-col-list {
  max-height: 380px;
  padding: 6px;
  overflow-y: auto;
}

.cl-col-row {
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  display: flex;
}

.cl-col-row:hover {
  background: var(--cl-bg-3);
}

.cl-col-row.dragging {
  opacity: .5;
}

.cl-col-handle {
  color: var(--cl-text-4);
  cursor: grab;
}

.cl-col-name {
  flex: 1;
  font-size: 12px;
}

.cl-col-tag {
  background: var(--cl-pip-lila-bg);
  color: var(--cl-pip-lila-fg);
  border-radius: 3px;
  padding: 1px 5px;
  font-size: 10px;
}

.cl-status-menu {
  min-width: 200px;
  max-height: 300px;
  padding: 4px;
  overflow-y: auto;
}

.cl-status-menu-wide {
  min-width: 240px;
}

.cl-status-menu-item {
  text-align: left;
  width: 100%;
  color: var(--cl-text);
  background: none;
  border: 0;
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  padding: 7px 8px;
  font-size: 12px;
  display: flex;
}

.cl-status-menu-item:hover {
  background: var(--cl-bg-3);
}

.cl-status-menu-item.active {
  color: var(--cl-accent);
  font-weight: 500;
}

.cl-status-menu-item.active svg {
  color: var(--cl-accent);
  margin-left: auto;
}

.cl-status-menu-check-slot {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 16px;
  display: inline-flex;
}

.cl-menu {
  min-width: 200px;
  padding: 4px;
  left: auto;
  right: 0;
}

.cl-menu-item {
  text-align: left;
  width: 100%;
  color: var(--cl-text);
  background: none;
  border: 0;
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  padding: 7px 8px;
  font-size: 12px;
  display: flex;
}

.cl-menu-item:hover {
  background: var(--cl-bg-3);
}

.cl-menu-item.cl-danger:hover {
  background: var(--cl-pip-rot-bg);
}

.cl-menu-sep {
  background: var(--cl-border);
  height: 1px;
  margin: 4px 0;
}

.cl-input {
  background: var(--cl-bg-2);
  border: 1px solid var(--cl-border);
  height: 32px;
  color: var(--cl-text);
  border-radius: 8px;
  outline: none;
  width: 100%;
  padding: 0 10px;
  font-size: 12.5px;
}

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

.cl-input:focus {
  border-color: var(--cl-accent);
  box-shadow: 0 0 0 3px var(--cl-focus-ring);
}

.cl-input-sm {
  height: 26px;
  padding: 0 8px;
  font-size: 11.5px;
}

.cl-input-disabled, .cl-input:disabled {
  background: var(--cl-bg-3);
  color: var(--cl-text-3);
  cursor: not-allowed;
}

select.cl-input {
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%238A8A82' d='M0 0h10L5 6z'/></svg>");
  background-position: right 10px center;
  background-repeat: no-repeat;
  padding-right: 28px;
}

.cl-textarea {
  resize: vertical;
  height: auto;
  min-height: 60px;
  padding: 8px 10px;
}

.cl-field-invalid .cl-input {
  border-color: var(--cl-pip-rot);
}

.cl-field-invalid .cl-checkbox-row {
  border: 1px solid var(--cl-pip-rot);
  border-radius: 6px;
}

.cl-mapping-box {
  border: 1px solid var(--cl-border);
  background: var(--cl-bg-2);
  border-radius: 8px;
  min-width: 0;
  padding: 8px 10px;
  font-size: 13px;
}

.cl-mapping-box:focus-within {
  border-color: var(--cl-accent);
  box-shadow: 0 0 0 3px var(--cl-focus-ring);
}

.cl-mapping-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.cl-mapping-trigger {
  text-align: left;
  width: 100%;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  cursor: pointer;
  outline: none;
  display: block;
}

.cl-mapping-trigger:hover {
  border-color: var(--cl-border-strong);
}

.cl-mapping-type {
  color: var(--cl-text-3);
  min-height: 14px;
  font-size: 11px;
}

.cl-panel-scrim {
  z-index: 40;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: #0f0f0c33;
  animation: .18s cl-fade;
  position: fixed;
  inset: 0;
}

.cl-panel {
  background: var(--cl-bg-2);
  border-left: 1px solid var(--cl-border);
  z-index: 41;
  width: 600px;
  max-width: 100vw;
  box-shadow: var(--cl-shadow-lg);
  flex-direction: column;
  animation: .22s cubic-bezier(.4, 0, .2, 1) cl-slide;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
}

@keyframes cl-slide {
  from {
    opacity: 0;
    transform: translateX(20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes cl-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.cl-panel-head {
  border-bottom: 1px solid var(--cl-border);
  padding: 14px 20px 0;
}

.cl-panel-head-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.cl-panel-id {
  color: var(--cl-text-3);
  background: var(--cl-bg-3);
  border-radius: 4px;
  padding: 2px 6px;
  font-family: ui-monospace, SFMono-Regular, monospace;
  font-size: 11px;
}

.cl-panel-actions-top {
  gap: 4px;
  display: flex;
}

.cl-panel-identity {
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 16px;
  display: flex;
}

.cl-panel-name-block {
  flex: 1;
  min-width: 0;
}

.cl-panel-name {
  letter-spacing: -.02em;
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 600;
}

.cl-panel-firma {
  color: var(--cl-text-2);
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  font-size: 12px;
  display: flex;
}

.cl-panel-breadcrumb {
  color: var(--cl-text-3);
  align-items: center;
  gap: 5px;
  margin-bottom: 6px;
  font-size: 11px;
  display: flex;
}

.cl-panel-breadcrumb-sep {
  color: var(--cl-text-4);
}

.cl-panel-status-anchor {
  display: inline-block;
}

.cl-panel-status-btn {
  background: none;
  border: 0;
  padding: 0;
}

.cl-panel-meta {
  text-align: right;
  flex-direction: column;
  flex-shrink: 0;
  gap: 10px;
  padding-top: 2px;
  display: flex;
}

.cl-qs-label {
  color: var(--cl-text-3);
  margin-bottom: 2px;
  font-size: 10.5px;
}

.cl-qs-value {
  font-size: 13px;
  font-weight: 600;
}

.cl-panel-tabs {
  gap: 2px;
  margin-top: 4px;
  display: flex;
}

.cl-panel-tab {
  color: var(--cl-text-3);
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  align-items: center;
  gap: 6px;
  margin-bottom: -1px;
  padding: 10px 14px;
  font-size: 12.5px;
  font-weight: 500;
  display: inline-flex;
}

.cl-panel-tab.active {
  color: var(--cl-text);
  border-bottom-color: var(--cl-accent);
}

.cl-panel-body {
  flex: 1;
  padding: 18px 20px 40px;
  overflow-y: auto;
}

.cl-panel-section {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.cl-section-head {
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.cl-section-head-mt {
  margin-top: 8px;
}

.cl-section-head h4 {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}

.cl-saved-hint {
  color: #15803d;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  display: inline-flex;
}

[data-theme="dark"] .cl-saved-hint {
  color: #4ade80;
}

.cl-form-grid {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.cl-field {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.cl-field.full {
  grid-column: 1 / -1;
}

.cl-field-label {
  color: var(--cl-text-3);
  font-size: 11px;
  font-weight: 500;
}

.cl-activity-form {
  background: var(--cl-bg-3);
  border: 1px solid var(--cl-border);
  border-radius: 10px;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  display: flex;
}

.cl-activity-form-head {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.cl-activity-form-foot {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cl-activity-subtabs {
  border-bottom: 1px solid var(--cl-border);
  gap: 2px;
  display: flex;
}

.cl-act-subtab {
  color: var(--cl-text-3);
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  margin-bottom: -1px;
  padding: 6px 10px;
  font-size: 11.5px;
  font-weight: 500;
}

.cl-act-subtab.active {
  color: var(--cl-text);
  border-bottom-color: var(--cl-accent);
}

.cl-timeline {
  flex-direction: column;
  padding-left: 20px;
  display: flex;
  position: relative;
}

.cl-timeline-item {
  padding-bottom: 14px;
  position: relative;
}

.cl-timeline-line {
  background: var(--cl-border);
  width: 2px;
  position: absolute;
  top: 18px;
  bottom: 0;
  left: -13px;
}

.cl-timeline-item:last-child .cl-timeline-line {
  display: none;
}

.cl-timeline-dot {
  background: var(--cl-bg-2);
  border: 2px solid var(--cl-border);
  width: 18px;
  height: 18px;
  color: var(--cl-text-2);
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  top: 2px;
  left: -20px;
}

.cl-tl-call {
  background: var(--cl-pip-blau-bg);
  border-color: var(--cl-pip-blau);
  color: var(--cl-pip-blau-fg);
}

.cl-tl-email {
  background: var(--cl-pip-lila-bg);
  border-color: var(--cl-pip-lila);
  color: var(--cl-pip-lila-fg);
}

.cl-tl-status {
  background: var(--cl-pip-tuerkis-bg);
  border-color: var(--cl-pip-tuerkis);
  color: var(--cl-pip-tuerkis-fg);
}

.cl-timeline-content {
  padding: 0 0 0 4px;
}

.cl-timeline-head {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  font-size: 11.5px;
  display: flex;
}

.cl-timeline-date {
  color: var(--cl-text-3);
  font-feature-settings: "tnum";
  white-space: nowrap;
}

.cl-timeline-subject {
  margin-top: 4px;
  font-size: 12.5px;
  font-weight: 500;
}

.cl-timeline-summary {
  color: var(--cl-text-2);
  margin-top: 4px;
  font-size: 12px;
}

.cl-direction {
  align-items: center;
  gap: 2px;
  font-size: 11px;
  font-weight: 500;
  display: inline-flex;
}

.cl-dir-incoming {
  color: var(--cl-pip-tuerkis-fg);
}

.cl-dir-outgoing {
  color: var(--cl-pip-blau-fg);
}

.cl-editor {
  background: var(--cl-bg-3);
  border: 1px solid var(--cl-border);
  border-radius: 10px;
  overflow: hidden;
}

.cl-editor-toolbar {
  border-bottom: 1px solid var(--cl-border);
  align-items: center;
  gap: 2px;
  padding: 6px;
  display: flex;
}

.cl-editor-toolbar .cl-icon-btn.active {
  background: var(--cl-bg-4);
  color: var(--cl-accent);
}

.cl-editor-toolbar .cl-icon-btn:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.cl-tb-sep {
  background: var(--cl-border);
  width: 1px;
  height: 18px;
  margin: 0 4px;
}

.cl-editor-content {
  background: var(--cl-bg-2);
  cursor: text;
}

.cl-editor-content .ProseMirror {
  min-height: 100px;
  color: var(--cl-text);
  outline: none;
  padding: 10px;
  font-size: 12.5px;
  line-height: 1.55;
}

.cl-editor-content .ProseMirror > * + * {
  margin-top: 4px;
}

.cl-editor-content .ProseMirror p {
  margin: 0;
}

.cl-editor-content .ProseMirror h2 {
  margin: 0;
  font-size: 14.5px;
  font-weight: 600;
}

.cl-editor-content .ProseMirror h3 {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}

.cl-editor-content .ProseMirror ul, .cl-editor-content .ProseMirror ol {
  margin: 0;
  padding-left: 18px;
}

.cl-editor-content .ProseMirror li {
  margin-bottom: 1px;
}

.cl-editor-content .ProseMirror p.is-editor-empty:first-child:before {
  content: attr(data-placeholder);
  color: var(--cl-text-3);
  float: left;
  pointer-events: none;
  height: 0;
}

.cl-editor-foot {
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: flex;
}

.cl-editor-foot-spacer {
  flex: 1;
}

.cl-note-content {
  font-size: 12.5px;
  line-height: 1.55;
}

.cl-note-content > * + * {
  margin-top: 4px;
}

.cl-note-content p {
  margin: 0;
}

.cl-note-content h2 {
  margin: 0;
  font-size: 14.5px;
  font-weight: 600;
}

.cl-note-content h3 {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}

.cl-note-content ul, .cl-note-content ol {
  margin: 0;
  padding-left: 18px;
}

.cl-note-content li {
  margin-bottom: 1px;
}

.cl-notes-list {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.cl-note {
  background: var(--cl-bg-2);
  border: 1px solid var(--cl-border);
  border-radius: 10px;
  padding: 12px 14px;
}

.cl-note.pinned {
  border-color: var(--cl-pip-orange);
  background: var(--cl-pip-orange-bg);
}

[data-theme="dark"] .cl-note.pinned {
  background: #f973160f;
}

.cl-note-head {
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  display: flex;
}

.cl-note-pin {
  color: var(--cl-pip-orange-fg);
}

.cl-note-title {
  flex: 1;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}

.cl-note-more {
  margin-left: auto;
}

.cl-note-body {
  color: var(--cl-text-2);
  margin: 0 0 8px;
  font-size: 12.5px;
}

.cl-note-foot {
  color: var(--cl-text-3);
  align-items: center;
  gap: 6px;
  font-size: 11px;
  display: flex;
}

.cl-note-foot-spacer {
  flex: 1;
}

.cl-icon-btn-xs {
  border-radius: 4px;
  width: 20px;
  height: 20px;
}

.cl-note-attachments {
  border-top: 1px solid var(--cl-border);
  flex-direction: column;
  gap: 4px;
  margin: 4px 0 8px;
  padding-top: 6px;
  display: flex;
}

.cl-attachment {
  align-items: center;
  gap: 6px;
  min-width: 0;
  font-size: 11.5px;
  display: flex;
}

.cl-attachment-uploading {
  color: var(--cl-text-3);
  font-style: italic;
}

.cl-attachment-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--cl-accent);
  flex: 1;
  text-decoration: none;
  overflow: hidden;
}

.cl-attachment-name:hover {
  text-decoration: underline;
}

.cl-attachment-size {
  color: var(--cl-text-3);
  white-space: nowrap;
  flex-shrink: 0;
}

.cl-attachment-delete {
  opacity: 0;
  flex-shrink: 0;
  transition: opacity .15s;
}

.cl-attachment:hover .cl-attachment-delete {
  opacity: 1;
}

.cl-attachment-image-link {
  flex-shrink: 0;
}

.cl-attachment-thumb {
  object-fit: cover;
  border-radius: 4px;
  width: 36px;
  height: 36px;
  display: block;
}

.cl-pending-attachments {
  border-top: 1px solid var(--cl-border);
  background: var(--cl-bg-2);
  flex-direction: column;
  gap: 4px;
  padding: 6px 10px 4px;
  display: flex;
}

.cl-note-content img, .cl-editor-content .ProseMirror img {
  vertical-align: middle;
  border-radius: 6px;
  max-width: 100%;
  height: auto;
}

.cl-editor-content .ProseMirror img.ProseMirror-selectednode {
  outline: 2px solid var(--cl-accent);
  border-radius: 6px;
}

.cl-email-editor {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.cl-email-editor-head {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.cl-email-editor-label {
  color: var(--cl-text-2);
  font-size: 12px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .cl-email-editor-head .cl-segmented {
    display: none;
  }
}

.cl-email-editor .cl-editor {
  flex-direction: column;
  height: 165px;
  min-height: 0;
  display: flex;
}

.cl-email-editor .cl-email-input {
  flex: auto;
  min-height: 0;
}

.cl-email-editor .cl-editor-content {
  height: 100%;
  overflow-y: auto;
}

.cl-email-toolbar-wrap {
  grid-template-rows: 1fr;
  transition: grid-template-rows .2s cubic-bezier(.4, 0, .2, 1), opacity .16s;
  display: grid;
}

.cl-email-toolbar-wrap > * {
  overflow: hidden;
}

.cl-email-input {
  display: grid;
}

.cl-email-input > * {
  grid-area: 1 / 1;
  min-width: 0;
  transition: opacity .16s;
}

.cl-email-input > .is-hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.cl-cm-wrap {
  background: var(--cl-bg-2);
  height: 100%;
  overflow: hidden;
}

.cl-cm-wrap > div {
  height: 100%;
}

.cl-cm-wrap .cm-editor.cm-focused {
  outline: none;
}

.cl-cm-skeleton {
  background: var(--cl-bg-2);
  min-height: 180px;
}

.cl-email-preview {
  flex-direction: column;
  gap: 6px;
  height: 100%;
  display: flex;
}

.cl-email-preview-head {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.cl-email-preview-lead {
  color: var(--cl-text-3);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11.5px;
  overflow: hidden;
}

.cl-email-preview-subject {
  color: var(--cl-text);
  background: var(--cl-bg-3);
  border: 1px solid var(--cl-border);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
}

.cl-email-preview-muted {
  color: var(--cl-text-3);
  font-weight: 400;
}

.cl-email-preview-frame {
  border: 1px solid var(--cl-border);
  background: #fff;
  border-radius: 8px;
  flex: 1;
  width: 100%;
  min-height: 280px;
}

.cl-email-modal-row {
  --cl-email-modal-w: 560px;
  align-items: stretch;
  gap: 0;
  transition: gap .26s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.cl-email-modal-row.is-wide {
  gap: 16px;
}

.cl-email-preview-panel {
  opacity: 0;
  flex: 0 0 0;
  transition: flex-basis .26s cubic-bezier(.4, 0, .2, 1), opacity .2s 80ms;
  overflow: hidden;
}

.cl-email-modal-row.is-wide .cl-email-preview-panel {
  flex-basis: var(--cl-email-modal-w);
  opacity: 1;
}

.cl-email-preview-panel.cl-modal {
  width: auto;
  max-width: none;
}

@media (max-width: 900px) {
  .cl-email-modal-row {
    flex-direction: column;
  }

  .cl-email-modal-row.is-wide {
    gap: 12px;
  }

  .cl-email-preview-panel {
    flex-basis: 0;
  }

  .cl-email-modal-row.is-wide .cl-email-preview-panel {
    flex-basis: 320px;
  }

  .cl-email-preview-panel.cl-modal {
    width: 100%;
  }
}

.cl-email-downgrade {
  grid-template-rows: 0fr;
  transition: grid-template-rows .2s cubic-bezier(.4, 0, .2, 1);
  display: grid;
}

.cl-email-downgrade.open {
  grid-template-rows: 1fr;
}

.cl-email-downgrade-inner {
  overflow: hidden;
}

.cl-email-downgrade.open .cl-email-downgrade-inner {
  background: var(--cl-pip-orange-bg, #fff7ed);
  border: 1px solid var(--cl-pip-orange, #f97316);
  border-radius: 6px;
  margin-bottom: 2px;
  padding: 8px 10px;
}

.cl-email-downgrade p {
  color: var(--cl-text-2);
  margin: 0 0 8px;
  font-size: 12px;
  line-height: 1.5;
}

.cl-email-downgrade code {
  background: var(--cl-bg-3);
  color: var(--cl-text);
  border-radius: 3px;
  padding: 1px 4px;
  font-size: 11px;
}

.cl-email-downgrade-actions {
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.cl-ph-label {
  color: var(--cl-text-2);
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 500;
  display: block;
}

.cl-ph-bar {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.cl-ph-chip {
  border: 1px solid var(--cl-border);
  background: var(--cl-bg-2);
  color: var(--cl-text-2);
  cursor: pointer;
  border-radius: 10px;
  padding: 2px 8px;
  font-size: 11.5px;
}

.cl-ph-chip:hover {
  background: var(--cl-bg-3);
  color: var(--cl-text);
}

.cl-ph-hint {
  color: var(--cl-text-3);
  margin: 6px 0 0;
  font-size: 11px;
}

@media (prefers-reduced-motion: reduce) {
  .cl-email-modal-row, .cl-email-preview-panel, .cl-email-input > *, .cl-email-toolbar-wrap, .cl-email-downgrade {
    transition: none !important;
  }
}

.cl-user-modal-row {
  gap: 16px;
  display: flex;
}

.cl-role-matrix-panel {
  flex-direction: column;
  max-height: calc(100vh - 48px);
  padding: 20px;
  display: flex;
  overflow-y: auto;
}

.cl-role-matrix-panel.cl-modal {
  width: 320px;
  max-width: calc(100vw - 48px);
  padding: 16px;
}

.cl-role-matrix-panel.cl-role-matrix-panel--cozy {
  padding: 38px;
}

.cl-role-checklist-head {
  flex-shrink: 0;
}

.cl-role-checklist-eyebrow {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--cl-text-3);
  margin-bottom: 3px;
  font-size: 10.5px;
  font-weight: 600;
  display: block;
}

.cl-role-checklist-head h3 {
  letter-spacing: -.01em;
  color: var(--cl-text);
  margin: 0;
  font-size: 17px;
  font-weight: 700;
}

.cl-role-checklist {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.cl-role-checklist-item {
  border-radius: 8px;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 6px;
  display: flex;
}

.cl-role-checklist-item:hover {
  background: var(--cl-bg-3);
}

.cl-role-checklist-text {
  flex-direction: column;
  padding-top: 1px;
  display: flex;
}

.cl-role-checklist-label {
  color: var(--cl-text);
  font-size: 12.5px;
  line-height: 1.4;
}

.cl-role-checklist-note {
  color: var(--cl-text-3);
  margin-top: 1px;
  font-size: 11px;
}

.cl-role-dot {
  border: 1.5px solid var(--cl-border-strong);
  color: #0000;
  background: none;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  width: 20px;
  height: 20px;
  transition: background-color .2s, border-color .2s, color .2s;
  display: grid;
}

.cl-role-dot.is-yes {
  background: var(--cl-accent);
  border-color: var(--cl-accent);
  color: var(--cl-accent-fg);
}

@media (prefers-reduced-motion: reduce) {
  .cl-role-dot {
    transition: none;
  }
}

@media (max-width: 900px) {
  .cl-role-matrix-panel {
    display: none;
  }
}

.cl-modal-scrim {
  z-index: 60;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: #0f0f0c66;
  place-items: center;
  animation: .15s cl-fade;
  display: grid;
  position: fixed;
  inset: 0;
}

.cl-modal {
  background: var(--cl-bg-2);
  width: 440px;
  max-width: calc(100vw - 32px);
  box-shadow: var(--cl-shadow-lg);
  border: 1px solid var(--cl-border);
  border-radius: 14px;
  padding: 24px;
}

.cl-modal-icon {
  background: var(--cl-pip-rot-bg);
  width: 40px;
  height: 40px;
  color: var(--cl-pip-rot-fg);
  border-radius: 10px;
  place-items: center;
  margin-bottom: 12px;
  display: grid;
}

.cl-danger-bg {
  background: var(--cl-pip-rot-bg);
  color: var(--cl-pip-rot);
}

.cl-modal-title {
  letter-spacing: -.01em;
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 600;
}

.cl-modal-body {
  color: var(--cl-text-2);
  margin: 0 0 18px;
  font-size: 12.5px;
}

.cl-modal-actions {
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.cl-search-scrim {
  z-index: 80;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #0f0f0c4d;
  justify-content: center;
  align-items: flex-start;
  padding-top: 12vh;
  animation: .15s cl-fade;
  display: flex;
  position: fixed;
  inset: 0;
}

.cl-search-dialog {
  background: var(--cl-bg-2);
  border: 1px solid var(--cl-border);
  width: 600px;
  max-width: calc(100vw - 32px);
  box-shadow: var(--cl-shadow-lg);
  border-radius: 14px;
  overflow: hidden;
}

.cl-search-dialog-head {
  border-bottom: 1px solid var(--cl-border);
  color: var(--cl-text-3);
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  display: flex;
}

.cl-search-dialog-head input {
  color: var(--cl-text);
  background: none;
  border: 0;
  outline: none;
  flex: 1;
  font-size: 14px;
}

.cl-search-dialog-body {
  max-height: 50vh;
  overflow-y: auto;
}

.cl-search-group {
  border-bottom: 1px solid var(--cl-border);
  padding: 8px 0;
}

.cl-search-group:last-child {
  border-bottom: 0;
}

.cl-search-group-head {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--cl-text-3);
  padding: 4px 16px;
  font-size: 10px;
  font-weight: 600;
}

.cl-search-row {
  text-align: left;
  width: 100%;
  color: var(--cl-text);
  background: none;
  border: 0;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  display: flex;
}

.cl-search-row:hover {
  background: var(--cl-bg-3);
}

.cl-search-row-main {
  flex: 1;
  min-width: 0;
  font-size: 12.5px;
}

.cl-search-icon {
  background: var(--cl-bg-3);
  width: 22px;
  height: 22px;
  color: var(--cl-text-2);
  border-radius: 6px;
  place-items: center;
  display: grid;
}

.cl-search-dialog-foot {
  border-top: 1px solid var(--cl-border);
  background: var(--cl-bg-3);
  color: var(--cl-text-3);
  gap: 14px;
  padding: 10px 16px;
  font-size: 11px;
  display: flex;
}

.cl-search-dialog-foot span {
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.cl-inbox {
  background: var(--cl-bg-2);
  border: 1px solid var(--cl-border);
  width: 360px;
  box-shadow: var(--cl-shadow-lg);
  z-index: 50;
  border-radius: 12px;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  overflow: hidden;
}

.cl-inbox-head {
  border-bottom: 1px solid var(--cl-border);
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  display: flex;
}

.cl-inbox-head h4 {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}

.cl-inbox-body {
  max-height: 380px;
  overflow-y: auto;
}

.cl-inbox-item {
  text-align: left;
  border: 0;
  border-bottom: 1px solid var(--cl-border);
  background: none;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 14px 10px 22px;
  display: flex;
  position: relative;
}

.cl-inbox-item:last-child {
  border-bottom: 0;
}

.cl-inbox-item:hover {
  background: var(--cl-bg-3);
}

.cl-inbox-item.read {
  opacity: .65;
}

.cl-inbox-unread {
  background: var(--cl-accent);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
}

.cl-inbox-icon {
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}

.cl-ic-automation {
  background: var(--cl-pip-lila-bg);
  color: var(--cl-pip-lila-fg);
}

.cl-ic-csv {
  background: var(--cl-pip-blau-bg);
  color: var(--cl-pip-blau-fg);
}

.cl-ic-json {
  background: var(--cl-pip-gruen-bg);
  color: var(--cl-pip-gruen-fg);
}

.cl-ic-webhook {
  background: var(--cl-pip-orange-bg);
  color: var(--cl-pip-orange-fg);
}

.cl-ic-system {
  background: var(--cl-pip-grau-bg);
  color: var(--cl-pip-grau-fg);
}

.cl-ic-error {
  background: var(--cl-pip-rot-bg);
  color: var(--cl-pip-rot-fg);
}

.cl-inbox-text {
  flex: 1;
  min-width: 0;
}

.cl-source-section-title {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--cl-text-3);
  font-size: 12px;
  font-weight: 600;
}

.cl-source-section-desc {
  color: var(--cl-text-3);
  margin: 2px 0 10px;
  font-size: 12px;
  line-height: 1.4;
}

.cl-inbox-title {
  font-size: 12.5px;
  line-height: 1.35;
}

.cl-inbox-time {
  color: var(--cl-text-3);
  margin-top: 2px;
  font-size: 10.5px;
}

.cl-inbox-foot {
  border-top: 1px solid var(--cl-border);
  background: var(--cl-bg-3);
  padding: 8px 14px;
}

@media (max-width: 768px) {
  .cl-app {
    grid-template-columns: 1fr;
  }

  .cl-sidebar {
    z-index: 60;
    width: 244px;
    transition: transform .2s;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
  }

  .cl-sidebar.open {
    transform: translateX(0);
  }

  .cl-mobile-scrim {
    z-index: 59;
    background: #0f0f0c66;
    display: block;
    position: fixed;
    inset: 0;
  }

  .cl-mobile-only {
    display: grid;
  }

  .cl-topbar {
    --cl-topbar-title-w: 140px;
    gap: 8px;
    padding: 10px 14px;
  }

  .cl-inbox {
    width: auto;
    max-height: calc(100dvh - 76px);
    position: fixed;
    top: 60px;
    left: 8px;
    right: 8px;
  }

  .cl-content {
    padding: 16px;
  }

  .cl-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .cl-grid-3-2, .cl-grid-2 {
    grid-template-columns: 1fr;
  }

  .cl-panel {
    width: 100vw;
  }

  .cl-form-grid {
    grid-template-columns: 1fr;
  }

  .cl-panel-identity {
    flex-wrap: wrap;
  }

  .cl-panel-meta {
    text-align: left;
    border-top: 1px solid var(--cl-border);
    flex-direction: row;
    flex-basis: 100%;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 10px;
    padding-top: 10px;
  }

  .cl-filter-popover, .cl-cols-popover {
    width: auto !important;
    max-width: none !important;
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
  }
}

@media (min-width: 769px) and (max-width: 1100px) {
  .cl-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .cl-grid-3-2 {
    grid-template-columns: 1fr;
  }

  .cl-topbar {
    --cl-topbar-title-w: 200px;
  }
}

.cl-hilfe-back-tab {
  color: var(--cl-text-3);
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 6px;
  margin-bottom: -1px;
  margin-left: auto;
  padding: 9px 12px;
  font-size: 12.5px;
  font-weight: 500;
  display: inline-flex;
}

.cl-hilfe-back-tab:hover {
  color: var(--cl-text);
}

.cl-hilfe-body {
  max-width: 820px;
  padding: 28px 0 80px;
}

.cl-hilfe-h1 {
  letter-spacing: -.02em;
  color: var(--cl-text);
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 700;
}

.cl-hilfe-lead {
  color: var(--cl-text-3);
  margin: 0 0 28px;
  font-size: 14px;
  line-height: 1.6;
}

.cl-hilfe-h2 {
  letter-spacing: -.01em;
  color: var(--cl-text);
  border-bottom: 1px solid var(--cl-border);
  margin: 32px 0 10px;
  padding-bottom: 8px;
  font-size: 15.5px;
  font-weight: 600;
}

.cl-hilfe-h3 {
  color: var(--cl-text);
  margin: 18px 0 6px;
  font-size: 13.5px;
  font-weight: 600;
}

.cl-hilfe-p {
  color: var(--cl-text-2);
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.7;
}

.cl-hilfe-ul {
  color: var(--cl-text-2);
  margin: 0 0 12px;
  padding: 0 0 0 20px;
  font-size: 13px;
  line-height: 1.7;
}

.cl-hilfe-ul li {
  margin-bottom: 4px;
}

.cl-hilfe-tip {
  background: var(--cl-accent-soft);
  border: 1px solid var(--cl-accent);
  border-radius: var(--cl-radius-lg);
  color: var(--cl-text);
  gap: 10px;
  margin: 16px 0;
  padding: 12px 14px;
  font-size: 12.5px;
  line-height: 1.6;
  display: flex;
}

.cl-hilfe-tip-icon {
  color: var(--cl-accent);
  flex-shrink: 0;
  margin-top: 1px;
}

.cl-hilfe-steps {
  counter-reset: step;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  display: flex;
}

.cl-hilfe-steps li {
  counter-increment: step;
  color: var(--cl-text-2);
  align-items: flex-start;
  gap: 12px;
  font-size: 13px;
  line-height: 1.6;
  display: flex;
}

.cl-hilfe-steps li:before {
  content: counter(step);
  background: var(--cl-accent);
  min-width: 22px;
  height: 22px;
  color: var(--cl-accent-fg);
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  margin-top: 1px;
  font-size: 11px;
  font-weight: 700;
  display: grid;
}

.cl-hilfe-shortcuts {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 24px;
  font-size: 12.5px;
}

.cl-hilfe-shortcuts th {
  text-align: left;
  color: var(--cl-text-3);
  text-transform: uppercase;
  letter-spacing: .04em;
  border-bottom: 2px solid var(--cl-border);
  padding: 8px 12px;
  font-size: 11px;
  font-weight: 500;
}

.cl-hilfe-shortcuts td {
  border-bottom: 1px solid var(--cl-border);
  color: var(--cl-text-2);
  vertical-align: middle;
  padding: 10px 12px;
}

.cl-hilfe-shortcuts tr:last-child td {
  border-bottom: 0;
}

.cl-hilfe-shortcuts tr:hover td {
  background: var(--cl-bg-3);
}

.cl-hilfe-matrix-wrap {
  border: 1px solid var(--cl-border);
  border-radius: var(--cl-radius-lg);
  margin: 12px 0 20px;
  overflow-x: auto;
}

.cl-hilfe-matrix {
  border-collapse: collapse;
  width: 100%;
  font-size: 12.5px;
}

.cl-hilfe-matrix th {
  text-align: center;
  color: var(--cl-text-3);
  text-transform: uppercase;
  letter-spacing: .02em;
  background: var(--cl-bg-3);
  border-bottom: 1px solid var(--cl-border);
  padding: 8px 6px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.25;
}

.cl-hilfe-matrix td {
  border-bottom: 1px solid var(--cl-border);
  vertical-align: middle;
  text-align: center;
  padding: 11px 7px;
}

.cl-hilfe-matrix tr:last-child td {
  border-bottom: 0;
}

.cl-hilfe-matrix tr:hover td {
  background: var(--cl-bg-3);
}

.cl-hilfe-matrix tr.cl-hilfe-matrix-section-row td {
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--cl-text-3);
  background: var(--cl-bg-3);
  border-bottom: 1px solid var(--cl-border);
  padding: 5px 10px;
  font-size: 9.5px;
  font-weight: 700;
}

.cl-hilfe-matrix th.cl-hilfe-matrix-role-col, .cl-hilfe-matrix td.cl-hilfe-matrix-role-col {
  z-index: 1;
  text-align: center;
  white-space: nowrap;
  background: var(--cl-bg-3);
  border-right: 1px solid var(--cl-border-strong);
  position: sticky;
  left: 0;
}

.cl-hilfe-matrix th.cl-hilfe-matrix-role-col {
  z-index: 2;
}

.cl-hilfe-matrix td.cl-hilfe-matrix-role-col {
  color: var(--cl-text-1);
  font-weight: 600;
}

.cl-hilfe-matrix tr:hover td.cl-hilfe-matrix-role-col {
  background: var(--cl-bg-3);
}

.cl-hilfe-matrix th.cl-hilfe-matrix-perm-col, .cl-hilfe-matrix td.cl-hilfe-matrix-perm-col {
  z-index: 1;
  text-align: left;
  white-space: normal;
  background: var(--cl-bg-3);
  border-right: 1px solid var(--cl-border-strong);
  max-width: 150px;
  position: sticky;
  left: 0;
}

.cl-hilfe-matrix th.cl-hilfe-matrix-perm-col {
  z-index: 2;
  text-align: left;
}

.cl-hilfe-matrix td.cl-hilfe-matrix-perm-col {
  color: var(--cl-text-1);
  font-weight: 600;
}

.cl-hilfe-matrix tr:hover td.cl-hilfe-matrix-perm-col {
  background: var(--cl-bg-3);
}

.cl-hilfe-matrix-cell {
  flex-direction: column;
  align-items: center;
  gap: 3px;
  display: inline-flex;
}

.cl-hilfe-matrix-yes {
  background: var(--cl-accent);
  width: 20px;
  height: 20px;
  color: var(--cl-accent-fg);
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.cl-hilfe-matrix-no {
  border: 1.5px solid var(--cl-border-strong);
  border-radius: 50%;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: block;
}

.cl-hilfe-matrix-note {
  color: var(--cl-text-3);
  max-width: 92px;
  font-size: 10px;
  line-height: 1.3;
}

.cl-hilfe-kbd-group {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  display: flex;
}

@media (max-width: 768px) {
  .cl-hilfe-body {
    padding: 20px 0 60px;
  }

  .cl-hilfe-h1 {
    font-size: 18px;
  }

  .cl-hilfe-h2 {
    font-size: 14px;
  }
}

.cl-empty {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 80px 24px;
  display: flex;
}

.cl-empty-illu {
  margin-bottom: 8px;
}

.cl-empty h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.cl-empty p {
  color: var(--cl-text-3);
  max-width: 360px;
  margin: 0 0 12px;
  font-size: 13px;
}

.cl-empty-small {
  color: var(--cl-text-3);
  text-align: center;
  margin: 16px 0;
  font-size: 13px;
}

.cl-content:has(.cl-customfields-wrap--fill) {
  flex-direction: column;
  padding-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.cl-page:has(.cl-customfields-wrap--fill) {
  flex: 1;
  min-height: 0;
}

.cl-customfields-wrap--fill {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.cl-customfields-wrap--fill .cl-customfields-scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--cl-border-strong) transparent;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.cl-customfields-scroll::-webkit-scrollbar {
  width: 10px;
}

.cl-customfields-scroll::-webkit-scrollbar-track {
  background: none;
}

.cl-customfields-scroll::-webkit-scrollbar-thumb {
  background: var(--cl-border-strong);
  border-radius: 999px;
}

.cl-customfields-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--cl-text-4);
}

.cl-kampagnen-list {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.cl-content:has(.cl-kampagnen-list--fill) {
  flex-direction: column;
  padding-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.cl-page:has(.cl-kampagnen-list--fill) {
  flex: 1;
  min-height: 0;
}

.cl-kampagnen-list--fill {
  scrollbar-width: thin;
  scrollbar-color: var(--cl-border-strong) transparent;
  flex: 1;
  min-height: 0;
  margin-right: -10px;
  padding-right: 10px;
  overflow-y: auto;
}

.cl-kampagnen-list--fill::-webkit-scrollbar {
  width: 10px;
}

.cl-kampagnen-list--fill::-webkit-scrollbar-track {
  background: none;
}

.cl-kampagnen-list--fill::-webkit-scrollbar-thumb {
  background: var(--cl-border-strong);
  border-radius: 999px;
}

.cl-kampagnen-list--fill::-webkit-scrollbar-thumb:hover {
  background: var(--cl-text-4);
}

.cl-kampagne-card {
  background: var(--cl-surface);
  border: 1px solid var(--cl-border);
  border-radius: var(--cl-radius-lg);
  text-align: left;
  cursor: default;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  transition: border-color .15s, box-shadow .15s;
  display: flex;
}

.cl-kampagne-card:hover {
  border-color: var(--cl-border-strong);
  box-shadow: var(--cl-shadow-sm);
}

.cl-kampagne-card-main {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.cl-kampagne-icon {
  background: var(--cl-bg-3);
  width: 36px;
  height: 36px;
  color: var(--cl-text-3);
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.cl-kampagne-info {
  flex: 1;
  min-width: 0;
}

.cl-kampagne-name {
  letter-spacing: -.01em;
  font-size: 13.5px;
  font-weight: 600;
}

.cl-kampagne-meta {
  color: var(--cl-text-3);
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  font-size: 12px;
  display: flex;
}

.cl-kampagne-arrow {
  color: var(--cl-text-4);
  flex-shrink: 0;
}

.cl-kampagne-card:hover .cl-kampagne-arrow {
  color: var(--cl-text-2);
}

.cl-tool-card {
  background: var(--cl-surface);
  border: 1px solid var(--cl-border);
  border-radius: var(--cl-radius-lg);
  cursor: pointer;
  text-align: center;
  color: var(--cl-text);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 16px 8px;
  font-size: 12px;
  font-weight: 500;
  transition: border-color .15s, box-shadow .15s;
  display: flex;
}

.cl-tool-card:hover {
  border-color: var(--cl-accent);
  box-shadow: var(--cl-shadow-sm);
}

[data-theme="dark"] .cl-tool-logo-invert {
  filter: invert();
}

.cl-status-chip {
  border-radius: 999px;
  align-items: center;
  padding: 1px 7px;
  font-size: 11px;
  font-weight: 500;
  display: inline-flex;
}

.cl-chip-active {
  background: var(--cl-pip-gruen-bg);
  color: var(--cl-pip-gruen-fg);
}

.cl-chip-archived {
  background: var(--cl-bg-3);
  color: var(--cl-text-3);
}

.cl-auth-page {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 32px 16px;
  display: flex;
}

.cl-auth-box {
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 380px;
  display: flex;
}

.cl-auth-brand {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  display: flex;
}

.cl-auth-brand-logo {
  object-fit: contain;
  max-width: 180px;
  max-height: 56px;
}

.cl-auth-brand-mark {
  background: var(--cl-accent-soft);
  width: 48px;
  height: 48px;
  color: var(--cl-accent);
  letter-spacing: -.01em;
  border-radius: 12px;
  place-items: center;
  font-size: 20px;
  font-weight: 700;
  display: grid;
}

.cl-auth-brand-name {
  letter-spacing: -.01em;
  color: var(--cl-text);
  font-size: 15px;
  font-weight: 600;
}

.cl-auth-card {
  padding: 28px;
}

.cl-auth-card .cl-input {
  height: 36px;
  font-size: 13px;
}

.cl-auth-card .cl-field-label {
  color: var(--cl-text-2);
  font-size: 12px;
}

.cl-auth-title {
  letter-spacing: -.01em;
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 600;
}

.cl-auth-subtitle {
  color: var(--cl-text-3);
  margin: 0 0 20px;
  font-size: 12.5px;
}

.cl-auth-fields {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.cl-auth-label-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cl-auth-field-linked {
  grid-template-columns: 1fr auto;
  grid-template-areas: "label link"
                       "input input";
  align-items: center;
  display: grid;
}

.cl-auth-field-linked-label {
  grid-area: label;
}

.cl-auth-field-linked-link {
  grid-area: link;
  justify-self: end;
}

.cl-auth-field-linked-input {
  grid-area: input;
}

.cl-auth-alert {
  border-radius: var(--cl-radius);
  margin-bottom: 16px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.5;
}

.cl-auth-alert-error {
  background: var(--cl-pip-rot-bg);
  color: var(--cl-pip-rot-fg);
}

.cl-auth-alert-success {
  background: var(--cl-pip-gruen-bg);
  color: var(--cl-pip-gruen-fg);
}

.cl-auth-submit {
  background: var(--cl-accent);
  width: 100%;
  height: 34px;
  color: var(--cl-accent-fg);
  border-radius: var(--cl-radius);
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  font-family: var(--cl-font);
  border: none;
  margin-top: 2px;
  transition: background .15s;
}

.cl-auth-submit:hover:not(:disabled) {
  background: var(--cl-accent-hover);
}

.cl-auth-submit:active:not(:disabled) {
  background: var(--cl-accent-active);
}

.cl-auth-submit:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.cl-auth-card-foot {
  border-top: 1px solid var(--cl-border);
  text-align: center;
  margin-top: 4px;
  padding-top: 16px;
}

.cl-auth-info {
  background: var(--cl-bg-3);
  border: 1px solid var(--cl-border);
  border-radius: var(--cl-radius);
  padding: 10px 12px;
}

.cl-auth-info small {
  color: var(--cl-text-4);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 2px;
  font-size: 10px;
  font-weight: 600;
  display: block;
}

.cl-auth-info strong {
  color: var(--cl-text);
  font-size: 13px;
  font-weight: 500;
}

.cl-auth-req {
  flex-direction: column;
  gap: 3px;
  margin: 7px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.cl-auth-req li {
  align-items: center;
  gap: 5px;
  font-size: 11px;
  display: flex;
}

.cl-auth-req-met {
  color: var(--cl-pip-gruen);
}

.cl-auth-req-unmet {
  color: var(--cl-text-4);
}

.cl-auth-totp-input {
  text-align: center;
  letter-spacing: .25em;
  font-weight: 500;
  font-size: 20px !important;
}

.cl-btn-secondary {
  background: var(--cl-surface);
  color: var(--cl-text);
  border: 1px solid var(--cl-border);
}

.cl-btn-secondary:hover {
  background: var(--cl-bg-3);
  border-color: var(--cl-border-strong);
}

.cl-field label {
  color: var(--cl-text-2);
  margin-bottom: 2px;
  font-size: 11.5px;
  font-weight: 500;
}

.cl-field-row {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.cl-required {
  color: var(--cl-pip-rot);
}

.cl-field-hint {
  color: var(--cl-text-3);
  font-size: 11px;
}

.cl-error-msg {
  color: var(--cl-pip-rot);
  margin: 4px 0 0;
  font-size: 12px;
}

.cl-saved-msg {
  color: var(--cl-pip-gruen-fg);
  align-items: center;
  gap: 5px;
  font-size: 12px;
  display: inline-flex;
}

.cl-success-msg {
  color: var(--cl-pip-gruen-fg);
  background: var(--cl-pip-gruen-bg);
  border-radius: var(--cl-radius);
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  font-size: 13px;
  display: flex;
}

.cl-hint {
  color: var(--cl-text-3);
  font-size: 12px;
  font-style: italic;
}

.cl-text-muted {
  color: var(--cl-text-3);
}

.cl-loading {
  text-align: center;
  color: var(--cl-text-3);
  padding: 60px 24px;
  font-size: 13px;
}

.cl-checkbox-list {
  background: var(--cl-bg-3);
  border: 1px solid var(--cl-border);
  border-radius: var(--cl-radius);
  flex-direction: column;
  gap: 6px;
  max-height: 180px;
  padding: 8px 12px;
  display: flex;
  overflow-y: auto;
}

.cl-checkbox-item {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  display: flex;
}

.cl-checkbox-item input {
  cursor: pointer;
  width: 14px;
  height: 14px;
  accent-color: var(--cl-accent);
}

.cl-radio-group {
  flex-direction: column;
  gap: 8px;
  margin: 12px 0;
  display: flex;
}

.cl-radio-item {
  cursor: pointer;
  align-items: flex-start;
  gap: 8px;
  font-size: 12.5px;
  line-height: 1.4;
  display: flex;
}

.cl-radio-item input {
  cursor: pointer;
  width: 14px;
  height: 14px;
  accent-color: var(--cl-accent);
  margin-top: 2px;
}

.cl-radio-item em {
  color: var(--cl-text-3);
}

.cl-filter-chips {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.cl-chip {
  border: 1px solid var(--cl-border);
  background: var(--cl-surface);
  height: 28px;
  color: var(--cl-text-2);
  cursor: pointer;
  border-radius: 999px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  transition: background .12s, border-color .12s, color .12s;
}

.cl-chip:hover {
  background: var(--cl-bg-3);
  border-color: var(--cl-border-strong);
}

.cl-chip.active {
  background: var(--cl-accent-soft);
  border-color: var(--cl-accent);
  color: var(--cl-accent);
}

.cl-badge {
  border-radius: 999px;
  align-items: center;
  padding: 1px 6px;
  font-size: 10.5px;
  font-weight: 500;
  display: inline-flex;
}

.cl-badge-pending {
  background: var(--cl-pip-gelb-bg, #fef9c3);
  color: var(--cl-pip-gelb-fg, #854d0e);
}

.cl-role-badge {
  border-radius: 6px;
  align-items: center;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 500;
  display: inline-flex;
}

.cl-role-administrator {
  background: var(--cl-accent-soft);
  color: var(--cl-accent);
}

.cl-role-manager {
  background: var(--cl-pip-blau-bg, #dbeafe);
  color: var(--cl-pip-blau-fg, #1d4ed8);
}

.cl-role-mitarbeiter {
  background: var(--cl-bg-3);
  color: var(--cl-text-3);
}

.cl-role-client_admin {
  background: var(--cl-pip-lila-bg, #ede9fe);
  color: var(--cl-pip-lila-fg, #6d28d9);
}

.cl-role-client_standard {
  background: var(--cl-bg-3);
  color: var(--cl-text-3);
}

.cl-user-cell {
  align-items: center;
  gap: 8px;
  display: flex;
}

.cl-row-menu {
  position: relative;
}

.cl-dropdown {
  z-index: 100;
  background: var(--cl-surface);
  border: 1px solid var(--cl-border);
  border-radius: var(--cl-radius-lg);
  box-shadow: var(--cl-shadow-lg, 0 8px 24px #0000001f);
  min-width: 180px;
  padding: 4px;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
}

.cl-dropdown-item {
  text-align: left;
  width: 100%;
  color: var(--cl-text);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 12.5px;
  display: block;
}

.cl-dropdown-item:hover {
  background: var(--cl-bg-3);
}

.cl-dropdown-item--danger {
  color: var(--cl-pip-rot);
}

.cl-dropdown-item--danger:hover {
  background: var(--cl-pip-rot-bg);
}

.cl-dropdown-divider {
  background: var(--cl-border);
  height: 1px;
  margin: 3px 4px;
}

.cl-dropdown--up {
  top: auto;
  bottom: calc(100% + 6px);
}

.cl-dropdown-info {
  border-bottom: 1px solid var(--cl-border);
  margin-bottom: 3px;
  padding: 8px 10px;
}

.cl-dropdown-info-name {
  color: var(--cl-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12.5px;
  font-weight: 600;
  overflow: hidden;
}

.cl-dropdown-info-email {
  color: var(--cl-text-3);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 1px;
  font-size: 11px;
  overflow: hidden;
}

.cl-toast {
  background: var(--cl-text);
  color: var(--cl-bg);
  z-index: 9999;
  border-radius: 999px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 500;
  animation: .2s cl-toast-in;
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 16px #00000026;
}

@keyframes cl-toast-in {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(0);
  }
}

.cl-modal-backdrop {
  z-index: 1000;
  background: #00000073;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: fixed;
  inset: 0;
}

.cl-modal {
  background: var(--cl-surface);
  border-radius: var(--cl-radius-xl, 12px);
  width: 100%;
  max-width: 480px;
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  box-shadow: 0 20px 60px #0003;
}

.cl-modal--sm {
  max-width: 380px;
}

.cl-modal-header {
  justify-content: space-between;
  align-items: center;
  padding: 18px 20px 0;
  display: flex;
}

.cl-modal-header h2 {
  letter-spacing: -.01em;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.cl-modal-body {
  flex-direction: column;
  gap: 14px;
  padding: 16px 20px 20px;
  display: flex;
}

.cl-modal-lead {
  color: var(--cl-text-2);
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.cl-modal-footer {
  justify-content: flex-end;
  gap: 8px;
  margin-top: 4px;
  display: flex;
}

.cl-modal-wide {
  max-width: 600px;
}

.cl-modal--email {
  width: 100%;
  max-width: 560px;
}

.cl-modal {
  scrollbar-gutter: stable;
}

.cl-wizard-stepper {
  align-items: flex-start;
  padding: 16px 24px 14px;
  display: flex;
}

.cl-wizard-step {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 5px;
  display: flex;
  position: relative;
}

.cl-wizard-step:not(:last-child):after {
  content: "";
  background: var(--cl-border);
  z-index: 0;
  height: 1px;
  position: absolute;
  top: 11px;
  left: calc(50% + 14px);
  right: calc(14px - 50%);
}

.cl-wizard-step--done:not(:last-child):after {
  background: var(--cl-accent);
}

.cl-wizard-step-dot {
  background: var(--cl-bg-3);
  border: 1.5px solid var(--cl-border);
  width: 22px;
  height: 22px;
  color: var(--cl-text-3);
  z-index: 1;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 10.5px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.cl-wizard-step--active .cl-wizard-step-dot, .cl-wizard-step--done .cl-wizard-step-dot, .cl-wizard-step--frontier .cl-wizard-step-dot {
  background: var(--cl-accent);
  border-color: var(--cl-accent);
  color: #fff;
}

.cl-wizard-step-label {
  color: var(--cl-text-3);
  text-align: center;
  white-space: nowrap;
  font-size: 10.5px;
  line-height: 1.2;
}

.cl-wizard-step--active .cl-wizard-step-label, .cl-wizard-step--frontier .cl-wizard-step-label {
  color: var(--cl-text);
  font-weight: 600;
}

.cl-wizard-step--done .cl-wizard-step-label {
  color: var(--cl-text-2);
}

.cl-summary-row {
  border-bottom: 1px solid var(--cl-border);
  gap: 12px;
  padding: 8px 0;
  font-size: 13px;
  display: flex;
}

.cl-summary-row:last-child {
  border-bottom: none;
}

.cl-summary-label {
  width: 120px;
  color: var(--cl-text-3);
  flex-shrink: 0;
  padding-top: 1px;
  font-size: 12px;
  font-weight: 500;
}

.cl-form-stack {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.cl-textarea {
  resize: vertical;
  min-height: 64px;
}

.cl-textarea-autogrow {
  resize: none;
  overflow: hidden auto;
}

.cl-muted {
  color: var(--cl-text-3);
  font-size: 13px;
}

.cl-file-upload {
  align-items: center;
  gap: 10px;
  display: flex;
}

.cl-file-upload-label {
  border-radius: var(--cl-radius);
  border: 1px solid var(--cl-border);
  background: var(--cl-surface);
  height: 32px;
  color: var(--cl-text);
  cursor: pointer;
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  font-size: 12.5px;
  transition: background 80ms;
  display: inline-flex;
}

.cl-file-upload-label:hover {
  background: var(--cl-bg-3);
}

.cl-file-upload-name {
  color: var(--cl-text-2);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  overflow: hidden;
}

.cl-card {
  background: var(--cl-surface);
  border: 1px solid var(--cl-border);
  border-radius: var(--cl-radius-lg);
}

.cl-card-header {
  border-bottom: 1px solid var(--cl-border);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 14px 18px 12px;
  display: flex;
}

.cl-card-header h3 {
  letter-spacing: -.01em;
  margin: 0;
  font-size: 13.5px;
  font-weight: 600;
}

.cl-card-body {
  flex-direction: column;
  gap: 14px;
  padding: 16px 18px;
  display: flex;
}

.cl-card-danger, .cl-card-danger .cl-card-header {
  border-color: var(--cl-pip-rot, #ef4444);
}

.cl-card-danger .cl-card-header h3 {
  color: var(--cl-pip-rot, #ef4444);
}

.cl-skeleton {
  background: var(--cl-bg-3);
  border-radius: var(--cl-radius);
  animation: 1.4s ease-in-out infinite cl-pulse;
}

@keyframes cl-pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .45;
  }
}

@keyframes cl-progress-indeterminate {
  0% {
    left: -40%;
  }

  100% {
    left: 100%;
  }
}

.cl-skeleton-line {
  border-radius: 4px;
  width: 70%;
  height: 10px;
  display: block;
}

.cl-skeleton-check {
  border-radius: 4px;
  width: 16px;
  height: 16px;
  display: block;
}

.cl-table-skeleton tr:hover {
  background: none;
}

.cl-table-refreshing {
  opacity: .5;
  pointer-events: none;
  transition: opacity .15s;
}

.cl-profil-card {
  background: var(--cl-surface);
  border: 1px solid var(--cl-border);
  border-radius: var(--cl-radius-lg);
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  display: flex;
}

.cl-profil-section-title {
  letter-spacing: -.01em;
  margin: 0;
  font-size: 13.5px;
  font-weight: 600;
}

.cl-profil-form {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.cl-profil-form-footer {
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  display: flex;
}

.cl-profil-data-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.cl-profil-label {
  color: var(--cl-text-3);
  flex-shrink: 0;
  width: 120px;
  font-size: 12px;
  font-weight: 500;
}

.cl-profil-value {
  color: var(--cl-text);
  flex: 1;
  font-size: 13px;
}

.cl-profil-hint {
  color: var(--cl-text-2);
  margin: 0;
  font-size: 12.5px;
  line-height: 1.5;
}

.cl-profil-avatar-row {
  align-items: center;
  gap: 16px;
  display: flex;
}

.cl-profil-avatar-wrap {
  flex-shrink: 0;
  position: relative;
}

.cl-profil-name-big {
  letter-spacing: -.01em;
  font-size: 15px;
  font-weight: 600;
}

.cl-avatar-upload-btn {
  background: var(--cl-accent);
  color: #fff;
  border: 2px solid var(--cl-surface);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  line-height: 0;
  display: flex;
  position: absolute;
  bottom: -4px;
  right: -4px;
}

.cl-avatar-upload-btn > svg {
  flex-shrink: 0;
  display: block;
}

.cl-avatar-upload-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.cl-recovery-codes {
  background: var(--cl-bg-3);
  border: 1px solid var(--cl-border);
  border-radius: var(--cl-radius);
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  display: flex;
}

.cl-recovery-codes p {
  color: var(--cl-text-2);
  margin: 0;
  font-size: 12.5px;
  line-height: 1.5;
}

.cl-codes-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  display: grid;
}

.cl-code {
  background: var(--cl-surface);
  border: 1px solid var(--cl-border);
  text-align: center;
  border-radius: 6px;
  padding: 4px 8px;
  font-family: monospace;
  font-size: 11.5px;
}

.cl-qr-code {
  border-radius: var(--cl-radius);
  align-self: center;
  width: 180px;
  height: 180px;
}

.cl-content:has(.cl-kalender-root) {
  flex-direction: column;
  padding-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.cl-kalender-root {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.cl-kalender-body {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.cl-kalender-toolbar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  display: flex;
}

.cl-kalender-toolbar-nav {
  flex: 1;
  align-items: center;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.cl-kalender-toolbar-right {
  align-items: center;
  gap: 8px;
  display: flex;
}

.cl-kalender-period-label {
  letter-spacing: -.015em;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 6px;
  font-size: 13.5px;
  font-weight: 600;
  overflow: hidden;
}

.cl-cal-month-wrap {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.cl-cal-month-grid {
  border-top: 1px solid var(--cl-border);
  border-left: 1px solid var(--cl-border);
  flex: 1;
  grid-template-rows: auto repeat(6, 1fr);
  grid-template-columns: repeat(7, 1fr);
  width: 100%;
  display: grid;
}

.cl-cal-month-dow {
  color: var(--cl-text-3);
  text-transform: uppercase;
  letter-spacing: .04em;
  text-align: center;
  border-right: 1px solid var(--cl-border);
  border-bottom: 1px solid var(--cl-border);
  background: var(--cl-bg-3);
  padding: 6px 4px;
  font-size: 11px;
  font-weight: 600;
}

.cl-cal-day-cell {
  border-right: 1px solid var(--cl-border);
  border-bottom: 1px solid var(--cl-border);
  cursor: pointer;
  background: var(--cl-surface);
  flex-direction: column;
  gap: 2px;
  min-height: 0;
  padding: 4px 5px;
  display: flex;
  overflow: hidden;
}

.cl-cal-day-cell:hover {
  background: var(--cl-bg-3);
}

.cl-cal-day-num {
  color: var(--cl-text-3);
  flex-shrink: 0;
  align-self: flex-end;
  padding: 1px 4px;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1;
}

.cl-cal-day--today .cl-cal-day-num {
  background: var(--cl-accent);
  color: var(--cl-accent-fg);
  box-sizing: border-box;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 22px;
  min-width: 22px;
  max-width: 22px;
  height: 22px;
  padding: 0;
  display: flex;
}

.cl-cal-day--other-month {
  background: var(--cl-bg-3);
}

.cl-cal-day--other-month .cl-cal-day-num {
  color: var(--cl-text-4);
}

.cl-cal-event-chip {
  cursor: pointer;
  white-space: nowrap;
  background: var(--cl-accent-soft);
  min-width: 0;
  color: var(--cl-accent);
  border-left: 2px solid var(--cl-accent);
  border-radius: 4px;
  align-items: center;
  gap: 4px;
  padding: 1px 5px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.cl-cal-event-chip:hover {
  filter: brightness(.93);
}

.cl-cal-more {
  color: var(--cl-text-3);
  cursor: default;
  padding: 1px 4px;
  font-size: 10.5px;
}

.cl-cal-week {
  --gutter-w: 48px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.cl-cal-week-body {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow-y: auto;
}

.cl-cal-week-head {
  border-bottom: 2px solid var(--cl-border);
  background: var(--cl-bg-2);
  z-index: 10;
  flex-shrink: 0;
  display: grid;
  position: sticky;
  top: 0;
}

.cl-cal-time-gutter-head {
  width: var(--gutter-w);
  flex-shrink: 0;
}

.cl-cal-week-head-day {
  text-align: center;
  border-left: 1px solid var(--cl-border);
  cursor: default;
  min-width: 0;
  padding: 8px 4px;
}

.cl-cal-week-head-dow {
  color: var(--cl-text-3);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 10px;
  font-weight: 600;
  display: block;
}

.cl-cal-week-head-num {
  color: var(--cl-text);
  margin-top: 2px;
  font-size: 15px;
  font-weight: 600;
  display: block;
}

.cl-cal-week-head-day--today .cl-cal-week-head-dow {
  color: var(--cl-accent);
}

.cl-cal-today-badge {
  background: var(--cl-accent);
  width: 26px;
  height: 26px;
  color: var(--cl-accent-fg);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
}

.cl-cal-allday-strip {
  background: var(--cl-bg-3);
  border-bottom: 1px solid var(--cl-border);
  flex-shrink: 0;
  min-height: 28px;
  display: grid;
}

.cl-cal-allday-col {
  border-left: 1px solid var(--cl-border);
  flex-wrap: wrap;
  gap: 2px;
  min-width: 0;
  padding: 2px;
  display: flex;
}

.cl-cal-week-time-rows {
  display: flex;
}

.cl-cal-time-gutter {
  width: var(--gutter-w);
  border-right: 1px solid var(--cl-border);
  flex-shrink: 0;
}

.cl-cal-hour-label {
  height: 56px;
  color: var(--cl-text-4);
  font-feature-settings: "tnum";
  -webkit-user-select: none;
  user-select: none;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 2px 6px 0;
  font-size: 10px;
  display: flex;
}

.cl-cal-week-grid {
  flex: 1;
  min-width: 0;
  display: grid;
}

.cl-cal-day-col {
  border-left: 1px solid var(--cl-border);
  cursor: pointer;
  min-width: 0;
  height: 1344px;
  position: relative;
}

.cl-cal-hour-line {
  border-top: 1px solid var(--cl-border);
  pointer-events: none;
  height: 56px;
  position: absolute;
  left: 0;
  right: 0;
}

.cl-cal-week-event {
  cursor: pointer;
  background: var(--cl-accent-soft);
  color: var(--cl-accent);
  border-left: 2px solid var(--cl-accent);
  z-index: 1;
  border-radius: 4px;
  padding: 2px 5px;
  font-size: 11px;
  position: absolute;
  left: 2px;
  right: 2px;
  overflow: hidden;
  box-shadow: 0 1px 3px #00000012;
}

.cl-cal-week-event:hover {
  filter: brightness(.93);
}

.cl-cal-week-event-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
}

.cl-cal-week-event-time {
  opacity: .75;
  font-size: 10px;
  line-height: 1.2;
}

.cl-cal-now-line {
  z-index: 3;
  pointer-events: none;
  align-items: center;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
}

.cl-cal-now-dot {
  background: #ef4444;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  box-shadow: 0 0 0 2px #ef444440;
}

.cl-cal-now-line:after {
  content: "";
  opacity: .8;
  background: #ef4444;
  flex: 1;
  height: 1.5px;
}

.cl-cal-day-header-cell {
  text-align: left;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  display: flex;
}

.cl-cal-day-num-badge {
  width: 34px;
  height: 34px;
  color: var(--cl-text);
  background: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.cl-cal-day-num-badge--today {
  background: var(--cl-accent);
  color: var(--cl-accent-fg);
}

.cl-cal-day-header-text {
  flex-direction: column;
  gap: 1px;
  display: flex;
}

.cl-cal-day-header-dow {
  color: var(--cl-text-3);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 10.5px;
  font-weight: 600;
}

.cl-cal-day-header-month {
  color: var(--cl-text);
  letter-spacing: -.01em;
  font-size: 13px;
  font-weight: 600;
}

.cl-cal-list {
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow-y: auto;
}

.cl-cal-list-group {
  margin-bottom: 8px;
}

.cl-cal-list-date-head {
  color: var(--cl-text-3);
  text-transform: uppercase;
  letter-spacing: .05em;
  border-bottom: 1px solid var(--cl-border);
  margin-bottom: 4px;
  padding: 10px 0 6px;
  font-size: 11.5px;
  font-weight: 600;
}

.cl-cal-list-item {
  border-radius: var(--cl-radius);
  cursor: pointer;
  align-items: flex-start;
  gap: 10px;
  padding: 9px 10px;
  transition: background .1s;
  display: flex;
}

.cl-cal-list-item:hover {
  background: var(--cl-bg-3);
}

.cl-cal-list-time {
  color: var(--cl-text-3);
  font-feature-settings: "tnum";
  flex-shrink: 0;
  width: 110px;
  padding-top: 2px;
  font-size: 11.5px;
}

.cl-cal-list-dot {
  background: var(--cl-accent);
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 5px;
}

.cl-cal-list-body {
  flex: 1;
  min-width: 0;
}

.cl-cal-list-title {
  font-size: 13px;
  font-weight: 500;
}

.cl-cal-list-meta {
  color: var(--cl-text-3);
  align-items: center;
  gap: 4px;
  margin-top: 2px;
  font-size: 11.5px;
  display: flex;
}

.cl-cal-conflict-banner {
  background: var(--cl-pip-orange-bg);
  border: 1px solid var(--cl-pip-orange);
  border-radius: var(--cl-radius);
  color: var(--cl-pip-orange-fg);
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  font-size: 12.5px;
  display: flex;
}

.cl-cal-conflict-banner strong {
  font-size: 12.5px;
  font-weight: 600;
  display: block;
}

.cl-cal-tz-note {
  background: var(--cl-bg-2);
  border: 1px solid var(--cl-border);
  border-radius: var(--cl-radius);
  color: var(--cl-text-2);
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
  padding: 9px 12px;
  font-size: 12.5px;
  line-height: 1.45;
  display: flex;
}

.cl-participant-picker {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.cl-participant-tags {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.cl-participant-tag {
  background: var(--cl-accent-soft);
  color: var(--cl-accent);
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 2px 6px 2px 8px;
  font-size: 11.5px;
  font-weight: 500;
  display: inline-flex;
}

.cl-participant-tag button {
  cursor: pointer;
  color: inherit;
  opacity: .7;
  background: none;
  border: none;
  align-items: center;
  padding: 0;
  display: flex;
}

.cl-participant-tag button:hover {
  opacity: 1;
}

.cl-ical-url-row {
  align-items: center;
  gap: 8px;
  display: flex;
}

.cl-ical-url-row .cl-input {
  color: var(--cl-text-2);
  flex: 1;
  font-family: ui-monospace, monospace;
  font-size: 11.5px;
}

.cl-panel-actionbar {
  border-top: 1px solid var(--cl-border);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px 0 12px;
  display: flex;
}

.cl-panel-actionbar .cl-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.cl-panel-next-termin {
  background: var(--cl-accent-soft);
  color: var(--cl-accent);
  white-space: nowrap;
  font-feature-settings: "tnum";
  border: 1px solid #0000;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 500;
  transition: border-color .15s;
  display: inline-flex;
}

.cl-panel-next-termin:not(:disabled):hover {
  border-color: var(--cl-accent);
}

.cl-panel-next-termin:disabled {
  cursor: default;
}

.cl-panel-next-termin-label {
  color: var(--cl-text-3);
  font-weight: 400;
}

.cl-searchable-select-dropdown {
  background: var(--cl-bg-2);
  border: 1px solid var(--cl-border);
  box-shadow: var(--cl-shadow-lg);
  border-radius: 10px;
  max-height: 240px;
  margin-top: 4px;
  padding: 4px;
  overflow-y: auto;
}

.cl-searchable-select-option {
  text-align: left;
  width: 100%;
  color: var(--cl-text);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  padding: 7px 8px;
  font-size: 12px;
  display: block;
}

.cl-searchable-select-option:hover, .cl-searchable-select-option.highlighted {
  background: var(--cl-bg-3);
}

.cl-searchable-select-option.selected {
  color: var(--cl-accent);
}

.cl-lead-option {
  flex-direction: column;
  gap: 2px;
  line-height: 1.35;
  display: flex;
}

.cl-lead-option-name {
  color: var(--cl-text);
  font-size: 12.5px;
  font-weight: 500;
}

.cl-lead-option-meta {
  color: var(--cl-text-3);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  overflow: hidden;
}

.cl-lead-option-empty {
  color: var(--cl-text-3);
  padding: 8px;
  font-size: 11.5px;
}

.cl-lead-chip {
  background: var(--cl-bg-3);
  border: 1px solid var(--cl-border);
  border-radius: var(--cl-radius-lg);
  align-items: center;
  gap: 8px;
  padding: 6px 8px 6px 10px;
  display: flex;
}

.cl-lead-chip-text {
  flex-direction: column;
  flex: 1;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.cl-lead-chip-name {
  text-align: left;
  align-self: flex-start;
  font-size: 12.5px;
  font-weight: 500;
}

.cl-lead-chip-link {
  color: var(--cl-accent);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.cl-lead-chip-link:hover {
  text-decoration: underline;
}

.cl-lead-chip-meta {
  color: var(--cl-text-3);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  overflow: hidden;
}

.cl-lead-chip-masked {
  color: var(--cl-text-3);
}

.cl-cal-week-event-lead {
  opacity: .85;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10.5px;
  overflow: hidden;
}

.cl-switch-row {
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: inline-flex;
}

.cl-switch {
  background: var(--cl-border-strong);
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  flex-shrink: 0;
  width: 34px;
  height: 20px;
  padding: 2px;
  transition: background .15s;
  position: relative;
}

.cl-switch[aria-checked="true"] {
  background: var(--cl-accent);
}

.cl-switch:focus-visible {
  outline: 2px solid var(--cl-accent);
  outline-offset: 2px;
}

.cl-switch-knob {
  width: 16px;
  height: 16px;
  box-shadow: var(--cl-shadow-sm);
  background: #fff;
  border-radius: 50%;
  transition: transform .15s;
  display: block;
}

.cl-switch[aria-checked="true"] .cl-switch-knob {
  transform: translateX(14px);
}

.cl-tl-message {
  background: var(--cl-pip-gruen-bg);
  border-color: var(--cl-pip-gruen);
  color: var(--cl-pip-gruen-fg);
}

.cl-tl-termin {
  background: var(--cl-pip-orange-bg);
  border-color: var(--cl-pip-orange);
  color: var(--cl-pip-orange-fg);
}

.cl-timeline-item-clickable .cl-timeline-content {
  cursor: pointer;
  border-radius: 6px;
  margin: -2px -6px -4px 0;
  padding: 2px 6px 4px 4px;
}

.cl-timeline-item-clickable .cl-timeline-content:hover {
  background: var(--cl-bg-3);
}

.cl-timeline-item-past .cl-timeline-content {
  opacity: .68;
}

@media (max-width: 768px) {
  .cl-panel-next-termin {
    margin-left: 0;
  }

  .cl-kalender-toolbar {
    gap: 8px;
  }

  .cl-kalender-toolbar-nav {
    flex: 100%;
    order: 1;
  }

  .cl-kalender-toolbar-right {
    flex: 100%;
    order: 2;
    justify-content: space-between;
  }

  .cl-kalender-period-label {
    font-size: 13px;
  }

  .cl-kalender-today-btn, .cl-kalender-new-label {
    display: none;
  }

  .cl-cal-month-dow {
    letter-spacing: 0;
    padding: 5px 2px;
    font-size: 9.5px;
  }

  .cl-cal-day-cell {
    gap: 1px;
    padding: 3px 3px 4px;
  }

  .cl-cal-day-num {
    padding: 1px 2px;
    font-size: 11px;
  }

  .cl-cal-day--today .cl-cal-day-num {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    font-size: 10.5px;
  }

  .cl-cal-month-wrap .cl-cal-event-chip {
    background: var(--cl-accent);
    min-height: 18px;
    color: var(--cl-accent-fg);
    opacity: 1;
    border-left: none;
    border-radius: 3px;
    flex: 0 0 100%;
    gap: 0;
    padding: 2px 4px;
    font-size: 9.5px;
    font-weight: 600;
  }

  .cl-cal-month-wrap .cl-cal-event-chip span {
    display: none;
  }

  .cl-cal-month-wrap .cl-cal-event-chip span:last-child {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
  }

  .cl-cal-month-wrap .cl-cal-day-cell {
    flex-flow: wrap;
    align-items: flex-start;
  }

  .cl-cal-month-wrap .cl-cal-day-num {
    text-align: right;
    flex: 0 0 100%;
  }

  .cl-cal-month-wrap .cl-cal-day--today .cl-cal-day-num {
    flex: none;
    margin-left: auto;
  }

  .cl-cal-month-wrap .cl-cal-more {
    font-size: 9px;
  }

  .cl-cal-week {
    --gutter-w: 32px;
  }

  .cl-cal-hour-label {
    padding: 2px 3px 0;
    font-size: 9px;
  }

  .cl-cal-week-head-day {
    padding: 6px 3px;
  }

  .cl-cal-week-head-dow {
    font-size: 9px;
  }

  .cl-cal-week-head-num {
    font-size: 13px;
  }

  .cl-cal-today-badge {
    width: 22px;
    height: 22px;
    font-size: 12px;
  }

  .cl-cal-week-event {
    padding: 2px 3px;
    font-size: 10px;
  }

  .cl-cal-day-header-cell {
    gap: 8px;
    padding: 6px 10px;
  }

  .cl-cal-day-num-badge {
    width: 28px;
    height: 28px;
    font-size: 14px;
  }

  .cl-cal-day-header-month {
    font-size: 12px;
  }

  .cl-cal-list-time {
    width: 80px;
    font-size: 11px;
  }
}

.cl-input--code {
  text-align: center;
  letter-spacing: .2em;
  font-weight: 500;
  font-size: 18px !important;
}

@media (hover: none) and (pointer: coarse) {
  .cl-input, .cl-input-sm, .cl-textarea, .cl-auth-card .cl-input, .cl-ical-url-row .cl-input, .cl-search-mini input, .cl-search-dialog-head input, .cl-editor-content .ProseMirror {
    font-size: 16px;
  }

  .cl-input {
    height: 40px;
  }

  .cl-input-sm {
    height: 34px;
  }

  .cl-auth-card .cl-input {
    height: 44px;
  }

  .cl-textarea {
    height: auto;
  }

  .cl-search-mini {
    height: 40px;
  }

  .cl-filter-logic {
    width: 84px;
  }

  .cl-device-connect-btn {
    height: 40px;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__1350yu8._.css.map*/