/* Лендинг «Конференция Кайтен 2026 — ИИ и порядок в работе, 23–24 сентября» — стили одним файлом.
   DS-переменные + Tailwind-утилиты + кастомные компоненты. Шрифт Roboto (подключите свой). */

/* [next]/internal/font/google/roboto_538a22be.module.css [app-client] (css) */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/572c13468b8cff87-s.0k68dgt5gi4w6.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.p.0id408x23fv8q.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.06sf8d84-9n3w.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.0rpo5i9-tpup~.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.04s-lri-1fnua.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.17kgvx8~8.fj6.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.0kn0u2cosumsr.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.00qosz~21_9iq.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.0333ktddfbsxy.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.0k68dgt5gi4w6.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.p.0id408x23fv8q.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.06sf8d84-9n3w.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.0rpo5i9-tpup~.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.04s-lri-1fnua.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.17kgvx8~8.fj6.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.0kn0u2cosumsr.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.00qosz~21_9iq.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.0333ktddfbsxy.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: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/572c13468b8cff87-s.0k68dgt5gi4w6.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: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/62d4b50592542c9f-s.p.0id408x23fv8q.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: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/38772d1e0cde909c-s.06sf8d84-9n3w.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/a0ffaa6a9384d9d3-s.0rpo5i9-tpup~.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: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/fad568eea626db0e-s.04s-lri-1fnua.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: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/ccee61546c0358b7-s.17kgvx8~8.fj6.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: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/8fcf71678f67d0c5-s.0kn0u2cosumsr.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: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/f7d6090e8b3debad-s.00qosz~21_9iq.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: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/ce62453a442c7f35-s.p.0333ktddfbsxy.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_538a22be-module__37jyuq__className {
  font-family: Roboto, Roboto Fallback;
  font-style: normal;
}

.roboto_538a22be-module__37jyuq__variable {
  --font-roboto: "Roboto", "Roboto Fallback";
}

