/* inter-cyrillic-ext-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format('woff2-variations'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; } /* inter-cyrillic-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format('woff2-variations'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* inter-greek-ext-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format('woff2-variations'); unicode-range: U+1F00-1FFF; } /* inter-greek-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format('woff2-variations'); unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF; } /* inter-vietnamese-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format('woff2-variations'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } /* inter-latin-ext-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format('woff2-variations'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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; } /* inter-latin-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format('woff2-variations'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }/* jetbrains-mono-cyrillic-ext-wght-normal */ @font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA) format('woff2-variations'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; } /* jetbrains-mono-cyrillic-wght-normal */ @font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format('woff2-variations'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* jetbrains-mono-greek-wght-normal */ @font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format('woff2-variations'); unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF; } /* jetbrains-mono-vietnamese-wght-normal */ @font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format('woff2-variations'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } /* jetbrains-mono-latin-ext-wght-normal */ @font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format('woff2-variations'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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; } /* jetbrains-mono-latin-wght-normal */ @font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format('woff2-variations'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }/* chakra-petch-thai-700-normal */ @font-face { font-family: 'Chakra Petch'; font-style: normal; font-display: swap; font-weight: 700; src: url(/assets/chakra-petch-thai-700-normal-B7WL5pBr.woff2) format('woff2'), url(/assets/chakra-petch-thai-700-normal-vZLZ_5L8.woff) format('woff'); unicode-range: U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC; } /* chakra-petch-vietnamese-700-normal */ @font-face { font-family: 'Chakra Petch'; font-style: normal; font-display: swap; font-weight: 700; src: url(data:font/woff2;base64,d09GMgABAAAAAA5wAA4AAAAAJ4wAAA4WAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGoEKG41sHC4GYACCfBEICqQInyILghgAATYCJAOECgQgBYQsB4o+GxcjBeOYBTgPoBL6nGZExWZ62f+H5MYYcgOacYlbSMPTuIlilcUg3bh+qqs6oqNVXejUQDSymGJuMduvvv8aYdela3/P0bAZOmIPYYK+6lwQz9Oczfu7ETZBtEZDWPCKYxqopR68SC1QqEKv1IS6HCcq5FR1QQ/Bhp0LHql78iVZxpsjqxWrRSpJVe5vABw/zh9vYgoPTNAYuvWR/wIAA+sSrMSTOvNV+lJeakttam4NzZRB4BzOtbdcurdREnq+XW9nAtBASqL7cv+3Vmbn99+/2xMkhSzcVohVJJBLfHf9TPVUamsZVcIdHAhV6GbmEIwiAguoTsg7d/LsuVPK3fNHkM2mm+zgTvvW2WvL+yiCQqJR/A6EoxLlPL75zponlSgld8fVJqrqUxw8gi/63bn/7AiQDsCNsJ6BAhQKAIVCISii2IghxBlGGC6JkGwUYYxcQr4iQonphBkChDoNhCbthKVWE3qsJayzjrDeehobbaKx1Q4aAhjMdD7N9/YHmPgNrFlB6g++YClxdADL4ihsOHl7Qcfxx0DDTljXV/cKpmzle2VNyvyu5UJeHlBo6OH7FhQggE1fvH85qZMbuwLBiVCtmjCSGztDxRV5IhBQFmHosR9nB90906Kb9R+Ci7baZju7ZB6ZKBESvrCgI2AVJKDdTxB20ElaQrtzcSjt4MHglPr31Pm7+jFEiMquhK9f+9O+3zf7cp/t432QmZngXrg90OI39upe2vMp/3SPdn/7uiUwWMI66JZkt0DaphuwTAejCQZFtq2MW+KNDXRmp5xMBbcVqRx0jVXZUIjKroTU1/Zoa7aig1WMcis7MzMlSMrf2Xb5Vbsw3+dL5H+cd/N6XszTzGCGR+F+SfZp2KfLmU/XLXd3sNx6YrbXs72Svetny8VF+kNO/J1TGTuXjLT08+T/zSNTVIjSPCspP5usSFleaLAV8873YYCjQvCsJJhtmwwfZmAGZmCGl9EgJtA0poFmcPFCTB3F2lPwdg8CZlOcajo0bDNtJdNCHS0qFL3dKfaCPviIL95Tg2CQCnGS8bnRhz6cgj5vSoP0GSP7wFSmYqWppKDkBQeF0HafAhTuH1UIRmACDsF0HIMTsBynoh8bChZ+i01gJk+S1MOCG/uHDJ72RvIPNXDcfOrp7wQPAUBAfkZwfMv/C3dQOFH8iIFiNh243xY6TrB+d12HO1s3i4f6yZVW5TvyFQ5KTMMolwynyQLxFkHiwU7JVhcmZawXplIY2Ij+0Y4aOozK0KYznY0tj7Ex2tB+2I7CnmKkDVSoUEMNNNM2winPc5hNjiD97bzO7+Ge/N6h2fp4tMUhcCm9zrqySN8x5xE7n/6RyTIgC4bnj2UaL1fqqGqyCR0oqFaG1uYgpjCqJRRUqFBDzeq/5vRI2g8cTHGA+lXG8X1VkQqxgdrfejA9vK60GJ9sACeH7b1w8J1WvqZ7L4b3bx8+z4L+YXO8IicA8rMKAS8NUIBpcTTkp9elA5i8dBQQjtfF0SRasmRpLsnNE03XwrQUz1+a665FdoaSKMmUjmzjNw1N05zAi58G6zefWG9wOMh/Gz+bLhe14oPnEvDBQyXy8DKlAjCX/xsHNkrEmC5Jg1yrrS4THEet317V6JorhueISeTUnezmxoV5IzjskN7Q/rBBXDOhPagzuBvf8kyGj9M3GUDyPGWZukpbmwtaK2RHHKgTs8FuwkP66AAb5EK8n4nJUSmu1KrIWoJYlgTgAEASgCKoFmjZYNsLLREABQAoCztjiKVKrkdJ13Z8jrie1paubm+bPxqhoZCC87r4rLru9Th1w3DrTmek0x1nxDrinFF2py5bIxISZuGLXLe6o/Qi4YYoX3dCVG1ruKxdZKNv1OVqNmqNgNHeaNT3qoBbM8SlhQfmGtycFpjXGk4lu9WlG3VaXXhNSuuieZodn63mbCRg8IHaqgFXqQRmMde8OptLv4aTQFeP1WtNyqdranQ1uJpc9cqokzqXZBuZGJK11ZAA1dWJ7M/qNfRZba32MDZHDHGJK6++1iii2FXXhRhuXteIqoOfu0lK5h/VKqWuYoqMsS5lNLlURxvqSh/VFfegMqakpkRprUtdwwm3LJ/gm62t4s7W9eieSeLiiaqvuXtH28KpLZ2xdaG8ZR5XjdHqCiRrDc7Kwwji6xhxBKTONcc1SMocbXWSUAVGrIYAxkZfYSBdb2BXqtRHMc81Bz86L6LcDnFOU9sfGStqSrTmUtpV8qTwsRqeOPfJc9smNWU1oQ9ssgaU1//78Tfd32/MD1MNYfyVz/b2Ppi6dO1S88HIK83fbuxf23/zbyZlA3/3iLfUrK65vbvnb9LA3tBecrpf7+7u6F7GknrMFeabs0sZrx7nWlsL+6pPXbw4wfTfevMyoLejrNe3N9581Izf6+vtnfasd2ndrK2xpletXZKYnMmfn39ecOpKjzqmT90+jmcvI5u6m5r+K/3+9PuJO/I7uwS/0929k6dW33/7ksm+5NC14/eyKm1e+qYZfn8o2G4G2x+/tP1sy9nqvup5r5dUFm2ofbR2+ey5jFuSGmwf0t5+3+KyHy97f+iO8oWLkv7PLIg5P6aAnIay96rfO8W/6vu5j6qf5vWMq6fBE0TsveXmi+aF3M6z/3S45jH11EWLk0z/w/3LgD8TOR37+tqiZy9Y4O37ecOwJnAZDz1tRt0VdBg8yH9M3E+LqU77/CZfnyfleMzpqVOv6Oza3dcaUzd/YRJdaTPHM/KClgtWm/nSO0/6vb+jnztmFAQr6/LqKm/POOvgXZzp00v2Vu89ZXLJkwemX72GyCUszJz4YOehi7eWTbOvvv1Wrur2rxp7bcG1Y1f55869luzmhGeSW5ns8wV+GTRgtm0/HtecCHQGyG+or0gcSB/IaPdVVOzGX62dlpt5Duxcsblmf3DVyjpqnZcpiRKxJxMt1j4lJ/7cxOJPqB/fu6q38p2ERWvN91E744c8460vrKiY/tPQgVuJB9btxmU5jd3xovgBtKtfxKbonvLBPbdNyRu0G+mpz3mYye8NXhQa9yjcLH3QHf0p24/ARKfgoEklT4vK3WbobRoRouQ1GcWTxVW8My17s3jErFDp4iHa2FbQR7HkwykUq2yGKypUGo9IQlVi0mD2lyX67I+IYL29wxbyUgu2kFfZDJcrVBoPETMLHSpJ6eV2NSbQaGwrHk04jlwcZ8dlL+iAyw45wuZlwGLKw2LKc0CA4kU1mphQuZsUnfO6dvFgcYqreGda9mbxiFmuq3mI1t8KZpCfMpTCcIWYosQQScCa0cEerN2c7CXYxt5hFjVSlmKGy2KKEoOIC0UXQzSRhOKO8VMHptmu7IpUkoJkm4KreAhMEUF3u4P4TRPDyUDdhRlAfB852MEG/OdxWC/8sfX3AfPFXx98MO97ATZQ27cv+CfvTlb5NgXqpHGWFDpAkKdqgjWkoYn7RLnugi7XdKEHyqFQQi8HyxBshWBIcGjdrQR1va4ldF+i/PtuUvJ0LqbsOpD7gF07IBeA2nM8VROsIQ0N2if9mlc7QUFoVo9zCsoyu/tCG8s21mnZKbrcA9mR9KEsST7CkCYl4w0NARBiP+iTADCq06kegK+tCFNdyUQXY3vX1OWk4EM6nCTGTl+gaqnVJD9TfAjjoWaSHq/poR7JMFSSnk1MIdgKwUhh8lAVkvsyvaWepEAiNN96Oyk57E3lJA95aC55yEOejuf6FPU8l38lI7K4zbpjPZALsTLohwG58LCSTMqS7ENS/wM33lt7UxAyQ6aw/G5C93bl+e9LCCDwhWP3f2tk0W83Du1LwBtb2l6jL343afw38/O0fs/5gOBAASDwe5f0R4b/vPEQhMPrbegMjQCJWm59tZttX33MUC3KJyaOaihJ6HvZeleF5K5zYaxXl2OdG5SyHnoDsOVLGbWHy4zv5ImJItdWh4R63K231WzjsTyXjZ8ld5lXp/hm5oA/lZ+03XhY09yuxaNWsXpz1dogbX1R9iHFL3sKDshfK6U7A19Mo4BT8JycMODuRJwhBv9rZdP3MzQ5vzN05s8Mm4rBDDtvQEdsDp7QIfMUPuaOS5BISC3HkS5J0+G34ETM3S418jhAiUAHkSHcmeNoeISIvoDzWY3X5Sk64pq2PisKKDKHE6yssahJDw5Zsxdq5uUaN98LlS/UNfFeqXBtuXV+1sHvx9+B4X0a6fPoCOsBayRci5NjvsiRCLQx2REa/ENnpI36UFtp3oERZpsCUhziGPdJB/gg5EWEw4VOsi5nj/XsrwAS3+vhr+aAEymKJhVX5zQ6g8lic7g8PkFSWdy6c+/BoyfPXnJ49eY9nw+fvnzT0NLRMzAyMbMUYWVj5+Dk4ubhLcHHLyBYQUhYRFRMXEJSSlpGVs6ppvIKikrKKqpqNfpT19Csp6Wto6unb2BoZGxiatbE3MLSytoGAAS1AEOgMDgCiUJjsDg8gUgiU6i2dvYOjqu1l0vInu/h/1BTvgtOLoXkBYQE6zmBoDjohkDhfl+b3zoi7YIAhARLXnERUnBXCqr/5b4/oIg1KATrN9Wn81Rtv9f3aYSbJ4cwS9oMBWwvqkNnw6HmOYGbBXwnGHbzNzOYvmnE/v1MhI4C4GMhkzCK9yGSNA/3vZF3QQJGgyev+Ygp+I4G4lMA0yhOiuVc5XhUlGG8LKsKDfNiJYNS4bAn6wyXCDlUged5ujtQpHgjG8+/vvnEUwO4f7/bVp8RXotGCy/qNevg87ptti/XsQ3P77+25OWk9RGfrGpqY13/tIf+O/X1ut7P/tta6P//MDW9vqqd72P0231NqLsHAAAA) format('woff2'), url(/assets/chakra-petch-vietnamese-700-normal-gQuUA8Wu.woff) format('woff'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } /* chakra-petch-latin-ext-700-normal */ @font-face { font-family: 'Chakra Petch'; font-style: normal; font-display: swap; font-weight: 700; src: url(/assets/chakra-petch-latin-ext-700-normal-DAkvJhej.woff2) format('woff2'), url(/assets/chakra-petch-latin-ext-700-normal-BeviJPUl.woff) format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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; } /* chakra-petch-latin-700-normal */ @font-face { font-family: 'Chakra Petch'; font-style: normal; font-display: swap; font-weight: 700; src: url(/assets/chakra-petch-latin-700-normal-CnDBPjkL.woff2) format('woff2'), url(/assets/chakra-petch-latin-700-normal-D1s_c2du.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */ @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-pan-x: initial; --tw-pan-y: initial; --tw-pinch-zoom: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-border-style: solid; --tw-divide-y-reverse: 0; --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; } } } @layer theme { :root, :host { --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -.025em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-relaxed: 1.625; --radius-xl: .75rem; --radius-2xl: 1rem; --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --blur-sm: 8px; --blur-3xl: 64px; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); } } @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; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; font-family: Inter Variable, Inter, system-ui, sans-serif; line-height: 1.5; } 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; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-feature-settings: normal; font-variation-settings: normal; font-family: JetBrains Mono Variable, JetBrains Mono, ui-monospace, monospace; 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; } :root { --background: 0 0% 100%; --foreground: 240 10% 3.9%; --card: 0 0% 100%; --card-foreground: 240 10% 3.9%; --popover: 0 0% 100%; --popover-foreground: 240 10% 3.9%; --primary: 239 84% 67%; --primary-foreground: 0 0% 100%; --secondary: 240 5% 96%; --secondary-foreground: 240 6% 10%; --muted: 240 5% 96%; --muted-foreground: 240 4% 46%; --accent: 189 94% 43%; --accent-foreground: 0 0% 100%; --destructive: 0 84% 60%; --destructive-foreground: 0 0% 98%; --success: 142 76% 36%; --success-foreground: 0 0% 100%; --warning: 38 92% 50%; --warning-foreground: 0 0% 0%; --info: 217 91% 60%; --info-foreground: 0 0% 100%; --border: 240 6% 90%; --input: 240 6% 90%; --ring: 239 84% 67%; --radius: .5rem; --chart-1: 239 84% 67%; --chart-2: 189 94% 43%; --chart-3: 270 70% 55%; --chart-4: 145 75% 38%; --chart-5: 15 80% 55%; } .dark { --background: 240 10% 3.9%; --foreground: 0 0% 98%; --card: 240 10% 6%; --card-foreground: 0 0% 98%; --popover: 240 10% 6%; --popover-foreground: 0 0% 98%; --primary: 239 84% 67%; --primary-foreground: 240 10% 10%; --secondary: 240 4% 16%; --secondary-foreground: 0 0% 98%; --muted: 240 4% 16%; --muted-foreground: 240 5% 65%; --accent: 189 94% 43%; --accent-foreground: 240 10% 10%; --destructive: 0 63% 31%; --destructive-foreground: 0 0% 98%; --success: 142 70% 45%; --success-foreground: 0 0% 100%; --warning: 38 90% 55%; --warning-foreground: 0 0% 100%; --info: 217 85% 65%; --info-foreground: 0 0% 100%; --border: 240 4% 16%; --input: 240 4% 16%; --ring: 239 84% 67%; --chart-1: 239 84% 67%; --chart-2: 189 94% 43%; --chart-3: 270 70% 55%; --chart-4: 145 75% 38%; --chart-5: 15 80% 55%; } .lavender { --background: 270 35% 94%; --foreground: 270 30% 12%; --card: 270 40% 97%; --card-foreground: 270 30% 12%; --popover: 270 40% 97%; --popover-foreground: 270 30% 12%; --primary: 270 70% 55%; --primary-foreground: 0 0% 100%; --secondary: 270 25% 92%; --secondary-foreground: 270 25% 20%; --muted: 270 20% 94%; --muted-foreground: 270 15% 45%; --accent: 300 60% 55%; --accent-foreground: 0 0% 100%; --destructive: 0 75% 55%; --destructive-foreground: 0 0% 100%; --warning: 38 92% 50%; --warning-foreground: 0 0% 0%; --success: 142 76% 36%; --success-foreground: 0 0% 100%; --info: 217 91% 60%; --info-foreground: 0 0% 100%; --border: 270 20% 88%; --input: 270 20% 90%; --ring: 270 70% 55%; --radius: .5rem; --chart-1: 270 70% 55%; --chart-2: 320 60% 60%; --chart-3: 217 91% 60%; --chart-4: 142 76% 36%; --chart-5: 350 70% 60%; } .mint { --background: 155 45% 90%; --foreground: 160 40% 8%; --card: 155 50% 94%; --card-foreground: 160 40% 8%; --popover: 155 50% 94%; --popover-foreground: 160 40% 8%; --primary: 168 80% 38%; --primary-foreground: 0 0% 100%; --secondary: 155 35% 85%; --secondary-foreground: 160 35% 15%; --muted: 155 30% 88%; --muted-foreground: 160 25% 38%; --accent: 145 75% 38%; --accent-foreground: 0 0% 100%; --destructive: 8 75% 50%; --destructive-foreground: 0 0% 100%; --warning: 38 92% 50%; --warning-foreground: 0 0% 0%; --success: 142 76% 36%; --success-foreground: 0 0% 100%; --info: 217 91% 60%; --info-foreground: 0 0% 100%; --border: 155 30% 78%; --input: 155 35% 82%; --ring: 168 80% 38%; --radius: .5rem; --chart-1: 168 80% 38%; --chart-2: 190 70% 42%; --chart-3: 217 91% 60%; --chart-4: 142 76% 36%; --chart-5: 0 72% 58%; } .peach { --background: 25 45% 93%; --foreground: 25 35% 10%; --card: 25 50% 96%; --card-foreground: 25 35% 10%; --popover: 25 50% 96%; --popover-foreground: 25 35% 10%; --primary: 15 80% 55%; --primary-foreground: 0 0% 100%; --secondary: 25 30% 90%; --secondary-foreground: 25 30% 18%; --muted: 25 20% 92%; --muted-foreground: 25 15% 42%; --accent: 8 65% 50%; --accent-foreground: 0 0% 100%; --destructive: 355 70% 50%; --destructive-foreground: 0 0% 100%; --warning: 38 92% 50%; --warning-foreground: 0 0% 0%; --success: 142 76% 36%; --success-foreground: 0 0% 100%; --info: 217 91% 60%; --info-foreground: 0 0% 100%; --border: 25 20% 85%; --input: 25 25% 88%; --ring: 15 80% 55%; --radius: .5rem; --chart-1: 15 80% 55%; --chart-2: 35 85% 58%; --chart-3: 217 91% 60%; --chart-4: 142 76% 36%; --chart-5: 350 72% 62%; } .sky { --background: 200 55% 92%; --foreground: 210 45% 8%; --card: 200 50% 96%; --card-foreground: 210 45% 8%; --popover: 200 50% 96%; --popover-foreground: 210 45% 8%; --primary: 200 95% 48%; --primary-foreground: 0 0% 100%; --secondary: 200 40% 88%; --secondary-foreground: 210 40% 15%; --muted: 200 35% 90%; --muted-foreground: 210 25% 38%; --accent: 195 90% 42%; --accent-foreground: 0 0% 100%; --destructive: 10 80% 52%; --destructive-foreground: 0 0% 100%; --warning: 38 92% 50%; --warning-foreground: 0 0% 0%; --success: 142 76% 36%; --success-foreground: 0 0% 100%; --info: 217 91% 60%; --info-foreground: 0 0% 100%; --border: 200 35% 78%; --input: 200 40% 84%; --ring: 200 95% 48%; --radius: .5rem; --chart-1: 200 95% 48%; --chart-2: 185 75% 45%; --chart-3: 217 91% 60%; --chart-4: 142 76% 36%; --chart-5: 0 72% 58%; } .cream { --background: 40 35% 93%; --foreground: 30 30% 10%; --card: 40 40% 96%; --card-foreground: 30 30% 10%; --popover: 40 40% 96%; --popover-foreground: 30 30% 10%; --primary: 25 60% 45%; --primary-foreground: 0 0% 100%; --secondary: 40 25% 90%; --secondary-foreground: 30 25% 18%; --muted: 40 20% 93%; --muted-foreground: 30 15% 45%; --accent: 45 80% 45%; --accent-foreground: 30 25% 10%; --destructive: 10 65% 50%; --destructive-foreground: 0 0% 100%; --warning: 38 92% 50%; --warning-foreground: 0 0% 0%; --success: 142 76% 36%; --success-foreground: 0 0% 100%; --info: 217 91% 60%; --info-foreground: 0 0% 100%; --border: 40 18% 85%; --input: 40 20% 88%; --ring: 25 60% 45%; --radius: .5rem; --chart-1: 25 60% 45%; --chart-2: 45 80% 45%; --chart-3: 217 91% 60%; --chart-4: 142 76% 36%; --chart-5: 10 65% 50%; } .nord-light { --background: 218 30% 90%; --foreground: 220 25% 10%; --card: 218 35% 95%; --card-foreground: 220 25% 10%; --popover: 218 35% 95%; --popover-foreground: 220 25% 10%; --primary: 193 60% 45%; --primary-foreground: 0 0% 100%; --secondary: 218 25% 85%; --secondary-foreground: 220 25% 18%; --muted: 218 22% 88%; --muted-foreground: 220 20% 42%; --accent: 95 50% 45%; --accent-foreground: 0 0% 100%; --destructive: 354 55% 52%; --destructive-foreground: 0 0% 100%; --warning: 38 92% 50%; --warning-foreground: 0 0% 0%; --success: 142 76% 36%; --success-foreground: 0 0% 100%; --info: 217 91% 60%; --info-foreground: 0 0% 100%; --border: 218 25% 78%; --input: 218 28% 82%; --ring: 193 60% 45%; --radius: .5rem; --chart-1: 193 60% 45%; --chart-2: 213 32% 52%; --chart-3: 217 91% 60%; --chart-4: 142 76% 36%; --chart-5: 354 42% 56%; } .sunset { --background: 270 20% 14%; --foreground: 30 20% 90%; --card: 270 20% 17%; --card-foreground: 30 20% 90%; --popover: 270 20% 17%; --popover-foreground: 30 20% 90%; --primary: 270 60% 65%; --primary-foreground: 270 20% 10%; --secondary: 270 15% 22%; --secondary-foreground: 30 20% 90%; --muted: 270 15% 20%; --muted-foreground: 270 10% 55%; --accent: 25 80% 55%; --accent-foreground: 270 20% 10%; --destructive: 0 55% 50%; --destructive-foreground: 30 20% 95%; --warning: 38 90% 55%; --warning-foreground: 0 0% 100%; --success: 142 70% 45%; --success-foreground: 0 0% 100%; --info: 217 85% 65%; --info-foreground: 0 0% 100%; --border: 270 15% 25%; --input: 270 15% 22%; --ring: 270 60% 65%; --radius: .5rem; --chart-1: 270 60% 65%; --chart-2: 25 90% 55%; --chart-3: 330 75% 60%; --chart-4: 142 70% 45%; --chart-5: 0 65% 52%; } .ocean { --background: 200 25% 12%; --foreground: 190 15% 88%; --card: 200 25% 15%; --card-foreground: 190 15% 88%; --popover: 200 25% 15%; --popover-foreground: 190 15% 88%; --primary: 195 70% 50%; --primary-foreground: 200 25% 10%; --secondary: 200 20% 20%; --secondary-foreground: 190 15% 88%; --muted: 200 20% 18%; --muted-foreground: 195 15% 55%; --accent: 165 50% 45%; --accent-foreground: 200 25% 10%; --destructive: 5 50% 48%; --destructive-foreground: 190 15% 95%; --warning: 38 90% 55%; --warning-foreground: 0 0% 100%; --success: 142 70% 45%; --success-foreground: 0 0% 100%; --info: 217 85% 65%; --info-foreground: 0 0% 100%; --border: 200 20% 22%; --input: 200 20% 20%; --ring: 195 70% 50%; --radius: .5rem; --chart-1: 195 70% 50%; --chart-2: 175 65% 45%; --chart-3: 217 85% 65%; --chart-4: 142 70% 45%; --chart-5: 10 55% 50%; } .forest { --background: 150 15% 12%; --foreground: 80 10% 88%; --card: 150 15% 15%; --card-foreground: 80 10% 88%; --popover: 150 15% 15%; --popover-foreground: 80 10% 88%; --primary: 145 55% 45%; --primary-foreground: 150 15% 10%; --secondary: 150 10% 20%; --secondary-foreground: 80 10% 88%; --muted: 150 10% 18%; --muted-foreground: 140 10% 52%; --accent: 40 60% 50%; --accent-foreground: 150 15% 10%; --destructive: 10 50% 45%; --destructive-foreground: 80 10% 95%; --warning: 38 90% 55%; --warning-foreground: 0 0% 100%; --success: 142 70% 45%; --success-foreground: 0 0% 100%; --info: 217 85% 65%; --info-foreground: 0 0% 100%; --border: 150 10% 22%; --input: 150 10% 20%; --ring: 145 55% 45%; --radius: .5rem; --chart-1: 145 55% 45%; --chart-2: 40 60% 50%; --chart-3: 217 85% 65%; --chart-4: 142 70% 45%; --chart-5: 10 50% 45%; } .rose { --background: 340 12% 14%; --foreground: 340 8% 88%; --card: 340 12% 17%; --card-foreground: 340 8% 88%; --popover: 340 12% 17%; --popover-foreground: 340 8% 88%; --primary: 340 50% 60%; --primary-foreground: 340 12% 10%; --secondary: 340 10% 22%; --secondary-foreground: 340 8% 88%; --muted: 340 10% 20%; --muted-foreground: 340 8% 55%; --accent: 15 55% 55%; --accent-foreground: 340 12% 10%; --destructive: 355 50% 48%; --destructive-foreground: 340 8% 95%; --warning: 38 90% 55%; --warning-foreground: 0 0% 100%; --success: 142 70% 45%; --success-foreground: 0 0% 100%; --info: 217 85% 65%; --info-foreground: 0 0% 100%; --border: 340 10% 24%; --input: 340 10% 22%; --ring: 340 50% 60%; --radius: .5rem; --chart-1: 340 50% 60%; --chart-2: 25 80% 55%; --chart-3: 217 85% 65%; --chart-4: 142 70% 45%; --chart-5: 0 65% 52%; } .midnight { --background: 230 25% 11%; --foreground: 220 15% 87%; --card: 230 25% 14%; --card-foreground: 220 15% 87%; --popover: 230 25% 14%; --popover-foreground: 220 15% 87%; --primary: 215 80% 58%; --primary-foreground: 230 25% 10%; --secondary: 230 20% 19%; --secondary-foreground: 220 15% 87%; --muted: 230 20% 17%; --muted-foreground: 220 12% 52%; --accent: 260 60% 60%; --accent-foreground: 230 25% 10%; --destructive: 350 50% 48%; --destructive-foreground: 220 15% 95%; --warning: 38 90% 55%; --warning-foreground: 0 0% 100%; --success: 142 70% 45%; --success-foreground: 0 0% 100%; --info: 217 85% 65%; --info-foreground: 0 0% 100%; --border: 230 20% 21%; --input: 230 20% 19%; --ring: 215 80% 58%; --radius: .5rem; --chart-1: 215 80% 58%; --chart-2: 280 70% 60%; --chart-3: 38 90% 55%; --chart-4: 142 70% 45%; --chart-5: 0 65% 52%; } .tears { --background: 230 35% 8%; --foreground: 200 15% 90%; --card: 230 35% 11%; --card-foreground: 200 15% 90%; --popover: 230 40% 12%; --popover-foreground: 200 15% 90%; --primary: 330 100% 64%; --primary-foreground: 230 35% 8%; --secondary: 230 30% 16%; --secondary-foreground: 200 15% 90%; --muted: 230 30% 14%; --muted-foreground: 200 12% 55%; --accent: 185 100% 50%; --accent-foreground: 230 35% 8%; --destructive: 25 95% 53%; --destructive-foreground: 230 35% 8%; --warning: 38 90% 55%; --warning-foreground: 0 0% 100%; --success: 142 70% 45%; --success-foreground: 0 0% 100%; --info: 217 85% 65%; --info-foreground: 0 0% 100%; --border: 230 35% 20%; --input: 230 30% 16%; --ring: 330 100% 64%; --radius: .5rem; --chart-1: 330 100% 64%; --chart-2: 185 100% 45%; --chart-3: 217 85% 65%; --chart-4: 142 70% 45%; --chart-5: 38 90% 55%; } .template { --background: var(--template-background, 0 0% 100%); --foreground: var(--template-foreground, 240 10% 3.9%); --card: var(--template-card, 0 0% 100%); --card-foreground: var(--template-card-foreground, 240 10% 3.9%); --popover: var(--template-popover, 0 0% 100%); --popover-foreground: var(--template-popover-foreground, 240 10% 3.9%); --primary: var(--template-primary, 239 84% 67%); --primary-foreground: var(--template-primary-foreground, 0 0% 100%); --secondary: var(--template-secondary, 240 5% 96%); --secondary-foreground: var(--template-secondary-foreground, 240 6% 10%); --muted: var(--template-muted, 240 5% 96%); --muted-foreground: var(--template-muted-foreground, 240 4% 46%); --accent: var(--template-accent, 189 94% 43%); --accent-foreground: var(--template-accent-foreground, 0 0% 100%); --destructive: var(--template-destructive, 0 84% 60%); --destructive-foreground: var(--template-destructive-foreground, 0 0% 98%); --warning: 38 90% 55%; --warning-foreground: 0 0% 100%; --success: 142 70% 45%; --success-foreground: 0 0% 100%; --info: 217 85% 65%; --info-foreground: 0 0% 100%; --border: var(--template-border, 240 6% 90%); --input: var(--template-input, 240 6% 90%); --ring: var(--template-ring, 239 84% 67%); --radius: var(--template-radius, .5rem); --chart-1: var(--template-chart-1, 239 84% 67%); --chart-2: var(--template-chart-2, 189 94% 43%); --chart-3: var(--template-chart-3, 270 70% 55%); --chart-4: var(--template-chart-4, 145 75% 38%); --chart-5: var(--template-chart-5, 15 80% 55%); } .vector { --background: 220 40% 4%; --foreground: 185 100% 85%; --card: 220 40% 6%; --card-foreground: 185 100% 85%; --popover: 220 45% 8%; --popover-foreground: 185 100% 85%; --primary: 185 100% 50%; --primary-foreground: 220 40% 4%; --secondary: 220 35% 12%; --secondary-foreground: 185 100% 85%; --muted: 220 35% 10%; --muted-foreground: 185 40% 50%; --accent: 300 100% 60%; --accent-foreground: 220 40% 4%; --destructive: 330 100% 55%; --destructive-foreground: 220 40% 4%; --warning: 38 90% 55%; --warning-foreground: 0 0% 100%; --success: 142 70% 45%; --success-foreground: 0 0% 100%; --info: 217 85% 65%; --info-foreground: 0 0% 100%; --border: 185 80% 35%; --input: 220 35% 12%; --ring: 185 100% 50%; --radius: .5rem; --chart-1: 185 100% 50%; --chart-2: 300 100% 60%; --chart-3: 217 85% 65%; --chart-4: 142 70% 45%; --chart-5: 330 100% 55%; --hud-glow-color: 185 100% 50%; --hud-corner-cut: 6px; --hud-border-thickness: 1px; --hud-panel-opacity: .72; --hud-scanline-strength: .06; --hud-grid-strength: .04; } .doom { --background: 0 30% 5%; --foreground: 30 20% 85%; --card: 0 25% 8%; --card-foreground: 30 20% 85%; --popover: 0 30% 10%; --popover-foreground: 30 20% 85%; --primary: 0 100% 50%; --primary-foreground: 0 0% 100%; --secondary: 0 15% 15%; --secondary-foreground: 30 20% 85%; --muted: 0 10% 12%; --muted-foreground: 30 10% 50%; --accent: 25 100% 50%; --accent-foreground: 0 30% 5%; --destructive: 350 100% 45%; --destructive-foreground: 0 0% 100%; --warning: 38 90% 55%; --warning-foreground: 0 0% 100%; --success: 142 70% 45%; --success-foreground: 0 0% 100%; --info: 217 85% 65%; --info-foreground: 0 0% 100%; --border: 0 60% 25%; --input: 0 15% 15%; --ring: 0 100% 50%; --radius: .5rem; --chart-1: 0 100% 50%; --chart-2: 25 100% 50%; --chart-3: 45 100% 50%; --chart-4: 142 70% 45%; --chart-5: 217 85% 65%; --doom-glow-color: 0 100% 50%; --doom-ember-color: 25 100% 50%; --doom-panel-opacity: .85; --doom-vignette-strength: .4; --doom-noise-strength: .03; } .material { --background: 0 0% 95%; --foreground: 0 0% 10%; --card: 0 0% 99%; --card-foreground: 0 0% 10%; --popover: 0 0% 99%; --popover-foreground: 0 0% 10%; --primary: 217 89% 51%; --primary-foreground: 0 0% 100%; --secondary: 220 15% 94%; --secondary-foreground: 220 10% 20%; --muted: 220 10% 96%; --muted-foreground: 220 8% 46%; --accent: 151 83% 40%; --accent-foreground: 0 0% 100%; --destructive: 4 90% 58%; --destructive-foreground: 0 0% 100%; --warning: 38 92% 50%; --warning-foreground: 0 0% 0%; --success: 142 76% 36%; --success-foreground: 0 0% 100%; --info: 217 91% 60%; --info-foreground: 0 0% 100%; --border: 220 10% 88%; --input: 220 12% 91%; --ring: 217 89% 51%; --chart-1: 217 89% 51%; --chart-2: 262 52% 47%; --chart-3: 160 84% 39%; --chart-4: 142 76% 36%; --chart-5: 0 72% 51%; --radius: .25rem; --material-shadow-1: 0 1px 2px #0000001a, 0 1px 3px #0000001a; --material-shadow-2: 0 1px 3px #0000001f, 0 2px 6px #0000001f; --material-shadow-3: 0 2px 4px #00000024, 0 4px 12px #00000024; --material-shadow-4: 0 4px 8px #00000029, 0 8px 24px #00000029; --material-hover-opacity: .08; --material-pressed-opacity: .12; --material-focus-opacity: .12; } .fluent { --background: 210 15% 95%; --foreground: 210 30% 8%; --card: 0 0% 99%; --card-foreground: 210 30% 8%; --popover: 0 0% 99%; --popover-foreground: 210 30% 8%; --primary: 206 100% 42%; --primary-foreground: 0 0% 100%; --secondary: 210 15% 93%; --secondary-foreground: 210 25% 15%; --muted: 210 12% 95%; --muted-foreground: 210 10% 45%; --accent: 175 70% 40%; --accent-foreground: 0 0% 100%; --destructive: 0 80% 50%; --destructive-foreground: 0 0% 100%; --warning: 38 92% 50%; --warning-foreground: 0 0% 0%; --success: 142 76% 36%; --success-foreground: 0 0% 100%; --info: 217 91% 60%; --info-foreground: 0 0% 100%; --border: 210 15% 88%; --input: 210 15% 90%; --ring: 206 100% 42%; --chart-1: 206 100% 42%; --chart-2: 175 70% 40%; --chart-3: 217 91% 60%; --chart-4: 142 76% 36%; --chart-5: 0 80% 50%; --radius: .25rem; --fluent-shadow-2: 0 1px 2px #00000024; --fluent-shadow-4: 0 2px 4px #00000024; --fluent-shadow-8: 0 4px 8px #00000024; --fluent-shadow-16: 0 8px 16px #00000024; --fluent-shadow-64: 0 32px 64px #0000003d; --fluent-reveal-color: #ffffff1a; } .ringo-glass { --background: 220 12% 88%; --foreground: 220 25% 8%; --card: 220 14% 92%; --card-foreground: 220 25% 8%; --popover: 220 14% 92%; --popover-foreground: 220 25% 8%; --primary: 211 100% 48%; --primary-foreground: 0 0% 100%; --secondary: 220 10% 82%; --secondary-foreground: 220 20% 12%; --muted: 220 8% 85%; --muted-foreground: 220 12% 38%; --accent: 189 75% 40%; --accent-foreground: 0 0% 100%; --destructive: 0 70% 48%; --destructive-foreground: 0 0% 100%; --warning: 38 92% 50%; --warning-foreground: 0 0% 0%; --success: 142 76% 36%; --success-foreground: 0 0% 100%; --info: 217 91% 60%; --info-foreground: 0 0% 100%; --border: 220 12% 75%; --input: 220 10% 80%; --ring: 211 100% 48%; --chart-1: 211 100% 48%; --chart-2: 189 75% 42%; --chart-3: 217 91% 60%; --chart-4: 142 76% 36%; --chart-5: 0 70% 50%; --radius: .625rem; --ringo-blur: 20px; --ringo-saturation: 180%; --ringo-glass-bg: hsl(var(--card) / .6); --ringo-glass-bg-hover: hsl(var(--card) / .7); --ringo-edge-highlight: #ffffff80; --ringo-edge-glow: #ffffff4d; --ringo-inner-shadow: #ffffff1a; --cupertino-shadow-sm: 0 1px 3px #00000014, 0 1px 2px #0000000f; --cupertino-shadow-md: 0 4px 12px #0000001a, 0 2px 4px #0000000f; --cupertino-shadow-lg: 0 10px 40px #00000026, 0 4px 12px #0000001a; --cupertino-shadow-xl: 0 25px 80px #0003; } .akibae { --background: 230 25% 10%; --foreground: 220 15% 92%; --card: 230 25% 14%; --card-foreground: 220 15% 92%; --popover: 230 25% 14%; --popover-foreground: 220 15% 92%; --primary: 211 100% 50%; --primary-foreground: 0 0% 100%; --secondary: 230 20% 18%; --secondary-foreground: 220 15% 92%; --muted: 230 20% 16%; --muted-foreground: 220 12% 55%; --accent: 189 75% 42%; --accent-foreground: 0 0% 100%; --destructive: 0 65% 48%; --destructive-foreground: 0 0% 100%; --warning: 38 90% 55%; --warning-foreground: 0 0% 100%; --success: 142 70% 45%; --success-foreground: 0 0% 100%; --info: 217 85% 65%; --info-foreground: 0 0% 100%; --border: 230 18% 22%; --input: 230 18% 20%; --ring: 211 100% 50%; --chart-1: 211 100% 50%; --chart-2: 189 75% 42%; --chart-3: 217 85% 65%; --chart-4: 142 70% 45%; --chart-5: 0 65% 48%; --radius: .625rem; --ringo-blur: 20px; --ringo-saturation: 180%; --ringo-glass-bg: hsl(var(--card) / .5); --ringo-glass-bg-hover: hsl(var(--card) / .65); --ringo-edge-highlight: #ffffff1f; --ringo-edge-glow: #ffffff0f; --ringo-inner-shadow: #ffffff0a; --cupertino-shadow-sm: 0 1px 3px #0003, 0 1px 2px #00000026; --cupertino-shadow-md: 0 4px 12px #00000040, 0 2px 4px #00000026; --cupertino-shadow-lg: 0 10px 40px #00000059, 0 4px 12px #0003; --cupertino-shadow-xl: 0 25px 80px #0006; } .blockninja { --background: 0 0% 6%; --foreground: 0 0% 95%; --card: 0 0% 9%; --card-foreground: 0 0% 95%; --popover: 0 0% 11%; --popover-foreground: 0 0% 95%; --primary: 0 72% 51%; --primary-foreground: 0 0% 100%; --secondary: 0 0% 13%; --secondary-foreground: 0 0% 95%; --muted: 0 0% 11%; --muted-foreground: 0 0% 55%; --accent: 0 0% 16%; --accent-foreground: 0 0% 95%; --destructive: 0 72% 45%; --destructive-foreground: 0 0% 100%; --warning: 38 90% 55%; --warning-foreground: 0 0% 100%; --success: 142 70% 45%; --success-foreground: 0 0% 100%; --info: 217 85% 65%; --info-foreground: 0 0% 100%; --border: 0 0% 18%; --input: 0 0% 18%; --ring: 0 72% 51%; --chart-1: 0 72% 51%; --chart-2: 38 90% 55%; --chart-3: 217 85% 65%; --chart-4: 142 70% 45%; --chart-5: 0 72% 45%; --radius: .375rem; --bn-red-glow: 0 100% 50%; --bn-red-subtle: 0 72% 51%; --bn-border-subtle: 0 0% 14%; --bn-border-strong: 0 0% 25%; --bn-noise-opacity: .025; --bn-vignette-strength: .15; --bn-panel-opacity: .95; --bn-transition-speed: .15s; } * { border-color: hsl(var(--border)); } body { background-color: hsl(var(--background)); color: hsl(var(--foreground)); font-feature-settings: "rlig" 1, "calt" 1; font-family: Inter Variable, Inter, system-ui, sans-serif; } } @layer components; @layer utilities { .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .not-sr-only { clip-path: none; white-space: normal; width: auto; height: auto; margin: 0; padding: 0; position: static; overflow: visible; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .-inset-1 { inset: calc(var(--spacing) * -1); } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-1 { inset: calc(var(--spacing) * 1); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .-start { inset-inline-start: calc(var(--spacing) * -1); } .start { inset-inline-start: var(--spacing); } .end { inset-inline-end: var(--spacing); } .-top-1 { top: calc(var(--spacing) * -1); } .-top-24 { top: calc(var(--spacing) * -24); } .top-0 { top: calc(var(--spacing) * 0); } .top-1\/2 { top: 50%; } .top-2 { top: calc(var(--spacing) * 2); } .top-3 { top: calc(var(--spacing) * 3); } .top-4 { top: calc(var(--spacing) * 4); } .top-9 { top: calc(var(--spacing) * 9); } .top-\[50\%\] { top: 50%; } .-right-1 { right: calc(var(--spacing) * -1); } .right-0 { right: calc(var(--spacing) * 0); } .right-2 { right: calc(var(--spacing) * 2); } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .right-5 { right: calc(var(--spacing) * 5); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .left-0 { left: calc(var(--spacing) * 0); } .left-2 { left: calc(var(--spacing) * 2); } .left-2\.5 { left: calc(var(--spacing) * 2.5); } .left-3 { left: calc(var(--spacing) * 3); } .left-5 { left: calc(var(--spacing) * 5); } .left-\[15px\] { left: 15px; } .left-\[50\%\] { left: 50%; } .isolate { isolation: isolate; } .isolation-auto { isolation: auto; } .-z-10 { z-index: calc(10 * -1); } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-50 { z-index: 50; } .container { width: 100%; } @media (min-width: 40rem) { .container { max-width: 40rem; } } @media (min-width: 48rem) { .container { max-width: 48rem; } } @media (min-width: 64rem) { .container { max-width: 64rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } @media (min-width: 96rem) { .container { max-width: 96rem; } } .-m-1 { margin: calc(var(--spacing) * -1); } .container { margin-inline: auto; padding-inline: 2rem; } @media (min-width: 40rem) { .container { max-width: none; } } @media (min-width: 1400px) { .container { max-width: 1400px; } } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .-mx-4 { margin-inline: calc(var(--spacing) * -4); } .-mx-6 { margin-inline: calc(var(--spacing) * -6); } .mx-auto { margin-inline: auto; } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-auto { margin-block: auto; } .prose { color: var(--tw-prose-body); max-width: 65ch; } .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-lead); margin-top: 1.2em; margin-bottom: 1.2em; font-size: 1.25em; line-height: 1.6; } .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-links); font-weight: 500; text-decoration: underline; } .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: decimal; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: decimal; } .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: disc; } .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-counters); font-weight: 400; } .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.25em; font-weight: 600; } .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-quotes); border-inline-start-width: .25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "“""”""‘""’"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; font-style: italic; font-weight: 500; } .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before { content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: close-quote; } .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 0; margin-bottom: .888889em; font-size: 2.25em; font-weight: 800; line-height: 1.11111; } .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 900; } .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 2em; margin-bottom: 1em; font-size: 1.5em; font-weight: 700; line-height: 1.33333; } .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 800; } .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.6em; margin-bottom: .6em; font-size: 1.25em; font-weight: 600; line-height: 1.6; } .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 700; } .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.5em; margin-bottom: .5em; font-weight: 600; line-height: 1.5; } .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 700; } .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; display: block; } .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); padding-top: .1875em; padding-inline-end: .375em; padding-bottom: .1875em; border-radius: .3125rem; padding-inline-start: .375em; font-family: inherit; font-size: .875em; font-weight: 500; } .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-code); font-size: .875em; font-weight: 600; } .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: "`"; } .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: .875em; } .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: .9em; } .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); padding-top: .857143em; padding-inline-end: 1.14286em; padding-bottom: .857143em; border-radius: .375rem; margin-top: 1.71429em; margin-bottom: 1.71429em; padding-inline-start: 1.14286em; font-size: .875em; font-weight: 400; line-height: 1.71429; overflow-x: auto; } .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; background-color: #0000; border-width: 0; border-radius: 0; padding: 0; } .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: none; } .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { table-layout: auto; width: 100%; margin-top: 2em; margin-bottom: 2em; font-size: .875em; line-height: 1.71429; } .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); vertical-align: bottom; padding-inline-end: .571429em; padding-bottom: .571429em; padding-inline-start: .571429em; font-weight: 600; } .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 0; } .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: baseline; } .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: top; } .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-align: start; } .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-captions); margin-top: .857143em; font-size: .875em; line-height: 1.42857; } .prose { --tw-prose-body: oklch(37.3% .034 259.733); --tw-prose-headings: oklch(21% .034 264.665); --tw-prose-lead: oklch(44.6% .03 256.802); --tw-prose-links: oklch(21% .034 264.665); --tw-prose-bold: oklch(21% .034 264.665); --tw-prose-counters: oklch(55.1% .027 264.364); --tw-prose-bullets: oklch(87.2% .01 258.338); --tw-prose-hr: oklch(92.8% .006 264.531); --tw-prose-quotes: oklch(21% .034 264.665); --tw-prose-quote-borders: oklch(92.8% .006 264.531); --tw-prose-captions: oklch(55.1% .027 264.364); --tw-prose-kbd: oklch(21% .034 264.665); --tw-prose-kbd-shadows: oklab(21% -.00316127 -.0338527 / .1); --tw-prose-code: oklch(21% .034 264.665); --tw-prose-pre-code: oklch(92.8% .006 264.531); --tw-prose-pre-bg: oklch(27.8% .033 256.848); --tw-prose-th-borders: oklch(87.2% .01 258.338); --tw-prose-td-borders: oklch(92.8% .006 264.531); --tw-prose-invert-body: oklch(87.2% .01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% .022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% .022 261.325); --tw-prose-invert-bullets: oklch(44.6% .03 256.802); --tw-prose-invert-hr: oklch(37.3% .034 259.733); --tw-prose-invert-quotes: oklch(96.7% .003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733); --tw-prose-invert-captions: oklch(70.7% .022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: #ffffff1a; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% .01 258.338); --tw-prose-invert-pre-bg: #00000080; --tw-prose-invert-th-borders: oklch(44.6% .03 256.802); --tw-prose-invert-td-borders: oklch(37.3% .034 259.733); font-size: 1rem; line-height: 1.75; } .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .5em; margin-bottom: .5em; } .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: .375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .75em; margin-bottom: .75em; } .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .75em; margin-bottom: .75em; } .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .5em; padding-inline-start: 1.625em; } .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: .571429em; padding-inline-end: .571429em; padding-bottom: .571429em; padding-inline-start: .571429em; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0; } .prose-sm { font-size: .875rem; line-height: 1.71429; } .prose-sm :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; } .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .888889em; margin-bottom: .888889em; font-size: 1.28571em; line-height: 1.55556; } .prose-sm :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em; padding-inline-start: 1.11111em; } .prose-sm :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: .8em; font-size: 2.14286em; line-height: 1.2; } .prose-sm :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.6em; margin-bottom: .8em; font-size: 1.42857em; line-height: 1.4; } .prose-sm :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.55556em; margin-bottom: .444444em; font-size: 1.28571em; line-height: 1.55556; } .prose-sm :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.42857em; margin-bottom: .571429em; line-height: 1.42857; } .prose-sm :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; } .prose-sm :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose-sm :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; } .prose-sm :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: .142857em; padding-inline-end: .357143em; padding-bottom: .142857em; border-radius: .3125rem; padding-inline-start: .357143em; font-size: .857143em; } .prose-sm :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: .857143em; } .prose-sm :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: .9em; } .prose-sm :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: .888889em; } .prose-sm :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: .666667em; padding-inline-end: 1em; padding-bottom: .666667em; border-radius: .25rem; margin-top: 1.66667em; margin-bottom: 1.66667em; padding-inline-start: 1em; font-size: .857143em; line-height: 1.66667; } .prose-sm :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; padding-inline-start: 1.57143em; } .prose-sm :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .285714em; margin-bottom: .285714em; } .prose-sm :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: .428571em; } .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .571429em; margin-bottom: .571429em; } .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; } .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.14286em; } .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; } .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.14286em; } .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .571429em; margin-bottom: .571429em; } .prose-sm :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; } .prose-sm :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; } .prose-sm :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .285714em; padding-inline-start: 1.57143em; } .prose-sm :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2.85714em; margin-bottom: 2.85714em; } .prose-sm :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: .857143em; line-height: 1.5; } .prose-sm :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 1em; padding-bottom: .666667em; padding-inline-start: 1em; } .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: .666667em; padding-inline-end: 1em; padding-bottom: .666667em; padding-inline-start: 1em; } .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } .prose-sm :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; } .prose-sm :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose-sm :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .666667em; font-size: .857143em; line-height: 1.33333; } .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0; } .-mt-8 { margin-top: calc(var(--spacing) * -8); } .mt-0\.5 { margin-top: calc(var(--spacing) * .5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-auto { margin-top: auto; } .-mr-2 { margin-right: calc(var(--spacing) * -2); } .mr-0\.5 { margin-right: calc(var(--spacing) * .5); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .-mb-px { margin-bottom: -1px; } .mb-0\.5 { margin-bottom: calc(var(--spacing) * .5); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .-ml-2 { margin-left: calc(var(--spacing) * -2); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-auto { margin-left: auto; } .line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .inline-grid { display: inline-grid; } .inline-table { display: inline-table; } .list-item { display: list-item; } .table { display: table; } .table-caption { display: table-caption; } .table-cell { display: table-cell; } .table-column { display: table-column; } .table-column-group { display: table-column-group; } .table-footer-group { display: table-footer-group; } .table-header-group { display: table-header-group; } .table-row { display: table-row; } .table-row-group { display: table-row-group; } .aspect-\[16\/10\] { aspect-ratio: 16 / 10; } .aspect-square { aspect-ratio: 1; } .h-0\.5 { height: calc(var(--spacing) * .5); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-28 { height: calc(var(--spacing) * 28); } .h-32 { height: calc(var(--spacing) * 32); } .h-40 { height: calc(var(--spacing) * 40); } .h-48 { height: calc(var(--spacing) * 48); } .h-64 { height: calc(var(--spacing) * 64); } .h-80 { height: calc(var(--spacing) * 80); } .h-96 { height: calc(var(--spacing) * 96); } .h-\[1px\] { height: 1px; } .h-\[120px\] { height: 120px; } .h-\[140px\] { height: 140px; } .h-\[300px\] { height: 300px; } .h-\[calc\(100\%-1\.25rem\)\] { height: calc(100% - 1.25rem); } .h-\[calc\(100vh-16rem\)\] { height: calc(100vh - 16rem); } .h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); } .h-auto { height: auto; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-64 { max-height: calc(var(--spacing) * 64); } .max-h-96 { max-height: calc(var(--spacing) * 96); } .max-h-\[--radix-select-content-available-height\] { max-height: --radix-select-content-available-height; } .max-h-\[28rem\] { max-height: 28rem; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[300px\] { max-height: 300px; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-48 { min-height: calc(var(--spacing) * 48); } .min-h-64 { min-height: calc(var(--spacing) * 64); } .min-h-\[1\.25rem\] { min-height: 1.25rem; } .min-h-\[80px\] { min-height: 80px; } .min-h-\[140px\] { min-height: 140px; } .min-h-\[480px\] { min-height: 480px; } .min-h-\[calc\(100vh-4rem\)\] { min-height: calc(100vh - 4rem); } .min-h-screen { min-height: 100vh; } .w-0\.5 { width: calc(var(--spacing) * .5); } .w-1 { width: calc(var(--spacing) * 1); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.3333%; } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2\/3 { width: 66.6667%; } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/4 { width: 75%; } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-12 { width: calc(var(--spacing) * 12); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-48 { width: calc(var(--spacing) * 48); } .w-56 { width: calc(var(--spacing) * 56); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-80 { width: calc(var(--spacing) * 80); } .w-96 { width: calc(var(--spacing) * 96); } .w-\[--radix-popover-trigger-width\] { width: --radix-popover-trigger-width; } .w-\[1px\] { width: 1px; } .w-\[50px\] { width: 50px; } .w-\[80px\] { width: 80px; } .w-\[100px\] { width: 100px; } .w-\[120px\] { width: 120px; } .w-\[130px\] { width: 130px; } .w-\[150px\] { width: 150px; } .w-\[160px\] { width: 160px; } .w-\[180px\] { width: 180px; } .w-\[200px\] { width: 200px; } .w-\[300px\] { width: 300px; } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-48 { max-width: calc(var(--spacing) * 48); } .max-w-64 { max-width: calc(var(--spacing) * 64); } .max-w-\[80\%\] { max-width: 80%; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[140px\] { max-width: 140px; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[280px\] { max-width: 280px; } .max-w-\[300px\] { max-width: 300px; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-sm { max-width: var(--container-sm); } .max-w-xs { max-width: var(--container-xs); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-\[8rem\] { min-width: 8rem; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); } .flex-1 { flex: 1; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .table-fixed { table-layout: fixed; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .origin-\[--radix-select-content-transform-origin\] { transform-origin: --radix-select-content-transform-origin; } .origin-\[--radix-tooltip-content-transform-origin\] { transform-origin: --radix-tooltip-content-transform-origin; } .translate-x-\[-50\%\] { --tw-translate-x: -50%; 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-\[-50\%\] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-rotate-90 { rotate: -90deg; } .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-ping { animation: var(--animate-ping); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-default { cursor: default; } .cursor-help { cursor: help; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .touch-pinch-zoom { --tw-pinch-zoom: pinch-zoom; touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ); } .resize { resize: both; } .list-inside { list-style-position: inside; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .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-\[340px_1fr\] { grid-template-columns: 340px 1fr; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-wrap { flex-wrap: wrap; } .place-content-center { place-content: center; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } :where(.space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-0\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(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(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-reverse > :not(:last-child)) { --tw-space-y-reverse: 1; } :where(.space-x-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-reverse > :not(:last-child)) { --tw-space-x-reverse: 1; } :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-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-y-reverse > :not(:last-child)) { --tw-divide-y-reverse: 1; } :where(.divide-border > :not(:last-child)) { border-color: hsl(var(--border)); } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .rounded { border-radius: .25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[2px\] { border-radius: 2px; } .rounded-full { border-radius: 3.40282e38px; } .rounded-lg { border-radius: var(--radius); } .rounded-md { border-radius: calc(var(--radius) - 2px); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: calc(var(--radius) - 4px); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-s { border-start-start-radius: .25rem; border-end-start-radius: .25rem; } .rounded-ss { border-start-start-radius: .25rem; } .rounded-e { border-start-end-radius: .25rem; border-end-end-radius: .25rem; } .rounded-se { border-start-end-radius: .25rem; } .rounded-ee { border-end-end-radius: .25rem; } .rounded-es { border-end-start-radius: .25rem; } .rounded-t { border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .rounded-l { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } .rounded-l-md { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rounded-tl { border-top-left-radius: .25rem; } .rounded-r { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .rounded-r-md { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rounded-tr { border-top-right-radius: .25rem; } .rounded-b { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; } .rounded-br { border-bottom-right-radius: .25rem; } .rounded-bl { border-bottom-left-radius: .25rem; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-s { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; } .border-e { border-inline-end-style: var(--tw-border-style); border-inline-end-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-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-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-\[hsl\(0_0\%_18\%\)\] { border-color: #2e2e2e; } .border-\[hsl\(0_72\%_51\%\)\] { border-color: #dc2828; } .border-border, .border-border\/60 { border-color: hsl(var(--border)); } @supports (color: color-mix(in lab, red, red)) { .border-border\/60 { border-color: color-mix(in oklab, hsl(var(--border)) 60%, transparent); } } .border-destructive, .border-destructive\/20 { border-color: hsl(var(--destructive)); } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/20 { border-color: color-mix(in oklab, hsl(var(--destructive)) 20%, transparent); } } .border-destructive\/30 { border-color: hsl(var(--destructive)); } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/30 { border-color: color-mix(in oklab, hsl(var(--destructive)) 30%, transparent); } } .border-destructive\/50 { border-color: hsl(var(--destructive)); } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/50 { border-color: color-mix(in oklab, hsl(var(--destructive)) 50%, transparent); } } .border-info, .border-info\/20 { border-color: hsl(var(--info)); } @supports (color: color-mix(in lab, red, red)) { .border-info\/20 { border-color: color-mix(in oklab, hsl(var(--info)) 20%, transparent); } } .border-info\/30 { border-color: hsl(var(--info)); } @supports (color: color-mix(in lab, red, red)) { .border-info\/30 { border-color: color-mix(in oklab, hsl(var(--info)) 30%, transparent); } } .border-info\/50 { border-color: hsl(var(--info)); } @supports (color: color-mix(in lab, red, red)) { .border-info\/50 { border-color: color-mix(in oklab, hsl(var(--info)) 50%, transparent); } } .border-input { border-color: hsl(var(--input)); } .border-muted, .border-muted\/50 { border-color: hsl(var(--muted)); } @supports (color: color-mix(in lab, red, red)) { .border-muted\/50 { border-color: color-mix(in oklab, hsl(var(--muted)) 50%, transparent); } } .border-primary { border-color: hsl(var(--primary)); } .border-primary-foreground\/20 { border-color: hsl(var(--primary-foreground)); } @supports (color: color-mix(in lab, red, red)) { .border-primary-foreground\/20 { border-color: color-mix(in oklab, hsl(var(--primary-foreground)) 20%, transparent); } } .border-primary\/20 { border-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/20 { border-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent); } } .border-primary\/30 { border-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/30 { border-color: color-mix(in oklab, hsl(var(--primary)) 30%, transparent); } } .border-primary\/40 { border-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/40 { border-color: color-mix(in oklab, hsl(var(--primary)) 40%, transparent); } } .border-primary\/50 { border-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/50 { border-color: color-mix(in oklab, hsl(var(--primary)) 50%, transparent); } } .border-success, .border-success\/20 { border-color: hsl(var(--success)); } @supports (color: color-mix(in lab, red, red)) { .border-success\/20 { border-color: color-mix(in oklab, hsl(var(--success)) 20%, transparent); } } .border-success\/30 { border-color: hsl(var(--success)); } @supports (color: color-mix(in lab, red, red)) { .border-success\/30 { border-color: color-mix(in oklab, hsl(var(--success)) 30%, transparent); } } .border-success\/50 { border-color: hsl(var(--success)); } @supports (color: color-mix(in lab, red, red)) { .border-success\/50 { border-color: color-mix(in oklab, hsl(var(--success)) 50%, transparent); } } .border-transparent { border-color: #0000; } .border-warning, .border-warning\/20 { border-color: hsl(var(--warning)); } @supports (color: color-mix(in lab, red, red)) { .border-warning\/20 { border-color: color-mix(in oklab, hsl(var(--warning)) 20%, transparent); } } .border-warning\/30 { border-color: hsl(var(--warning)); } @supports (color: color-mix(in lab, red, red)) { .border-warning\/30 { border-color: color-mix(in oklab, hsl(var(--warning)) 30%, transparent); } } .border-warning\/40 { border-color: hsl(var(--warning)); } @supports (color: color-mix(in lab, red, red)) { .border-warning\/40 { border-color: color-mix(in oklab, hsl(var(--warning)) 40%, transparent); } } .border-warning\/50 { border-color: hsl(var(--warning)); } @supports (color: color-mix(in lab, red, red)) { .border-warning\/50 { border-color: color-mix(in oklab, hsl(var(--warning)) 50%, transparent); } } .border-white\/60 { border-color: #fff9; } @supports (color: color-mix(in lab, red, red)) { .border-white\/60 { border-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .bg-\[hsl\(0\,0\%\,98\%\)\] { background-color: #fafafa; } .bg-\[hsl\(0\,30\%\,5\%\)\] { background-color: #110909; } .bg-\[hsl\(0\,100\%\,50\%\)\] { background-color: red; } .bg-\[hsl\(0_0\%_6\%\)\] { background-color: #0f0f0f; } .bg-\[hsl\(0_0\%_18\%\)\] { background-color: #2e2e2e; } .bg-\[hsl\(0_72\%_51\%\)\] { background-color: #dc2828; } .bg-\[hsl\(0_72\%_51\%\/0\.05\)\] { background-color: #dc28280d; } .bg-\[hsl\(8\,65\%\,50\%\)\] { background-color: #d2432d; } .bg-\[hsl\(15\,55\%\,55\%\)\] { background-color: #cb6d4d; } .bg-\[hsl\(15\,80\%\,55\%\)\] { background-color: #e85e30; } .bg-\[hsl\(25\,40\%\,96\%\)\] { background-color: #f9f4f1; } .bg-\[hsl\(25\,60\%\,45\%\)\] { background-color: #b8672e; } .bg-\[hsl\(25\,80\%\,55\%\)\] { background-color: #e87d30; } .bg-\[hsl\(25\,100\%\,50\%\)\] { background-color: #ff6a00; } .bg-\[hsl\(40\,30\%\,96\%\)\] { background-color: #f8f6f2; } .bg-\[hsl\(40\,60\%\,50\%\)\] { background-color: #c93; } .bg-\[hsl\(45\,80\%\,45\%\)\] { background-color: #cfa117; } .bg-\[hsl\(95\,50\%\,45\%\)\] { background-color: #69ac39; } .bg-\[hsl\(145\,55\%\,45\%\)\] { background-color: #34b268; } .bg-\[hsl\(145\,75\%\,38\%\)\] { background-color: #18aa55; } .bg-\[hsl\(150\,15\%\,12\%\)\] { background-color: #1a231f; } .bg-\[hsl\(151\,83\%\,40\%\)\] { background-color: #11bb69; } .bg-\[hsl\(155\,45\%\,90\%\)\] { background-color: #daf1e7; } .bg-\[hsl\(165\,50\%\,45\%\)\] { background-color: #39ac8f; } .bg-\[hsl\(168\,80\%\,38\%\)\] { background-color: #13ae8f; } .bg-\[hsl\(175\,70\%\,40\%\)\] { background-color: #1fada1; } .bg-\[hsl\(185\,100\%\,50\%\)\] { background-color: #00eaff; } .bg-\[hsl\(193\,60\%\,45\%\)\] { background-color: #2e9ab8; } .bg-\[hsl\(195\,70\%\,50\%\)\] { background-color: #26acd9; } .bg-\[hsl\(195\,90\%\,42\%\)\] { background-color: #0b9bcb; } .bg-\[hsl\(200\,25\%\,12\%\)\] { background-color: #172126; } .bg-\[hsl\(200\,55\%\,92\%\)\] { background-color: #dfeef6; } .bg-\[hsl\(200\,95\%\,48\%\)\] { background-color: #06a1ef; } .bg-\[hsl\(206\,100\%\,42\%\)\] { background-color: #0079d6; } .bg-\[hsl\(210\,20\%\,98\%\)\] { background-color: #f9fafb; } .bg-\[hsl\(211\,100\%\,50\%\)\] { background-color: #007bff; } .bg-\[hsl\(215\,80\%\,58\%\)\] { background-color: #3e86ea; } .bg-\[hsl\(217\,89\%\,51\%\)\] { background-color: #1368f1; } .bg-\[hsl\(218\,30\%\,90\%\)\] { background-color: #dee3ed; } .bg-\[hsl\(220\,40\%\,4\%\)\] { background-color: #06090e; } .bg-\[hsl\(230\,25\%\,11\%\)\] { background-color: #151723; } .bg-\[hsl\(230\,25\%\,14\%\)\] { background-color: #1b1e2d; } .bg-\[hsl\(230\,35\%\,8\%\)\] { background-color: #0d101c; } .bg-\[hsl\(239\,84\%\,67\%\)\] { background-color: #6467f2; } .bg-\[hsl\(240\,10\%\,3\.9\%\)\] { background-color: #09090b; } .bg-\[hsl\(260\,60\%\,60\%\)\] { background-color: #855cd6; } .bg-\[hsl\(270\,20\%\,14\%\)\] { background-color: #241d2b; } .bg-\[hsl\(270\,30\%\,97\%\)\] { background-color: #f7f5fa; } .bg-\[hsl\(270\,60\%\,65\%\)\] { background-color: #a670db; } .bg-\[hsl\(270\,70\%\,55\%\)\] { background-color: #8c3cdd; } .bg-\[hsl\(300\,60\%\,55\%\)\] { background-color: #d147d1; } .bg-\[hsl\(300\,100\%\,60\%\)\] { background-color: #f3f; } .bg-\[hsl\(330\,100\%\,64\%\)\] { background-color: #ff47a3; } .bg-\[hsl\(340\,12\%\,14\%\)\] { background-color: #281f22; } .bg-\[hsl\(340\,50\%\,60\%\)\] { background-color: #c68; } .bg-accent, .bg-accent\/10 { background-color: hsl(var(--accent)); } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/10 { background-color: color-mix(in oklab, hsl(var(--accent)) 10%, transparent); } } .bg-accent\/15 { background-color: hsl(var(--accent)); } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/15 { background-color: color-mix(in oklab, hsl(var(--accent)) 15%, transparent); } } .bg-background, .bg-background\/60 { background-color: hsl(var(--background)); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/60 { background-color: color-mix(in oklab, hsl(var(--background)) 60%, transparent); } } .bg-background\/95 { background-color: hsl(var(--background)); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/95 { background-color: color-mix(in oklab, hsl(var(--background)) 95%, transparent); } } .bg-black\/80 { background-color: #000c; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/80 { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } .bg-border { background-color: hsl(var(--border)); } .bg-card, .bg-card\/60 { background-color: hsl(var(--card)); } @supports (color: color-mix(in lab, red, red)) { .bg-card\/60 { background-color: color-mix(in oklab, hsl(var(--card)) 60%, transparent); } } .bg-card\/80 { background-color: hsl(var(--card)); } @supports (color: color-mix(in lab, red, red)) { .bg-card\/80 { background-color: color-mix(in oklab, hsl(var(--card)) 80%, transparent); } } .bg-destructive, .bg-destructive\/5 { background-color: hsl(var(--destructive)); } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/5 { background-color: color-mix(in oklab, hsl(var(--destructive)) 5%, transparent); } } .bg-destructive\/10 { background-color: hsl(var(--destructive)); } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/10 { background-color: color-mix(in oklab, hsl(var(--destructive)) 10%, transparent); } } .bg-destructive\/15 { background-color: hsl(var(--destructive)); } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/15 { background-color: color-mix(in oklab, hsl(var(--destructive)) 15%, transparent); } } .bg-info, .bg-info\/10 { background-color: hsl(var(--info)); } @supports (color: color-mix(in lab, red, red)) { .bg-info\/10 { background-color: color-mix(in oklab, hsl(var(--info)) 10%, transparent); } } .bg-info\/15 { background-color: hsl(var(--info)); } @supports (color: color-mix(in lab, red, red)) { .bg-info\/15 { background-color: color-mix(in oklab, hsl(var(--info)) 15%, transparent); } } .bg-muted { background-color: hsl(var(--muted)); } .bg-muted-foreground { background-color: hsl(var(--muted-foreground)); } .bg-muted\/10 { background-color: hsl(var(--muted)); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/10 { background-color: color-mix(in oklab, hsl(var(--muted)) 10%, transparent); } } .bg-muted\/20 { background-color: hsl(var(--muted)); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/20 { background-color: color-mix(in oklab, hsl(var(--muted)) 20%, transparent); } } .bg-muted\/30 { background-color: hsl(var(--muted)); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/30 { background-color: color-mix(in oklab, hsl(var(--muted)) 30%, transparent); } } .bg-muted\/40 { background-color: hsl(var(--muted)); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/40 { background-color: color-mix(in oklab, hsl(var(--muted)) 40%, transparent); } } .bg-muted\/50 { background-color: hsl(var(--muted)); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/50 { background-color: color-mix(in oklab, hsl(var(--muted)) 50%, transparent); } } .bg-popover { background-color: hsl(var(--popover)); } .bg-primary { background-color: hsl(var(--primary)); } .bg-primary-foreground { background-color: hsl(var(--primary-foreground)); } .bg-primary\/5 { background-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/5 { background-color: color-mix(in oklab, hsl(var(--primary)) 5%, transparent); } } .bg-primary\/10 { background-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/10 { background-color: color-mix(in oklab, hsl(var(--primary)) 10%, transparent); } } .bg-primary\/15 { background-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/15 { background-color: color-mix(in oklab, hsl(var(--primary)) 15%, transparent); } } .bg-primary\/20 { background-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/20 { background-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent); } } .bg-secondary { background-color: hsl(var(--secondary)); } .bg-success, .bg-success\/5 { background-color: hsl(var(--success)); } @supports (color: color-mix(in lab, red, red)) { .bg-success\/5 { background-color: color-mix(in oklab, hsl(var(--success)) 5%, transparent); } } .bg-success\/10 { background-color: hsl(var(--success)); } @supports (color: color-mix(in lab, red, red)) { .bg-success\/10 { background-color: color-mix(in oklab, hsl(var(--success)) 10%, transparent); } } .bg-success\/15 { background-color: hsl(var(--success)); } @supports (color: color-mix(in lab, red, red)) { .bg-success\/15 { background-color: color-mix(in oklab, hsl(var(--success)) 15%, transparent); } } .bg-success\/20 { background-color: hsl(var(--success)); } @supports (color: color-mix(in lab, red, red)) { .bg-success\/20 { background-color: color-mix(in oklab, hsl(var(--success)) 20%, transparent); } } .bg-success\/70 { background-color: hsl(var(--success)); } @supports (color: color-mix(in lab, red, red)) { .bg-success\/70 { background-color: color-mix(in oklab, hsl(var(--success)) 70%, transparent); } } .bg-transparent { background-color: #0000; } .bg-warning, .bg-warning\/5 { background-color: hsl(var(--warning)); } @supports (color: color-mix(in lab, red, red)) { .bg-warning\/5 { background-color: color-mix(in oklab, hsl(var(--warning)) 5%, transparent); } } .bg-warning\/10 { background-color: hsl(var(--warning)); } @supports (color: color-mix(in lab, red, red)) { .bg-warning\/10 { background-color: color-mix(in oklab, hsl(var(--warning)) 10%, transparent); } } .bg-warning\/15 { background-color: hsl(var(--warning)); } @supports (color: color-mix(in lab, red, red)) { .bg-warning\/15 { background-color: color-mix(in oklab, hsl(var(--warning)) 15%, transparent); } } .bg-white { background-color: var(--color-white); } .bg-white\/40 { background-color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/40 { background-color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .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)); } .from-\[hsl\(160\,60\%\,25\%\)\] { --tw-gradient-from: #19664d; --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-\[hsl\(210\,50\%\,95\%\)\] { --tw-gradient-from: #ecf2f9; --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-primary { --tw-gradient-from: hsl(var(--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-primary\/5 { --tw-gradient-from: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .from-primary\/5 { --tw-gradient-from: color-mix(in oklab, hsl(var(--primary)) 5%, transparent); } } .from-primary\/5 { --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-primary\/10 { --tw-gradient-from: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .from-primary\/10 { --tw-gradient-from: color-mix(in oklab, hsl(var(--primary)) 10%, transparent); } } .from-primary\/10 { --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-success\/10 { --tw-gradient-from: hsl(var(--success)); } @supports (color: color-mix(in lab, red, red)) { .from-success\/10 { --tw-gradient-from: color-mix(in oklab, hsl(var(--success)) 10%, transparent); } } .from-success\/10 { --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-white { --tw-gradient-from: var(--color-white); --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-\[hsl\(230\,30\%\,8\%\)\] { --tw-gradient-via: #0e101b; --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-\[hsl\(280\,30\%\,90\%\)\] { --tw-gradient-via: #e8deed; --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-primary\/90 { --tw-gradient-via: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .via-primary\/90 { --tw-gradient-via: color-mix(in oklab, hsl(var(--primary)) 90%, transparent); } } .via-primary\/90 { --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-\[hsl\(30\,40\%\,92\%\)\] { --tw-gradient-to: #f3ebe2; --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-\[hsl\(240\,10\%\,3\.9\%\)\] { --tw-gradient-to: #09090b; --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-\[hsl\(280\,50\%\,20\%\)\] { --tw-gradient-to: #3c194d; --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-card\/40 { --tw-gradient-to: hsl(var(--card)); } @supports (color: color-mix(in lab, red, red)) { .to-card\/40 { --tw-gradient-to: color-mix(in oklab, hsl(var(--card)) 40%, transparent); } } .to-card\/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)); } .to-muted { --tw-gradient-to: hsl(var(--muted)); --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-primary\/5 { --tw-gradient-to: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .to-primary\/5 { --tw-gradient-to: color-mix(in oklab, hsl(var(--primary)) 5%, transparent); } } .to-primary\/5 { --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-primary\/10 { --tw-gradient-to: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .to-primary\/10 { --tw-gradient-to: color-mix(in oklab, hsl(var(--primary)) 10%, transparent); } } .to-primary\/10 { --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-primary\/80 { --tw-gradient-to: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .to-primary\/80 { --tw-gradient-to: color-mix(in oklab, hsl(var(--primary)) 80%, transparent); } } .to-primary\/80 { --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)); } .bg-repeat { background-repeat: repeat; } .fill-current { fill: currentColor; } .fill-primary { fill: hsl(var(--primary)); } .fill-success { fill: hsl(var(--success)); } .fill-warning { fill: hsl(var(--warning)); } .stroke-muted { stroke: hsl(var(--muted)); } .object-cover { object-fit: cover; } .object-top { object-position: top; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * .5); } .p-1 { padding: calc(var(--spacing) * 1); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-7 { padding: calc(var(--spacing) * 7); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * .5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-16 { padding-block: calc(var(--spacing) * 16); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-0\.5 { padding-top: calc(var(--spacing) * .5); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pr-24 { padding-right: calc(var(--spacing) * 24); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-middle { vertical-align: middle; } .font-display { font-family: Chakra Petch, Inter Variable, system-ui, sans-serif; } .font-mono { font-family: JetBrains Mono Variable, JetBrains Mono, ui-monospace, monospace; } .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-\[9px\] { font-size: 9px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .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\.2em\] { --tw-tracking: .2em; letter-spacing: .2em; } .tracking-\[0\.18em\] { --tw-tracking: .18em; letter-spacing: .18em; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-wrap { text-wrap: wrap; } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .text-clip { text-overflow: clip; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-accent { color: hsl(var(--accent)); } .text-accent-foreground { color: hsl(var(--accent-foreground)); } .text-card-foreground { color: hsl(var(--card-foreground)); } .text-current { color: currentColor; } .text-destructive { color: hsl(var(--destructive)); } .text-destructive-foreground { color: hsl(var(--destructive-foreground)); } .text-foreground { color: hsl(var(--foreground)); } .text-info { color: hsl(var(--info)); } .text-muted { color: hsl(var(--muted)); } .text-muted-foreground, .text-muted-foreground\/30 { color: hsl(var(--muted-foreground)); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/30 { color: color-mix(in oklab, hsl(var(--muted-foreground)) 30%, transparent); } } .text-muted-foreground\/40 { color: hsl(var(--muted-foreground)); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/40 { color: color-mix(in oklab, hsl(var(--muted-foreground)) 40%, transparent); } } .text-muted-foreground\/50 { color: hsl(var(--muted-foreground)); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/50 { color: color-mix(in oklab, hsl(var(--muted-foreground)) 50%, transparent); } } .text-muted-foreground\/60 { color: hsl(var(--muted-foreground)); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/60 { color: color-mix(in oklab, hsl(var(--muted-foreground)) 60%, transparent); } } .text-muted-foreground\/70 { color: hsl(var(--muted-foreground)); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/70 { color: color-mix(in oklab, hsl(var(--muted-foreground)) 70%, transparent); } } .text-muted-foreground\/80 { color: hsl(var(--muted-foreground)); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/80 { color: color-mix(in oklab, hsl(var(--muted-foreground)) 80%, transparent); } } .text-popover-foreground { color: hsl(var(--popover-foreground)); } .text-primary { color: hsl(var(--primary)); } .text-primary-foreground { color: hsl(var(--primary-foreground)); } .text-secondary-foreground { color: hsl(var(--secondary-foreground)); } .text-success { color: hsl(var(--success)); } .text-success-foreground { color: hsl(var(--success-foreground)); } .text-warning { color: hsl(var(--warning)); } .text-warning-foreground { color: hsl(var(--warning-foreground)); } .text-white { color: var(--color-white); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .not-italic { font-style: normal; } .diagonal-fractions { --tw-numeric-fraction: diagonal-fractions; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .lining-nums { --tw-numeric-figure: lining-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .oldstyle-nums { --tw-numeric-figure: oldstyle-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .proportional-nums { --tw-numeric-spacing: proportional-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .slashed-zero { --tw-slashed-zero: slashed-zero; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .stacked-fractions { --tw-numeric-fraction: stacked-fractions; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .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, ); } .normal-nums { font-variant-numeric: normal; } .line-through { text-decoration-line: line-through; } .no-underline { text-decoration-line: none; } .overline { text-decoration-line: overline; } .underline { text-decoration-line: underline; } .underline-offset-4 { text-underline-offset: 4px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .subpixel-antialiased { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .opacity-0 { opacity: 0; } .opacity-30 { opacity: .3; } .opacity-40 { opacity: .4; } .opacity-45 { opacity: .45; } .opacity-50 { opacity: .5; } .opacity-60 { opacity: .6; } .opacity-70 { opacity: .7; } .opacity-80 { opacity: .8; } .opacity-85 { opacity: .85; } .opacity-100 { opacity: 1; } .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-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); } .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-0 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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-1 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-2 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-success\/5 { --tw-shadow-color: hsl(var(--success)); } @supports (color: color-mix(in lab, red, red)) { .shadow-success\/5 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--success)) 5%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-success\/30 { --tw-shadow-color: hsl(var(--success)); } @supports (color: color-mix(in lab, red, red)) { .shadow-success\/30 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--success)) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-\[hsl\(0_72\%_51\%\/0\.2\)\] { --tw-ring-color: #dc282833; } .ring-destructive\/30 { --tw-ring-color: hsl(var(--destructive)); } @supports (color: color-mix(in lab, red, red)) { .ring-destructive\/30 { --tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 30%, transparent); } } .ring-muted-foreground\/30 { --tw-ring-color: hsl(var(--muted-foreground)); } @supports (color: color-mix(in lab, red, red)) { .ring-muted-foreground\/30 { --tw-ring-color: color-mix(in oklab, hsl(var(--muted-foreground)) 30%, transparent); } } .ring-primary, .ring-primary\/20 { --tw-ring-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .ring-primary\/20 { --tw-ring-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent); } } .ring-primary\/40 { --tw-ring-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .ring-primary\/40 { --tw-ring-color: color-mix(in oklab, hsl(var(--primary)) 40%, transparent); } } .ring-success\/30 { --tw-ring-color: hsl(var(--success)); } @supports (color: color-mix(in lab, red, red)) { .ring-success\/30 { --tw-ring-color: color-mix(in oklab, hsl(var(--success)) 30%, transparent); } } .ring-warning\/30 { --tw-ring-color: hsl(var(--warning)); } @supports (color: color-mix(in lab, red, red)) { .ring-warning\/30 { --tw-ring-color: color-mix(in oklab, hsl(var(--warning)) 30%, transparent); } } .ring-white\/15 { --tw-ring-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .ring-white\/15 { --tw-ring-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .ring-offset-1 { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .ring-offset-background { --tw-ring-offset-color: hsl(var(--background)); } .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, ); } .drop-shadow { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f)); --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f); 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-\[0_0_8px_hsl\(var\(--primary\)\/0\.6\)\] { --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, hsl(var(--primary)/.6))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_12px_hsl\(var\(--primary\)\/0\.5\)\] { --tw-drop-shadow-size: drop-shadow(0 0 12px var(--tw-drop-shadow-color, hsl(var(--primary)/.5))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_16px_hsl\(var\(--primary\)\/0\.5\)\] { --tw-drop-shadow-size: drop-shadow(0 0 16px var(--tw-drop-shadow-color, hsl(var(--primary)/.5))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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, ); } .sepia { --tw-sepia: sepia(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, ); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -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, ); } .backdrop-grayscale { --tw-backdrop-grayscale: grayscale(100%); -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, ); } .backdrop-invert { --tw-backdrop-invert: invert(100%); -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, ); } .backdrop-sepia { --tw-backdrop-sepia: sepia(100%); -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, ); } .backdrop-filter { -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-\[stroke-dashoffset\] { transition-property: stroke-dashoffset; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-200 { --tw-duration: .2s; transition-duration: .2s; } .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-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .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); } .animate-in { --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; animation-name: enter; animation-duration: .15s; } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .\[animation-duration\:2\.4s\] { animation-duration: 2.4s; } .\[writing-mode\:vertical-rl\] { writing-mode: vertical-rl; } :where(.divide-x-reverse > :not(:last-child)) { --tw-divide-x-reverse: 1; } .duration-200 { animation-duration: .2s; } .duration-300 { animation-duration: .3s; } .duration-500 { animation-duration: .5s; } .duration-700 { animation-duration: .7s; } .ease-in { animation-timing-function: cubic-bezier(.4, 0, 1, 1); } .ease-in-out { animation-timing-function: cubic-bezier(.4, 0, .2, 1); } .ease-out { animation-timing-function: cubic-bezier(0, 0, .2, 1); } .fade-in-0 { --tw-enter-opacity: 0; } .paused { animation-play-state: paused; } .ring-inset { --tw-ring-inset: inset; } .running { animation-play-state: running; } .slide-in-from-bottom-2 { --tw-enter-translate-y: .5rem; } .slide-in-from-top-2 { --tw-enter-translate-y: -.5rem; } .zoom-in { --tw-enter-scale: 0; } .zoom-in-95 { --tw-enter-scale: .95; } .zoom-out { --tw-exit-scale: 0; } .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) { rotate: 180deg; } @media (hover: hover) { .group-hover\:text-muted-foreground:is(:where(.group):hover *) { color: hsl(var(--muted-foreground)); } .group-hover\:text-primary:is(:where(.group):hover *) { color: hsl(var(--primary)); } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } } .group-\[\.toast\]\:bg-muted:is(:where(.group).toast *) { background-color: hsl(var(--muted)); } .group-\[\.toast\]\:bg-primary:is(:where(.group).toast *) { background-color: hsl(var(--primary)); } .group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *) { color: hsl(var(--muted-foreground)); } .group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *) { color: hsl(var(--primary-foreground)); } .group-\[\.toaster\]\:border-border:is(:where(.group).toaster *) { border-color: hsl(var(--border)); } .group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *) { background-color: hsl(var(--background)); } .group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *) { color: hsl(var(--foreground)); } .group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *) { --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); } .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) { cursor: not-allowed; } .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) { opacity: .7; } .file\:border-0::file-selector-button { border-style: var(--tw-border-style); border-width: 0; } .file\:bg-transparent::file-selector-button { background-color: #0000; } .file\:text-sm::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .file\:font-medium::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .file\:text-foreground::file-selector-button { color: hsl(var(--foreground)); } .placeholder\:text-muted-foreground::placeholder { color: hsl(var(--muted-foreground)); } .last\:border-0:last-child { border-style: var(--tw-border-style); border-width: 0; } .last\:pb-0:last-child { padding-bottom: calc(var(--spacing) * 0); } @media (hover: hover) { .hover\:scale-110:hover { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:border-\[hsl\(0_72\%_51\%\/0\.5\)\]:hover { border-color: #dc282880; } .hover\:border-muted-foreground\/30:hover { border-color: hsl(var(--muted-foreground)); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-muted-foreground\/30:hover { border-color: color-mix(in oklab, hsl(var(--muted-foreground)) 30%, transparent); } } .hover\:border-primary:hover, .hover\:border-primary\/40:hover { border-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-primary\/40:hover { border-color: color-mix(in oklab, hsl(var(--primary)) 40%, transparent); } } .hover\:border-primary\/50:hover { border-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-primary\/50:hover { border-color: color-mix(in oklab, hsl(var(--primary)) 50%, transparent); } } .hover\:bg-\[hsl\(0_72\%_51\%\/0\.05\)\]:hover { background-color: #dc28280d; } .hover\:bg-accent:hover, .hover\:bg-accent\/40:hover { background-color: hsl(var(--accent)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-accent\/40:hover { background-color: color-mix(in oklab, hsl(var(--accent)) 40%, transparent); } } .hover\:bg-accent\/50:hover { background-color: hsl(var(--accent)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-accent\/50:hover { background-color: color-mix(in oklab, hsl(var(--accent)) 50%, transparent); } } .hover\:bg-background:hover { background-color: hsl(var(--background)); } .hover\:bg-destructive\/10:hover { background-color: hsl(var(--destructive)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-destructive\/10:hover { background-color: color-mix(in oklab, hsl(var(--destructive)) 10%, transparent); } } .hover\:bg-destructive\/80:hover { background-color: hsl(var(--destructive)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-destructive\/80:hover { background-color: color-mix(in oklab, hsl(var(--destructive)) 80%, transparent); } } .hover\:bg-destructive\/90:hover { background-color: hsl(var(--destructive)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-destructive\/90:hover { background-color: color-mix(in oklab, hsl(var(--destructive)) 90%, transparent); } } .hover\:bg-info\/15:hover { background-color: hsl(var(--info)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-info\/15:hover { background-color: color-mix(in oklab, hsl(var(--info)) 15%, transparent); } } .hover\:bg-muted:hover { background-color: hsl(var(--muted)); } .hover\:bg-muted-foreground\/10:hover { background-color: hsl(var(--muted-foreground)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-muted-foreground\/10:hover { background-color: color-mix(in oklab, hsl(var(--muted-foreground)) 10%, transparent); } } .hover\:bg-muted\/30:hover { background-color: hsl(var(--muted)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-muted\/30:hover { background-color: color-mix(in oklab, hsl(var(--muted)) 30%, transparent); } } .hover\:bg-muted\/40:hover { background-color: hsl(var(--muted)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-muted\/40:hover { background-color: color-mix(in oklab, hsl(var(--muted)) 40%, transparent); } } .hover\:bg-muted\/50:hover { background-color: hsl(var(--muted)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-muted\/50:hover { background-color: color-mix(in oklab, hsl(var(--muted)) 50%, transparent); } } .hover\:bg-muted\/60:hover { background-color: hsl(var(--muted)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-muted\/60:hover { background-color: color-mix(in oklab, hsl(var(--muted)) 60%, transparent); } } .hover\:bg-muted\/80:hover { background-color: hsl(var(--muted)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-muted\/80:hover { background-color: color-mix(in oklab, hsl(var(--muted)) 80%, transparent); } } .hover\:bg-primary:hover, .hover\:bg-primary\/5:hover { background-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/5:hover { background-color: color-mix(in oklab, hsl(var(--primary)) 5%, transparent); } } .hover\:bg-primary\/10:hover { background-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/10:hover { background-color: color-mix(in oklab, hsl(var(--primary)) 10%, transparent); } } .hover\:bg-primary\/80:hover { background-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/80:hover { background-color: color-mix(in oklab, hsl(var(--primary)) 80%, transparent); } } .hover\:bg-primary\/90:hover { background-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/90:hover { background-color: color-mix(in oklab, hsl(var(--primary)) 90%, transparent); } } .hover\:bg-secondary\/80:hover { background-color: hsl(var(--secondary)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-secondary\/80:hover { background-color: color-mix(in oklab, hsl(var(--secondary)) 80%, transparent); } } .hover\:bg-success\/15:hover { background-color: hsl(var(--success)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-success\/15:hover { background-color: color-mix(in oklab, hsl(var(--success)) 15%, transparent); } } .hover\:bg-success\/90:hover { background-color: hsl(var(--success)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-success\/90:hover { background-color: color-mix(in oklab, hsl(var(--success)) 90%, transparent); } } .hover\:bg-transparent:hover { background-color: #0000; } .hover\:bg-warning\/10:hover { background-color: hsl(var(--warning)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-warning\/10:hover { background-color: color-mix(in oklab, hsl(var(--warning)) 10%, transparent); } } .hover\:bg-warning\/15:hover { background-color: hsl(var(--warning)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-warning\/15:hover { background-color: color-mix(in oklab, hsl(var(--warning)) 15%, transparent); } } .hover\:bg-warning\/20:hover { background-color: hsl(var(--warning)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-warning\/20:hover { background-color: color-mix(in oklab, hsl(var(--warning)) 20%, transparent); } } .hover\:bg-warning\/90:hover { background-color: hsl(var(--warning)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-warning\/90:hover { background-color: color-mix(in oklab, hsl(var(--warning)) 90%, transparent); } } .hover\:from-primary\/90:hover { --tw-gradient-from: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .hover\:from-primary\/90:hover { --tw-gradient-from: color-mix(in oklab, hsl(var(--primary)) 90%, transparent); } } .hover\:from-primary\/90:hover { --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)); } .hover\:to-primary\/70:hover { --tw-gradient-to: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .hover\:to-primary\/70:hover { --tw-gradient-to: color-mix(in oklab, hsl(var(--primary)) 70%, transparent); } } .hover\:to-primary\/70:hover { --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)); } .hover\:text-accent-foreground:hover { color: hsl(var(--accent-foreground)); } .hover\:text-destructive:hover { color: hsl(var(--destructive)); } .hover\:text-foreground:hover { color: hsl(var(--foreground)); } .hover\:text-inherit:hover { color: inherit; } .hover\:text-muted-foreground:hover { color: hsl(var(--muted-foreground)); } .hover\:text-primary:hover { color: hsl(var(--primary)); } .hover\:text-primary-foreground:hover { color: hsl(var(--primary-foreground)); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-95:hover { opacity: .95; } .hover\:opacity-100:hover { opacity: 1; } .hover\:shadow-lg:hover { --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); } .hover\:shadow-md:hover { --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); } .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\:bg-accent:focus { background-color: hsl(var(--accent)); } .focus\:text-accent-foreground:focus { color: hsl(var(--accent-foreground)); } .focus\:text-destructive:focus { color: hsl(var(--destructive)); } .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-ring:focus { --tw-ring-color: hsl(var(--ring)); } .focus\:ring-offset-2:focus { --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\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus-visible\:ring-1:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-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-ring:focus-visible { --tw-ring-color: hsl(var(--ring)); } .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\:ring-offset-background:focus-visible { --tw-ring-offset-color: hsl(var(--background)); } .focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none; } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:opacity-50:disabled { opacity: .5; } .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; } .data-\[disabled\]\:opacity-50[data-disabled] { opacity: .5; } .data-\[disabled\=\'true\'\]\:pointer-events-none[data-disabled="true"] { pointer-events: none; } .data-\[disabled\=\'true\'\]\:opacity-50[data-disabled="true"] { opacity: .5; } .data-\[placeholder\]\:text-muted-foreground[data-placeholder] { color: hsl(var(--muted-foreground)); } .data-\[selected\=\'true\'\]\:bg-accent[data-selected="true"] { background-color: hsl(var(--accent)); } .data-\[selected\=\'true\'\]\:text-accent-foreground[data-selected="true"] { color: hsl(var(--accent-foreground)); } .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] { --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: -.5rem; } .data-\[side\=left\]\:-translate-x-1[data-side="left"] { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: .5rem; } .data-\[side\=right\]\:translate-x-1[data-side="right"] { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: -.5rem; } .data-\[side\=top\]\:-translate-y-1[data-side="top"] { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: .5rem; } .data-\[state\=active\]\:bg-background[data-state="active"] { background-color: hsl(var(--background)); } .data-\[state\=active\]\:text-foreground[data-state="active"] { color: hsl(var(--foreground)); } .data-\[state\=active\]\:shadow-sm[data-state="active"] { --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); } .data-\[state\=checked\]\:translate-x-5[data-state="checked"] { --tw-translate-x: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[state\=checked\]\:bg-primary[data-state="checked"] { background-color: hsl(var(--primary)); } .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] { color: hsl(var(--primary-foreground)); } .data-\[state\=closed\]\:duration-300[data-state="closed"] { --tw-duration: .3s; transition-duration: .3s; } .data-\[state\=closed\]\:animate-out[data-state="closed"] { --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; animation-name: exit; animation-duration: .15s; } .data-\[state\=closed\]\:duration-300[data-state="closed"] { animation-duration: .3s; } .data-\[state\=closed\]\:fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; } .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] { --tw-exit-translate-y: 100%; } .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] { --tw-exit-translate-x: -100%; } .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] { --tw-exit-translate-x: -50%; } .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] { --tw-exit-translate-x: 100%; } .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] { --tw-exit-translate-y: -100%; } .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] { --tw-exit-translate-y: -48%; } .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; } .data-\[state\=open\]\:bg-accent[data-state="open"] { background-color: hsl(var(--accent)); } .data-\[state\=open\]\:bg-secondary[data-state="open"] { background-color: hsl(var(--secondary)); } .data-\[state\=open\]\:text-muted-foreground[data-state="open"] { color: hsl(var(--muted-foreground)); } .data-\[state\=open\]\:duration-500[data-state="open"] { --tw-duration: .5s; transition-duration: .5s; } .data-\[state\=open\]\:animate-in[data-state="open"] { --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; animation-name: enter; animation-duration: .15s; } .data-\[state\=open\]\:duration-500[data-state="open"] { animation-duration: .5s; } .data-\[state\=open\]\:fade-in-0[data-state="open"] { --tw-enter-opacity: 0; } .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] { --tw-enter-translate-y: 100%; } .data-\[state\=open\]\:slide-in-from-left[data-state="open"] { --tw-enter-translate-x: -100%; } .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] { --tw-enter-translate-x: -50%; } .data-\[state\=open\]\:slide-in-from-right[data-state="open"] { --tw-enter-translate-x: 100%; } .data-\[state\=open\]\:slide-in-from-top[data-state="open"] { --tw-enter-translate-y: -100%; } .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] { --tw-enter-translate-y: -48%; } .data-\[state\=open\]\:zoom-in-95[data-state="open"] { --tw-enter-scale: .95; } .data-\[state\=selected\]\:bg-muted[data-state="selected"] { background-color: hsl(var(--muted)); } .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] { background-color: hsl(var(--input)); } @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) { .supports-\[backdrop-filter\]\:bg-background\/60 { background-color: hsl(var(--background)); } @supports (color: color-mix(in lab, red, red)) { .supports-\[backdrop-filter\]\:bg-background\/60 { background-color: color-mix(in oklab, hsl(var(--background)) 60%, transparent); } } } @media (min-width: 40rem) { .sm\:mt-0 { margin-top: calc(var(--spacing) * 0); } .sm\:inline { display: inline; } .sm\:w-48 { width: calc(var(--spacing) * 48); } .sm\:max-w-2xl { max-width: var(--container-2xl); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:flex-row { flex-direction: row; } .sm\:justify-end { justify-content: flex-end; } .sm\:gap-0 { gap: calc(var(--spacing) * 0); } .sm\:gap-2 { gap: calc(var(--spacing) * 2); } :where(.sm\:space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } .sm\:rounded-lg { border-radius: var(--radius); } .sm\:text-left { text-align: left; } } @media (min-width: 48rem) { .md\:block { display: block; } .md\:inline { display: inline; } .md\:table-cell { display: table-cell; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .md\:grid-cols-\[280px_1fr\] { grid-template-columns: 280px 1fr; } .md\:grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .md\:items-start { align-items: flex-start; } .md\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } @media (min-width: 64rem) { .lg\:col-span-1 { grid-column: span 1 / span 1; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:table-cell { display: table-cell; } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-\[1fr_300px\] { grid-template-columns: 1fr 300px; } .lg\:grid-cols-\[320px_minmax\(0\,1fr\)\] { grid-template-columns: 320px minmax(0, 1fr); } } @media (min-width: 80rem) { .xl\:flex { display: flex; } .xl\:hidden { display: none; } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:gap-1 { gap: calc(var(--spacing) * 1); } } .dark\:border-destructive:is(.dark *) { border-color: hsl(var(--destructive)); } .dark\:prose-invert:is(.dark *) { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead: var(--tw-prose-invert-lead); --tw-prose-links: var(--tw-prose-invert-links); --tw-prose-bold: var(--tw-prose-invert-bold); --tw-prose-counters: var(--tw-prose-invert-counters); --tw-prose-bullets: var(--tw-prose-invert-bullets); --tw-prose-hr: var(--tw-prose-invert-hr); --tw-prose-quotes: var(--tw-prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); --tw-prose-captions: var(--tw-prose-invert-captions); --tw-prose-kbd: var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); --tw-prose-th-borders: var(--tw-prose-invert-th-borders); --tw-prose-td-borders: var(--tw-prose-invert-td-borders); } .prose-headings\:font-semibold :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .prose-headings\:tracking-tight :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .prose-h1\:mt-0 :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: calc(var(--spacing) * 0); } .prose-h1\:text-2xl :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .prose-h2\:text-xl :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .prose-h3\:text-lg :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .prose-a\:text-primary :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: hsl(var(--primary)); } @media (hover: hover) { .hover\:prose-a\:underline:hover :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-decoration-line: underline; } } .prose-code\:rounded :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-radius: .25rem; } .prose-code\:bg-muted :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { background-color: hsl(var(--muted)); } .prose-code\:px-1 :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline: calc(var(--spacing) * 1); } .prose-code\:py-0\.5 :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-block: calc(var(--spacing) * .5); } .prose-code\:font-mono :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-family: JetBrains Mono Variable, JetBrains Mono, ui-monospace, monospace; } .prose-code\:text-xs :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .prose-pre\:border :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-style: var(--tw-border-style); border-width: 1px; } .prose-pre\:border-border :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-color: hsl(var(--border)); } .prose-pre\:bg-muted :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { background-color: hsl(var(--muted)); } .prose-table\:text-sm :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-inline: calc(var(--spacing) * 2); } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-block: calc(var(--spacing) * 1.5); } .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { color: hsl(var(--muted-foreground)); } .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-inline: calc(var(--spacing) * 2); } .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height: calc(var(--spacing) * 5); } .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width: calc(var(--spacing) * 5); } .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height: calc(var(--spacing) * 12); } .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-inline: calc(var(--spacing) * 2); } .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-block: calc(var(--spacing) * 3); } .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height: calc(var(--spacing) * 5); } .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width: calc(var(--spacing) * 5); } .\[\&_p\]\:leading-relaxed p { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .\[\&_svg\]\:pointer-events-none svg { pointer-events: none; } .\[\&_svg\]\:size-3 svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .\[\&_svg\]\:size-3\.5 svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .\[\&_svg\]\:size-4 svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .\[\&_svg\]\:size-6 svg { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .\[\&_svg\]\:size-9 svg { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; } .\[\&_tr\]\:border-b tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .\[\&_tr\:last-child\]\:border-0 tr:last-child { border-style: var(--tw-border-style); border-width: 0; } .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) { padding-right: calc(var(--spacing) * 0); } .\[\&\>span\]\:line-clamp-1 > span { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .\[\&\>svg\]\:absolute > svg { position: absolute; } .\[\&\>svg\]\:top-4 > svg { top: calc(var(--spacing) * 4); } .\[\&\>svg\]\:left-4 > svg { left: calc(var(--spacing) * 4); } .\[\&\>svg\]\:text-destructive > svg { color: hsl(var(--destructive)); } .\[\&\>svg\]\:text-foreground > svg { color: hsl(var(--foreground)); } .\[\&\>svg\]\:text-info > svg { color: hsl(var(--info)); } .\[\&\>svg\]\:text-success > svg { color: hsl(var(--success)); } .\[\&\>svg\]\:text-warning > svg { color: hsl(var(--warning)); } .\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div { --tw-translate-y: -3px; translate: var(--tw-translate-x) var(--tw-translate-y); } .\[\&\>svg\~\*\]\:pl-7 > svg ~ * { padding-left: calc(var(--spacing) * 7); } .\[\&\>tr\]\:last\:border-b-0 > tr:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } } .vector:before { content: ""; pointer-events: none; z-index: 9999; background: repeating-linear-gradient(0deg, transparent, transparent 2px, hsl(var(--hud-glow-color) / var(--hud-scanline-strength)) 2px, hsl(var(--hud-glow-color) / var(--hud-scanline-strength)) 4px); position: fixed; inset: 0; } .vector:after { content: ""; pointer-events: none; z-index: 9998; background-image: linear-gradient(hsl(var(--hud-glow-color) / var(--hud-grid-strength)) 1px, transparent 1px), linear-gradient(90deg, hsl(var(--hud-glow-color) / var(--hud-grid-strength)) 1px, transparent 1px); background-size: 24px 24px; position: fixed; inset: 0; } .vector [data-slot="card"], .vector .card, .vector [role="dialog"] > div, .vector .popover-content { background: hsl(var(--card) / var(--hud-panel-opacity)); border: var(--hud-border-thickness) solid hsl(var(--border)); clip-path: polygon(var(--hud-corner-cut) 0, 100% 0, 100% calc(100% - var(--hud-corner-cut)), calc(100% - var(--hud-corner-cut)) 100%, 0 100%, 0 var(--hud-corner-cut)); box-shadow: 0 0 8px hsl(var(--hud-glow-color) / .15), inset 0 0 12px hsl(var(--hud-glow-color) / .05); transition: box-shadow .2s, border-color .2s; } .vector [data-slot="card"]:hover, .vector .card:hover { border-color: hsl(var(--hud-glow-color) / .8); box-shadow: 0 0 16px hsl(var(--hud-glow-color) / .3), 0 0 32px hsl(var(--hud-glow-color) / .1), inset 0 0 12px hsl(var(--hud-glow-color) / .08); } .vector button:not(:disabled):hover { box-shadow: 0 0 12px hsl(var(--hud-glow-color) / .4); } .vector input:focus, .vector textarea:focus, .vector select:focus, .vector [role="combobox"]:focus { border-color: hsl(var(--ring)); box-shadow: 0 0 0 2px hsl(var(--ring) / .2), 0 0 12px hsl(var(--ring) / .3); outline: none; } .vector aside, .vector nav { border-color: hsl(var(--border)); } .vector table { border: var(--hud-border-thickness) solid hsl(var(--border)); } .vector th { background: hsl(var(--secondary) / .8); border-bottom: var(--hud-border-thickness) solid hsl(var(--hud-glow-color) / .5); text-transform: uppercase; letter-spacing: .05em; font-size: .75rem; } .vector tr:hover td { background: hsl(var(--hud-glow-color) / .05); } .vector [data-slot="badge"], .vector .badge { border: 1px solid hsl(var(--hud-glow-color) / .5); text-transform: uppercase; letter-spacing: .05em; font-size: .65rem; } .doom:before { content: ""; pointer-events: none; z-index: 9998; background: radial-gradient(ellipse at center, transparent 40%, hsl(0 0% 0% / var(--doom-vignette-strength)) 100%); position: fixed; inset: 0; } .doom:after { content: ""; pointer-events: none; z-index: 9997; opacity: var(--doom-noise-strength); background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E"); position: fixed; inset: 0; } .doom [data-slot="card"], .doom .card, .doom [role="dialog"] > div, .doom .popover-content { background: hsl(var(--card) / var(--doom-panel-opacity)); border: 1px solid hsl(var(--border)); box-shadow: 0 0 20px hsl(var(--doom-glow-color) / .1), inset 0 1px 0 hsl(var(--doom-ember-color) / .1); transition: box-shadow .2s, border-color .2s; } .doom [data-slot="card"]:hover, .doom .card:hover { border-color: hsl(var(--doom-glow-color) / .6); box-shadow: 0 0 30px hsl(var(--doom-glow-color) / .2), 0 0 60px hsl(var(--doom-glow-color) / .1), inset 0 1px 0 hsl(var(--doom-ember-color) / .15); } .doom button:not(:disabled):hover { box-shadow: 0 0 15px hsl(var(--doom-glow-color) / .4), 0 0 30px hsl(var(--doom-ember-color) / .2); } .doom button.bg-primary, .doom .btn-primary { text-shadow: 0 0 10px hsl(var(--doom-glow-color) / .5); } .doom input:focus, .doom textarea:focus, .doom select:focus, .doom [role="combobox"]:focus { border-color: hsl(var(--ring)); box-shadow: 0 0 0 2px hsl(var(--ring) / .3), 0 0 20px hsl(var(--doom-glow-color) / .3); outline: none; } .doom table { border: 1px solid hsl(var(--border)); } .doom th { background: hsl(var(--secondary) / .9); border-bottom: 2px solid hsl(var(--doom-glow-color) / .4); text-transform: uppercase; letter-spacing: .08em; font-size: .7rem; font-weight: 700; } .doom tr:hover td { background: hsl(var(--doom-glow-color) / .05); } .doom h1, .doom h2, .doom h3 { text-shadow: 0 2px 4px #00000080; } .doom ::-webkit-scrollbar { width: 8px; height: 8px; } .doom ::-webkit-scrollbar-track { background: hsl(var(--muted)); } .doom ::-webkit-scrollbar-thumb { background: hsl(var(--doom-glow-color) / .4); border-radius: 4px; } .doom ::-webkit-scrollbar-thumb:hover { background: hsl(var(--doom-glow-color) / .6); } .material [data-slot="card"], .material .card { box-shadow: var(--material-shadow-2); border: none; border-radius: 12px; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), transform .1s; } .material [data-slot="card"]:hover, .material .card:hover { box-shadow: var(--material-shadow-3); } .material button.bg-primary { box-shadow: var(--material-shadow-2); border-radius: 20px; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), background .2s; } .material button.bg-primary:hover { box-shadow: var(--material-shadow-3); } .material button.bg-primary:active { box-shadow: var(--material-shadow-4); } .material button.border-input, .material button.bg-secondary { border-radius: 20px; } .material button:not(:disabled) { position: relative; overflow: hidden; } .material button:not(:disabled):after { content: ""; opacity: 0; background: currentColor; transition: opacity .2s; position: absolute; inset: 0; } .material button:not(:disabled):hover:after { opacity: var(--material-hover-opacity); } .material button:not(:disabled):active:after { opacity: var(--material-pressed-opacity); } .material input, .material textarea, .material select { border: 1px solid hsl(var(--border)); border-radius: 4px; transition: border-color .15s, box-shadow .15s; } .material input:focus, .material textarea:focus, .material select:focus { border-color: hsl(var(--primary)); box-shadow: none; border-width: 2px; outline: none; } .material [role="dialog"] > div { box-shadow: var(--material-shadow-4); border: none; border-radius: 28px; } .material [data-slot="badge"], .material .badge { border-radius: 8px; font-weight: 500; } .material hr { border-color: hsl(var(--border) / .5); } .material nav a[data-active="true"], .material nav button[data-active="true"] { background: hsl(var(--primary) / .12); border-radius: 16px; } .material table { border: none; } .material th { letter-spacing: .025em; color: hsl(var(--muted-foreground)); border-bottom: 1px solid hsl(var(--border)); font-size: .75rem; font-weight: 500; } .material td { border-bottom: 1px solid hsl(var(--border) / .5); } .material tr:hover td { background: hsl(var(--primary) / var(--material-hover-opacity)); } .material [role="tablist"] button[data-state="active"] { border-bottom: 2px solid hsl(var(--primary)); border-radius: 0; } .fluent aside, .fluent [data-sidebar] { background: hsl(var(--background) / .7); -webkit-backdrop-filter: blur(20px) saturate(150%); } .fluent [data-slot="card"], .fluent .card { background: hsl(var(--card)); border: 1px solid hsl(var(--border) / .6); box-shadow: var(--fluent-shadow-4); border-radius: 4px; transition: box-shadow .1s, border-color .1s; } .fluent [data-slot="card"]:hover, .fluent .card:hover { border-color: hsl(var(--border)); box-shadow: var(--fluent-shadow-8); } .fluent button:not(:disabled), .fluent a, .fluent [role="button"] { position: relative; } .fluent button:not(:disabled):before, .fluent [data-slot="card"]:before { content: ""; border-radius: inherit; background: radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), var(--fluent-reveal-color), transparent 40%); opacity: 0; pointer-events: none; transition: opacity .15s; position: absolute; inset: 0; } .fluent button:not(:disabled):hover:before, .fluent [data-slot="card"]:hover:before { opacity: 1; } .fluent button.bg-primary { border: none; border-radius: 4px; transition: background .1s, box-shadow .1s; } .fluent button.bg-primary:hover { filter: brightness(1.1); } .fluent button.bg-primary:active { filter: brightness(.95); } .fluent button.border-input, .fluent button.bg-secondary { border: 1px solid hsl(var(--border) / .8); background: hsl(var(--background) / .5); border-radius: 4px; } .fluent button.border-input:hover, .fluent button.bg-secondary:hover { background: hsl(var(--secondary)); border-color: hsl(var(--border)); } .fluent input, .fluent textarea, .fluent select { border: 1px solid hsl(var(--border)); border-bottom: 2px solid hsl(var(--border)); border-radius: 4px 4px 0 0; transition: border-color .15s; } .fluent input:focus, .fluent textarea:focus, .fluent select:focus { border-bottom-color: hsl(var(--primary)); outline: none; } .fluent [role="dialog"] > div { box-shadow: var(--fluent-shadow-64); border: 1px solid hsl(var(--border) / .5); background: hsl(var(--card) / .95); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-radius: 8px; } .fluent table { border: none; } .fluent th { color: hsl(var(--muted-foreground)); border-bottom: 1px solid hsl(var(--border)); background: none; font-size: .75rem; font-weight: 600; } .fluent tr:hover td { background: hsl(var(--secondary) / .5); } .fluent nav a[data-active="true"], .fluent nav button[data-active="true"] { background: hsl(var(--secondary)); border-radius: 4px; } .fluent .popover-content { box-shadow: var(--fluent-shadow-16); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 4px; } .dark.ringo-glass, .ringo-glass.dark { --ringo-edge-highlight: #ffffff26; --ringo-edge-glow: #ffffff14; --ringo-inner-shadow: #ffffff0d; --ringo-glass-bg: hsl(var(--card) / .4); } .ringo-glass main { background-color: #0000; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E"), radial-gradient(120% 80% at 80% 100%, #f9c98666 0%, #f492714d 20%, #0000 50%), radial-gradient(100% 100% at 20% 80%, #ec93ce4d 0%, #c285e033 30%, #0000 60%), radial-gradient(80% 60% at 70% 20%, #75c7f04d 0%, #6791e433 40%, #0000 70%), linear-gradient(160deg, #ecf2f9 0%, #e2e8f3 30%, #e8deed 60%, #f3ebe2 100%); background-position: 0 0, 0 0, 0 0, 0 0, 0 0; background-repeat: repeat, repeat, repeat, repeat, repeat; background-size: auto, auto, auto, auto, auto; background-attachment: fixed; background-origin: padding-box, padding-box, padding-box, padding-box, padding-box; background-clip: border-box, border-box, border-box, border-box, border-box; } .dark.ringo-glass main, .ringo-glass.dark main { background-color: #0000; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E"), radial-gradient(100% 80% at 80% 100%, #4d196680 0%, #4d194d4d 30%, #0000 60%), radial-gradient(80% 60% at 20% 90%, #175e8266 0%, #14295233 40%, #0000 70%), radial-gradient(60% 40% at 60% 10%, #3520604d 0%, #0000 60%), linear-gradient(160deg, #151828 0%, #151320 40%, #161018 70%, #121721 100%); background-position: 0 0, 0 0, 0 0, 0 0, 0 0; background-repeat: repeat, repeat, repeat, repeat, repeat; background-size: auto, auto, auto, auto, auto; background-attachment: fixed; background-origin: padding-box, padding-box, padding-box, padding-box, padding-box; background-clip: border-box, border-box, border-box, border-box, border-box; } .ringo-glass aside, .ringo-glass [data-sidebar] { background: var(--ringo-glass-bg); -webkit-backdrop-filter: blur(var(--ringo-blur)) saturate(var(--ringo-saturation)); box-shadow: inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 2px 1px var(--ringo-edge-glow), 0 0 1px #0000001a; } .ringo-glass [data-slot="card"], .ringo-glass .card, .ringo-glass .bg-card { background: var(--ringo-glass-bg); border: .5px solid var(--ringo-edge-highlight); -webkit-backdrop-filter: blur(var(--ringo-blur)) saturate(var(--ringo-saturation)); box-shadow: var(--cupertino-shadow-sm), inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 4px 1px var(--ringo-edge-glow); border-radius: 16px; transition: all .3s; position: relative; overflow: hidden; } .ringo-glass [data-slot="card"]:before, .ringo-glass .card:before, .ringo-glass .bg-card:before { content: ""; border-radius: inherit; background: linear-gradient(135deg, var(--ringo-inner-shadow) 0%, transparent 50%, transparent 100%); pointer-events: none; z-index: 1; position: absolute; inset: 0; } .ringo-glass [data-slot="card"]:hover, .ringo-glass .card:hover, .ringo-glass .bg-card:hover { background: var(--ringo-glass-bg-hover); box-shadow: var(--cupertino-shadow-md), inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 6px 1px var(--ringo-edge-glow); transform: translateY(-2px); } .ringo-glass button.bg-primary { letter-spacing: -.01em; -webkit-backdrop-filter: blur(10px) saturate(150%); box-shadow: inset 1px 1px 0 #ffffff4d, inset 0 0 2px 1px #ffffff26, 0 2px 8px hsl(var(--primary) / .3); border-radius: 12px; font-weight: 600; transition: all .2s; position: relative; } .ringo-glass button.bg-primary:hover { filter: brightness(1.08); box-shadow: inset 1px 1px 0 #fff6, inset 0 0 3px 1px #fff3, 0 4px 16px hsl(var(--primary) / .4); transform: translateY(-1px); } .ringo-glass button.bg-primary:active { filter: brightness(.95); transform: scale(.98) translateY(0); } .ringo-glass button.border-input, .ringo-glass button.bg-secondary, .ringo-glass button.hover\:bg-accent { background: hsl(var(--secondary) / .3); -webkit-backdrop-filter: blur(8px); box-shadow: inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 2px var(--ringo-edge-glow); border-radius: 10px; font-weight: 500; transition: all .2s; } .ringo-glass button.border-input:hover, .ringo-glass button.bg-secondary:hover, .ringo-glass button.hover\:bg-accent:hover { background: hsl(var(--secondary) / .5); box-shadow: inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 4px var(--ringo-edge-glow); } .ringo-glass input, .ringo-glass textarea, .ringo-glass select { border: .5px solid var(--ringo-edge-highlight); background: hsl(var(--background) / .5); -webkit-backdrop-filter: blur(8px); box-shadow: inset 0 0 2px var(--ringo-edge-glow); border-radius: 10px; transition: all .2s; } .ringo-glass input:focus, .ringo-glass textarea:focus, .ringo-glass select:focus { border-color: hsl(var(--primary) / .6); background: hsl(var(--background) / .7); box-shadow: 0 0 0 3px hsl(var(--primary) / .15), inset 0 0 4px var(--ringo-edge-glow); outline: none; } .ringo-glass [role="dialog"] > div { box-shadow: var(--cupertino-shadow-xl), inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 4px var(--ringo-edge-glow); border: .5px solid var(--ringo-edge-highlight); background: var(--ringo-glass-bg); -webkit-backdrop-filter: blur(40px) saturate(var(--ringo-saturation)); border-radius: 20px; } .ringo-glass [role="tablist"] { background: hsl(var(--secondary) / .3); -webkit-backdrop-filter: blur(10px); box-shadow: inset 0 0 2px var(--ringo-edge-glow), inset 0 1px 0 var(--ringo-edge-highlight); border-radius: 12px; padding: 3px; } .ringo-glass [role="tablist"] button { border-radius: 9px; font-weight: 500; transition: all .2s; } .ringo-glass [role="tablist"] button[data-state="active"] { background: hsl(var(--card) / .8); -webkit-backdrop-filter: blur(10px); box-shadow: var(--cupertino-shadow-sm), inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 2px var(--ringo-edge-glow); } .ringo-glass table { background: var(--ringo-glass-bg); -webkit-backdrop-filter: blur(var(--ringo-blur)); box-shadow: inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 2px var(--ringo-edge-glow); border: none; border-radius: 14px; overflow: hidden; } .ringo-glass th { letter-spacing: .02em; text-transform: uppercase; color: hsl(var(--muted-foreground)); background: hsl(var(--secondary) / .3); -webkit-backdrop-filter: blur(8px); font-size: .7rem; font-weight: 600; } .ringo-glass td { border-bottom: .5px solid var(--ringo-edge-highlight); } .ringo-glass tr:hover td { background: hsl(var(--secondary) / .3); } .ringo-glass [data-slot="badge"], .ringo-glass .badge { letter-spacing: .01em; -webkit-backdrop-filter: blur(6px); box-shadow: inset 0 0 2px var(--ringo-edge-glow); border-radius: 999px; font-size: .65rem; font-weight: 600; } .ringo-glass nav a[data-active="true"], .ringo-glass nav button[data-active="true"] { background: hsl(var(--secondary) / .5); -webkit-backdrop-filter: blur(8px); box-shadow: inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 2px var(--ringo-edge-glow); border-radius: 10px; } .ringo-glass .popover-content { box-shadow: var(--cupertino-shadow-lg), inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 3px var(--ringo-edge-glow); background: var(--ringo-glass-bg); -webkit-backdrop-filter: blur(30px) saturate(var(--ringo-saturation)); border: .5px solid var(--ringo-edge-highlight); border-radius: 14px; } .ringo-glass [role="switch"] { -webkit-backdrop-filter: blur(4px); box-shadow: inset 0 0 2px var(--ringo-edge-glow); border-radius: 999px; } .akibae main { background-color: #0000; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E"), radial-gradient(80% 40% at 30% 0, #19664d66 0%, #194d4d33 40%, #0000 70%), radial-gradient(100% 80% at 80% 100%, #3c194d80 0%, #3617364d 30%, #0000 60%), radial-gradient(60% 50% at 20% 80%, #19336666 0%, #17174533 40%, #0000 70%), linear-gradient(160deg, #0e101b 0%, #0f0d16 40%, #100c12 70%, #0e121b 100%); background-position: 0 0, 0 0, 0 0, 0 0, 0 0; background-repeat: repeat, repeat, repeat, repeat, repeat; background-size: auto, auto, auto, auto, auto; background-attachment: fixed; background-origin: padding-box, padding-box, padding-box, padding-box, padding-box; background-clip: border-box, border-box, border-box, border-box, border-box; } .akibae aside, .akibae [data-sidebar] { background: var(--ringo-glass-bg); -webkit-backdrop-filter: blur(var(--ringo-blur)) saturate(var(--ringo-saturation)); box-shadow: inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 2px 1px var(--ringo-edge-glow), 0 0 1px #0000004d; } .akibae [data-slot="card"], .akibae .card, .akibae .bg-card { background: var(--ringo-glass-bg); border: .5px solid var(--ringo-edge-highlight); -webkit-backdrop-filter: blur(var(--ringo-blur)) saturate(var(--ringo-saturation)); box-shadow: var(--cupertino-shadow-sm), inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 4px 1px var(--ringo-edge-glow); border-radius: 16px; transition: all .3s; position: relative; overflow: hidden; } .akibae [data-slot="card"]:before, .akibae .card:before, .akibae .bg-card:before { content: ""; border-radius: inherit; background: linear-gradient(135deg, var(--ringo-inner-shadow) 0%, transparent 50%, transparent 100%); pointer-events: none; z-index: 1; position: absolute; inset: 0; } .akibae [data-slot="card"]:hover, .akibae .card:hover, .akibae .bg-card:hover { background: var(--ringo-glass-bg-hover); box-shadow: var(--cupertino-shadow-md), inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 6px 1px var(--ringo-edge-glow); transform: translateY(-2px); } .akibae button.bg-primary { letter-spacing: -.01em; -webkit-backdrop-filter: blur(10px) saturate(150%); box-shadow: inset 1px 1px 0 #fff3, inset 0 0 2px 1px #ffffff1a, 0 2px 8px hsl(var(--primary) / .4); border-radius: 12px; font-weight: 600; transition: all .2s; position: relative; } .akibae button.bg-primary:hover { filter: brightness(1.1); box-shadow: inset 1px 1px 0 #ffffff4d, inset 0 0 3px 1px #ffffff26, 0 4px 16px hsl(var(--primary) / .5); transform: translateY(-1px); } .akibae button.bg-primary:active { filter: brightness(.95); transform: scale(.98) translateY(0); } .akibae button.border-input, .akibae button.bg-secondary, .akibae button.hover\:bg-accent { background: hsl(var(--secondary) / .4); -webkit-backdrop-filter: blur(8px); box-shadow: inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 2px var(--ringo-edge-glow); border-radius: 10px; font-weight: 500; transition: all .2s; } .akibae button.border-input:hover, .akibae button.bg-secondary:hover, .akibae button.hover\:bg-accent:hover { background: hsl(var(--secondary) / .6); box-shadow: inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 4px var(--ringo-edge-glow); } .akibae input, .akibae textarea, .akibae select { border: .5px solid var(--ringo-edge-highlight); background: hsl(var(--background) / .6); -webkit-backdrop-filter: blur(8px); box-shadow: inset 0 0 2px var(--ringo-edge-glow); border-radius: 10px; transition: all .2s; } .akibae input:focus, .akibae textarea:focus, .akibae select:focus { border-color: hsl(var(--primary) / .6); background: hsl(var(--background) / .8); box-shadow: 0 0 0 3px hsl(var(--primary) / .2), inset 0 0 4px var(--ringo-edge-glow); outline: none; } .akibae [role="dialog"] > div { box-shadow: var(--cupertino-shadow-xl), inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 4px var(--ringo-edge-glow); border: .5px solid var(--ringo-edge-highlight); background: var(--ringo-glass-bg); -webkit-backdrop-filter: blur(40px) saturate(var(--ringo-saturation)); border-radius: 20px; } .akibae [role="tablist"] { background: hsl(var(--secondary) / .4); -webkit-backdrop-filter: blur(10px); box-shadow: inset 0 0 2px var(--ringo-edge-glow), inset 0 1px 0 var(--ringo-edge-highlight); border-radius: 12px; padding: 3px; } .akibae [role="tablist"] button { border-radius: 9px; font-weight: 500; transition: all .2s; } .akibae [role="tablist"] button[data-state="active"] { background: hsl(var(--card) / .7); -webkit-backdrop-filter: blur(10px); box-shadow: var(--cupertino-shadow-sm), inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 2px var(--ringo-edge-glow); } .akibae table { background: var(--ringo-glass-bg); -webkit-backdrop-filter: blur(var(--ringo-blur)); box-shadow: inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 2px var(--ringo-edge-glow); border: none; border-radius: 14px; overflow: hidden; } .akibae th { letter-spacing: .02em; text-transform: uppercase; color: hsl(var(--muted-foreground)); background: hsl(var(--secondary) / .4); -webkit-backdrop-filter: blur(8px); font-size: .7rem; font-weight: 600; } .akibae td { border-bottom: .5px solid var(--ringo-edge-highlight); } .akibae tr:hover td { background: hsl(var(--secondary) / .4); } .akibae [data-slot="badge"], .akibae .badge { letter-spacing: .01em; -webkit-backdrop-filter: blur(6px); box-shadow: inset 0 0 2px var(--ringo-edge-glow); border-radius: 999px; font-size: .65rem; font-weight: 600; } .akibae nav a[data-active="true"], .akibae nav button[data-active="true"] { background: hsl(var(--secondary) / .6); -webkit-backdrop-filter: blur(8px); box-shadow: inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 2px var(--ringo-edge-glow); border-radius: 10px; } .akibae .popover-content { box-shadow: var(--cupertino-shadow-lg), inset 1px 1px 0 var(--ringo-edge-highlight), inset 0 0 3px var(--ringo-edge-glow); background: var(--ringo-glass-bg); -webkit-backdrop-filter: blur(30px) saturate(var(--ringo-saturation)); border: .5px solid var(--ringo-edge-highlight); border-radius: 14px; } .akibae [role="switch"] { -webkit-backdrop-filter: blur(4px); box-shadow: inset 0 0 2px var(--ringo-edge-glow); border-radius: 999px; } .blockninja:before { content: ""; pointer-events: none; z-index: 9997; background: radial-gradient(ellipse at center, transparent 50%, hsl(0 0% 0% / var(--bn-vignette-strength)) 100%); position: fixed; inset: 0; } .blockninja:after { content: ""; pointer-events: none; z-index: 9996; opacity: var(--bn-noise-opacity); background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E"); position: fixed; inset: 0; } .blockninja [data-slot="card"], .blockninja .card, .blockninja .bg-card, .blockninja [role="dialog"] > div, .blockninja .popover-content { background: repeating-linear-gradient(45deg, transparent, transparent 2px, #00000008 2px, #00000008 4px), repeating-linear-gradient(-45deg, transparent, transparent 2px, #00000008 2px, #00000008 4px), linear-gradient(135deg, hsl(0 0% 10% / var(--bn-panel-opacity)) 0%, hsl(0 0% 7% / var(--bn-panel-opacity)) 100%); border: 1px solid hsl(var(--border)); transition: border-color var(--bn-transition-speed) ease, box-shadow var(--bn-transition-speed) ease; position: relative; overflow: hidden; } .blockninja [data-slot="card"]:after, .blockninja .card:after, .blockninja .bg-card:after { content: ""; border-radius: inherit; box-shadow: inset 0 0 20px hsl(var(--bn-red-subtle) / .02); pointer-events: none; z-index: 1; transition: box-shadow .2s; position: absolute; inset: 0; } .blockninja [data-slot="card"]:hover, .blockninja .card:hover, .blockninja .bg-card:hover { border-color: hsl(var(--bn-border-strong)); background: repeating-linear-gradient(45deg, transparent, transparent 2px, #00000008 2px, #00000008 4px), repeating-linear-gradient(-45deg, transparent, transparent 2px, #00000008 2px, #00000008 4px), linear-gradient(135deg, hsl(0 0% 11% / var(--bn-panel-opacity)) 0%, hsl(0 0% 8% / var(--bn-panel-opacity)) 100%); } .blockninja [data-slot="card"]:hover:after, .blockninja .card:hover:after, .blockninja .bg-card:hover:after { box-shadow: inset 0 0 40px hsl(var(--bn-red-subtle) / .15); } .blockninja aside, .blockninja [data-sidebar], .blockninja [data-slot="sidebar"] { background: radial-gradient(ellipse 80px 100% at 0% 50%, hsl(var(--bn-red-subtle) / .04) 0%, transparent 100%), repeating-linear-gradient(90deg, transparent, transparent 1px, #0000000a 1px, #0000000a 2px), linear-gradient(90deg, #0a0a0a 0%, #121212 50%, #0d0d0d 100%); border-right: 1px solid hsl(var(--border)); box-shadow: inset 2px 0 0 hsl(var(--bn-red-subtle) / .15), inset 8px 0 20px hsl(var(--bn-red-subtle) / .03), inset -20px 0 40px #0000004d; } .blockninja aside:before, .blockninja [data-sidebar]:before, .blockninja [data-slot="sidebar"]:before { content: ""; background: linear-gradient(90deg, hsl(var(--bn-red-subtle) / .8) 0%, hsl(var(--bn-red-subtle) / .3) 100%); z-index: 10; height: 2px; position: absolute; top: 0; left: 0; right: 0; } .blockninja :focus-visible { box-shadow: 0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--ring) / .8); outline: none; } .blockninja input:focus, .blockninja textarea:focus, .blockninja select:focus, .blockninja [role="combobox"]:focus { border-color: hsl(var(--ring)); box-shadow: 0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--ring) / .6), 0 0 12px hsl(var(--bn-red-glow) / .15); outline: none; } .blockninja button:not(:disabled) { transition: all var(--bn-transition-speed) ease; } .blockninja button:not(:disabled):hover { transform: translateY(-1px); } .blockninja button:not(:disabled):active { transform: translateY(0) scale(.98); } .blockninja button.bg-primary, .blockninja .btn-primary { box-shadow: 0 0 0 0 hsl(var(--bn-red-glow) / 0); transition: all var(--bn-transition-speed) ease, box-shadow var(--bn-transition-speed) ease; } .blockninja button.bg-primary:hover, .blockninja .btn-primary:hover { box-shadow: 0 0 16px hsl(var(--bn-red-glow) / .25); } .blockninja button.bg-destructive, .blockninja .bg-destructive[role="button"] { text-shadow: 0 0 6px #f006; font-weight: 500; box-shadow: 0 0 8px #ff000026, inset 0 1px #532d2d4d; color: #f76e6e !important; background: linear-gradient(#372525 0%, #261717 100%) !important; border: 1px solid #c3222299 !important; } .blockninja button.bg-destructive:hover, .blockninja .bg-destructive[role="button"]:hover { text-shadow: 0 0 8px #ff000080; box-shadow: 0 0 12px #ff000040, 0 0 20px #ff00001a, inset 0 1px #6336364d; color: #ff8f8f !important; background: linear-gradient(#492727 0%, #341919 100%) !important; border-color: #e61a1acc !important; } .blockninja table { border: 1px solid hsl(var(--border)); } .blockninja th { background: hsl(var(--secondary)); border-bottom: 1px solid hsl(var(--bn-border-strong)); text-transform: uppercase; letter-spacing: .08em; color: hsl(var(--muted-foreground)); font-size: .7rem; font-weight: 600; } .blockninja tr { transition: background var(--bn-transition-speed) ease; } .blockninja tr:hover td { background: hsl(var(--secondary) / .5); } .blockninja tr[data-selected="true"] td, .blockninja tr.selected td, .blockninja nav a[data-active="true"], .blockninja nav button[data-active="true"], .blockninja [data-sidebar] a[data-active="true"], .blockninja [data-sidebar] button[data-active="true"] { background: hsl(var(--accent)); box-shadow: inset 2px 0 0 hsl(var(--primary)); } .blockninja nav a:hover, .blockninja nav button:hover, .blockninja [data-sidebar] a:hover, .blockninja [data-sidebar] button:hover { background: hsl(var(--secondary)); } .blockninja [role="tablist"] button[data-state="active"] { border-bottom: 2px solid hsl(var(--primary)); background: none; border-radius: 0; } .blockninja [role="tablist"] button:hover:not([data-state="active"]) { background: hsl(var(--secondary) / .5); } .blockninja [data-slot="badge"], .blockninja .badge { border: 1px solid hsl(var(--border)); text-transform: uppercase; letter-spacing: .05em; font-size: .625rem; font-weight: 500; } .blockninja h1, .blockninja h2, .blockninja h3 { letter-spacing: -.01em; font-weight: 600; } .blockninja ::-webkit-scrollbar { width: 6px; height: 6px; } .blockninja ::-webkit-scrollbar-track { background: hsl(var(--muted)); } .blockninja ::-webkit-scrollbar-thumb { background: hsl(var(--border)); border-radius: 3px; } .blockninja ::-webkit-scrollbar-thumb:hover { background: hsl(var(--bn-border-strong)); } .blockninja [role="dialog"] > div { box-shadow: 0 0 0 1px hsl(var(--border)), 0 8px 24px #0006, 0 0 32px hsl(var(--bn-red-glow) / .05); border-radius: 8px; } .blockninja [role="menu"] { box-shadow: 0 0 0 1px hsl(var(--border)), 0 4px 16px #0000004d; transition: box-shadow .15s; } .blockninja [role="menu"]:has([data-highlighted]) { box-shadow: 0 0 0 1px hsl(var(--ring) / .5), 0 0 0 3px hsl(var(--ring) / .15), 0 4px 16px #0000004d; } .blockninja [role="menu"] [role="menuitem"]:focus { outline: none; } .blockninja label { text-transform: uppercase; letter-spacing: .05em; color: hsl(var(--muted-foreground)); font-size: .75rem; font-weight: 600; } .blockninja [role="alert"][data-type="error"], .blockninja .toast-error { border-left: 3px solid hsl(var(--destructive)); } .blockninja [role="alert"][data-type="success"], .blockninja .toast-success { border-left: 3px solid #367d50; } .blockninja [role="alert"][data-type="warning"], .blockninja .toast-warning { border-left: 3px solid #c38822; } .blockninja progress, .blockninja [role="progressbar"] { background: hsl(var(--secondary)); } .blockninja [role="progressbar"] > div { background: hsl(var(--primary)); } .blockninja progress::-webkit-progress-value { background: hsl(var(--primary)); } .blockninja input[type="checkbox"]:checked, .blockninja input[type="radio"]:checked { accent-color: hsl(var(--primary)); } .blockninja ::selection { background: hsl(var(--primary) / .3); color: hsl(var(--foreground)); } .blockninja hr.accent, .blockninja .divider-accent { border-color: #0000; border-top: 1px solid hsl(var(--border)); position: relative; } .blockninja hr.accent:before, .blockninja .divider-accent:before { content: ""; background: hsl(var(--primary)); width: 48px; height: 1px; position: absolute; top: -1px; left: 0; } .blockninja pre, .blockninja code { background: hsl(var(--secondary)); border: 1px solid hsl(var(--border)); font-family: var(--font-mono, ui-monospace, monospace); } .blockninja .empty-state { color: hsl(var(--muted-foreground)); } .blockninja .empty-state svg { opacity: .5; } @media (prefers-reduced-motion: reduce) { .blockninja, .blockninja *, .blockninja :before, .blockninja :after { transition-duration: .01ms !important; animation-duration: .01ms !important; } } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background-color: hsl(var(--muted)); } ::-webkit-scrollbar-thumb { background-color: hsl(var(--muted-foreground)); border-radius: 3.40282e38px; } @supports (color: color-mix(in lab, red, red)) { ::-webkit-scrollbar-thumb { background-color: color-mix(in oklab, hsl(var(--muted-foreground)) 30%, transparent); } } ::-webkit-scrollbar-thumb:hover { background-color: hsl(var(--muted-foreground)); } @supports (color: color-mix(in lab, red, red)) { ::-webkit-scrollbar-thumb:hover { background-color: color-mix(in oklab, hsl(var(--muted-foreground)) 50%, transparent); } } @keyframes enter { from { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); } } @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-pan-x { syntax: "*"; inherits: false } @property --tw-pan-y { syntax: "*"; inherits: false } @property --tw-pinch-zoom { syntax: "*"; inherits: false } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-gradient-position { syntax: "*"; inherits: false } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; 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: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; 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: ""; 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: ""; 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: ""; 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: ""; 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; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { opacity: 0; transform: scale(2); } } @keyframes pulse { 50% { opacity: .5; } }