/* [project]/apps/web/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-100: #f44336;
    --color-red-300: #ffa3a3;
    --color-red-400: #ff6568;
    --color-red-500: #fb2c36;
    --color-red-600: #e40014;
    --color-red-700: #bf000f;
    --color-orange-100: #ffa100;
    --color-amber-100: #fef3c6;
    --color-amber-300: #ffd236;
    --color-amber-400: #fcbb00;
    --color-amber-600: #dd7400;
    --color-amber-700: #b75000;
    --color-amber-800: #953d00;
    --color-yellow-300: #ffe02a;
    --color-yellow-400: #fac800;
    --color-lime-100: #a5ca00;
    --color-green-100: #4caf51;
    --color-green-200: #b9f8cf;
    --color-green-300: #7bf1a8;
    --color-green-400: #05df72;
    --color-green-500: #00c758;
    --color-green-600: #00a544;
    --color-green-700: #008138;
    --color-emerald-100: #d0fae5;
    --color-emerald-600: #009767;
    --color-emerald-700: #007956;
    --color-emerald-800: #005f46;
    --color-blue-100: #2196f3;
    --color-violet-100: #7d4ccf;
    --color-violet-200: #ddd6ff;
    --color-violet-300: #c4b4ff;
    --color-violet-400: #a685ff;
    --color-purple-500: #ac4bff;
    --color-purple-800: #6e11b0;
    --color-pink-200: #fccee8;
    --color-rose-100: #ffe4e6;
    --color-rose-700: #c20039;
    --color-rose-800: #a30037;
    --color-slate-100: #f1f5f9;
    --color-slate-700: #314158;
    --color-slate-950: #020618;
    --color-neutral-100: #f5f5f5;
    --color-neutral-200: #eee;
    --color-neutral-300: #e0e0e0;
    --color-neutral-400: #bdbdbd;
    --color-neutral-500: #9e9e9e;
    --color-neutral-600: #757575;
    --color-neutral-700: #616161;
    --color-neutral-800: #424242;
    --color-neutral-900: #2d2d2d;
    --color-neutral-950: #121212;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 12px;
    --text-xs--line-height: 16px;
    --text-sm: 14px;
    --text-sm--line-height: 20px;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 18px;
    --text-lg--line-height: 28px;
    --text-xl: 20px;
    --text-xl--line-height: 28px;
    --text-2xl: 24px;
    --text-2xl--line-height: 32px;
    --text-3xl: 30px;
    --text-3xl--line-height: 36px;
    --text-4xl: 36px;
    --text-4xl--line-height: 40px;
    --text-5xl: 48px;
    --text-5xl--line-height: 52px;
    --text-6xl: 60px;
    --text-6xl--line-height: 64px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-sm: 2px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-2xl: 16px;
    --radius-3xl: 24px;
    --shadow-xs: 0 1px 2px 0 #0000000d;
    --drop-shadow-sm: 0 1px 2px #00000026;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-3xl: 64px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-neutral-000: #fff;
    --color-violet-12: #efe9f9;
    --color-purple-12: #f4e8f7;
    --color-blue-12: #e4f2fd;
    --color-green-12: #e9f5ea;
    --color-lime-12: #f4f8e0;
    --color-orange-12: #fff3e0;
    --color-red-12: #fde8e6;
    --color-text-primary: var(--color-neutral-900);
    --color-text-secondary: var(--color-neutral-600);
    --color-text-inverse: var(--color-neutral-000);
    --color-text-accent: var(--color-violet-100);
    --color-surface-page: var(--color-neutral-000);
    --color-surface-section: var(--color-neutral-100);
    --color-surface-card: var(--color-neutral-000);
    --color-border-default: var(--color-neutral-300);
    --color-action-primary: var(--color-violet-100);
    --color-action-primary-hover: #6f43b8;
    --color-action-primary-soft: var(--color-violet-12);
    --spacing-0: 0px;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;
    --spacing-5: 20px;
    --spacing-6: 24px;
    --spacing-7: 28px;
    --spacing-8: 32px;
    --spacing-9: 36px;
    --spacing-10: 40px;
    --spacing-11: 44px;
    --spacing-12: 48px;
    --spacing-14: 56px;
    --spacing-16: 64px;
    --spacing-20: 80px;
    --spacing-24: 96px;
    --spacing-0_5: 2px;
    --spacing-1_5: 6px;
    --spacing-2_5: 10px;
    --spacing-3_5: 14px;
    --radius-none: 0px;
    --radius-base: 4px;
    --radius-full: 9999px;
    --container-kaiten: 1216px;
    --duration-base: .18s;
    --ease-ui: cubic-bezier(.2, 0, .2, 1);
    --button-radius: 8px;
    --button-fill-bg: var(--color-violet-100);
    --button-fill-bg-hover: #6f43b8;
    --button-fill-bg-disabled: var(--color-neutral-100);
    --button-fill-text: var(--color-neutral-000);
    --button-fill-text-disabled: var(--color-neutral-500);
    --button-outline-bg: var(--color-neutral-000);
    --button-outline-bg-hover: var(--color-violet-12);
    --button-outline-border: var(--color-neutral-300);
    --button-outline-border-hover: #7d4ccf7a;
    --button-outline-text: var(--color-violet-100);
    --button-outline-text-hover: #6f43b8;
    --button-outline-text-disabled: var(--color-neutral-300);
    --button-focus-brand: 0 0 0 4px #3758f933;
    --button-focus-default: 0 0 0 4px #98a2b324;
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-300: lab(76.5514% 36.422 15.5335);
      --color-red-400: lab(63.7053% 60.745 31.3109);
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-red-600: lab(48.4493% 77.4328 61.5452);
      --color-red-700: lab(40.4273% 67.2623 53.7441);
      --color-amber-100: lab(95.916% -1.21653 23.111);
      --color-amber-300: lab(86.4156% 6.13147 78.3961);
      --color-amber-400: lab(80.1641% 16.6016 99.2089);
      --color-amber-600: lab(60.3514% 40.5624 87.1228);
      --color-amber-700: lab(47.2709% 42.9082 69.2966);
      --color-amber-800: lab(37.8822% 37.1699 52.2718);
      --color-yellow-300: lab(89.7033% -.480294 84.4917);
      --color-yellow-400: lab(83.2664% 8.65132 106.895);
      --color-green-200: lab(92.4222% -26.4702 12.9427);
      --color-green-300: lab(86.9953% -47.2691 25.0054);
      --color-green-400: lab(78.503% -64.9265 39.7492);
      --color-green-500: lab(70.5521% -66.5147 45.8073);
      --color-green-600: lab(59.0978% -58.6621 41.2579);
      --color-green-700: lab(47.0329% -47.0239 31.4788);
      --color-emerald-100: lab(94.9004% -17.0769 5.63836);
      --color-emerald-600: lab(55.0481% -49.9246 15.93);
      --color-emerald-700: lab(44.4871% -41.0396 11.0361);
      --color-emerald-800: lab(35.3675% -33.1188 8.04002);
      --color-violet-200: lab(87.0888% 8.53688 -19.4189);
      --color-violet-300: lab(76.7419% 18.3911 -37.0706);
      --color-violet-400: lab(62.8239% 34.9159 -60.0512);
      --color-purple-500: lab(52.0183% 66.11 -78.2316);
      --color-purple-800: lab(30.6017% 56.7637 -64.4751);
      --color-pink-200: lab(87.4504% 19.6 -6.46662);
      --color-rose-100: lab(92.8221% 9.86832 2.60075);
      --color-rose-700: lab(41.1651% 71.6251 30.3087);
      --color-rose-800: lab(34.6481% 60.802 20.1957);
      --color-slate-100: lab(96.286% -.852436 -2.46847);
      --color-slate-700: lab(26.9569% -1.47016 -15.6993);
      --color-slate-950: lab(1.76974% 1.32743 -9.28855);
    }
  }
}

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

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

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

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: var(--spacing-0);
  }

  .inset-x-0 {
    inset-inline: var(--spacing-0);
  }

  .inset-y-0 {
    inset-block: var(--spacing-0);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .top-2\.5 {
    top: var(--spacing-2_5);
  }

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

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

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

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

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

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

  .top-full {
    top: 100%;
  }

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

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

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

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

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

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

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

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

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

  .right-3\.5 {
    right: var(--spacing-3_5);
  }

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

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

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

  .-bottom-\[6px\] {
    bottom: -6px;
  }

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

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

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

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

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

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

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

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

  .left-2\.5 {
    left: var(--spacing-2_5);
  }

  .left-3\.5 {
    left: var(--spacing-3_5);
  }

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

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

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

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

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

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

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

  .isolate {
    isolation: isolate;
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

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

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

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

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

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

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

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

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

  .container {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

  .mx-3\.5 {
    margin-inline: var(--spacing-3_5);
  }

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

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

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

  .my-2\.5 {
    margin-block: var(--spacing-2_5);
  }

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

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

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

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

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

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

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

  .mt-2\.5 {
    margin-top: var(--spacing-2_5);
  }

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

  .mt-3\.5 {
    margin-top: var(--spacing-3_5);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mb-2\.5 {
    margin-bottom: var(--spacing-2_5);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

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

  .aspect-\[280\/560\] {
    aspect-ratio: 280 / 560;
  }

  .aspect-\[286\/549\] {
    aspect-ratio: 286 / 549;
  }

  .aspect-\[1600\/886\] {
    aspect-ratio: 1600 / 886;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-2\.5 {
    height: var(--spacing-2_5);
  }

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

  .h-3\.5 {
    height: var(--spacing-3_5);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[1\.5px\] {
    height: 1.5px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[calc\(100\%-2\.25rem\)\] {
    height: calc(100% - 2.25rem);
  }

  .h-\[calc\(100\%-2\.75rem\)\] {
    height: calc(100% - 2.75rem);
  }

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

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

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

  .max-h-\[calc\(100vh-160px\)\] {
    max-height: calc(100vh - 160px);
  }

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

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

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

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

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

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

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

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

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

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

  .w-1\/4 {
    width: 25%;
  }

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

  .w-2\.5 {
    width: var(--spacing-2_5);
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-2\/5 {
    width: 40%;
  }

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

  .w-3\.5 {
    width: var(--spacing-3_5);
  }

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

  .w-3\/5 {
    width: 60%;
  }

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

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

  .w-4\/5 {
    width: 80%;
  }

  .w-4\/6 {
    width: 66.6667%;
  }

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

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

  .w-5\/6 {
    width: 83.3333%;
  }

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

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

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

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

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

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

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

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

  .w-11\/12 {
    width: 91.6667%;
  }

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

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

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

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

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

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

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

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

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

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

  .w-\[1\.5px\] {
    width: 1.5px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-auto {
    width: auto;
  }

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

  .w-full {
    width: 100%;
  }

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

  .w-px {
    width: 1px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .flex-1 {
    flex: 1;
  }

  .flex-none {
    flex: none;
  }

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

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

  .grow {
    flex-grow: 1;
  }

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

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

  .translate-x-4 {
    --tw-translate-x: var(--spacing-4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

  .translate-y-0\.5 {
    --tw-translate-y: var(--spacing-0_5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-1px\] {
    --tw-translate-y: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

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

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

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

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

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }

  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }

  .snap-start {
    scroll-snap-align: start;
  }

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

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

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

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

  .columns-1 {
    columns: 1;
  }

  .break-inside-avoid {
    break-inside: avoid;
  }

  .auto-rows-\[minmax\(180px\,auto\)\] {
    grid-auto-rows: minmax(180px, auto);
  }

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

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

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

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

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

  .grid-cols-\[1\.35fr_1fr\] {
    grid-template-columns: 1.35fr 1fr;
  }

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

  .grid-cols-\[1fr_64px_116px\] {
    grid-template-columns: 1fr 64px 116px;
  }

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

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

  .grid-cols-\[28px_1fr_80px\] {
    grid-template-columns: 28px 1fr 80px;
  }

  .grid-cols-\[110px_1fr\] {
    grid-template-columns: 110px 1fr;
  }

  .grid-cols-\[120px_1fr\] {
    grid-template-columns: 120px 1fr;
  }

  .grid-cols-\[130px_1fr\] {
    grid-template-columns: 130px 1fr;
  }

  .grid-cols-\[140px_1fr\] {
    grid-template-columns: 140px 1fr;
  }

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

  .grid-cols-\[150px_1fr_1fr\] {
    grid-template-columns: 150px 1fr 1fr;
  }

  .grid-cols-\[160px_1fr\] {
    grid-template-columns: 160px 1fr;
  }

  .grid-cols-\[180px_1fr\] {
    grid-template-columns: 180px 1fr;
  }

  .grid-cols-\[200px_1fr\] {
    grid-template-columns: 200px 1fr;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-2\.5 {
    gap: var(--spacing-2_5);
  }

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

  .gap-3\.5 {
    gap: var(--spacing-3_5);
  }

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

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

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

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

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

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

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

  .gap-\[1\.5px\] {
    gap: 1.5px;
  }

  .gap-\[1px\], .gap-px {
    gap: 1px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-x-8 {
    column-gap: var(--spacing-8);
  }

  .gap-x-10 {
    column-gap: var(--spacing-10);
  }

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

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

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

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

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

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

  :where(.divide-x > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  :where(.divide-\(--color-border-default\) > :not(:last-child)) {
    border-color: var(--color-border-default);
  }

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

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

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

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

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

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

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

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .rounded-\[2\.4rem\] {
    border-radius: 2.4rem;
  }

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

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

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

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

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

  .rounded-\[7\.714px\] {
    border-radius: 7.714px;
  }

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

  .rounded-\[10\.286px\] {
    border-radius: 10.286px;
  }

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

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

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

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

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

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

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

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

  .rounded-\[var\(--button-radius\)\] {
    border-radius: var(--button-radius);
  }

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

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

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

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

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

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

  .rounded-t-\[3px\] {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }

  .rounded-t-\[13px\] {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
  }

  .rounded-t-\[18px\] {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  }

  .rounded-t-\[32px\] {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
  }

  .rounded-t-\[40px\] {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
  }

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

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

  .rounded-b-\[8px\] {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  .rounded-br-\(--radius-xl\) {
    border-bottom-right-radius: var(--radius-xl);
  }

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

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

  .rounded-bl-\(--radius-xl\) {
    border-bottom-left-radius: var(--radius-xl);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .border-\(--button-outline-border\) {
    border-color: var(--button-outline-border);
  }

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

  .border-\(--color-action-primary\)\/20 {
    border-color: #7d4ccf33;
  }

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

  .border-\(--color-action-primary\)\/25 {
    border-color: #7d4ccf40;
  }

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

  .border-\(--color-action-primary\)\/30 {
    border-color: #7d4ccf4d;
  }

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

  .border-\(--color-action-primary\)\/40 {
    border-color: #7d4ccf66;
  }

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

  .border-\(--color-action-primary\)\/50 {
    border-color: #7d4ccf80;
  }

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

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

  .border-\(--color-border-default\)\/60 {
    border-color: #e0e0e099;
  }

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

  .border-\(--color-green-100\)\/40 {
    border-color: #4caf5166;
  }

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

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

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

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

  .border-\(--color-orange-100\)\/40 {
    border-color: #ffa10066;
  }

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

  .border-\(--color-orange-100\)\/50 {
    border-color: #ffa10080;
  }

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

  .border-\(--color-red-100\)\/30 {
    border-color: #f443364d;
  }

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

  .border-\(--color-red-100\)\/40 {
    border-color: #f4433666;
  }

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

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

  .border-\(--color-text-inverse\)\/40 {
    border-color: #fff6;
  }

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

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

  .border-\(--color-text-primary\)\/80 {
    border-color: #2d2d2dcc;
  }

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

  .border-\(--color-text-tertiary\) {
    border-color: var(--color-text-tertiary);
  }

  .border-\[\#4caf51\] {
    border-color: #4caf51;
  }

  .border-\[\#e0e0e0\] {
    border-color: #e0e0e0;
  }

  .border-\[\#e5484d\] {
    border-color: #e5484d;
  }

  .border-\[\#ececec\] {
    border-color: #ececec;
  }

  .border-\[\#ededed\] {
    border-color: #ededed;
  }

  .border-\[\#f2f2f2\] {
    border-color: #f2f2f2;
  }

  .border-current {
    border-color: currentColor;
  }

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

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

  .border-neutral-700\/60 {
    border-color: #61616199;
  }

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

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

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

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

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

  .border-white\/35 {
    border-color: #ffffff59;
  }

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

  .border-white\/40 {
    border-color: #fff6;
  }

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

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

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

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

  .bg-\(--color-action-primary\)\/15 {
    background-color: #7d4ccf26;
  }

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

  .bg-\(--color-action-primary\)\/70 {
    background-color: #7d4ccfb3;
  }

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

  .bg-\(--color-action-primary\)\/80 {
    background-color: #7d4ccfcc;
  }

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

  .bg-\(--color-action-primary\)\/85 {
    background-color: #7d4ccfd9;
  }

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

  .bg-\(--color-action-primary-soft\) {
    background-color: var(--color-action-primary-soft);
  }

  .bg-\(--color-action-primary-soft\)\/15 {
    background-color: #efe9f926;
  }

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

  .bg-\(--color-action-primary-soft\)\/20 {
    background-color: #efe9f933;
  }

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

  .bg-\(--color-action-primary-soft\)\/30 {
    background-color: #efe9f94d;
  }

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

  .bg-\(--color-action-primary-soft\)\/40 {
    background-color: #efe9f966;
  }

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

  .bg-\(--color-action-primary-soft\)\/50 {
    background-color: #efe9f980;
  }

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

  .bg-\(--color-action-primary-soft\)\/60 {
    background-color: #efe9f999;
  }

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

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

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

  .bg-\(--color-blue-100\)\/20 {
    background-color: #2196f333;
  }

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

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

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

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

  .bg-\(--color-green-12\)\/40 {
    background-color: #e9f5ea66;
  }

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

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

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

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

  .bg-\(--color-neutral-000\)\/80 {
    background-color: #fffc;
  }

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

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

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

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

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

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

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

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

  .bg-\(--color-orange-12\)\/20 {
    background-color: #fff3e033;
  }

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

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

  .bg-\(--color-orange-100\)\/20 {
    background-color: #ffa10033;
  }

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

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

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

  .bg-\(--color-red-12\)\/20 {
    background-color: #fde8e633;
  }

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

  .bg-\(--color-red-12\)\/30 {
    background-color: #fde8e64d;
  }

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

  .bg-\(--color-red-12\)\/40 {
    background-color: #fde8e666;
  }

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

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

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

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

  .bg-\(--color-surface-page\)\/60 {
    background-color: #fff9;
  }

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

  .bg-\(--color-surface-page\)\/95 {
    background-color: #fffffff2;
  }

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

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

  .bg-\(--color-surface-section\)\/40 {
    background-color: #f5f5f566;
  }

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

  .bg-\(--color-surface-section\)\/50 {
    background-color: #f5f5f580;
  }

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

  .bg-\(--color-surface-section\)\/60 {
    background-color: #f5f5f599;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bg-\[rgba\(33\,150\,243\,0\.08\)\] {
    background-color: #2196f314;
  }

  .bg-\[rgba\(76\,175\,81\,0\.08\)\] {
    background-color: #4caf5114;
  }

  .bg-\[rgba\(125\,76\,207\,0\.08\)\] {
    background-color: #7d4ccf14;
  }

  .bg-\[rgba\(217\,217\,217\,0\.5\)\] {
    background-color: #d9d9d980;
  }

  .bg-\[rgba\(255\,161\,0\,0\.08\)\] {
    background-color: #ffa10014;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bg-green-500\/15 {
    background-color: #00c75826;
  }

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

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

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

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

  .bg-neutral-800\/50 {
    background-color: #42424280;
  }

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

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

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

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

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

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

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

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

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

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

  .bg-transparent {
    background-color: #0000;
  }

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

  .bg-white\/95 {
    background-color: #fffffff2;
  }

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

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

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

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[linear-gradient\(-90deg\,\#e298ff\,\#6fe5ff\)\] {
    background-image: linear-gradient(-90deg, #e298ff, #6fe5ff);
  }

  .bg-\[radial-gradient\(60\%_60\%_at_70\%_0\%\,rgba\(125\,76\,207\,0\.22\)_0\%\,rgba\(125\,76\,207\,0\)_60\%\)\,radial-gradient\(40\%_40\%_at_15\%_30\%\,rgba\(33\,150\,243\,0\.10\)_0\%\,rgba\(33\,150\,243\,0\)_60\%\)\] {
    background-image: radial-gradient(60% 60% at 70% 0, #7d4ccf38 0%, #7d4ccf00 60%), radial-gradient(40% 40% at 15% 30%, #2196f31a 0%, #2196f300 60%);
  }

  .from-\(--color-action-primary\) {
    --tw-gradient-from: var(--color-action-primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\(--color-action-primary\)\/40 {
    --tw-gradient-from: #7d4ccf66;
  }

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

  .from-\(--color-action-primary\)\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#7d4ccf\] {
    --tw-gradient-from: #7d4ccf;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#efe9f9\] {
    --tw-gradient-from: #efe9f9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-pink-200 {
    --tw-gradient-from: var(--color-pink-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .via-\(--color-border-default\) {
    --tw-gradient-via: var(--color-border-default);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-violet-200 {
    --tw-gradient-via: var(--color-violet-200);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-\(--color-blue-100\) {
    --tw-gradient-to: var(--color-blue-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#2b8fd6\] {
    --tw-gradient-to: #2b8fd6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#f5f5f5\] {
    --tw-gradient-to: #f5f5f5;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-violet-300 {
    --tw-gradient-to: var(--color-violet-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-violet-400 {
    --tw-gradient-to: var(--color-violet-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

  .fill-\(--color-text-primary\) {
    fill: var(--color-text-primary);
  }

  .fill-red-500 {
    fill: var(--color-red-500);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-center {
    object-position: center;
  }

  .object-left {
    object-position: left;
  }

  .object-right {
    object-position: right;
  }

  .object-top {
    object-position: top;
  }

  .p-0\.5 {
    padding: var(--spacing-0_5);
  }

  .p-1 {
    padding: var(--spacing-1);
  }

  .p-1\.5 {
    padding: var(--spacing-1_5);
  }

  .p-2 {
    padding: var(--spacing-2);
  }

  .p-2\.5 {
    padding: var(--spacing-2_5);
  }

  .p-3 {
    padding: var(--spacing-3);
  }

  .p-3\.5 {
    padding: var(--spacing-3_5);
  }

  .p-4 {
    padding: var(--spacing-4);
  }

  .p-5 {
    padding: var(--spacing-5);
  }

  .p-6 {
    padding: var(--spacing-6);
  }

  .p-7 {
    padding: var(--spacing-7);
  }

  .p-8 {
    padding: var(--spacing-8);
  }

  .px-0\.5 {
    padding-inline: var(--spacing-0_5);
  }

  .px-1 {
    padding-inline: var(--spacing-1);
  }

  .px-1\.5 {
    padding-inline: var(--spacing-1_5);
  }

  .px-2 {
    padding-inline: var(--spacing-2);
  }

  .px-2\.5 {
    padding-inline: var(--spacing-2_5);
  }

  .px-3 {
    padding-inline: var(--spacing-3);
  }

  .px-3\.5 {
    padding-inline: var(--spacing-3_5);
  }

  .px-4 {
    padding-inline: var(--spacing-4);
  }

  .px-5 {
    padding-inline: var(--spacing-5);
  }

  .px-6 {
    padding-inline: var(--spacing-6);
  }

  .px-8 {
    padding-inline: var(--spacing-8);
  }

  .px-10 {
    padding-inline: var(--spacing-10);
  }

  .px-\[1px\] {
    padding-inline: 1px;
  }

  .py-0 {
    padding-block: var(--spacing-0);
  }

  .py-0\.5 {
    padding-block: var(--spacing-0_5);
  }

  .py-1 {
    padding-block: var(--spacing-1);
  }

  .py-1\.5 {
    padding-block: var(--spacing-1_5);
  }

  .py-2 {
    padding-block: var(--spacing-2);
  }

  .py-2\.5 {
    padding-block: var(--spacing-2_5);
  }

  .py-3 {
    padding-block: var(--spacing-3);
  }

  .py-3\.5 {
    padding-block: var(--spacing-3_5);
  }

  .py-4 {
    padding-block: var(--spacing-4);
  }

  .py-5 {
    padding-block: var(--spacing-5);
  }

  .py-6 {
    padding-block: var(--spacing-6);
  }

  .py-8 {
    padding-block: var(--spacing-8);
  }

  .py-10 {
    padding-block: var(--spacing-10);
  }

  .py-12 {
    padding-block: var(--spacing-12);
  }

  .py-16 {
    padding-block: var(--spacing-16);
  }

  .py-px {
    padding-block: 1px;
  }

  .pt-0\.5 {
    padding-top: var(--spacing-0_5);
  }

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

  .pt-1\.5 {
    padding-top: var(--spacing-1_5);
  }

  .pt-2 {
    padding-top: var(--spacing-2);
  }

  .pt-2\.5 {
    padding-top: var(--spacing-2_5);
  }

  .pt-3 {
    padding-top: var(--spacing-3);
  }

  .pt-4 {
    padding-top: var(--spacing-4);
  }

  .pt-5 {
    padding-top: var(--spacing-5);
  }

  .pt-6 {
    padding-top: var(--spacing-6);
  }

  .pt-7 {
    padding-top: var(--spacing-7);
  }

  .pt-8 {
    padding-top: var(--spacing-8);
  }

  .pt-12 {
    padding-top: var(--spacing-12);
  }

  .pt-14 {
    padding-top: var(--spacing-14);
  }

  .pt-16 {
    padding-top: var(--spacing-16);
  }

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

  .pr-2 {
    padding-right: var(--spacing-2);
  }

  .pr-2\.5 {
    padding-right: var(--spacing-2_5);
  }

  .pr-3\.5 {
    padding-right: var(--spacing-3_5);
  }

  .pr-4 {
    padding-right: var(--spacing-4);
  }

  .pr-10 {
    padding-right: var(--spacing-10);
  }

  .pb-0\.5 {
    padding-bottom: var(--spacing-0_5);
  }

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

  .pb-1\.5 {
    padding-bottom: var(--spacing-1_5);
  }

  .pb-2 {
    padding-bottom: var(--spacing-2);
  }

  .pb-2\.5 {
    padding-bottom: var(--spacing-2_5);
  }

  .pb-3 {
    padding-bottom: var(--spacing-3);
  }

  .pb-3\.5 {
    padding-bottom: var(--spacing-3_5);
  }

  .pb-4 {
    padding-bottom: var(--spacing-4);
  }

  .pb-5 {
    padding-bottom: var(--spacing-5);
  }

  .pb-7 {
    padding-bottom: var(--spacing-7);
  }

  .pb-10 {
    padding-bottom: var(--spacing-10);
  }

  .pb-12 {
    padding-bottom: var(--spacing-12);
  }

  .pb-16 {
    padding-bottom: var(--spacing-16);
  }

  .pl-0\.5 {
    padding-left: var(--spacing-0_5);
  }

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

  .pl-2 {
    padding-left: var(--spacing-2);
  }

  .pl-3 {
    padding-left: var(--spacing-3);
  }

  .pl-3\.5 {
    padding-left: var(--spacing-3_5);
  }

  .pl-5 {
    padding-left: var(--spacing-5);
  }

  .pl-7 {
    padding-left: var(--spacing-7);
  }

  .pl-8 {
    padding-left: var(--spacing-8);
  }

  .pl-9 {
    padding-left: var(--spacing-9);
  }

  .pl-10 {
    padding-left: var(--spacing-10);
  }

  .pl-20 {
    padding-left: var(--spacing-20);
  }

  .pl-\[13px\] {
    padding-left: 13px;
  }

  .pl-\[44px\] {
    padding-left: 44px;
  }

  .pl-\[68px\] {
    padding-left: 68px;
  }

  .pl-\[76px\] {
    padding-left: 76px;
  }

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

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .font-\[\'Roboto\'\,system-ui\,sans-serif\] {
    font-family: Roboto, system-ui, sans-serif;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.85em\] {
    font-size: .85em;
  }

  .text-\[3\.5px\] {
    font-size: 3.5px;
  }

  .text-\[4\.5px\] {
    font-size: 4.5px;
  }

  .text-\[5\.5px\] {
    font-size: 5.5px;
  }

  .text-\[5px\] {
    font-size: 5px;
  }

  .text-\[6\.5px\] {
    font-size: 6.5px;
  }

  .text-\[7\.5px\] {
    font-size: 7.5px;
  }

  .text-\[7px\] {
    font-size: 7px;
  }

  .text-\[8\.5px\] {
    font-size: 8.5px;
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[9\.5px\] {
    font-size: 9.5px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10\.5px\] {
    font-size: 10.5px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11\.5px\] {
    font-size: 11.5px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12\.5px\] {
    font-size: 12.5px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13\.5px\] {
    font-size: 13.5px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[17px\] {
    font-size: 17px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[19px\] {
    font-size: 19px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .text-\[26px\] {
    font-size: 26px;
  }

  .text-\[34px\] {
    font-size: 34px;
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  .text-\[46px\] {
    font-size: 46px;
  }

  .leading-6 {
    --tw-leading: var(--spacing-6);
    line-height: var(--spacing-6);
  }

  .leading-7 {
    --tw-leading: var(--spacing-7);
    line-height: var(--spacing-7);
  }

  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }

  .leading-\[12px\] {
    --tw-leading: 12px;
    line-height: 12px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[-0\.2px\] {
    --tw-tracking: -.2px;
    letter-spacing: -.2px;
  }

  .tracking-\[0\.15px\] {
    --tw-tracking: .15px;
    letter-spacing: .15px;
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\(--button-fill-text\) {
    color: var(--button-fill-text);
  }

  .text-\(--button-outline-text\) {
    color: var(--button-outline-text);
  }

  .text-\(--color-action-primary\) {
    color: var(--color-action-primary);
  }

  .text-\(--color-blue\) {
    color: var(--color-blue);
  }

  .text-\(--color-blue-100\) {
    color: var(--color-blue-100);
  }

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

  .text-\(--color-green-100\) {
    color: var(--color-green-100);
  }

  .text-\(--color-neutral-000\) {
    color: var(--color-neutral-000);
  }

  .text-\(--color-neutral-400\) {
    color: var(--color-neutral-400);
  }

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

  .text-\(--color-red-100\) {
    color: var(--color-red-100);
  }

  .text-\(--color-text-accent\) {
    color: var(--color-text-accent);
  }

  .text-\(--color-text-inverse\) {
    color: var(--color-text-inverse);
  }

  .text-\(--color-text-inverse\)\/70 {
    color: #ffffffb3;
  }

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

  .text-\(--color-text-inverse\)\/80 {
    color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\(--color-text-inverse\)\/80 {
      color: color-mix(in oklab, var(--color-text-inverse) 80%, transparent);
    }
  }

  .text-\(--color-text-primary\) {
    color: var(--color-text-primary);
  }

  .text-\(--color-text-secondary\) {
    color: var(--color-text-secondary);
  }

  .text-\(--color-text-tertiary\) {
    color: var(--color-text-tertiary);
  }

  .text-\(--color-violet-100\) {
    color: var(--color-violet-100);
  }

  .text-\[\#0e7a66\] {
    color: #0e7a66;
  }

  .text-\[\#0f6e56\] {
    color: #0f6e56;
  }

  .text-\[\#1d9e75\] {
    color: #1d9e75;
  }

  .text-\[\#2d2d2d\] {
    color: #2d2d2d;
  }

  .text-\[\#2e7d32\] {
    color: #2e7d32;
  }

  .text-\[\#2f6b33\] {
    color: #2f6b33;
  }

  .text-\[\#2f6fb0\] {
    color: #2f6fb0;
  }

  .text-\[\#2f7d32\] {
    color: #2f7d32;
  }

  .text-\[\#5a5a68\] {
    color: #5a5a68;
  }

  .text-\[\#5b7a98\] {
    color: #5b7a98;
  }

  .text-\[\#7d4ccf\] {
    color: #7d4ccf;
  }

  .text-\[\#8a6a00\] {
    color: #8a6a00;
  }

  .text-\[\#8b8b9a\] {
    color: #8b8b9a;
  }

  .text-\[\#43a047\] {
    color: #43a047;
  }

  .text-\[\#221a2e\] {
    color: #221a2e;
  }

  .text-\[\#1769aa\] {
    color: #1769aa;
  }

  .text-\[\#757575\] {
    color: #757575;
  }

  .text-\[\#818286\] {
    color: #818286;
  }

  .text-\[\#c2185b\] {
    color: #c2185b;
  }

  .text-\[\#d23b3b\] {
    color: #d23b3b;
  }

  .text-\[\#e5484d\] {
    color: #e5484d;
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

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

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

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-emerald-800 {
    color: var(--color-emerald-800);
  }

  .text-green-400 {
    color: var(--color-green-400);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-green-700\/80 {
    color: #008138cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-green-700\/80 {
      color: color-mix(in oklab, var(--color-green-700) 80%, transparent);
    }
  }

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

  .text-neutral-200 {
    color: var(--color-neutral-200);
  }

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

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

  .text-purple-800 {
    color: var(--color-purple-800);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-rose-700 {
    color: var(--color-rose-700);
  }

  .text-rose-800 {
    color: var(--color-rose-800);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

  .text-transparent {
    color: #0000;
  }

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

  .text-white\/80 {
    color: #fffc;
  }

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

  .text-white\/85 {
    color: #ffffffd9;
  }

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

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-\(--color-action-primary\)\/30 {
    text-decoration-color: #7d4ccf4d;
  }

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

  .decoration-\(--color-action-primary\)\/40 {
    text-decoration-color: #7d4ccf66;
  }

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

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .accent-\(--color-action-primary\) {
    accent-color: var(--color-action-primary);
  }

  .opacity-10 {
    opacity: .1;
  }

  .opacity-15 {
    opacity: .15;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-80 {
    opacity: .8;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_2px_rgba\(125\,76\,207\,0\.18\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #7d4ccf2e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_24px_-12px_rgba\(40\,40\,60\,0\.4\)\] {
    --tw-shadow: 0 0 24px -12px var(--tw-shadow-color, #28283c66);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_40px_-20px_rgba\(40\,40\,60\,0\.45\)\] {
    --tw-shadow: 0 0 40px -20px var(--tw-shadow-color, #28283c73);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_44px_-16px_rgba\(45\,45\,45\,0\.20\)\] {
    --tw-shadow: 0 0 44px -16px var(--tw-shadow-color, #2d2d2d33);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_44px_-16px_rgba\(45\,45\,45\,0\.38\)\] {
    --tw-shadow: 0 0 44px -16px var(--tw-shadow-color, #2d2d2d61);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_2px_rgba\(16\,24\,40\,0\.05\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_2px_rgba\(45\,45\,45\,0\.04\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #2d2d2d0a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_2px_rgba\(45\,45\,45\,0\.05\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #2d2d2d0d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_4px_rgba\(16\,24\,40\,0\.08\)\] {
    --tw-shadow: 0 1px 4px var(--tw-shadow-color, #10182814);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_20px_-10px_rgba\(45\,45\,45\,0\.35\)\] {
    --tw-shadow: 0 8px 20px -10px var(--tw-shadow-color, #2d2d2d59);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_28px_rgba\(0\,0\,0\,0\.35\)\] {
    --tw-shadow: 0 8px 28px var(--tw-shadow-color, #00000059);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_30px_-20px_rgba\(0\,0\,0\,0\.35\)\] {
    --tw-shadow: 0 10px 30px -20px var(--tw-shadow-color, #00000059);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_40px_-20px_rgba\(45\,45\,45\,0\.3\)\] {
    --tw-shadow: 0 10px 40px -20px var(--tw-shadow-color, #2d2d2d4d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_18px_-14px_rgba\(45\,45\,45\,0\.26\)\] {
    --tw-shadow: 0 12px 18px -14px var(--tw-shadow-color, #2d2d2d42);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_30px_-10px_rgba\(125\,76\,207\,0\.6\)\] {
    --tw-shadow: 0 12px 30px -10px var(--tw-shadow-color, #7d4ccf99);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_34px_-12px_rgba\(45\,45\,45\,0\.45\)\] {
    --tw-shadow: 0 12px 34px -12px var(--tw-shadow-color, #2d2d2d73);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_16px_40px_-12px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-shadow: 0 16px 40px -12px var(--tw-shadow-color, #00000073);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_20px_50px_-24px_rgba\(45\,45\,45\,0\.35\)\] {
    --tw-shadow: 0 20px 50px -24px var(--tw-shadow-color, #2d2d2d59);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_20px_60px_-20px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0 20px 60px -20px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_60px_-20px_rgba\(125\,76\,207\,0\.45\)\] {
    --tw-shadow: 0 24px 60px -20px var(--tw-shadow-color, #7d4ccf73);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_60px_-28px_rgba\(45\,45\,45\,0\.4\)\] {
    --tw-shadow: 0 24px 60px -28px var(--tw-shadow-color, #2d2d2d66);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_60px_-28px_rgba\(125\,76\,207\,0\.30\)\] {
    --tw-shadow: 0 24px 60px -28px var(--tw-shadow-color, #7d4ccf4d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_60px_-30px_rgba\(125\,76\,207\,0\.25\)\] {
    --tw-shadow: 0 24px 60px -30px var(--tw-shadow-color, #7d4ccf40);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_30px_60px_-30px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0 30px 60px -30px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_30px_60px_-30px_rgba\(0\,0\,0\,0\.35\)\] {
    --tw-shadow: 0 30px 60px -30px var(--tw-shadow-color, #00000059);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_30px_80px_-30px_rgba\(0\,0\,0\,0\.16\)\] {
    --tw-shadow: 0 30px 80px -30px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_30px_80px_-30px_rgba\(125\,76\,207\,0\.20\)\] {
    --tw-shadow: 0 30px 80px -30px var(--tw-shadow-color, #7d4ccf33);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_30px_80px_-30px_rgba\(125\,76\,207\,0\.25\)\] {
    --tw-shadow: 0 30px 80px -30px var(--tw-shadow-color, #7d4ccf40);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_30px_80px_-30px_rgba\(125\,76\,207\,0\.28\)\] {
    --tw-shadow: 0 30px 80px -30px var(--tw-shadow-color, #7d4ccf47);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_30px_80px_-30px_rgba\(125\,76\,207\,0\.30\)\] {
    --tw-shadow: 0 30px 80px -30px var(--tw-shadow-color, #7d4ccf4d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_30px_80px_-30px_rgba\(125\,76\,207\,0\.35\)\] {
    --tw-shadow: 0 30px 80px -30px var(--tw-shadow-color, #7d4ccf59);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_30px_80px_-30px_rgba\(125\,76\,207\,0\.45\)\] {
    --tw-shadow: 0 30px 80px -30px var(--tw-shadow-color, #7d4ccf73);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_3px_0_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: inset 0 0 3px 0 var(--tw-shadow-color, #00000026);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_4px_0_rgba\(0\,0\,0\,0\.35\)\] {
    --tw-shadow: inset 0 0 4px 0 var(--tw-shadow-color, #00000059);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_6px_0_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: inset 0 0 6px 0 var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-\(--color-action-primary\) {
    --tw-ring-color: var(--color-action-primary);
  }

  .ring-\(--color-action-primary\)\/40 {
    --tw-ring-color: #7d4ccf66;
  }

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

  .ring-\(--color-surface-card\) {
    --tw-ring-color: var(--color-surface-card);
  }

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

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-\[200px\] {
    --tw-blur: blur(200px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-sm {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-\(--duration-base\) {
    --tw-duration: var(--duration-base);
    transition-duration: var(--duration-base);
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .ease-\(--ease-ui\) {
    --tw-ease: var(--ease-ui);
    transition-timing-function: var(--ease-ui);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[brief\:needs-confirmation\] {
    brief: needs-confirmation;
  }

  .\[grid-area\:1\/1\] {
    grid-area: 1 / 1;
  }

  .group-open\:rotate-0:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: none;
  }

  .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 90deg;
  }

  @media (hover: hover) {
    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *) {
      scale: 1.03;
    }
  }

  @media (hover: hover) {
    .group-hover\:bg-black\/15:is(:where(.group):hover *) {
      background-color: #00000026;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-black\/15:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .group-hover\:bg-white:is(:where(.group):hover *) {
      background-color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-\(--color-text-accent\):is(:where(.group):hover *) {
      color: var(--color-text-accent);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-\(--color-text-primary\):is(:where(.group):hover *) {
      color: var(--color-text-primary);
    }
  }

  @media (hover: hover) {
    .group-hover\:underline:is(:where(.group):hover *) {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .group-hover\:grayscale-0:is(:where(.group):hover *) {
      --tw-grayscale: grayscale(0%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  .placeholder\:text-\(--color-text-secondary\)::placeholder {
    color: var(--color-text-secondary);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:inset-\[2\.5px\]:after {
    content: var(--tw-content);
    inset: 2.5px;
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: var(--radius-full);
  }

  .after\:bg-\(--color-action-primary\):after {
    content: var(--tw-content);
    background-color: var(--color-action-primary);
  }

  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }

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

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

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

  .last\:pb-0:last-child {
    padding-bottom: var(--spacing-0);
  }

  .open\:border-\(--color-action-primary\)\/40:is([open], :popover-open, :open) {
    border-color: #7d4ccf66;
  }

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

  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing-0_5) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .hover\:border-\(--button-outline-border-hover\):hover {
      border-color: var(--button-outline-border-hover);
    }
  }

  @media (hover: hover) {
    .hover\:border-\(--color-action-primary\):hover {
      border-color: var(--color-action-primary);
    }
  }

  @media (hover: hover) {
    .hover\:border-\(--color-action-primary\)\/30:hover {
      border-color: #7d4ccf4d;
    }

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

  @media (hover: hover) {
    .hover\:border-\(--color-action-primary\)\/40:hover {
      border-color: #7d4ccf66;
    }

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

  @media (hover: hover) {
    .hover\:border-\(--color-action-primary\)\/50:hover {
      border-color: #7d4ccf80;
    }

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

  @media (hover: hover) {
    .hover\:border-\(--color-border-default\):hover {
      border-color: var(--color-border-default);
    }
  }

  @media (hover: hover) {
    .hover\:border-\(--color-text-inverse\)\/60:hover {
      border-color: #fff9;
    }

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

  @media (hover: hover) {
    .hover\:border-\[color-mix\(in_srgb\,var\(--color-action-primary\)_45\%\,transparent\)\]:hover {
      border-color: #7d4ccf73;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color-mix\(in_srgb\,var\(--color-action-primary\)_45\%\,transparent\)\]:hover {
        border-color: color-mix(in srgb,var(--color-action-primary) 45%,transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-white\/60:hover {
      border-color: #fff9;
    }

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

  @media (hover: hover) {
    .hover\:bg-\(--button-fill-bg-hover\):hover {
      background-color: var(--button-fill-bg-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\(--button-outline-bg-hover\):hover {
      background-color: var(--button-outline-bg-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\(--color-action-primary\)\/5:hover {
      background-color: #7d4ccf0d;
    }

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

  @media (hover: hover) {
    .hover\:bg-\(--color-action-primary-soft\)\/40:hover {
      background-color: #efe9f966;
    }

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

  @media (hover: hover) {
    .hover\:bg-\(--color-surface-section\):hover {
      background-color: var(--color-surface-section);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\(--color-text-inverse\)\/10:hover {
      background-color: #ffffff1a;
    }

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

  @media (hover: hover) {
    .hover\:bg-\(--color-text-inverse\)\/90:hover {
      background-color: #ffffffe6;
    }

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

  @media (hover: hover) {
    .hover\:bg-\[\#6b3fbf\]:hover {
      background-color: #6b3fbf;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#f1edfb\]:hover {
      background-color: #f1edfb;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#f5f5f5\]:hover {
      background-color: #f5f5f5;
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }

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

  @media (hover: hover) {
    .hover\:bg-white\/90:hover {
      background-color: #ffffffe6;
    }

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

  @media (hover: hover) {
    .hover\:text-\(--button-outline-text-hover\):hover {
      color: var(--button-outline-text-hover);
    }
  }

  @media (hover: hover) {
    .hover\:text-\(--color-text-accent\):hover {
      color: var(--color-text-accent);
    }
  }

  @media (hover: hover) {
    .hover\:text-\(--color-text-inverse\):hover {
      color: var(--color-text-inverse);
    }
  }

  @media (hover: hover) {
    .hover\:text-\(--color-text-primary\):hover {
      color: var(--color-text-primary);
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .hover\:decoration-\(--color-action-primary\):hover {
      -webkit-text-decoration-color: var(--color-action-primary);
      text-decoration-color: var(--color-action-primary);
    }
  }

  @media (hover: hover) {
    .hover\:opacity-90:hover {
      opacity: .9;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[0_6px_24px_color-mix\(in_srgb\,var\(--color-action-primary\)_16\%\,transparent\)\]:hover {
      --tw-shadow: 0 6px 24px var(--tw-shadow-color, #7d4ccf29);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-\[0_6px_24px_color-mix\(in_srgb\,var\(--color-action-primary\)_16\%\,transparent\)\]:hover {
        --tw-shadow: 0 6px 24px var(--tw-shadow-color, color-mix(in srgb,var(--color-action-primary) 16%,transparent));
      }
    }

    .hover\:shadow-\[0_6px_24px_color-mix\(in_srgb\,var\(--color-action-primary\)_16\%\,transparent\)\]:hover {
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-sm:hover {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

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

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-\(--color-action-primary\)\/30:focus {
    --tw-ring-color: #7d4ccf4d;
  }

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

  .focus\:ring-\(--color-action-primary\)\/40:focus {
    --tw-ring-color: #7d4ccf66;
  }

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

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:shadow-\(--button-focus-default\):focus-visible {
    --tw-shadow: var(--button-focus-default);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\(--color-action-primary\):focus-visible {
    --tw-ring-color: var(--color-action-primary);
  }

  .focus-visible\:ring-\(--color-action-primary\)\/30:focus-visible {
    --tw-ring-color: #7d4ccf4d;
  }

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

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (hover: hover) {
    .enabled\:hover\:border-\(--color-action-primary\)\/48:enabled:hover {
      border-color: #7d4ccf7a;
    }

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

  @media (hover: hover) {
    .enabled\:hover\:bg-\(--color-action-primary-soft\):enabled:hover {
      background-color: var(--color-action-primary-soft);
    }
  }

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

  .disabled\:bg-\(--button-fill-bg-disabled\):disabled {
    background-color: var(--button-fill-bg-disabled);
  }

  .disabled\:text-\(--button-fill-text-disabled\):disabled {
    color: var(--button-fill-text-disabled);
  }

  .disabled\:text-\(--button-outline-text-disabled\):disabled {
    color: var(--button-outline-text-disabled);
  }

  .disabled\:text-\(--color-border-default\):disabled {
    color: var(--color-border-default);
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  @media (hover: hover) {
    .disabled\:hover\:border-\(--button-outline-border\):disabled:hover {
      border-color: var(--button-outline-border);
    }
  }

  @media (hover: hover) {
    .disabled\:hover\:bg-\(--button-fill-bg-disabled\):disabled:hover {
      background-color: var(--button-fill-bg-disabled);
    }
  }

  @media (hover: hover) {
    .disabled\:hover\:bg-\(--button-outline-bg\):disabled:hover {
      background-color: var(--button-outline-bg);
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:h-\[300px\] {
      height: 300px;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:\[zoom\:0\.8\] {
      zoom: .8;
    }
  }

  @media (min-width: 40rem) {
    .sm\:mt-5 {
      margin-top: var(--spacing-5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:block {
      display: block;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex {
      display: flex;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid {
      display: grid;
    }
  }

  @media (min-width: 40rem) {
    .sm\:hidden {
      display: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inline {
      display: inline;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inline-block {
      display: inline-block;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inline-flex {
      display: inline-flex;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-36 {
      width: calc(var(--spacing) * 36);
    }
  }

  @media (min-width: 40rem) {
    .sm\:shrink-0 {
      flex-shrink: 0;
    }
  }

  @media (min-width: 40rem) {
    .sm\:columns-2 {
      columns: 2;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[1\.1fr_auto_1fr\] {
      grid-template-columns: 1.1fr auto 1fr;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[1fr_auto_1fr\] {
      grid-template-columns: 1fr auto 1fr;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[80px_64px_64px_64px_54px\] {
      grid-template-columns: 80px 64px 64px 64px 54px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 40rem) {
    .sm\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-center {
      justify-content: center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-normal {
      justify-content: normal;
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-0 {
      gap: var(--spacing-0);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-6 {
      gap: var(--spacing-6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-8 {
      gap: var(--spacing-8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-x-2\.5 {
      column-gap: var(--spacing-2_5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-5 {
      padding: var(--spacing-5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-4 {
      padding-inline: var(--spacing-4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-6 {
      padding-inline: var(--spacing-6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pr-5 {
      padding-right: var(--spacing-5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-left {
      text-align: left;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:order-1 {
      order: 1;
    }
  }

  @media (min-width: 48rem) {
    .md\:order-2 {
      order: 2;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 48rem) {
    .md\:row-span-1 {
      grid-row: span 1 / span 1;
    }
  }

  @media (min-width: 48rem) {
    .md\:row-span-2 {
      grid-row: span 2 / span 2;
    }
  }

  @media (min-width: 48rem) {
    .md\:mx-0 {
      margin-inline: var(--spacing-0);
    }
  }

  @media (min-width: 48rem) {
    .md\:mx-auto {
      margin-inline: auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:my-8 {
      margin-block: var(--spacing-8);
    }
  }

  @media (min-width: 48rem) {
    .md\:-mt-16 {
      margin-top: calc(var(--spacing-16) * -1);
    }
  }

  @media (min-width: 48rem) {
    .md\:-mr-8 {
      margin-right: calc(var(--spacing-8) * -1);
    }
  }

  @media (min-width: 48rem) {
    .md\:-mb-8 {
      margin-bottom: calc(var(--spacing-8) * -1);
    }
  }

  @media (min-width: 48rem) {
    .md\:mb-4 {
      margin-bottom: var(--spacing-4);
    }
  }

  @media (min-width: 48rem) {
    .md\:mb-8 {
      margin-bottom: var(--spacing-8);
    }
  }

  @media (min-width: 48rem) {
    .md\:mb-10 {
      margin-bottom: var(--spacing-10);
    }
  }

  @media (min-width: 48rem) {
    .md\:mb-16 {
      margin-bottom: var(--spacing-16);
    }
  }

  @media (min-width: 48rem) {
    .md\:-ml-8 {
      margin-left: calc(var(--spacing-8) * -1);
    }
  }

  @media (min-width: 48rem) {
    .md\:ml-auto {
      margin-left: auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex {
      display: flex;
    }
  }

  @media (min-width: 48rem) {
    .md\:hidden {
      display: none;
    }
  }

  @media (min-width: 48rem) {
    .md\:inline {
      display: inline;
    }
  }

  @media (min-width: 48rem) {
    .md\:inline-flex {
      display: inline-flex;
    }
  }

  @media (min-width: 48rem) {
    .md\:h-8 {
      height: var(--spacing-8);
    }
  }

  @media (min-width: 48rem) {
    .md\:h-12 {
      height: var(--spacing-12);
    }
  }

  @media (min-width: 48rem) {
    .md\:h-32 {
      height: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 48rem) {
    .md\:max-h-\[380px\] {
      max-height: 380px;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-12 {
      width: var(--spacing-12);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-32 {
      width: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-44 {
      width: calc(var(--spacing) * 44);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[calc\(50\%-12px\)\] {
      width: calc(50% - 12px);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-full {
      width: 100%;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-w-4xl {
      max-width: var(--container-4xl);
    }
  }

  @media (min-width: 48rem) {
    .md\:-rotate-1 {
      rotate: -1deg;
    }
  }

  @media (min-width: 48rem) {
    .md\:-rotate-2 {
      rotate: -2deg;
    }
  }

  @media (min-width: 48rem) {
    .md\:rotate-1 {
      rotate: 1deg;
    }
  }

  @media (min-width: 48rem) {
    .md\:rotate-2 {
      rotate: 2deg;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[1\.05fr_0\.95fr\] {
      grid-template-columns: 1.05fr .95fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[1\.25fr_1fr\] {
      grid-template-columns: 1.25fr 1fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[1fr_1fr\] {
      grid-template-columns: 1fr 1fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[1fr_auto_1\.05fr\] {
      grid-template-columns: 1fr auto 1.05fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[180px_1fr\] {
      grid-template-columns: 180px 1fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[200px_1fr\] {
      grid-template-columns: 200px 1fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[220px_1fr\] {
      grid-template-columns: 220px 1fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[minmax\(0\,1fr\)_64px_92px_104px_132px\] {
      grid-template-columns: minmax(0, 1fr) 64px 92px 104px 132px;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-col {
      flex-direction: column;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-2\.5 {
      gap: var(--spacing-2_5);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-3 {
      gap: var(--spacing-3);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-4 {
      gap: var(--spacing-4);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-5 {
      gap: var(--spacing-5);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-6 {
      gap: var(--spacing-6);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-8 {
      gap: var(--spacing-8);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-10 {
      gap: var(--spacing-10);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-12 {
      gap: var(--spacing-12);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-16 {
      gap: var(--spacing-16);
    }
  }

  @media (min-width: 48rem) {
    :where(.md\:space-y-10 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-10) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-10) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-x-12 {
      column-gap: var(--spacing-12);
    }
  }

  @media (min-width: 48rem) {
    .md\:rounded-br-\(--radius-xl\) {
      border-bottom-right-radius: var(--radius-xl);
    }
  }

  @media (min-width: 48rem) {
    .md\:rounded-br-none {
      border-bottom-right-radius: var(--radius-none);
    }
  }

  @media (min-width: 48rem) {
    .md\:rounded-bl-\(--radius-xl\) {
      border-bottom-left-radius: var(--radius-xl);
    }
  }

  @media (min-width: 48rem) {
    .md\:rounded-bl-none {
      border-bottom-left-radius: var(--radius-none);
    }
  }

  @media (min-width: 48rem) {
    .md\:object-left {
      object-position: left;
    }
  }

  @media (min-width: 48rem) {
    .md\:object-right {
      object-position: right;
    }
  }

  @media (min-width: 48rem) {
    .md\:p-3\.5 {
      padding: var(--spacing-3_5);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-4 {
      padding: var(--spacing-4);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-5 {
      padding: var(--spacing-5);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-6 {
      padding: var(--spacing-6);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-7 {
      padding: var(--spacing-7);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-8 {
      padding: var(--spacing-8);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-6 {
      padding-inline: var(--spacing-6);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-10 {
      padding-inline: var(--spacing-10);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-12 {
      padding-inline: var(--spacing-12);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-14 {
      padding-inline: var(--spacing-14);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-16 {
      padding-inline: var(--spacing-16);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-4 {
      padding-block: var(--spacing-4);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-10 {
      padding-block: var(--spacing-10);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-12 {
      padding-block: var(--spacing-12);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-16 {
      padding-block: var(--spacing-16);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-20 {
      padding-block: var(--spacing-20);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-24 {
      padding-block: var(--spacing-24);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-8 {
      padding-top: var(--spacing-8);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-10 {
      padding-top: var(--spacing-10);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-12 {
      padding-top: var(--spacing-12);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-16 {
      padding-top: var(--spacing-16);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-24 {
      padding-top: var(--spacing-24);
    }
  }

  @media (min-width: 48rem) {
    .md\:pb-12 {
      padding-bottom: var(--spacing-12);
    }
  }

  @media (min-width: 48rem) {
    .md\:pb-24 {
      padding-bottom: var(--spacing-24);
    }
  }

  @media (min-width: 48rem) {
    .md\:text-center {
      text-align: center;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[11px\] {
      font-size: 11px;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[13px\] {
      font-size: 13px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }
  }

  @media (min-width: 64rem) {
    .lg\:top-6 {
      top: var(--spacing-6);
    }
  }

  @media (min-width: 64rem) {
    .lg\:order-1 {
      order: 1;
    }
  }

  @media (min-width: 64rem) {
    .lg\:order-2 {
      order: 2;
    }
  }

  @media (min-width: 64rem) {
    .lg\:order-none {
      order: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-full {
      grid-column: 1 / -1;
    }
  }

  @media (min-width: 64rem) {
    .lg\:mx-0 {
      margin-inline: var(--spacing-0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:-mt-24 {
      margin-top: calc(var(--spacing-24) * -1);
    }
  }

  @media (min-width: 64rem) {
    .lg\:mt-0 {
      margin-top: var(--spacing-0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:mt-8 {
      margin-top: var(--spacing-8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:mr-0 {
      margin-right: var(--spacing-0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:-mb-12 {
      margin-bottom: calc(var(--spacing-12) * -1);
    }
  }

  @media (min-width: 64rem) {
    .lg\:mb-8 {
      margin-bottom: var(--spacing-8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:mb-12 {
      margin-bottom: var(--spacing-12);
    }
  }

  @media (min-width: 64rem) {
    .lg\:mb-24 {
      margin-bottom: var(--spacing-24);
    }
  }

  @media (min-width: 64rem) {
    .lg\:ml-0 {
      margin-left: var(--spacing-0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:block {
      display: block;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex {
      display: flex;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid {
      display: grid;
    }
  }

  @media (min-width: 64rem) {
    .lg\:hidden {
      display: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:inline-flex {
      display: inline-flex;
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-h-\[460px\] {
      max-height: 460px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-h-\[calc\(100vh-3rem\)\] {
      max-height: calc(100vh - 3rem);
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-\[384px\] {
      width: 384px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-\[800px\] {
      width: 800px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-auto {
      width: auto;
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-w-4xl {
      max-width: var(--container-4xl);
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-w-6xl {
      max-width: var(--container-6xl);
    }
  }

  @media (min-width: 64rem) {
    .lg\:min-w-0 {
      min-width: var(--spacing-0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-1 {
      flex: 1;
    }
  }

  @media (min-width: 64rem) {
    .lg\:shrink {
      flex-shrink: 1;
    }
  }

  @media (min-width: 64rem) {
    .lg\:shrink-0 {
      flex-shrink: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:columns-3 {
      columns: 3;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1\.1fr_1fr\] {
      grid-template-columns: 1.1fr 1fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1fr_360px\] {
      grid-template-columns: 1fr 360px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1fr_minmax\(0\,420px\)\] {
      grid-template-columns: 1fr minmax(0, 420px);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[84px_70px_70px_70px_58px\] {
      grid-template-columns: 84px 70px 70px 70px 58px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[280px_minmax\(0\,1fr\)\] {
      grid-template-columns: 280px minmax(0, 1fr);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(280px\,360px\)_1fr\] {
      grid-template-columns: minmax(280px, 360px) 1fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 64rem) {
    .lg\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 64rem) {
    .lg\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 64rem) {
    .lg\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 64rem) {
    .lg\:gap-6 {
      gap: var(--spacing-6);
    }
  }

  @media (min-width: 64rem) {
    .lg\:gap-8 {
      gap: var(--spacing-8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:gap-10 {
      gap: var(--spacing-10);
    }
  }

  @media (min-width: 64rem) {
    .lg\:gap-12 {
      gap: var(--spacing-12);
    }
  }

  @media (min-width: 64rem) {
    .lg\:gap-16 {
      gap: var(--spacing-16);
    }
  }

  @media (min-width: 64rem) {
    .lg\:gap-24 {
      gap: var(--spacing-24);
    }
  }

  @media (min-width: 64rem) {
    .lg\:gap-x-3\.5 {
      column-gap: var(--spacing-3_5);
    }
  }

  @media (min-width: 64rem) {
    .lg\:gap-x-14 {
      column-gap: var(--spacing-14);
    }
  }

  @media (min-width: 64rem) {
    .lg\:self-start {
      align-self: flex-start;
    }
  }

  @media (min-width: 64rem) {
    .lg\:truncate {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
  }

  @media (min-width: 64rem) {
    .lg\:overflow-visible {
      overflow: visible;
    }
  }

  @media (min-width: 64rem) {
    .lg\:overflow-y-auto {
      overflow-y: auto;
    }
  }

  @media (min-width: 64rem) {
    .lg\:rounded-\(--radius-2xl\) {
      border-radius: var(--radius-2xl);
    }
  }

  @media (min-width: 64rem) {
    .lg\:rounded-\(--radius-3xl\) {
      border-radius: var(--radius-3xl);
    }
  }

  @media (min-width: 64rem) {
    .lg\:rounded-br-none {
      border-bottom-right-radius: var(--radius-none);
    }
  }

  @media (min-width: 64rem) {
    .lg\:rounded-bl-none {
      border-bottom-left-radius: var(--radius-none);
    }
  }

  @media (min-width: 64rem) {
    .lg\:object-left {
      object-position: left;
    }
  }

  @media (min-width: 64rem) {
    .lg\:object-right {
      object-position: right;
    }
  }

  @media (min-width: 64rem) {
    .lg\:p-12 {
      padding: var(--spacing-12);
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-12 {
      padding-inline: var(--spacing-12);
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-20 {
      padding-inline: var(--spacing-20);
    }
  }

  @media (min-width: 64rem) {
    .lg\:py-12 {
      padding-block: var(--spacing-12);
    }
  }

  @media (min-width: 64rem) {
    .lg\:py-16 {
      padding-block: var(--spacing-16);
    }
  }

  @media (min-width: 64rem) {
    .lg\:py-20 {
      padding-block: var(--spacing-20);
    }
  }

  @media (min-width: 64rem) {
    .lg\:py-24 {
      padding-block: var(--spacing-24);
    }
  }

  @media (min-width: 64rem) {
    .lg\:py-32 {
      padding-block: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pt-10 {
      padding-top: var(--spacing-10);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pt-12 {
      padding-top: var(--spacing-12);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pt-16 {
      padding-top: var(--spacing-16);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pt-20 {
      padding-top: var(--spacing-20);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pt-24 {
      padding-top: var(--spacing-24);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pt-32 {
      padding-top: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pr-0 {
      padding-right: var(--spacing-0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pr-10 {
      padding-right: var(--spacing-10);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pb-12 {
      padding-bottom: var(--spacing-12);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pb-16 {
      padding-bottom: var(--spacing-16);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pb-20 {
      padding-bottom: var(--spacing-20);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pb-32 {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pl-10 {
      padding-left: var(--spacing-10);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pl-12 {
      padding-left: var(--spacing-12);
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 80rem) {
    .xl\:max-w-2xl {
      max-width: var(--container-2xl);
    }
  }

  @media (min-width: 80rem) {
    .xl\:max-w-\[420px\] {
      max-width: 420px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:flex-1 {
      flex: 1;
    }
  }

  @media (min-width: 80rem) {
    .xl\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 80rem) {
    .xl\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 80rem) {
    .xl\:gap-8 {
      gap: var(--spacing-8);
    }
  }

  @media (min-width: 80rem) {
    .xl\:gap-16 {
      gap: var(--spacing-16);
    }
  }

  @media (min-width: 80rem) {
    .xl\:px-0 {
      padding-inline: var(--spacing-0);
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:block {
      display: block;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:hidden {
      display: none;
    }
  }

  .\[\&_svg\]\:size-5 svg {
    width: var(--spacing-5);
    height: var(--spacing-5);
  }

  .\[\&_svg\]\:size-6 svg {
    width: var(--spacing-6);
    height: var(--spacing-6);
  }

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }

  @media (min-width: 48rem) {
    .md\:\[\&\>div\:first-child\]\:order-2 > div:first-child {
      order: 2;
    }
  }

  @media (min-width: 64rem) {
    .lg\:\[\&\>div\:first-child\]\:order-2 > div:first-child {
      order: 2;
    }
  }
}

.landing-theme-dark {
  --color-text-primary: #f4f2fb;
  --color-text-secondary: #a89fc4;
  --color-text-inverse: #fff;
  --color-text-accent: #b79cf2;
  --color-surface-page: #0d0b14;
  --color-surface-section: #15101f;
  --color-surface-card: #1a1527;
  --color-border-default: #2a2339;
  --color-action-primary: #8b5cf0;
  --color-action-primary-hover: #9d74f4;
  --color-action-primary-soft: #7d4ccf38;
  --button-fill-bg: #8b5cf0;
  --button-fill-bg-hover: #9d74f4;
  --button-fill-text: #fff;
  --button-outline-bg: transparent;
  --button-outline-bg-hover: #8b5cf029;
  --button-outline-border: #ffffff2e;
  --button-outline-border-hover: #8b5cf099;
  --button-outline-text: #cbb6f7;
  --button-outline-text-hover: #e0d3fb;
}

.landing-theme-dark [data-comp="hero.eyebrow"] > span {
  padding: .5rem 1.125rem;
  font-size: .9375rem;
}

@media (min-width: 768px) {
  .landing-theme-dark [data-comp="hero.eyebrow"] > span {
    padding: .625rem 1.375rem;
    font-size: 1.0625rem;
  }
}

.landing-theme-dark > div[data-comp] {
  scroll-margin-top: 88px;
}

@media (prefers-reduced-motion: no-preference) {
  :root:has(.landing-theme-dark) {
    scroll-behavior: smooth;
  }
}

.landing-theme-dark [data-comp="hero.title"] span, .landing-theme-dark h2 {
  background-image: linear-gradient(90deg, var(--h2-from, #8b5cf0) 0%, var(--h2-mid, #a78bfa) 45%, var(--h2-to, #6fe5ff) 100%);
  color: #0000;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

@keyframes landing-reveal {
  from {
    opacity: 0;
    transform: translateY(28px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.landing-theme-dark .reveal-section {
  animation: both landing-reveal;
  animation-timeline: view();
  animation-range: entry cover 22%;
}

@supports not (animation-timeline: view()) {
  .landing-theme-dark .reveal-section {
    animation: .6s ease-out both landing-reveal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-theme-dark .reveal-section {
    animation: none;
  }
}

.landing-theme-dark {
  background-image: radial-gradient(38% 40% at 18% 22%, #8b5cf033, #0000 60%), radial-gradient(34% 36% at 82% 16%, #6fe5ff24, #0000 60%), radial-gradient(46% 46% at 62% 88%, #8b5cf029, #0000 62%);
  background-repeat: no-repeat;
  background-size: 160% 160%, 150% 150%, 170% 170%;
}

.landing-theme-dark header {
  z-index: 40;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.landing-theme-dark header > div {
  background-color: var(--color-surface-page) !important;
}

.landing-theme-dark {
  padding-top: 65px;
}

.landing-theme-dark [data-comp="speaker_grid"] > section, .landing-theme-dark [data-comp="stats"] > section, .landing-theme-dark [data-comp="timeline_roadmap"] > section, .landing-theme-dark [data-comp="social_proof"] > section, .landing-theme-dark [data-comp="features"] > section, .landing-theme-dark [data-comp="logo_cloud"] > section, .landing-theme-dark [data-comp="video_gallery"] > section, .landing-theme-dark [data-comp="cta_banner"] > section {
  padding-top: 48px;
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .landing-theme-dark [data-comp="speaker_grid"] > section, .landing-theme-dark [data-comp="stats"] > section, .landing-theme-dark [data-comp="timeline_roadmap"] > section, .landing-theme-dark [data-comp="social_proof"] > section, .landing-theme-dark [data-comp="features"] > section, .landing-theme-dark [data-comp="logo_cloud"] > section, .landing-theme-dark [data-comp="video_gallery"] > section, .landing-theme-dark [data-comp="cta_banner"] > section {
    padding-top: 64px;
  }
}

@media (min-width: 1024px) {
  .landing-theme-dark [data-comp="speaker_grid"] > section, .landing-theme-dark [data-comp="stats"] > section, .landing-theme-dark [data-comp="timeline_roadmap"] > section, .landing-theme-dark [data-comp="social_proof"] > section, .landing-theme-dark [data-comp="features"] > section, .landing-theme-dark [data-comp="logo_cloud"] > section, .landing-theme-dark [data-comp="video_gallery"] > section, .landing-theme-dark [data-comp="cta_banner"] > section {
    padding-top: 96px;
  }
}

.landing-theme-dark form input[type="text"], .landing-theme-dark form input[type="email"], .landing-theme-dark form input[type="tel"], .landing-theme-dark form select {
  color: #221a2e;
  border-color: #0000;
  background-color: #fff !important;
}

.landing-theme-dark form input::placeholder {
  color: #8b8b9a;
}

.landing-theme-dark form select {
  color: #5a5a68;
}

.landing-theme-dark h2.reg-heading {
  -webkit-text-fill-color: #f4f2fb;
  color: #f4f2fb;
  background: none;
}

.landing-theme-dark h2.reg-heading .reg-accent {
  -webkit-text-fill-color: transparent;
  color: #0000;
  background-image: linear-gradient(90deg, #8b5cf0 0%, #a78bfa 45%, #6fe5ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.landing-theme-dark .faq-mock {
  --surface-section: #0d0b14;
  --text-title: #f4f2fb;
  --icon: #a89fc4;
  --brand-100: #b79cf2;
  --border-hover: #8b5cf099;
}

.landing-theme-dark .faq-mock .faq-item {
  background: #1a1527;
}

:root {
  --font-sans: var(--font-roboto), "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
}

html {
  background: var(--color-surface-page);
  color: var(--color-text-primary);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__0ic-g0e._.css.map*/

/* ===== кастомные компоненты (в SSR были inline) ===== */

.threads-motif{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  height:clamp(250px, 32vh, 360px);
  overflow:hidden;
  padding-block:8px;
}
.threads-motif svg{ display:block; }
.threads-motif__fill{ stroke:none; mix-blend-mode:screen; }
.threads-motif__thread{
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 calc(var(--glow) * 1px) currentColor);
  vector-effect:non-scaling-stroke;
  mix-blend-mode:screen;
}



.track-visual{
  display:flex;
  align-items:center;
  gap:0.75rem;
  color:var(--color-text-accent);
}
@media (min-width:640px){ .track-visual{ gap:1rem; } }
.track-visual__label{
  font-size:1.125rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.02em;
  white-space:nowrap;
  text-shadow:0 0 18px color-mix(in srgb, currentColor 55%, transparent);
}
@media (min-width:640px){ .track-visual__label{ font-size:1.25rem; } }
.track-visual__svg{
  display:block;
  height:2.75rem;
  width:10rem;
  flex-shrink:0;
  overflow:visible;
}
@media (min-width:640px){ .track-visual__svg{ width:13rem; } }
.track-visual__streak{
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 6px currentColor);
}
.track-visual__task{
  fill:currentColor;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 6px currentColor);
}
.track-visual__box{
  fill:none;
  stroke:currentColor;
  stroke-width:1.4;
  opacity:0.4;
}
.track-visual__tick{
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 7px currentColor);
}



.track-visual{
  display:flex;
  align-items:center;
  gap:0.75rem;
  color:var(--color-text-accent);
}
@media (min-width:640px){ .track-visual{ gap:1rem; } }
.track-visual__label{
  font-size:1.125rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.02em;
  white-space:nowrap;
  text-shadow:0 0 18px color-mix(in srgb, currentColor 55%, transparent);
}
@media (min-width:640px){ .track-visual__label{ font-size:1.25rem; } }
.track-visual__svg{
  display:block;
  height:2.75rem;
  width:10rem;
  flex-shrink:0;
  overflow:visible;
}
@media (min-width:640px){ .track-visual__svg{ width:13rem; } }
.track-visual__streak{
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 6px currentColor);
}
.track-visual__task{
  fill:currentColor;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 6px currentColor);
}
.track-visual__box{
  fill:none;
  stroke:currentColor;
  stroke-width:1.4;
  opacity:0.4;
}
.track-visual__tick{
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 7px currentColor);
}



.fg-track{scrollbar-width:none;-ms-overflow-style:none}
.fg-track::-webkit-scrollbar{display:none}



.fg-track{scrollbar-width:none;-ms-overflow-style:none}
.fg-track::-webkit-scrollbar{display:none}



.kf {
  --bg:#2d2d2d; --card:#424242; --news:#efe9f9;
  --white:#fff; --muted:#bdbdbd; --muted2:#a3a3a3;
  --violet:#7d4ccf; --violet48:rgba(125,76,207,.48);
  --border:#d1d5db; --placeholder:#9ca3af; --ink:#2d2d2d; --social:#9e9e9e;
  background:var(--bg);
  color:var(--white);
  font-family:var(--font-sans,'Roboto',system-ui,-apple-system,sans-serif);
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
}
.kf *, .kf *::before, .kf *::after { box-sizing:border-box; margin:0; padding:0; }
.kf a { color:inherit; text-decoration:none; }
.kf p { line-height:20px; }
.kf-inner {
  max-width:1216px; margin:0 auto; padding:64px 24px 24px;
  display:flex; flex-direction:column; gap:32px;
}
@media (min-width: 1280px) { .kf-inner { padding-left:0; padding-right:0; } }
.kf h4 { font-size:16px; line-height:24px; font-weight:600; color:var(--white); }
.kf-links { display:flex; flex-direction:column; gap:12px; font-size:14px; line-height:20px; }
.kf-links a { color:var(--muted2); transition:color .12s cubic-bezier(.2,0,.2,1); }
.kf-links a:hover { color:var(--white); }

/* ---------- TOP ---------- */
.kf-top { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:start; }
.kf-nav {
  display:grid; gap:32px;
  grid-template-columns:repeat(3,1fr);
  grid-template-areas:"company resources capabilities" "compare compare compare";
  align-content:start;
}
.kf-nav .col-company { grid-area:company; }
.kf-nav .col-resources { grid-area:resources; }
.kf-nav .col-capabilities { grid-area:capabilities; }
.kf-nav .col-compare { grid-area:compare; }
.kf-col { display:flex; flex-direction:column; gap:16px; }
.kf-compare-tags { display:flex; flex-wrap:wrap; gap:12px; font-size:14px; line-height:20px; color:var(--muted); }
.kf-compare-tags a { transition:color .12s cubic-bezier(.2,0,.2,1); }
.kf-compare-tags a:hover { color:var(--white); }

/* cards cluster */
.kf-cards {
  display:grid; gap:32px;
  grid-template-columns:280px 1fr; grid-template-rows:auto 1fr;
  grid-template-areas:"soc sub" "art sub";
}
.kf-card { background:var(--card); border-radius:16px; padding:16px; }
.kf-card-soc { grid-area:soc; }
.kf-card-art { grid-area:art; }
.kf-card-sub { grid-area:sub; }
.kf-card-soc .desc { font-size:14px; line-height:20px; color:var(--muted); margin-top:10px; }
.kf-soc-row { display:flex; gap:20px; margin-top:20px; }
.kf-soc-item { display:flex; align-items:center; gap:12px; flex:1 1 0; min-width:0; }
.kf-soc-item .label { font-size:14px; line-height:20px; font-weight:500; }
.kf-ico { flex:none; width:32px; height:32px; border-radius:8px; background:var(--violet48); display:flex; align-items:center; justify-content:center; }
.kf-ico svg { display:block; }
.kf-art-list { display:flex; flex-direction:column; gap:12px; margin-top:12px; }
.kf-art-item { display:flex; align-items:center; gap:12px; }
.kf-art-item .t { font-size:14px; line-height:20px; color:var(--muted); min-width:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* newsletter */
.kf-card-sub { position:relative; overflow:hidden; background:var(--news); color:var(--ink); display:flex; flex-direction:column; gap:24px; }
.kf-card-sub::before { content:""; position:absolute; right:-120px; top:-160px; width:360px; height:360px; border-radius:50%; background:radial-gradient(circle, rgba(125,76,207,.20), rgba(125,76,207,0) 70%); pointer-events:none; }
.kf-sub-head { position:relative; display:flex; flex-direction:column; gap:16px; }
.kf-sub-title { font-size:16px; line-height:24px; font-weight:600; color:var(--violet); }
.kf-sub-desc { font-size:14px; line-height:20px; color:var(--ink); }
.kf-sub-form { display:flex; flex-direction:column; gap:12px; margin-top:16px; }
.kf-input { height:44px; border:1px solid var(--border); background:#fff; border-radius:8px; padding:10px 16px; font:inherit; font-size:14px; color:var(--ink); letter-spacing:0; }
.kf-input::placeholder { color:var(--placeholder); }
.kf-btn { height:44px; border:none; border-radius:8px; background:var(--violet); color:#fff; font:inherit; font-size:16px; line-height:24px; font-weight:500; letter-spacing:0; cursor:pointer; transition:background .12s cubic-bezier(.2,0,.2,1); }
.kf-btn:hover { background:#6c3fbb; }
.kf-consents { position:relative; display:flex; flex-direction:column; gap:16px; }
.kf-consent { display:flex; gap:8px; align-items:flex-start; }
.kf-consent .cb { flex:none; width:16px; height:16px; border-radius:4px; border:1px solid var(--border); background:#fff; position:relative; }
.kf-consent .cb.on { background:var(--violet); border-color:var(--violet); }
.kf-consent .cb.on::after { content:""; position:absolute; left:5px; top:2px; width:4px; height:8px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
.kf-consent p { font-size:12px; line-height:16px; color:var(--ink); }
.kf-consent .lnk { color:var(--violet); }

/* ---------- MID ---------- */
.kf-mid { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:start; }
.kf-status { display:flex; flex-direction:column; gap:16px; }
.kf-status p { font-size:14px; line-height:20px; color:var(--muted); }
.kf-status p b { color:var(--white); font-weight:500; }
.kf-more { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:500; color:var(--white); }
.kf-legal-block { display:flex; flex-direction:column; gap:16px; }
.kf-legal-grid { display:grid; grid-template-columns:auto auto 1fr; gap:32px; font-size:14px; line-height:20px; }
.kf-legal-grid .lab { font-weight:500; color:var(--white); }
.kf-legal-cell .val { color:var(--muted); margin-top:8px; }

/* ---------- BOTTOM ---------- */
.kf-bottom { display:flex; flex-direction:column; gap:20px; }
.kf-credits { display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.kf-brand { display:flex; align-items:center; gap:32px; }
.kf-logo { display:flex; align-items:center; }
.kf-logo svg { height:40px; width:auto; display:block; }
.kf-contacts { display:flex; align-items:center; gap:32px; }
.kf-contact { display:flex; align-items:center; gap:10px; font-size:16px; line-height:24px; font-weight:500; }
.kf-partner { display:flex; align-items:center; gap:12px; }
.kf-partner .word { font-size:16px; font-weight:600; }
.kf-partner .sk { display:flex; align-items:center; gap:8px; }
.kf-partner .sk-mark { width:30px; height:30px; border:1.5px solid #fff; border-radius:7px; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:600; }
.kf-partner .sk-name { font-size:16px; font-weight:500; }
.kf-social { display:flex; align-items:center; gap:16px; color:var(--social); }
.kf-social a { display:flex; align-items:center; transition:color .12s cubic-bezier(.2,0,.2,1); }
.kf-social a:hover { color:#fff; }
.kf-social .habr { font-size:18px; font-weight:600; color:currentColor; }
.kf-legal { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px 24px; font-size:14px; line-height:20px; color:var(--muted); }
.kf-legal a { transition:color .12s cubic-bezier(.2,0,.2,1); }
.kf-legal a:hover { color:var(--white); }

/* ---------- dividers ---------- */
.kf-line { height:1px; background:rgba(255,255,255,.12); width:100%; }
.kf-line--top { display:block; }
.kf-line--legal { display:none; }

/* ================= MOBILE ================= */
@media (max-width: 980px) {
  .kf-inner { padding:48px 16px 24px; gap:24px; }
  .kf-top { grid-template-columns:1fr; gap:24px; }
  .kf-nav { grid-template-columns:1fr 1fr; gap:24px; grid-template-areas:"company resources" "compare capabilities"; }
  .kf-cards { grid-template-columns:1fr; grid-template-rows:none; grid-template-areas:"soc" "art" "sub"; }
  .kf-mid { grid-template-columns:1fr; gap:24px; }
  .kf-legal-grid { grid-template-columns:auto 1fr; gap:24px; }
  .kf-legal-grid .kf-addr { grid-column:1 / -1; }
  .kf-credits { flex-direction:column; align-items:flex-start; gap:24px; }
  .kf-partner { order:-1; }
  .kf-brand { flex-direction:column; align-items:flex-start; gap:24px; }
  .kf-contacts { flex-direction:column; align-items:flex-start; gap:16px; }
  .kf-legal { flex-direction:column; flex-wrap:nowrap; justify-content:flex-start; gap:12px; }
  .kf-line--top { display:none; }
  .kf-line--legal { display:block; }
}


/* статика: блоки, появляющиеся по скроллу (JS), показываем сразу */
.pain-bubbles__item{opacity:1 !important;animation:none !important}
.rmp__item{opacity:1 !important;transform:none !important}
.rmp__item .rmp__dot{background:#7d4ccf !important;transform:none !important}
.rmp{--p:1}

:root{--font-sans:'Roboto',system-ui,-apple-system,'Segoe UI',sans-serif}