/* ibm-plex-sans-arabic-arabic-400-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/ibm-plex-sans-arabic-arabic-400-normal-CyU-ddYS.woff2) format('woff2'), url(/assets/ibm-plex-sans-arabic-arabic-400-normal-CZLC1jgY.woff) format('woff');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* ibm-plex-sans-arabic-cyrillic-ext-400-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(data:font/woff2;base64,d09GMgABAAAAAAWoABAAAAAACvAAAAVRAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cLgZgAFQIUgmCcxEQCoNgg18LDgABNgIkAxgEIAWDdgdGDIRCG8MJKJ4DbtM8oq6K1GltHYXh6GN0NNoHEa1Z1TOzgEkOAB+JFIMGACFf3kedPPkE5PLzutxLRezs50Q1l6oGr4ldGd1Ggv/WhwVd2Rj2jgUC2/2Eu0iDNJBpHlFGQZBgFfr/95ep+/Zf0dK4dJD1w0Pad61USml1fIGCAa11/MCSDhQMxygAGDXb0qHaBZUnx4AI4FOCixg2oqIBEjAAmYAxmnbUon9eMMda2yBntU4MQQ6AObcbtVWOYIHap1oAxqo/WxbgDksCoQJLW0qjNKABBQAwulci4gyouMbzbzEwq9TsCiAGA6CMSgMV4gEFaCBHNALkiGEQIMRFYYCICs8qPmWCfUsy51/tfFYDBOVHyRdyg59VMbcB5bTEbtJFmTptKrTpUMnPiVKjCRBm7JAio4mTdcQpQ6jSEbymFnzJFmg3MN6kWe+FODQby/9NDMPqPh564QINRtohFO6lWLnRHqPaYaSJ1GB0O0SzWkLXtYgYFKmIjO6IVNCop7WDNRIHu4/ojMzWIZap2ZtOnJYkO4jhWKZ1MoxTgzGrEROJzJYk6luH9KH7mIv2GKtdOWK1tKaltoXdS3EcD+VNIkkUZltrWhoZikMW6Ibt86IqLvYWnBycqN3kBty1PPW+Z5DbYPbexyoikt3rtziRaoZyYVo9qwJ8fxyz7kgtCWNZmTTAsyI+jsO22OAyhkMylAbjtSuvbwlTjPX+gxog0Lj4JMVn/ksAYAMQAhoYAJgAADAgJRAFAAgY0yM5PrKXRFa4eN/d33dl9XJ+EhHMDCU6L6t3kyK31XWn95L37ny7w0pBMvjTIsITZ2DvneS9e77ao9so5V54uS+6VeF0JesrODU8Spk3VlUWWny9UBSa3iy1+s1OWZj3m3q8XGZTl+RXcP1y4faE0NLrheLQzOJyjpt2uZVlwkjd8qD+LwCkMbh4qSwHxiQxXAfD8MTQsewDhY3ByOMWJB9GgVScx50M81XFrGyueXSxqJho+YVGHhBRDDZ7ctQxEA1EyPzBsVwnleekotbZoBMZhAPpq7a2IEkfqcy/hp/C73wC3zrJQ35jUVKTGIpPypH6+0C+HGlbD4mTmKo/FhXUgg914EGjl5mko6qLRDo+q94ABCCFf4zv2ujr6f3OXU+/B+DF8pf1APBq6v733S/aeOvGBICHAkDgi4mWnjHUDw6E0syW+yCBz1FdbURLzhbAVlPJ8xZn9mA+KMx/0AjgskI0YjxgTvQQndAQaTpFLOg0o2CdoZcVnUWRLp1NF2Zv7HeBVSYq1Qgn3aRx7cb0oqoJ47RfqdcArWFjuulUo1UoFVSpxoBOM+q1GjIuYEyrNr3aadTp1G3SgFZjmnQaW/PWYUMQAy0DPQM/jCSMgq0osIAWrxN2BfvtOt9Stj5nGhkybMTsi/m7XzKPGE3ZAQU4Nmos8GvXODhgAJrnH2feTgWdv3JKpw5aUQCQAf2Uj7ABEYUWLcbZtLpXDx8lDaM+aKaXBvQYmh0g5IpqJtqSPNFwekmtEDOJfIDbnJ2VL8xBDcnGSQX8LBT4suABrytMRQVh2WSmog89Of5CzQzFbOQjzzKs0CBAhwumxQQ+RrLDbeYp5+JnOXSlRCqQhrNcxnDTEcrBWR5btalkQ6Lrc5ZdQZGmlLMCGiAFMiXhrJD1LqEZ8cEVMfZUC2OGsVER3G5hgt50JDiGmVTKQ4f0p0YqpbhnZbHRECmUjn62Yq65/Nx8jsZ3EypOynVdJQ+VQkThoD06AacZw5856YBBeIiNir+WP5B/hU5Sm/iDRIsIqA2QxFFJ1ggkUJIMFP4achk=) format('woff2'), url(data:font/woff;base64,d09GRgABAAAAAATcAA0AAAAABZQAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHUE9TAAABMAAAAB4AAAAeRHRMdUdTVUIAAAFQAAAALgAAAC4SbCJ7T1MvMgAAAYAAAABgAAAAYGoJqFtjbWFwAAAB4AAAAFQAAABUAMohV2dhc3AAAAI0AAAAEAAAABAAGAAjZ2x5ZgAAAkQAAADAAAAAwELfCadoZWFkAAADBAAAADYAAAA2QI6502hoZWEAAAM8AAAAJAAAACQg+BoJaG10eAAAA2AAAAAYAAAAGAcQAE5sb2NhAAADeAAAAA4AAAAOAIgAiG1heHAAAAOIAAAAIAAAACAAJwL8bmFtZQAAA6gAAADrAAAB9iheQ6xwb3N0AAAElAAAAEYAAABG/5SrMAABAAAACgAcABwAAURGTFQACAAEAAAAAP//AAAAAAAAAAEAAAAKACwALAADREZMVAAYYXJhYgAUbGF0bgAUAAAAAAAEAAAAAP//AAAAAAAAAAQCeAGQAAUAAAKKAlgAAABLAooCWAAAAV4APAE1CAECCwUDBQIDAAIDAAAAAwAAAAIAAAAAAAAAAElCTSABwAAAILQEPf5hAAAEaAJZIAABQQAAAAACBAK6AAAAIAAHAAAAAgAAAAMAAAAUAAMAAQAAABQABABAAAAADAAIAAIABAAAAA0AIACgILT//wAAAAAADQAgAKAgtP//AAH/9f/j/2XfUAABAAAAAAAAAAAAAAAAAAEAAwAIAAoAEAAH//8ADwACACAAAAG4AwwAAwAHAAAzESERJSERISABmP6kASD+4AMM/PQ8ApQAAQAu//QCRgLGADUAAAUiLgI1NDY3IzUzNyE1ITY1NCYjIgYHJz4BMzIeAhUUBzMVIwchFSEOARUUFjMyNjcXDgEBPDBNNh4IBUp9pv7dAXcJQTonRh41KmY3LEk1HQlOfqYBJP6ICAhHPCpLKTMobgwcMUUqFiMPQ2BDFh02NR4jNS4oGC1BKCIYQ2BDDiAUPDwjKzcwMQABAAAAARnbg8hn4l8PPPUACQPoAAAAAOFloycAAAAA41O58P81/cgdgwQzAAAACQACAAAAAAAAAAEAAAQ9/mEAAB2w/zX98R2DAAEAAAAAAAAAAAAAAAAAAAAGAdgAIAAAAAAA7AAAAOwAAAJ0AC4A7AAAAAAAFAAUABQAFABgAGAAAAABAAAABgJTABYApwAHAAEAAAAAAAAAAAAAAAAAAwABeJydkMtOAkEQRU8LGNzMB7jqJRtQDCEiKyEhkkA0mLBgNzwcSIhMeEV2fJaf552mHcAVMZWevtVVdVJzgTwfZDDZG2Bgql4bCibw+orA4HWGF769zvLI3usctynnmgcqXgdSMGWtiHniTrFixJKZ8rV0SWfGXPdCr5Hqr7To0KZBlzdVJnzxTsinOp/VEzLUxIgiPdUiNuoJ9d5XtnS0hXotZTHL3OscWDal2ZRnz4j2D/FIqKeM+j82O88u3aap/4jZOa8i56GVs8k2NalfStP5FmvTZHqusCcTK5dNdCfebPUdU/oBMYhJLgAAAgAAAAAAAP+hADwAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAAAAAQECAAMBAwEEB3VuaTAwMEQHdW5pMjBCNAd1bmkwMEEwAAA=) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* ibm-plex-sans-arabic-latin-ext-400-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/ibm-plex-sans-arabic-latin-ext-400-normal-BpLfq-63.woff2) format('woff2'), url(/assets/ibm-plex-sans-arabic-latin-ext-400-normal-oj16r74j.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;
}

/* ibm-plex-sans-arabic-latin-400-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/ibm-plex-sans-arabic-latin-400-normal-Bo5KPYvw.woff2) format('woff2'), url(/assets/ibm-plex-sans-arabic-latin-400-normal-sbZiljcy.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;
}/* ibm-plex-sans-arabic-arabic-500-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/assets/ibm-plex-sans-arabic-arabic-500-normal-C4MQITzh.woff2) format('woff2'), url(/assets/ibm-plex-sans-arabic-arabic-500-normal-XmtXq_5I.woff) format('woff');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* ibm-plex-sans-arabic-cyrillic-ext-500-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(data:font/woff2;base64,d09GMgABAAAAAAWwABAAAAAACsgAAAVZAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cLgZgAFQIUgmCcxEQCoNQg1MLDgABNgIkAxgEIAWDSAdGDIRaG6EJCJ4D7s4iTIrohOFv3Sgh5LEYFvrgefLP79yZeVCSD3gpVd9b2R3clGItqN0c6dSTAwCym1eADQgKoFS2WQGAVelGM89V+e3iSLh1WWFLy8O76yXc2iIK0kC+5hEFFEGQ4F3+f7f+//eq/vv+0pyAreXhaJD2pjlsD0pAJwc/aMYfmGjSglWk2FOTap1LNTWnz4ESJux2+Jz2TgTwySdGDPFFJqAYA5AESJK1MSjv681zJRqD+hVdW4B6AEWDRu2U32DBUU8xAIz+tWUe0MlQLCqwtaU0SgMaUAAAIzuNiEtQfI31XxQwK0QsAmIgAChXnQGKFQEK0EC6PARIl88AQIiLwgARxW7Wx0lwfkqS/7yRfAQIVn9jFtqEcVbDzvGZE6bS64p+Epbty1iRcpGf3bxzgDDZA8plJBRKExQql1CdIVRvCdUCKD8FbQbGm8A8EGLvTCz/t5yCISWLh55/UYqRNgh5OY8gl6UY1QYjtZQUo9sgn6C7fGNMB4v4Yn5kgi/2oUw0IZgutkScSfIz5UhgcnBj/5SghAEseTaSZFmTFGPkcGMuMnMCzQjhMxbdeCrFWG3CuFd3jzCjjLDeQwoDPCxJUcgrXBphtm6PK8KyySH7iS3H9D7X/OzgROxa7XfF3OPWPUCXmLl3OnMdlLDeVki+jJ22YS4ZkwKkI4YRbtddXixHE2LcR/CSyrw3N0IsSbEeKcZrEx5nvB6n2fxXpUCgcfFJKEomxQGwAQgBDfQHjAcAGJAYCgAQMKZ7mRPZi8oK/IX8/e/35fhIU6kE08uJ6MAR4vh6KX+3d+r1g7KTe5/usf7Ul+FPqYDwIOv/spMH9skXd1H5wTAU+bfy3+QuU49I1sX+/upQf4BevzGpnF7q05R32ld3u1vv93WfzfSZ5OHWS2JnT2WtOULvXp1URS/fy9P91XX7JJzFc2FO9RPgDIOLl1JrxJgEhptwCkMDQ/ucBXIai5Gnp5B4mKenSALjPO2gzJFPzyDgLET5onwdq2u154jIB9c9HLV3FsB+ESdFqCZnHkCENAfhErrpmXsKC1Dja01ZfNRfp4Y4PjI3i4f8xaJEllgL+e6Mpv43J9vRdl1DLIEp/wARVIEP1eBBnYdSvIOksxI6fKhCCQQgOb/EY7dcqrL8Kfb0R4BXyTuVAPBmPPtT2embwni+FQAPBYDAjyVSuJOwt1uAYKVly0OK+b92RbUKBlxeUU+r0dDoNgcBwAeFeYxGAJdl45TxgFmpmBVCN98VihjXFJphDtZNqsIiV0Jh04HGE+M6sMLaRrLERN68Km4F55asWSX72TlzZBatSJMb5hMR5EIbMSdpy7ioBaucVkTFcOKkaEkJnHXzpiStWMVZtABRklFSUHLALH5cxHwPjM2nrZsTtSLnlAmhZhM1xqjdbdGS7a/gS3+dJKJ6wqwRaqzJnpXGJ5M8nTMHFfpWnZ7kEZK+jVu+UUYEAMkYa3WHDYgotGgxzsoFTkFeD5dUCpfGLehUYKiTI2QS1RGDOIsILr6i1o/SpBJw616TzUqlh1jN5AbDJoxgJtOhIZpZMYhOP7NpBtMb0KaG2AyzhZj0aaF5i2GMpMT9vE0fKl1I1B3GczbpDnUIuI9KN7N5jGIh164ebD71zvJROUNsATs1Ydh1E1tINaRZjVJqjpgpyNiT5LYYPZ6LLU5Hvdo0qaL5hAFdJBrYMIXWAEpLILWYbmBOoyfVkWqYzkypG8mcgWan/rr1TNP8TbJHE25CTo5inDoM/76BHP1JEK1HspE8SQ5ACWwlOUC0QBvWAg22ND+guAWB/iAbyBPJCaj0QAfgCQ==) format('woff2'), url(data:font/woff;base64,d09GRgABAAAAAATcAA0AAAAABWgAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHUE9TAAABMAAAAB4AAAAeRHRMdUdTVUIAAAFQAAAALgAAAC4SbCJ7T1MvMgAAAYAAAABgAAAAYGpwqYJjbWFwAAAB4AAAAFQAAABUAMohV2dhc3AAAAI0AAAAEAAAABAAGAAjZ2x5ZgAAAkQAAADCAAAAwuo/LUZoZWFkAAADCAAAADYAAAA2QVy51GhoZWEAAANAAAAAJAAAACQhxhq6aG10eAAAA2QAAAAYAAAAGAcXAEtsb2NhAAADfAAAAA4AAAAOAIcAh21heHAAAAOMAAAAIAAAACAAJwLvbmFtZQAAA6wAAADnAAAByCMaQG1wb3N0AAAElAAAAEYAAABG/6CrQQABAAAACgAcABwAAURGTFQACAAEAAAAAP//AAAAAAAAAAEAAAAKACwALAADREZMVAAYYXJhYgAUbGF0bgAUAAAAAAAEAAAAAP//AAAAAAAAAAQCigH0AAUAAAKKAlgAAABLAooCWAAAAV4ATQE4CAECCwYDBQIDAAIDAAAAAwAAAAIAAAAAAAAAAElCTSABwAAAILQEPf5hAAAEaAJZIAABQQAAAAACCAK6AAAAIAAHAAAAAgAAAAMAAAAUAAMAAQAAABQABABAAAAADAAIAAIABAAAAA0AIACgILT//wAAAAAADQAgAKAgtP//AAH/9f/j/2XfUAABAAAAAAAAAAAAAAAAAAEAAwAIAAoAEAAH//8ADwACACAAAAG4AwwAAwAHAAAzESERJTMRIyABmP61/v4DDPz0TQJyAAEAK//0AlACxgA2AAAFIi4CNTQ2NyM1MzchNSE+ATU0JiMiBgcnPgEzMh4CFRQGBzMVIwchFSEGFRQWMzI2NxcOAQFEM1E4HQUDSHWX/vQBcAMEODMmRBs+Jmk6L0w2HQMETHuUAQ/+jwtANiZHJz0mbQweNkgqEBsLTVNNChUMMi4bIEQrKhswQicOGwxNU00WGzY3HipFLjMAAAAAAQAAAAEZ2ztmI5hfDzz1AAkD6AAAAADhZaMmAAAAAONTufD/I/3AHmMEPQAAAAkAAgAAAAAAAAABAAAEPf5hAAAeiv8j/cgeYwABAAAAAAAAAAAAAAAAAAAABgHYACAAAAAAAOwAAADsAAACewArAOwAAAAAABMAEwATABMAYQBhAAAAAQAAAAYCSwAWAKIABwABAAAAAAAAAAAAAAAAAAMAAXicjZDBasJAEIa/qJV48QF62hdQmyJC9aSCIFiUFjx4s5rGQKwh2lIvPp1P4BP1d1lDvJUh7LeZmW9nF/D5pIxXqQELz3fs0eHiuESds+MyI06OK4WaBx5ZO67yRNtxXQQbDoqULi3FnhUZsfYHcVNfTKJ1p7+R8lOdMWHMgFdmyoT88s6SL1X2VbPkQx0rGsqHOjXmmy1zcWZdO1UaAhkDTRIUqOesJqf/+9/EkShRPss9t36TG8ydw9w5hpot5WhvH9lXMTzbyV5EN+fQvkSqqa+uRGEKHXu7C7Ve7/tj7c0/4pRCqQAAAgAAAAAAAP+tAE0AAAAAAAAAAAAAAAAAAAAAAAAAAAAGAAAAAQECAAMBAwEEB3VuaTAwMEQHdW5pMjBCNAd1bmkwMEEwAAA=) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* ibm-plex-sans-arabic-latin-ext-500-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/assets/ibm-plex-sans-arabic-latin-ext-500-normal-Ck_W4G78.woff2) format('woff2'), url(/assets/ibm-plex-sans-arabic-latin-ext-500-normal-DvhI1aHE.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;
}

/* ibm-plex-sans-arabic-latin-500-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/assets/ibm-plex-sans-arabic-latin-500-normal-Cd6jVIg7.woff2) format('woff2'), url(/assets/ibm-plex-sans-arabic-latin-500-normal-BKKTaxl1.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;
}/* ibm-plex-sans-arabic-arabic-600-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/ibm-plex-sans-arabic-arabic-600-normal-0pRdybE_.woff2) format('woff2'), url(/assets/ibm-plex-sans-arabic-arabic-600-normal-B3qNl98V.woff) format('woff');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* ibm-plex-sans-arabic-cyrillic-ext-600-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(data:font/woff2;base64,d09GMgABAAAAAAXEABAAAAAACuAAAAVrAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cLgZgAFQIVgmCcxEQCoMsgzILDgABNgIkAxgEIAWDVAdGDIUGG7wJCB4H1c0P0w9MhnQ9uzoNh1fw0P9v2rn3PcQS0kK8k0vE8JrFiDhxqEeouNCVP5XfnWH9hdX5N7OvLjy8u15iba0WUZAG8jWPKOODE7zL/+/a//9e1TfO88zjYwsGQxEM4Fjvvp+buTsWjjFBA9RaQcfCaBfYWEC1lmtUAKypTXOZjG0ssIJh/6o+EgHYKVdOxDr6RrGiA+QARLaAAO3nxXv/5BSeM3lwNx5A1mm6vE0mMIFMUxP0/tliA4m0zCqkw6KZpIbUAA2QAADds1+Jl0A9+qr/J6FvlUmFaAGQdpkFFAsgAQ3w0BCAh04zcGJFogMulAf6kzlgvyRy//hK6jiCwXsrMqLPem0Sthi0U5+Fgm7S5ZALbnXYCdskxHVott1ZtwBnbilO0Y1Z7MMs7ThlFqf82pJNn9KAwDKwxROPCXFL0hC5SwaxOosNbeOGoIEIKNW+LZYRm4IGMmAgGn1BAy2gOjJaTcdwoiqp0irdPZNWHWrr5ExGrzHhFaek0smwyjAS25r5o+HLNCfL5pakksnlQQNdj+vZdBIltV2Jbw/7fm4EDUyBXpXRauOJoUTmbKzMyVhY4POp9sxL8cS4Givz9WGfMV84TFunthVfnVpy5kafsqrJkSib/TDJm2a7Vb7M2Thalq5Ktr0MXgp+BaK5YKA8XatpN8TZ+Bp5FqrMhaahlE2WDf+XsaCBLdA7kmiPlfl8ySACDSt23Cy5nHwAzAA4AQ1YCXoBgA78TQIAAnR9ocPiMk85TPbJ9LtvvivO3V1kF44Ju3DdLs69ak/Hx198z3H9nTfe4Wx2YB914byDs7/j+ntNY8+9rZx3OJsmvl/3/fIux+LhisPlPY2uquKukX3Xe2+Mng2F4YZQ37K2eN12/6pof3m8vLW2dKJ39NjVXjmyO+5ZeGFBTauaiA317FqYBcjSsWIrmLPMQHcb8DoG2sOAcJkFykbSQHxswP2iUyq6lo8jUQVLqYUWIZmsVFeqZuutpmdxUYr9bukKt5gIc9HEhVzfovE7F2L9LHbk3/PGfOwLbIi/DS43w/NoqfSkib+zCtHoppPy3Aa+Txy2tJraaQ210XoglwctETaCTxqJIgBR8lHf5kBmY/7Kf6w27XuAL1IP1wN8NTL7h6IbT7Z/9BHAhgRAwM8jV5FF5NEeCAZeZvE+SurnckieoZ5Twt1ZtlPoERYEAHaQ6P+hIQArm5tVug1YkzzWIVjuQ4ckj5cdGj3OH9SlDhOltjrMLLQQ8jABWx0cWfZaLjz5gGn7bePhoJUhhAE76WfZY78twgZ16NOtVb+4nVKOGjFptwNa7DdpyjbTgkak7LJNqz12mjEuZb/ud/fYTYkKiYqItrjiAKmw90fR4fVbHLLTpP2aCa2MSodV8q2gjTb2OvYh2paPaijzLzq6jJIiYtiftJDu0Z12UpnaARZSlKZ+5WEpM0IkAOQiYdCHGRBCoglN6JZDu7dFjIpheH6kdSF/Y0vEAL8sQRHpF7WhmEZffMxCfpWK5QNW/4uU8KtWzsPZnleqjlJiDoeRhMsEbZbwq+JdPVnSbaWwFSWgxdlRtcoUYLLOiJhFCYswYaLJQpcpl643s1iAT4mdbKHDMsGEczFhZYFGZy6Wh7ZLhCA8l9nZbkJMVLm5zMEJMwYsVW0mO6mnFDdox3oX/ZpEVD/meB4Rdddan0+DKmWK3g7dwox34eQCYXUqWpiDwBrzgs+1iJ9vvUeTBerMO3K9V7tl/Cq+YH2hQS0WqPnK1UUmdFqizl1IVhkrFr8B/8IFWZpUEAepaBZ7xQPMjYdkIQyxhw9qE9QBaD6e5YeBTU7sEfc3fleVZ4yrwgi4GwAA) format('woff2'), url(data:font/woff;base64,d09GRgABAAAAAATUAA0AAAAABWgAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHUE9TAAABMAAAAB4AAAAeRHRMdUdTVUIAAAFQAAAALgAAAC4SbCJ7T1MvMgAAAYAAAABgAAAAYGrVqptjbWFwAAAB4AAAAFQAAABUAMohV2dhc3AAAAI0AAAAEAAAABAAGAAjZ2x5ZgAAAkQAAAC4AAAAuIJK/GhoZWFkAAAC/AAAADYAAAA2QeK54WhoZWEAAAM0AAAAJAAAACQiTBstaG10eAAAA1gAAAAYAAAAGAcbAEhsb2NhAAADcAAAAA4AAAAOAIIAgm1heHAAAAOAAAAAIAAAACAAJwLrbmFtZQAAA6AAAADsAAAB1CR4QVVwb3N0AAAEjAAAAEYAAABG/6irTAABAAAACgAcABwAAURGTFQACAAEAAAAAP//AAAAAAAAAAEAAAAKACwALAADREZMVAAYYXJhYgAUbGF0bgAUAAAAAAAEAAAAAP//AAAAAAAAAAQClgJYAAUAAAKKAlgAAABLAooCWAAAAV4AWAE5CAECCwcDBQIDAAIDAAAAAwAAAAIAAAAAAAAAAElCTSABwAAAILQEPf5hAAAEaAJZIAABQQAAAAACCgK6AAAAIAAHAAAAAgAAAAMAAAAUAAMAAQAAABQABABAAAAADAAIAAIABAAAAA0AIACgILT//wAAAAAADQAgAKAgtP//AAH/9f/j/2XfUAABAAAAAAAAAAAAAAAAAAEAAwAIAAoAEAAH//8ADwACACAAAAG4AwwAAwAHAAAzESERJTMRIyABmP7A6OgDDPz0WAJcAAEAKP/0AlcCxgAzAAAFIi4CNTQ2NyM1MzcjNSE2NTQmIyIHJz4BMzIeAhUUBzMVIwchFSEGFRQWMzI2NxcOAQFJNlM4HQMCSHGM/QFsBjMuTDREI2s9MU42HQZLeYkBAv6SBjkzJUMmRSVuDCA3SyoNFAlTTFQPFi8qOlEoLB0xQyYaGFRMUxEUNDQhKFIrNQAAAQAAAAEZ2wWigF5fDzz1AAkD6AAAAADhZaMoAAAAAONTufH/F/20HvUEUwAAAAkAAgAAAAAAAAABAAAEPf5hAAAfGP8X/a0e9QABAAAAAAAAAAAAAAAAAAAABgHYACAAAAAAAOwAAADsAAACfwAoAOwAAAAAABMAEwATABMAXABcAAAAAQAAAAYCRQAWAKQABwABAAAAAAAAAAAAAAAAAAMAAXiclZC7bsJAEEWPA0SkoUpFtT8QHlEaoAIkJKIgEEgU6RxwDJIDFi9By/flC/I1XJY1AVGh0XrO7Ny5u14gyzcpvPQT8Ok9O/ao8uf4gRy/jlO8s3ecvtBkyDNx/Mib4sQ5EeqsFLH0RcWSEQumqlfigtaUSHmu3VD9Li0+aNOgQ0+dgC0DfGZS1qXx+dLEiBftBvyIG5qNGDNUvbB+c6kNZbmWKWn9U805mzPdd0Zfdcha7EuXeCUe5uxirnzMjU9TOWZnXyK0L2R4tTesiBLfpn2VWLc/+kUKczGxtFWgfPzvjb5jCgd0rkTvAAIAAAAAAAD/tQBYAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAEBAgADAQMBBAd1bmkwMDBEB3VuaTIwQjQHdW5pMDBBMAAA) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* ibm-plex-sans-arabic-latin-ext-600-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/ibm-plex-sans-arabic-latin-ext-600-normal-DjDAeNQD.woff2) format('woff2'), url(/assets/ibm-plex-sans-arabic-latin-ext-600-normal-BPig9_JX.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;
}

/* ibm-plex-sans-arabic-latin-600-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/ibm-plex-sans-arabic-latin-600-normal-KrqB56Mw.woff2) format('woff2'), url(/assets/ibm-plex-sans-arabic-latin-600-normal-5MnVa4PS.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;
}/* ibm-plex-sans-arabic-arabic-700-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/ibm-plex-sans-arabic-arabic-700-normal-DrtBj6UE.woff2) format('woff2'), url(/assets/ibm-plex-sans-arabic-arabic-700-normal-COV7B1nq.woff) format('woff');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* ibm-plex-sans-arabic-cyrillic-ext-700-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(data:font/woff2;base64,d09GMgABAAAAAAXEABAAAAAACxwAAAVqAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cLgZgAFQIVgmCcxEQCoNMg1ELDgABNgIkAxgEIAWDXgdGDIUWG/UJAJ6FsZujJWelo/jYmOSCB/477c+dmUCV0n2dFI5LpEa6LLiQ88Q/Ms+zffCXpL/dVOAige1+wl2kQRrINI8ogyhIsPj//+9VfSM30ZyAjQ0S8CCttWntrnn8A7WCcx7/YO0GKpZrVACsxthiVOpB+8kSAZhJl04EWruHMaIARCKAEeJixeSfp8xtk1MkrMkdm0gAzLhdkW6RnkIHUkgaB7roP1usYSaqjUKyGGWdJCPJgAxIAAAdvUcVN4F6ldoLk6AsSEEV0Qgg2aRlQGUAJEAGEsgIIIFCA7BiREIBbKhuUh+NoOVbIvLfN7Nf9CO4fLRkEwLmtJuy07ANulVwu4ROp7mKWzjDKTboN6xVgxnXcBNgjVRgFR3oxVb0kg2rtIxV+pajqS+pQfHQMPWPPyTEZUFNRE5qBOo5TMhr1zg1RLGqtiwGwmKdU0Mq1hCFDqeGXKy2huWc1sHxrKAaUkMdMyG1VV2YnAkrOUzXecRsKOhWwwzlYuwfTke4IWivjswGg1VODWUtqnhDQYTUpVXokk4+5rxTQ1fcpYbl3P7xgfHwkYBdWANqwOFQW8LP9Y/fowG7o+ikR39aHZ06uJhybmzw6Qul07iSdUhbG2SR4A61ZLMc4SO6bA9lBROTxnNKowAaAhqrtss5LZo40t9tPQK7XWhJrfEG7bf/Z8CpYSruGhpvCdgdjqATgYwRMzEMkYhoAPQAWAEZqAM9AEABEY0EAAhQlDKLwaafsujMk6H3335fuD7ZLCxjZmG7Xhx9xhx6N3/0wQ8s33vrPY7ckGDBPGzBeg1HXrN8pX7kqXdV6w1W//SbgTerei2Vw46z6V1FRpu+bWLDkebfJuZ7Y4teLshuSF/sWPXvBme9v2/FdHpzjiW5qHNi9/7mfyYWi2zePldWpKxrVcHG0vcAllEwYoqNq9RQYjR4Ew1aUgN3OQfYW1BDfKoh5qHQWGQNn3q8s4V2ZcrNs4idb5ez/DLty9iwY6sn29yNMhFsiK2NOtxs1LMhre7hvIFkc4VGt53DjPRvEzKj1QMmxL8atphAo7DdmmBq/y6TjDbsNRwVo5H1NTbgXGzGediEC23Mo26hjwn3s3q8CECkfrLnr88vrI2u+c9okn8E+Gr21myAb4bO/R6xnL8z4wplAYEJCQABvyu+jDMCXcGA4KKiFx+icv7qCtIJcut2IaakZpLcjmEuOzNIKJ8jIwAjc2SEYgIm4iIuFeT7Xyph5HepTJP7pAo++6Q60qyT6ilWYovSNViw4yrcoop7YLtp2yxqE+6wnetrLNrAZbNt5rn1adWtQ5Me/TaYtceQSZts12ibSVMWTXNqstkGM0bN2raWFmdvovJy8fLwRo/KParZqhquujjfU232rfpEZnp99rc168QWe18Xx/zrlVD5TpGppBr9SNs243CtcHCDDdRZju0ttlkaz/7KXWbNcJEAIPIMMy6P0ANCSMhCFoph56ZFD7MHUPR5mkraLm30aFBkGUEyqUgEQQoZP8umnFOWVNGAsehZUuXKkCKWJdnSxrSvkCSGGVbUWYI6PoWyxA88S2JAsxI5UjmTTNnyZyn0qOeVJZHN66jkkitt3LwerzwZkvm8gSZ+hTL2cxhjyyFFFM4y0aGGm0MCq5mZNmBSTnacZWGXdbqUyWQNK/nUxwXzWTa61PLIlgymKArO5IpuS8WzoRbDYUXixarHKuBgFw9xnsS1EvH8yfIaDZCgTTUnLDicqFl5VE/Sp5FfznSyMW3KFbz6p7KMnRFDkQb/lwPL1MsgdtCwBRrgJhKDdkJDYjNHn30d0HYSo2sj0Winqx6wGW5MhMma43oT8CfpRzvAQ2MAAAAA) format('woff2'), url(data:font/woff;base64,d09GRgABAAAAAATYAA0AAAAABXgAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHUE9TAAABMAAAAB4AAAAeRHRMdUdTVUIAAAFQAAAALgAAAC4SbCJ7T1MvMgAAAYAAAABgAAAAYGs7q5ZjbWFwAAAB4AAAAFQAAABUAMohV2dhc3AAAAI0AAAAEAAAABAAGAAjZ2x5ZgAAAkQAAAC8AAAAvOFh37BoZWFkAAADAAAAADYAAAA2QnK54mhoZWEAAAM4AAAAJAAAACQi2xumaG10eAAAA1wAAAAYAAAAGAcgAEZsb2NhAAADdAAAAA4AAAAOAIQAhG1heHAAAAOEAAAAIAAAACAAJwLqbmFtZQAAA6QAAADpAAAB3iUBQVNwb3N0AAAEkAAAAEYAAABG/7GrWAABAAAACgAcABwAAURGTFQACAAEAAAAAP//AAAAAAAAAAEAAAAKACwALAADREZMVAAYYXJhYgAUbGF0bgAUAAAAAAAEAAAAAP//AAAAAAAAAAQCogK8AAUAAAKKAlgAAABLAooCWAAAAV4AZAE7CAECCwgDBQIDAAIDAAAAAwAAAAIAAAAAAAAAAElCTSABoAAAILQEPf5hAAAEaAJZIAABQQAAAAACDQK6AAAAIAAHAAAAAgAAAAMAAAAUAAMAAQAAABQABABAAAAADAAIAAIABAAAAA0AIACgILT//wAAAAAADQAgAKAgtP//AAH/9f/j/2XfUAABAAAAAAAAAAAAAAAAAAEAAwAIAAoAEAAH//8ADwACACAAAAG4AwwAAwAHAAAzESERJTMRIyABmP7M0NADDPz0ZAJEAAEAJv/0Al4CxgA1AAAFIi4CNTQ2NyM1MzcjNSE2NTQmIyIGByc+ATMyHgIVFAYHMxUjBzMVIQYVFBYzMjY3Fw4BAU85VTkdAQFHbIHtAWcFLSkkQRdKIG0/M1A3HQIDSnd88/6XAzUuI0AkTCNuDCI6TCsIDgdaRFoPESsmHRpdJS4eNEQlCxgMWkRaDA0xMCAnXSo2AAEAAAABGdtDOLbAXw889QAJA+gAAAAA4WWjJAAAAADjU7nu/wv9px+QBGgAAQAJAAIAAAAAAAAAAQAABD3+YQAAH67/C/2QH5AAAQAAAAAAAAAAAAAAAAAAAAYB2AAgAAAAAADsAAAA7AAAAoQAJgDsAAAAAAATABMAEwATAF4AXgAAAAEAAAAGAkMAFgClAAcAAQAAAAAAAAAAAAAAAAADAAF4nJWQQU/CQBSEv0oleOEHcDB79IBgDRfsSUlMTCSakHDgBLalkBDbFGLE3+Rv8+jZ6bJUuWFetm+2b2b2ZYAGc2p4/hkw8c4d9rjg2+ETcb4crnHHp8M+13w4fEqLqcN12vQcbgrBgo0q54auak1EwVL3jXBHZ8lKPdPfVPMn7nnkQS8NedYk4Z0RM17FvBVnxosUEZdiZJrHjMUprE8mliGQW8CVzs7FVD6mcjIHXqby+tWGlTr81zb7fuzbA/FztjaT1GZllGy5QV9o7zKw+eTarlSvVOaPYm1viXqZxJu+MZ0fT0lFdgAAAAACAAAAAAAA/74AZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYAAAABAQIAAwEDAQQHdW5pMDAwRAd1bmkyMEI0B3VuaTAwQTAAAA==) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* ibm-plex-sans-arabic-latin-ext-700-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/ibm-plex-sans-arabic-latin-ext-700-normal-BSbyEp0V.woff2) format('woff2'), url(/assets/ibm-plex-sans-arabic-latin-ext-700-normal-M3R6yVFi.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;
}

/* ibm-plex-sans-arabic-latin-700-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/ibm-plex-sans-arabic-latin-700-normal-BzSf6GNr.woff2) format('woff2'), url(/assets/ibm-plex-sans-arabic-latin-700-normal-C6QlO9CN.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;
}/* inter-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format('woff2'), url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format('woff2'), url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format('woff2'), url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format('woff2'), url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format('woff2'), url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.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;
}

/* inter-latin-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format('woff2'), url(/assets/inter-latin-ext-400-normal-77YHD8bZ.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;
}

/* inter-latin-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format('woff2'), url(/assets/inter-latin-400-normal-CyCys3Eg.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;
}/* inter-cyrillic-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format('woff2'), url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format('woff2'), url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format('woff2'), url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/inter-greek-600-normal-plRanbMR.woff2) format('woff2'), url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format('woff2'), url(/assets/inter-vietnamese-600-normal-BuLX-rYi.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;
}

/* inter-latin-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format('woff2'), url(/assets/inter-latin-ext-600-normal-CIVaiw4L.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;
}

/* inter-latin-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format('woff2'), url(/assets/inter-latin-600-normal-CiBQ2DWP.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;
}/* inter-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format('woff2'), url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2) format('woff2'), url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2) format('woff2'), url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/inter-greek-700-normal-C3JjAnD8.woff2) format('woff2'), url(/assets/inter-greek-700-normal-BUv2fZ6O.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format('woff2'), url(/assets/inter-vietnamese-700-normal-BZaoP0fm.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;
}

/* inter-latin-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2) format('woff2'), url(/assets/inter-latin-ext-700-normal-TidjK2hL.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;
}

/* inter-latin-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format('woff2'), url(/assets/inter-latin-700-normal-BLAVimhd.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;
}/* outfit-latin-ext-600-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/outfit-latin-ext-600-normal-B85nYjL1.woff2) format('woff2'), url(/assets/outfit-latin-ext-600-normal-CWJcPgd7.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;
}

/* outfit-latin-600-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/outfit-latin-600-normal-B7SfZ07L.woff2) format('woff2'), url(/assets/outfit-latin-600-normal-BEfTtDA7.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;
}/* outfit-latin-ext-700-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/outfit-latin-ext-700-normal-CI4iH74K.woff2) format('woff2'), url(/assets/outfit-latin-ext-700-normal-fjS8-Gm7.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;
}

/* outfit-latin-700-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/outfit-latin-700-normal-Cu9v6i1X.woff2) format('woff2'), url(/assets/outfit-latin-700-normal-D4itBLBr.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.3.0 | 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-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --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-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: "IBM Plex Sans Arabic", "Inter", ui-sans-serif, system-ui, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: var(--ramp-red-50);
    --color-red-100: var(--ramp-red-100);
    --color-red-200: var(--ramp-red-200);
    --color-red-300: var(--ramp-red-300);
    --color-red-400: var(--ramp-red-400);
    --color-red-500: var(--ramp-red-500);
    --color-red-600: var(--ramp-red-600);
    --color-red-700: var(--ramp-red-700);
    --color-red-800: var(--ramp-red-800);
    --color-red-900: var(--ramp-red-900);
    --color-amber-50: var(--ramp-amber-50);
    --color-amber-100: var(--ramp-amber-100);
    --color-amber-200: var(--ramp-amber-200);
    --color-amber-300: var(--ramp-amber-300);
    --color-amber-400: var(--ramp-amber-400);
    --color-amber-500: var(--ramp-amber-500);
    --color-amber-600: var(--ramp-amber-600);
    --color-amber-700: var(--ramp-amber-700);
    --color-amber-800: var(--ramp-amber-800);
    --color-amber-900: var(--ramp-amber-900);
    --color-amber-950: var(--ramp-amber-900);
    --color-green-50: var(--ramp-green-50);
    --color-green-100: var(--ramp-green-100);
    --color-green-200: var(--ramp-green-200);
    --color-green-300: var(--ramp-green-300);
    --color-green-400: var(--ramp-green-400);
    --color-green-500: var(--ramp-green-500);
    --color-green-600: var(--ramp-green-600);
    --color-green-700: var(--ramp-green-700);
    --color-green-800: var(--ramp-green-800);
    --color-green-900: var(--ramp-green-900);
    --color-emerald-50: var(--ramp-green-50);
    --color-emerald-100: var(--ramp-green-100);
    --color-emerald-200: var(--ramp-green-200);
    --color-emerald-300: var(--ramp-green-300);
    --color-emerald-400: var(--ramp-green-400);
    --color-emerald-600: var(--ramp-green-600);
    --color-emerald-700: var(--ramp-green-700);
    --color-emerald-800: var(--ramp-green-800);
    --color-emerald-900: var(--ramp-green-900);
    --color-blue-50: var(--ramp-indigo-50);
    --color-blue-100: var(--ramp-indigo-100);
    --color-blue-200: var(--ramp-indigo-200);
    --color-blue-300: var(--ramp-indigo-300);
    --color-blue-400: var(--ramp-indigo-400);
    --color-blue-500: var(--ramp-indigo-500);
    --color-blue-600: var(--ramp-indigo-600);
    --color-blue-700: var(--ramp-indigo-700);
    --color-blue-800: var(--ramp-indigo-800);
    --color-blue-900: var(--ramp-indigo-900);
    --color-purple-50: var(--ramp-purple-50);
    --color-purple-200: var(--ramp-purple-200);
    --color-purple-300: var(--ramp-purple-300);
    --color-purple-400: var(--ramp-purple-400);
    --color-purple-600: var(--ramp-purple-600);
    --color-purple-700: var(--ramp-purple-700);
    --color-purple-800: var(--ramp-purple-800);
    --color-purple-900: var(--ramp-purple-900);
    --color-gray-50: var(--ramp-neutral-50);
    --color-gray-100: var(--ramp-neutral-100);
    --color-gray-200: var(--ramp-neutral-200);
    --color-gray-300: var(--ramp-neutral-300);
    --color-gray-400: var(--ramp-neutral-400);
    --color-gray-500: var(--ramp-neutral-500);
    --color-gray-600: var(--ramp-neutral-600);
    --color-gray-700: var(--ramp-neutral-700);
    --color-gray-800: var(--ramp-neutral-800);
    --color-gray-900: var(--ramp-neutral-900);
    --color-gray-950: var(--ramp-neutral-1000);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --text-xs: .75rem;
    --text-xs--line-height: 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-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-widest: .1em;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-md: var(--shape-radius-subcontainer);
    --radius-lg: var(--shape-radius-action);
    --radius-xl: var(--shape-radius-container);
    --radius-2xl: var(--shape-radius-supercontainer);
    --radius-3xl: 1.5rem;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --aspect-video: 16 / 9;
    --default-transition-duration: var(--transition-swift-duration);
    --default-transition-timing-function: var(--transition-swift-easing);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-heading: "Outfit", "IBM Plex Sans Arabic", ui-sans-serif, system-ui, sans-serif;
    --color-brand-50: var(--ramp-indigo-50);
    --color-brand-100: var(--ramp-indigo-100);
    --color-brand-200: var(--ramp-indigo-200);
    --color-brand-300: var(--ramp-indigo-300);
    --color-brand-400: var(--ramp-indigo-400);
    --color-brand-500: var(--ramp-indigo-500);
    --color-brand-600: var(--ramp-indigo-600);
    --color-brand-700: oklch(52.76% .2249 263.922);
    --color-brand-800: var(--ramp-indigo-700);
    --color-brand-900: var(--ramp-indigo-800);
    --color-accent-400: var(--ramp-orange-400);
    --color-accent-500: var(--ramp-orange-500);
    --color-accent-600: var(--ramp-orange-600);
    --color-surface: var(--color-background-base);
    --color-surface-sunken: var(--color-background-sunken);
    --color-surface-sunken-strong: var(--color-background-sunkenStrong);
    --color-surface-raised: var(--color-background-raised);
    --color-surface-raised-hover: var(--color-background-raisedHover);
    --color-surface-primary: var(--color-background-primary);
    --color-surface-primary-subtle: var(--color-background-primarySubtle);
    --color-surface-success: var(--color-background-success);
    --color-surface-success-subtle: var(--color-background-successSubtle);
    --color-surface-warning: var(--color-background-warning);
    --color-surface-warning-subtle: var(--color-background-warningSubtle);
    --color-surface-critical: var(--color-background-critical);
    --color-fg: var(--color-foreground-onBase);
    --color-fg-muted: var(--color-foreground-onBaseMuted);
    --color-fg-faint: var(--color-foreground-onBaseFaint);
    --color-fg-primary: var(--color-foreground-primary);
    --color-fg-accent: var(--color-foreground-accent);
    --color-fg-success: var(--color-foreground-success);
    --color-fg-warning: var(--color-foreground-warning);
    --color-fg-critical: var(--color-foreground-critical);
    --color-fg-on-primary: var(--color-foreground-onPrimary);
    --color-fg-on-success: var(--color-foreground-onSuccess);
    --color-line: var(--color-border-neutral);
    --color-line-strong: var(--color-border-strong);
    --color-line-primary: var(--color-border-primary);
    --color-line-success: var(--color-border-success);
    --color-line-warning: var(--color-border-warning);
  }
}

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

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

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

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  html, body {
    background-color: var(--color-surface);
    color: var(--color-fg);
    font-family: var(--font-sans);
  }

  h1, h2, h3, h4 {
    font-family: var(--font-heading);
  }

  :root {
    color-scheme: light;
  }

  html.dark {
    color-scheme: dark;
  }

  :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: var(--shape-border-thick) solid var(--color-border-primary);
    outline-offset: 2px;
  }

  ::selection {
    background: var(--color-background-primarySubtle);
  }

  @media (prefers-reduced-motion: reduce) {
    *, :before, :after {
      scroll-behavior: auto !important;
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
    }
  }
}

@layer antd, components;

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

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

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

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

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

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

  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .start-3 {
    inset-inline-start: calc(var(--spacing) * 3);
  }

  .start-4 {
    inset-inline-start: calc(var(--spacing) * 4);
  }

  .start-6 {
    inset-inline-start: calc(var(--spacing) * 6);
  }

  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }

  .end-1 {
    inset-inline-end: calc(var(--spacing) * 1);
  }

  .end-3 {
    inset-inline-end: calc(var(--spacing) * 3);
  }

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

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

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

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

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

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

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

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

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

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

  .isolate {
    isolation: isolate;
  }

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

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

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

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

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

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

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

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

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

  .container {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .ms-3 {
    margin-inline-start: calc(var(--spacing) * 3);
  }

  .ms-5 {
    margin-inline-start: calc(var(--spacing) * 5);
  }

  .ms-6 {
    margin-inline-start: calc(var(--spacing) * 6);
  }

  .ms-auto {
    margin-inline-start: auto;
  }

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

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

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

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

  .me-auto {
    margin-inline-end: auto;
  }

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

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

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

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

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

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

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

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

  .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-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

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

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

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

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

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

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

  .table {
    display: table;
  }

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

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

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

  .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-4 {
    height: calc(var(--spacing) * 4);
  }

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

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

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

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

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

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

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

  .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-40 {
    height: calc(var(--spacing) * 40);
  }

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

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

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

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

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

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

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

  .h-\[min\(92svh\,860px\)\] {
    height: min(92svh, 860px);
  }

  .h-full {
    height: 100%;
  }

  .h-screen {
    height: 100vh;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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-12 {
    width: calc(var(--spacing) * 12);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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-5xl {
    max-width: var(--container-5xl);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .max-w-\[210mm\] {
    max-width: 210mm;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .flex-1 {
    flex: 1;
  }

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

  .grow {
    flex-grow: 1;
  }

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

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

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

  .rotate-180 {
    rotate: 180deg;
  }

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

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

  .cursor-crosshair {
    cursor: crosshair;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-help {
    cursor: help;
  }

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

  .cursor-pointer {
    cursor: pointer;
  }

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

  .resize {
    resize: both;
  }

  .list-inside {
    list-style-position: inside;
  }

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

  .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-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  :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-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

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

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

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

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

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

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

  :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-gray-100 > :not(:last-child)) {
    border-color: var(--color-gray-100);
  }

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

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

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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-y-2 {
    border-block-style: var(--tw-border-style);
    border-block-width: 2px;
  }

  .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-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .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-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .border-line-success, .border-line-success\/40 {
    border-color: var(--color-line-success);
  }

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

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

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

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

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

  .\!bg-surface-sunken {
    background-color: var(--color-surface-sunken) !important;
  }

  .bg-accent-500, .bg-accent-500\/15 {
    background-color: var(--color-accent-500);
  }

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

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

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

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

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

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

  .bg-black\/55 {
    background-color: #0000008c;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bg-red-500, .bg-red-500\/80 {
    background-color: var(--color-red-500);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bg-white\/90 {
    background-color: #ffffffe6;
  }

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

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

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

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

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

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

  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }

  .\!p-1\.5 {
    padding: calc(var(--spacing) * 1.5) !important;
  }

  .\!p-2 {
    padding: calc(var(--spacing) * 2) !important;
  }

  .\!p-3 {
    padding: calc(var(--spacing) * 3) !important;
  }

  .\!p-4 {
    padding: calc(var(--spacing) * 4) !important;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

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

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

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

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

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

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

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

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

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

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .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);
  }

  .\!py-1 {
    padding-block: calc(var(--spacing) * 1) !important;
  }

  .\!py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5) !important;
  }

  .\!py-3 {
    padding-block: calc(var(--spacing) * 3) !important;
  }

  .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-14 {
    padding-block: calc(var(--spacing) * 14);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .ps-1 {
    padding-inline-start: calc(var(--spacing) * 1);
  }

  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }

  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }

  .ps-9 {
    padding-inline-start: calc(var(--spacing) * 9);
  }

  .pe-1 {
    padding-inline-end: calc(var(--spacing) * 1);
  }

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

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

  .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-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }

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

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

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

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

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

  .pb-px {
    padding-bottom: 1px;
  }

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

  .text-end {
    text-align: end;
  }

  .text-justify {
    text-align: justify;
  }

  .text-start {
    text-align: start;
  }

  .align-\[-0\.125em\] {
    vertical-align: -.125em;
  }

  .align-top {
    vertical-align: top;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--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-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }

  .leading-loose {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .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-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-accent-500 {
    color: var(--color-accent-500);
  }

  .text-accent-600 {
    color: var(--color-accent-600);
  }

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

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

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-black {
    color: var(--color-black);
  }

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

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-blue-800 {
    color: var(--color-blue-800);
  }

  .text-brand-400 {
    color: var(--color-brand-400);
  }

  .text-brand-600 {
    color: var(--color-brand-600);
  }

  .text-brand-700 {
    color: var(--color-brand-700);
  }

  .text-brand-800 {
    color: var(--color-brand-800);
  }

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

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-emerald-800 {
    color: var(--color-emerald-800);
  }

  .text-fg {
    color: var(--color-fg);
  }

  .text-fg-critical {
    color: var(--color-fg-critical);
  }

  .text-fg-faint {
    color: var(--color-fg-faint);
  }

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

  .text-fg-on-primary {
    color: var(--color-fg-on-primary);
  }

  .text-fg-on-success {
    color: var(--color-fg-on-success);
  }

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

  .text-fg-success {
    color: var(--color-fg-success);
  }

  .text-fg-warning {
    color: var(--color-fg-warning);
  }

  .text-gray-300 {
    color: var(--color-gray-300);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-gray-900 {
    color: var(--color-gray-900);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

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

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-green-800 {
    color: var(--color-green-800);
  }

  .text-inherit {
    color: inherit;
  }

  .text-purple-600 {
    color: var(--color-purple-600);
  }

  .text-purple-700 {
    color: var(--color-purple-700);
  }

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

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

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-red-800 {
    color: var(--color-red-800);
  }

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

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .underline {
    text-decoration-line: underline;
  }

  .accent-brand-700 {
    accent-color: var(--color-brand-700);
  }

  .accent-gray-400 {
    accent-color: var(--color-gray-400);
  }

  .accent-red-600 {
    accent-color: var(--color-red-600);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-80 {
    opacity: .8;
  }

  .shadow-lg {
    --tw-shadow: var(--shadow-overlay);
    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: var(--shadow-raised);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: var(--shadow-overlay);
    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-amber-500\/30 {
    --tw-shadow-color: var(--color-amber-500);
  }

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

  .shadow-brand-700\/10 {
    --tw-shadow-color: #225aea1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-brand-700\/10 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-brand-700) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-brand-700\/20 {
    --tw-shadow-color: #225aea33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-brand-700\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-brand-700) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-green-600\/30 {
    --tw-shadow-color: var(--color-green-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-green-600\/30 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-600) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

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

  .ring-red-600 {
    --tw-ring-color: var(--color-red-600);
  }

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

  .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, );
  }

  .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-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-shadow {
    transition-property: box-shadow;
    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));
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

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

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[email\:noop\] {
    email: noop;
  }

  .\[email\:resend\] {
    email: resend;
  }

  .\[password-reset\:noop\] {
    password-reset: noop;
  }

  .file\:me-3::file-selector-button {
    margin-inline-end: calc(var(--spacing) * 3);
  }

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

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

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-brand-700::file-selector-button {
    background-color: var(--color-brand-700);
  }

  .file\:bg-surface-sunken::file-selector-button {
    background-color: var(--color-surface-sunken);
  }

  .file\:px-3::file-selector-button {
    padding-inline: calc(var(--spacing) * 3);
  }

  .file\:py-1\.5::file-selector-button {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-semibold::file-selector-button {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .file\:text-white::file-selector-button {
    color: var(--color-white);
  }

  .placeholder\:text-fg-faint::placeholder {
    color: var(--color-fg-faint);
  }

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

  .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\:border-brand-300:hover {
      border-color: var(--color-brand-300);
    }

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

    .hover\:border-brand-500:hover {
      border-color: var(--color-brand-500);
    }

    .hover\:border-brand-700:hover {
      border-color: var(--color-brand-700);
    }

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

    .hover\:bg-amber-50:hover {
      background-color: var(--color-amber-50);
    }

    .hover\:bg-amber-600:hover {
      background-color: var(--color-amber-600);
    }

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

    .hover\:bg-brand-50:hover {
      background-color: var(--color-brand-50);
    }

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

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

    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50);
    }

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

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

    .hover\:bg-gray-700:hover {
      background-color: var(--color-gray-700);
    }

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

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

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

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

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

    .hover\:bg-surface-sunken-strong:hover {
      background-color: var(--color-surface-sunken-strong);
    }

    .hover\:text-brand-700:hover {
      color: var(--color-brand-700);
    }

    .hover\:text-brand-800:hover {
      color: var(--color-brand-800);
    }

    .hover\:text-fg:hover {
      color: var(--color-fg);
    }

    .hover\:text-fg-critical:hover {
      color: var(--color-fg-critical);
    }

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

    .hover\:text-purple-800:hover {
      color: var(--color-purple-800);
    }

    .hover\:text-red-600:hover {
      color: var(--color-red-600);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-80:hover {
      opacity: .8;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:shadow-md:hover {
      --tw-shadow: var(--shadow-overlay);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

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

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:border-line-primary:focus-visible {
    border-color: var(--color-line-primary);
  }

  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  @media (min-width: 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .sm\:block {
      display: block;
    }

    .sm\:w-auto {
      width: auto;
    }

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

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

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

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

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

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

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

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

  @media (min-width: 48rem) {
    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }

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

    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .md\:col-span-6 {
      grid-column: span 6 / span 6;
    }

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

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:hidden {
      display: none;
    }

    .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-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

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

    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }

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

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

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

    .lg\:block {
      display: block;
    }

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

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

    .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-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[1fr_320px\] {
      grid-template-columns: 1fr 320px;
    }

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

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

  @media (min-width: 80rem) {
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  .ltr\:rotate-180:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    rotate: 180deg;
  }

  .rtl\:rotate-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    rotate: 0deg;
  }

  :where(.dark\:divide-gray-800:where(.dark, .dark *) > :not(:last-child)) {
    border-color: var(--color-gray-800);
  }

  .dark\:border-amber-700:where(.dark, .dark *) {
    border-color: var(--color-amber-700);
  }

  .dark\:border-blue-900:where(.dark, .dark *) {
    border-color: var(--color-blue-900);
  }

  .dark\:border-brand-700:where(.dark, .dark *) {
    border-color: var(--color-brand-700);
  }

  .dark\:border-brand-800:where(.dark, .dark *) {
    border-color: var(--color-brand-800);
  }

  .dark\:border-emerald-900:where(.dark, .dark *) {
    border-color: var(--color-emerald-900);
  }

  .dark\:border-gray-600:where(.dark, .dark *) {
    border-color: var(--color-gray-600);
  }

  .dark\:border-gray-700:where(.dark, .dark *) {
    border-color: var(--color-gray-700);
  }

  .dark\:border-gray-800:where(.dark, .dark *) {
    border-color: var(--color-gray-800);
  }

  .dark\:border-green-900:where(.dark, .dark *) {
    border-color: var(--color-green-900);
  }

  .dark\:border-purple-900:where(.dark, .dark *) {
    border-color: var(--color-purple-900);
  }

  .dark\:border-red-900:where(.dark, .dark *) {
    border-color: var(--color-red-900);
  }

  .dark\:bg-amber-900\/10:where(.dark, .dark *) {
    background-color: var(--color-amber-900);
  }

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

  .dark\:bg-amber-900\/15:where(.dark, .dark *) {
    background-color: var(--color-amber-900);
  }

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

  .dark\:bg-amber-900\/20:where(.dark, .dark *) {
    background-color: var(--color-amber-900);
  }

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

  .dark\:bg-amber-900\/30:where(.dark, .dark *) {
    background-color: var(--color-amber-900);
  }

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

  .dark\:bg-amber-950\/30:where(.dark, .dark *) {
    background-color: var(--color-amber-950);
  }

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

  .dark\:bg-blue-900\/15:where(.dark, .dark *) {
    background-color: var(--color-blue-900);
  }

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

  .dark\:bg-blue-900\/20:where(.dark, .dark *) {
    background-color: var(--color-blue-900);
  }

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

  .dark\:bg-blue-900\/30:where(.dark, .dark *) {
    background-color: var(--color-blue-900);
  }

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

  .dark\:bg-brand-900\/10:where(.dark, .dark *) {
    background-color: var(--color-brand-900);
  }

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

  .dark\:bg-brand-900\/20:where(.dark, .dark *) {
    background-color: var(--color-brand-900);
  }

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

  .dark\:bg-brand-900\/40:where(.dark, .dark *) {
    background-color: var(--color-brand-900);
  }

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

  .dark\:bg-brand-900\/50:where(.dark, .dark *) {
    background-color: var(--color-brand-900);
  }

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

  .dark\:bg-emerald-900\/15:where(.dark, .dark *) {
    background-color: var(--color-emerald-900);
  }

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

  .dark\:bg-emerald-900\/20:where(.dark, .dark *) {
    background-color: var(--color-emerald-900);
  }

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

  .dark\:bg-emerald-900\/30:where(.dark, .dark *) {
    background-color: var(--color-emerald-900);
  }

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

  .dark\:bg-gray-700:where(.dark, .dark *) {
    background-color: var(--color-gray-700);
  }

  .dark\:bg-gray-800:where(.dark, .dark *) {
    background-color: var(--color-gray-800);
  }

  .dark\:bg-gray-900:where(.dark, .dark *) {
    background-color: var(--color-gray-900);
  }

  .dark\:bg-gray-950:where(.dark, .dark *), .dark\:bg-gray-950\/90:where(.dark, .dark *) {
    background-color: var(--color-gray-950);
  }

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

  .dark\:bg-green-900\/20:where(.dark, .dark *) {
    background-color: var(--color-green-900);
  }

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

  .dark\:bg-green-900\/30:where(.dark, .dark *) {
    background-color: var(--color-green-900);
  }

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

  .dark\:bg-purple-900\/15:where(.dark, .dark *) {
    background-color: var(--color-purple-900);
  }

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

  .dark\:bg-red-900\/15:where(.dark, .dark *) {
    background-color: var(--color-red-900);
  }

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

  .dark\:bg-red-900\/20:where(.dark, .dark *) {
    background-color: var(--color-red-900);
  }

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

  .dark\:bg-red-900\/30:where(.dark, .dark *) {
    background-color: var(--color-red-900);
  }

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

  .dark\:bg-red-900\/40:where(.dark, .dark *) {
    background-color: var(--color-red-900);
  }

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

  .dark\:bg-white:where(.dark, .dark *) {
    background-color: var(--color-white);
  }

  .dark\:text-accent-400:where(.dark, .dark *) {
    color: var(--color-accent-400);
  }

  .dark\:text-amber-200:where(.dark, .dark *) {
    color: var(--color-amber-200);
  }

  .dark\:text-amber-300:where(.dark, .dark *) {
    color: var(--color-amber-300);
  }

  .dark\:text-amber-400:where(.dark, .dark *) {
    color: var(--color-amber-400);
  }

  .dark\:text-blue-200:where(.dark, .dark *) {
    color: var(--color-blue-200);
  }

  .dark\:text-blue-300:where(.dark, .dark *) {
    color: var(--color-blue-300);
  }

  .dark\:text-blue-400:where(.dark, .dark *) {
    color: var(--color-blue-400);
  }

  .dark\:text-brand-200:where(.dark, .dark *) {
    color: var(--color-brand-200);
  }

  .dark\:text-brand-300:where(.dark, .dark *) {
    color: var(--color-brand-300);
  }

  .dark\:text-brand-400:where(.dark, .dark *) {
    color: var(--color-brand-400);
  }

  .dark\:text-brand-500:where(.dark, .dark *) {
    color: var(--color-brand-500);
  }

  .dark\:text-emerald-200:where(.dark, .dark *) {
    color: var(--color-emerald-200);
  }

  .dark\:text-emerald-300:where(.dark, .dark *) {
    color: var(--color-emerald-300);
  }

  .dark\:text-emerald-400:where(.dark, .dark *) {
    color: var(--color-emerald-400);
  }

  .dark\:text-gray-200:where(.dark, .dark *) {
    color: var(--color-gray-200);
  }

  .dark\:text-gray-300:where(.dark, .dark *) {
    color: var(--color-gray-300);
  }

  .dark\:text-gray-400:where(.dark, .dark *) {
    color: var(--color-gray-400);
  }

  .dark\:text-gray-500:where(.dark, .dark *) {
    color: var(--color-gray-500);
  }

  .dark\:text-gray-900:where(.dark, .dark *) {
    color: var(--color-gray-900);
  }

  .dark\:text-green-300:where(.dark, .dark *) {
    color: var(--color-green-300);
  }

  .dark\:text-green-400:where(.dark, .dark *) {
    color: var(--color-green-400);
  }

  .dark\:text-purple-300:where(.dark, .dark *) {
    color: var(--color-purple-300);
  }

  .dark\:text-purple-400:where(.dark, .dark *) {
    color: var(--color-purple-400);
  }

  .dark\:text-red-200:where(.dark, .dark *) {
    color: var(--color-red-200);
  }

  .dark\:text-red-300:where(.dark, .dark *) {
    color: var(--color-red-300);
  }

  .dark\:text-red-400:where(.dark, .dark *) {
    color: var(--color-red-400);
  }

  .dark\:text-white:where(.dark, .dark *) {
    color: var(--color-white);
  }

  @media (hover: hover) {
    .dark\:hover\:bg-amber-900\/20:where(.dark, .dark *):hover {
      background-color: var(--color-amber-900);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-amber-900\/20:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
      }
    }

    .dark\:hover\:bg-blue-900\/20:where(.dark, .dark *):hover {
      background-color: var(--color-blue-900);
    }

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

    .dark\:hover\:bg-brand-900\/20:where(.dark, .dark *):hover {
      background-color: var(--color-brand-900);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-brand-900\/20:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-brand-900) 20%, transparent);
      }
    }

    .dark\:hover\:bg-emerald-900\/20:where(.dark, .dark *):hover {
      background-color: var(--color-emerald-900);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-emerald-900\/20:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);
      }
    }

    .dark\:hover\:bg-gray-200:where(.dark, .dark *):hover {
      background-color: var(--color-gray-200);
    }

    .dark\:hover\:bg-gray-700:where(.dark, .dark *):hover {
      background-color: var(--color-gray-700);
    }

    .dark\:hover\:bg-gray-800:where(.dark, .dark *):hover {
      background-color: var(--color-gray-800);
    }

    .dark\:hover\:text-brand-400:where(.dark, .dark *):hover {
      color: var(--color-brand-400);
    }
  }

  @media print {
    .print\:p-0 {
      padding: calc(var(--spacing) * 0);
    }
  }

  .\[\&_a\]\:text-fg-accent a {
    color: var(--color-fg-accent);
  }

  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }

  .\[\&_blockquote\]\:border-s-4 blockquote {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 4px;
  }

  .\[\&_blockquote\]\:border-line blockquote {
    border-color: var(--color-line);
  }

  .\[\&_blockquote\]\:ps-3 blockquote {
    padding-inline-start: calc(var(--spacing) * 3);
  }

  .\[\&_blockquote\]\:text-fg-muted blockquote {
    color: var(--color-fg-muted);
  }

  .\[\&_code\]\:rounded code {
    border-radius: .25rem;
  }

  .\[\&_code\]\:bg-surface-sunken code {
    background-color: var(--color-surface-sunken);
  }

  .\[\&_code\]\:px-1 code {
    padding-inline: calc(var(--spacing) * 1);
  }

  .\[\&_h1\]\:text-lg h1 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .\[\&_h1\]\:font-bold h1 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_h2\]\:text-base h2 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .\[\&_h2\]\:font-bold h2 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_h3\]\:font-semibold h3 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_img\]\:max-w-full img {
    max-width: 100%;
  }

  .\[\&_ol\]\:my-2 ol {
    margin-block: calc(var(--spacing) * 2);
  }

  .\[\&_ol\]\:list-decimal ol {
    list-style-type: decimal;
  }

  .\[\&_ol\]\:ps-6 ol {
    padding-inline-start: calc(var(--spacing) * 6);
  }

  .\[\&_p\]\:my-2 p {
    margin-block: calc(var(--spacing) * 2);
  }

  .\[\&_pre\]\:overflow-auto pre {
    overflow: auto;
  }

  .\[\&_pre\]\:rounded-lg pre {
    border-radius: var(--radius-lg);
  }

  .\[\&_pre\]\:bg-surface-sunken pre {
    background-color: var(--color-surface-sunken);
  }

  .\[\&_pre\]\:p-3 pre {
    padding: calc(var(--spacing) * 3);
  }

  .\[\&_table\]\:my-2 table {
    margin-block: calc(var(--spacing) * 2);
  }

  .\[\&_table\]\:w-full table {
    width: 100%;
  }

  .\[\&_td\]\:border td {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_td\]\:border-line td {
    border-color: var(--color-line);
  }

  .\[\&_td\]\:px-2 td {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_td\]\:py-1 td {
    padding-block: calc(var(--spacing) * 1);
  }

  .\[\&_th\]\:border th {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_th\]\:border-line th {
    border-color: var(--color-line);
  }

  .\[\&_th\]\:bg-surface-sunken th {
    background-color: var(--color-surface-sunken);
  }

  .\[\&_th\]\:px-2 th {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_th\]\:py-1 th {
    padding-block: calc(var(--spacing) * 1);
  }

  .\[\&_th\]\:text-start th {
    text-align: start;
  }

  .\[\&_ul\]\:my-2 ul {
    margin-block: calc(var(--spacing) * 2);
  }

  .\[\&_ul\]\:list-disc ul {
    list-style-type: disc;
  }

  .\[\&_ul\]\:ps-6 ul {
    padding-inline-start: calc(var(--spacing) * 6);
  }
}

:root {
  --ramp-neutral-0: oklch(99.11% 0 0);
  --ramp-neutral-50: oklch(96.42% .0041 271.369);
  --ramp-neutral-100: oklch(92.5% .0042 271.367);
  --ramp-neutral-200: oklch(86.96% .0059 264.53);
  --ramp-neutral-300: oklch(77.93% .0074 268.532);
  --ramp-neutral-400: oklch(67.96% .0077 268.518);
  --ramp-neutral-500: oklch(57.98% .0094 271.252);
  --ramp-neutral-600: oklch(48.1% .0088 260.728);
  --ramp-neutral-700: oklch(39% .0072 264.484);
  --ramp-neutral-800: oklch(30.97% .0073 274.737);
  --ramp-neutral-900: oklch(23.95% .0059 271.165);
  --ramp-neutral-1000: oklch(19.99% .0043 264.472);
  --ramp-indigo-50: oklch(96.55% .0149 260.73);
  --ramp-indigo-100: oklch(92.56% .0326 262.695);
  --ramp-indigo-200: oklch(87.12% .0597 264.197);
  --ramp-indigo-300: oklch(78.09% .1042 264.194);
  --ramp-indigo-400: oklch(68.09% .1591 264.302);
  --ramp-indigo-500: oklch(58.08% .2039 264.226);
  --ramp-indigo-600: oklch(48.04% .1721 264.335);
  --ramp-indigo-700: oklch(39% .1193 264.627);
  --ramp-indigo-800: oklch(31.1% .0704 264.118);
  --ramp-indigo-900: oklch(24.06% .0412 263.361);
  --ramp-orange-50: oklch(96.4% .0186 51.9761);
  --ramp-orange-100: oklch(92.52% .0385 53.3111);
  --ramp-orange-200: oklch(86.99% .0574 54.8241);
  --ramp-orange-300: oklch(78.06% .0953 53.7203);
  --ramp-orange-400: oklch(67.91% .1317 53.4494);
  --ramp-orange-500: oklch(57.94% .1379 53.5848);
  --ramp-orange-600: oklch(48.02% .1146 53.2782);
  --ramp-orange-700: oklch(38.94% .082 53.83);
  --ramp-orange-800: oklch(31.03% .0499 53.5484);
  --ramp-orange-900: oklch(24.11% .0285 56.447);
  --ramp-green-50: oklch(96.54% .0239 163.152);
  --ramp-green-100: oklch(92.62% .0332 162.26);
  --ramp-green-200: oklch(87.01% .0493 162.924);
  --ramp-green-300: oklch(77.94% .0817 162.721);
  --ramp-green-400: oklch(67.96% .1143 162.48);
  --ramp-green-500: oklch(58.07% .1198 162.52);
  --ramp-green-600: oklch(47.88% .0976 162.916);
  --ramp-green-700: oklch(39.07% .0721 161.841);
  --ramp-green-800: oklch(30.95% .0427 163.169);
  --ramp-green-900: oklch(23.99% .0246 163.698);
  --ramp-amber-50: oklch(96.46% .0233 69.6041);
  --ramp-amber-100: oklch(92.5% .0331 70.3289);
  --ramp-amber-200: oklch(86.96% .0492 69.1118);
  --ramp-amber-300: oklch(78.12% .0827 70.3607);
  --ramp-amber-400: oklch(68.03% .1138 69.969);
  --ramp-amber-500: oklch(57.98% .1186 70.3141);
  --ramp-amber-600: oklch(47.91% .0983 70.1715);
  --ramp-amber-700: oklch(39.1% .071 70.8166);
  --ramp-amber-800: oklch(30.88% .0427 69.4026);
  --ramp-amber-900: oklch(23.94% .025 68.8431);
  --ramp-red-50: oklch(96.56% .0154 27.2805);
  --ramp-red-100: oklch(92.51% .0349 26.5336);
  --ramp-red-200: oklch(86.98% .066 24.2769);
  --ramp-red-300: oklch(78.1% .1216 25.7141);
  --ramp-red-400: oklch(68.11% .1953 25.524);
  --ramp-red-500: oklch(57.96% .2101 25.4591);
  --ramp-red-600: oklch(48.03% .1763 25.3784);
  --ramp-red-700: oklch(38.93% .1222 25.4144);
  --ramp-red-800: oklch(30.95% .0732 25.8195);
  --ramp-red-900: oklch(23.95% .0409 25.3955);
  --ramp-teal-50: oklch(96.46% .0157 177.085);
  --ramp-teal-100: oklch(92.56% .0241 173.809);
  --ramp-teal-200: oklch(87% .0341 175.468);
  --ramp-teal-300: oklch(78.02% .0576 174.662);
  --ramp-teal-400: oklch(67.87% .0785 174.926);
  --ramp-teal-500: oklch(58.04% .0859 174.525);
  --ramp-teal-600: oklch(48.06% .072 174.502);
  --ramp-teal-700: oklch(39.04% .0503 173.981);
  --ramp-teal-800: oklch(30.9% .0291 174.423);
  --ramp-teal-900: oklch(24.03% .0166 176.219);
  --ramp-purple-50: oklch(96.38% .0196 305.268);
  --ramp-purple-100: oklch(92.61% .0425 305.13);
  --ramp-purple-200: oklch(86.9% .0761 304.598);
  --ramp-purple-300: oklch(78.01% .1319 304.976);
  --ramp-purple-400: oklch(68.1% .1929 305.102);
  --ramp-purple-500: oklch(58.03% .2074 305.077);
  --ramp-purple-600: oklch(48.01% .1734 304.899);
  --ramp-purple-700: oklch(39.03% .1203 304.479);
  --ramp-purple-800: oklch(30.94% .0745 304.961);
  --ramp-purple-900: oklch(24.04% .0414 305.38);
  --ramp-cyan-50: oklch(96.58% .0148 196.912);
  --ramp-cyan-100: oklch(92.56% .0212 200.43);
  --ramp-cyan-200: oklch(87.05% .0308 199.149);
  --ramp-cyan-300: oklch(78.03% .0514 199.3);
  --ramp-cyan-400: oklch(68.02% .0717 200.303);
  --ramp-cyan-500: oklch(57.98% .0767 199.834);
  --ramp-cyan-600: oklch(48.12% .0646 199.501);
  --ramp-cyan-700: oklch(38.89% .0443 199.864);
  --ramp-cyan-800: oklch(31.11% .0279 199.478);
  --ramp-cyan-900: oklch(24.16% .0155 196.172);
  --ramp-pink-50: oklch(96.4% .0201 345.681);
  --ramp-pink-100: oklch(92.57% .0451 345.616);
  --ramp-pink-200: oklch(87% .0787 345.11);
  --ramp-pink-300: oklch(78.08% .1286 345.287);
  --ramp-pink-400: oklch(68.11% .1782 345.224);
  --ramp-pink-500: oklch(57.91% .1926 344.769);
  --ramp-pink-600: oklch(47.96% .162 344.96);
  --ramp-pink-700: oklch(38.9% .1113 345.15);
  --ramp-pink-800: oklch(31.07% .0677 345.387);
  --ramp-pink-900: oklch(24.05% .0368 346.1);
  --color-background-base: var(--ramp-neutral-0);
  --color-background-sunken: var(--ramp-neutral-50);
  --color-background-sunkenStrong: var(--ramp-neutral-100);
  --color-background-raised: var(--ramp-neutral-0);
  --color-background-raisedHover: var(--ramp-neutral-50);
  --color-background-overlay: var(--ramp-neutral-0);
  --color-background-primary: var(--color-primary-base);
  --color-background-primaryHover: var(--ramp-indigo-700);
  --color-background-primarySubtle: var(--ramp-indigo-50);
  --color-background-accent: var(--ramp-orange-600);
  --color-background-accentSubtle: var(--ramp-orange-50);
  --color-background-success: var(--ramp-green-600);
  --color-background-successSubtle: var(--ramp-green-50);
  --color-background-warning: var(--ramp-amber-600);
  --color-background-warningSubtle: var(--ramp-amber-50);
  --color-background-critical: var(--ramp-red-600);
  --color-background-criticalSubtle: var(--ramp-red-50);
  --color-background-info: var(--ramp-indigo-600);
  --color-background-infoSubtle: var(--ramp-indigo-50);
  --color-background-decorative-teal: var(--ramp-teal-600);
  --color-background-decorative-tealSubtle: var(--ramp-teal-50);
  --color-background-decorative-purple: var(--ramp-purple-600);
  --color-background-decorative-purpleSubtle: var(--ramp-purple-50);
  --color-background-decorative-cyan: var(--ramp-cyan-600);
  --color-background-decorative-cyanSubtle: var(--ramp-cyan-50);
  --color-background-decorative-pink: var(--ramp-pink-600);
  --color-background-decorative-pinkSubtle: var(--ramp-pink-50);
  --color-background-gradientSoft: var(--ramp-neutral-0);
  --color-border-decorative-teal: var(--ramp-teal-600);
  --color-border-decorative-purple: var(--ramp-purple-600);
  --color-border-decorative-cyan: var(--ramp-cyan-600);
  --color-border-decorative-pink: var(--ramp-pink-600);
  --color-border-neutral: var(--ramp-neutral-100);
  --color-border-strong: var(--ramp-neutral-200);
  --color-border-primary: var(--color-primary-base);
  --color-border-accent: var(--ramp-orange-600);
  --color-border-success: var(--ramp-green-600);
  --color-border-warning: var(--ramp-amber-600);
  --color-border-critical: var(--ramp-red-600);
  --color-border-info: var(--ramp-indigo-600);
  --color-primary-base: oklch(52.76% .2249 263.922);
  --color-foreground-onBase: var(--ramp-neutral-900);
  --color-foreground-onBaseMuted: var(--ramp-neutral-600);
  --color-foreground-onBaseFaint: var(--ramp-neutral-500);
  --color-foreground-onRaised: var(--ramp-neutral-900);
  --color-foreground-onSunken: var(--ramp-neutral-900);
  --color-foreground-primary: var(--ramp-indigo-700);
  --color-foreground-accent: var(--ramp-orange-700);
  --color-foreground-success: var(--ramp-green-700);
  --color-foreground-warning: var(--ramp-amber-700);
  --color-foreground-critical: var(--ramp-red-700);
  --color-foreground-info: var(--ramp-indigo-700);
  --color-foreground-decorative-teal: var(--ramp-teal-700);
  --color-foreground-decorative-purple: var(--ramp-purple-700);
  --color-foreground-decorative-cyan: var(--ramp-cyan-700);
  --color-foreground-decorative-pink: var(--ramp-pink-700);
  --color-foreground-onPrimary: var(--ramp-neutral-0);
  --color-foreground-onAccent: var(--ramp-neutral-0);
  --color-foreground-onSuccess: var(--ramp-neutral-0);
  --color-foreground-onWarning: var(--ramp-neutral-0);
  --color-foreground-onCritical: var(--ramp-neutral-0);
  --color-foreground-onInfo: var(--ramp-neutral-0);
  --color-foreground-decorative-onTeal: var(--ramp-neutral-0);
  --color-foreground-decorative-onPurple: var(--ramp-neutral-0);
  --color-foreground-decorative-onCyan: var(--ramp-neutral-0);
  --color-foreground-decorative-onPink: var(--ramp-neutral-0);
  --color-foreground-onPrimarySubtle: var(--ramp-indigo-700);
  --color-foreground-onAccentSubtle: var(--ramp-orange-700);
  --color-foreground-onSuccessSubtle: var(--ramp-green-700);
  --color-foreground-onWarningSubtle: var(--ramp-amber-700);
  --color-foreground-onCriticalSubtle: var(--ramp-red-700);
  --color-foreground-onInfoSubtle: var(--ramp-indigo-700);
  --color-foreground-decorative-onTealSubtle: var(--ramp-teal-700);
  --color-foreground-decorative-onPurpleSubtle: var(--ramp-purple-700);
  --color-foreground-decorative-onCyanSubtle: var(--ramp-cyan-700);
  --color-foreground-decorative-onPinkSubtle: var(--ramp-pink-700);
  --color-foreground-onGradient: var(--ramp-neutral-0);
  --color-foreground-onGradientMuted: var(--ramp-neutral-100);
  --color-interactive-background-hover: oklch(39% .0072 264.484);
  --color-interactive-background-active: oklch(39% .0072 264.484);
  --color-chart-grid: var(--ramp-neutral-100);
  --color-chart-primary: var(--color-primary-base);
  --color-chart-primaryGradientStart: var(--color-primary-base);
  --color-chart-primaryGradientEnd: var(--color-primary-base);
  --gradient-primary: linear-gradient(135deg, var(--color-background-primary), var(--color-background-accent));
  --font-heading-family: var(--typography-font-family-heading);
  --font-heading-weight: var(--typography-weight-700);
  --font-heading-lineheight: 125%;
  --font-body-family: var(--typography-font-family-body);
  --font-body-weight-light: var(--typography-weight-400);
  --font-body-weight-regular: var(--typography-weight-500);
  --font-body-weight-medium: var(--typography-weight-500);
  --font-body-weight-bold: var(--typography-weight-700);
  --font-body-lineheight: 150%;
  --font-action-family: var(--typography-font-family-body);
  --font-action-weight: var(--typography-weight-500);
  --font-action-xs-lineheight: calc(140% / 120%);
  --font-action-sm-lineheight: calc(160% / 140%);
  --font-action-md-lineheight: 125%;
  --font-action-lg-lineheight: calc(240% / 180%);
  --font-field-family: var(--typography-font-family-body);
  --font-field-weight: var(--typography-weight-500);
  --font-field-xs-lineheight: calc(140% / 120%);
  --font-field-sm-lineheight: calc(160% / 140%);
  --font-field-md-lineheight: 125%;
  --font-field-lg-lineheight: calc(240% / 180%);
  --font-heading-xs-size: var(--typography-size-200);
  --font-heading-sm-size: var(--typography-size-225);
  --font-heading-md-size: var(--typography-size-300);
  --font-heading-lg-size: var(--typography-size-350);
  --font-heading-xl-size: var(--typography-size-400);
  --font-heading-2xl-size: var(--typography-size-500);
  --font-heading-3xl-size: var(--typography-size-600);
  --font-heading-4xl-size: var(--typography-size-800);
  --font-body-2xs-size: var(--typography-size-125);
  --font-body-xs-size: var(--typography-size-150);
  --font-body-sm-size: var(--typography-size-175);
  --font-body-md-size: var(--typography-size-200);
  --font-body-lg-size: var(--typography-size-225);
  --font-action-xs-size: var(--typography-size-150);
  --font-field-xs-size: var(--typography-size-150);
  --font-action-sm-size: var(--typography-size-175);
  --font-field-sm-size: var(--typography-size-175);
  --font-action-md-size: var(--typography-size-200);
  --font-field-md-size: var(--typography-size-200);
  --font-action-lg-size: var(--typography-size-225);
  --font-field-lg-size: var(--typography-size-225);
  --space-xs: var(--dimension-50);
  --space-sm: var(--dimension-100);
  --space-md: var(--dimension-150);
  --space-lg: var(--dimension-200);
  --space-xl: var(--dimension-300);
  --space-2xl: var(--dimension-400);
  --space-3xl: var(--dimension-500);
  --space-4xl: var(--dimension-600);
  --space-5xl: var(--dimension-800);
  --space-6xl: var(--dimension-1000);
  --typography-font-family-body: "IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;
  --typography-font-family-heading: "Outfit", system-ui, -apple-system, sans-serif;
  --typography-size-100: 8px;
  --typography-size-125: 10px;
  --typography-size-150: 12px;
  --typography-size-175: 14px;
  --typography-size-200: 16px;
  --typography-size-225: 18px;
  --typography-size-250: 20px;
  --typography-size-300: 24px;
  --typography-size-350: 28px;
  --typography-size-400: 32px;
  --typography-size-500: 40px;
  --typography-size-600: 48px;
  --typography-size-800: 64px;
  --typography-weight-400: 400;
  --typography-weight-500: 500;
  --typography-weight-600: 600;
  --typography-weight-700: 700;
  --dimension-0: 0px;
  --dimension-25: 2px;
  --dimension-50: 4px;
  --dimension-75: 6px;
  --dimension-100: 8px;
  --dimension-125: 10px;
  --dimension-150: 12px;
  --dimension-175: 14px;
  --dimension-200: 16px;
  --dimension-225: 18px;
  --dimension-250: 20px;
  --dimension-300: 24px;
  --dimension-350: 28px;
  --dimension-400: 32px;
  --dimension-500: 40px;
  --dimension-600: 48px;
  --dimension-800: 64px;
  --dimension-1000: 80px;
  --dimension-max: 999px;
  --shape-border-thin: .5px;
  --shape-border-regular: 1px;
  --shape-border-thick: 2px;
  --shape-ringOffset: var(--dimension-25);
  --shape-radius-max: var(--dimension-max);
  --shape-radius-container: var(--dimension-200);
  --shape-radius-action: var(--dimension-125);
  --shape-radius-field: var(--dimension-125);
  --shape-radius-subcontainer: var(--dimension-100);
  --shape-radius-badge: var(--dimension-100);
  --shape-radius-supercontainer: var(--dimension-300);
  --shadow-raised: 0 1px 3px #0f172a0f;
  --shadow-overlay: 0 10px 25px #0f172a1a, 0 4px 10px #0f172a0f;
  --state-opacity-active: .24;
  --state-opacity-disabled: .4;
  --state-opacity-hover: .12;
  --transition-swift-duration: .25s;
  --transition-swift-easing: cubic-bezier(.22, .61, .36, 1);
  --transition-gradual-duration: .5s;
  --transition-gradual-easing: cubic-bezier(.65, .05, .36, 1);
  --transition-theme: background-color var(--transition-gradual-duration) var(--transition-gradual-easing), border-color var(--transition-gradual-duration) var(--transition-gradual-easing), color var(--transition-gradual-duration) var(--transition-gradual-easing), border-radius var(--transition-gradual-duration) var(--transition-gradual-easing), padding var(--transition-gradual-duration) var(--transition-gradual-easing), gap var(--transition-gradual-duration) var(--transition-gradual-easing), box-shadow var(--transition-gradual-duration) var(--transition-gradual-easing);
  --transition-interactive: all var(--transition-swift-duration) var(--transition-swift-easing);
  --transition-chart: stroke var(--transition-gradual-duration) var(--transition-gradual-easing), fill var(--transition-gradual-duration) var(--transition-gradual-easing), opacity var(--transition-gradual-duration) var(--transition-gradual-easing);
  --color-chart-cat-1: var(--color-primary-base);
  --color-chart-cat-2: var(--ramp-amber-500);
  --color-chart-cat-3: var(--ramp-green-600);
  --color-chart-cat-4: var(--ramp-red-500);
  --color-chart-cat-5: var(--ramp-purple-500);
  --color-chart-cat-6: var(--ramp-cyan-500);
  --color-chart-cat-7: var(--ramp-orange-500);
  --color-chart-cat-8: var(--ramp-neutral-500);
  --color-chart-cat-1-soft: var(--ramp-indigo-300);
  --color-chart-cat-2-soft: var(--ramp-amber-300);
}

.dark {
  --color-primary-base: oklch(52.76% .2176 264.489);
  --color-background-base: oklch(22.08% .005 248.053);
  --color-background-sunken: oklch(18.15% .0026 247.971);
  --color-background-sunkenStrong: oklch(12.91% .0026 286.028);
  --color-background-raised: oklch(26.88% .0057 271.2);
  --color-background-raisedHover: oklch(32.95% .0071 274.76);
  --color-background-overlay: oklch(26.88% .0057 271.2);
  --color-background-primaryHover: oklch(72% .1366 264.295);
  --color-background-primarySubtle: oklch(30.08% .0374 262.862);
  --color-background-accent: oklch(63.02% .1507 53.7554);
  --color-background-accentSubtle: oklch(29.91% .033 52.5012);
  --color-background-success: oklch(63.02% .1301 162.291);
  --color-background-successSubtle: oklch(29.82% .0288 162.278);
  --color-background-warning: oklch(62.97% .129 69.8878);
  --color-background-warningSubtle: oklch(29.88% .0283 68.649);
  --color-background-critical: oklch(62.97% .2069 25.4158);
  --color-background-criticalSubtle: oklch(30.12% .0448 26.3987);
  --color-background-info: oklch(62.95% .1759 264.46);
  --color-background-infoSubtle: oklch(30.08% .0374 262.862);
  --color-border-neutral: oklch(32.95% .0071 274.76);
  --color-border-strong: oklch(40.03% .0078 255.533);
  --color-border-accent: oklch(63.02% .1507 53.7554);
  --color-border-success: oklch(63.02% .1301 162.291);
  --color-border-warning: oklch(62.97% .129 69.8878);
  --color-border-critical: oklch(62.97% .2069 25.4158);
  --color-border-info: oklch(62.95% .1759 264.46);
  --color-foreground-onBase: oklch(87.96% .0056 274.957);
  --color-foreground-onBaseMuted: oklch(64.91% .0082 260.731);
  --color-foreground-onBaseFaint: oklch(55.92% .0095 271.245);
  --color-foreground-onRaised: oklch(87.96% .0056 274.957);
  --color-foreground-onSunken: oklch(76.98% .0074 268.53);
  --color-foreground-primary: oklch(72% .1366 264.295);
  --color-foreground-accent: oklch(71.99% .146 53.3996);
  --color-foreground-success: oklch(72% .1264 162.617);
  --color-foreground-warning: oklch(71.88% .1254 69.8462);
  --color-foreground-critical: oklch(71.98% .1654 25.0892);
  --color-foreground-info: oklch(72% .1366 264.295);
  --color-foreground-onPrimary: oklch(94.92% .0042 271.368);
  --color-foreground-onAccent: oklch(12.91% .0026 286.028);
  --color-foreground-onSuccess: oklch(12.91% .0026 286.028);
  --color-foreground-onWarning: oklch(12.91% .0026 286.028);
  --color-foreground-onCritical: oklch(12.91% .0026 286.028);
  --color-foreground-onInfo: oklch(12.91% .0026 286.028);
  --color-foreground-onPrimarySubtle: oklch(72% .1366 264.295);
  --color-foreground-onAccentSubtle: oklch(71.99% .146 53.3996);
  --color-foreground-onSuccessSubtle: oklch(72% .1264 162.617);
  --color-foreground-onWarningSubtle: oklch(71.88% .1254 69.8462);
  --color-foreground-onCriticalSubtle: oklch(71.98% .1654 25.0892);
  --color-foreground-onInfoSubtle: oklch(72% .1366 264.295);
  --color-chart-grid: oklch(32.95% .0071 274.76);
  --color-chart-cat-1-soft: oklch(81.08% .0897 264.177);
  --color-chart-cat-2-soft: oklch(80.93% .0969 70.2892);
  --shadow-raised: 0 1px 3px #0000001a;
  --shadow-overlay: 0 10px 25px #00000073, 0 4px 10px #00000040;
}

html[lang="en"] {
  --font-sans: "Inter", "IBM Plex Sans Arabic", ui-sans-serif, system-ui, sans-serif;
}

.ltr-island {
  font-variant-numeric: tabular-nums;
  direction: ltr;
  unicode-bidi: isolate;
}

.ltr-field, .ltr-field input {
  text-align: left;
  direction: ltr;
}

@media print {
  .no-print {
    display: none !important;
  }

  body {
    background: #fff !important;
  }
}

@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-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-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 pulse {
  50% {
    opacity: .5;
  }
}
/* global reset from live app-core.css */
*,:before,:after{box-sizing:border-box}

/* Bespoke auth/layout classes ported verbatim from the live app-core.css
   oracle (mirror/app/css/app-core.css). antd component styling comes from antd
   via ConfigProvider; these are the custom .login-*/.social-*/.create-account
   /.forgot-password rules. */

.login-tools-wrapper{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;min-height:100vh;padding:32px 0 32px 32px;display:flex}

.login-tools-card{flex-direction:column;align-items:center;width:100%;max-width:1250px;display:flex}

.login-tools-visual{border-radius:24px 0 0;width:100%;height:73dvh;position:relative;overflow:hidden}

.login-tools-slide{opacity:0;pointer-events:none;z-index:1;transition:opacity .5s ease-in-out;position:absolute;inset:0}

.login-tools-slide.active{opacity:1;pointer-events:auto;z-index:2}

.login-tools-image{object-fit:cover;object-position:top;width:100%;height:100%}

.login-tools-visual:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(#f9fbff00 0%,#f9fbff 100%);height:180px;position:absolute;bottom:0;left:0;right:0}

.login-tools-dots{justify-content:center;align-items:center;gap:4px;margin-top:24px;display:flex}

.login-tools-dot{cursor:pointer;appearance:none;background:#225aea26;border:none;border-radius:999px;outline:none;width:16px;height:4px;padding:0;transition:background .25s}

.login-tools-dot.active{background:#225aea}

.login-tools-dot:focus-visible{outline:2px solid #225aea66}

.login-tools-content{text-align:center;max-width:560px;margin-top:45px}

.login-tools-title{letter-spacing:-.8px;text-align:center;color:#151e3a;margin:0 0 12px;font-size:20px;font-weight:600;line-height:24px}

.login-tools-subtitle{letter-spacing:-.1px;text-align:center;color:#707ba0;max-width:500px;font-size:14px;font-weight:400;line-height:140%}

.login-trustpilot-wrapper{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding-top:24px;display:flex}

.login-trustpilot-wrapper .login-trustpilot-stats{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;max-width:320px;display:flex}

.login-trustpilot-wrapper .trustpilot-icon{justify-content:center;align-items:center;display:flex}

.login-trustpilot-wrapper .trustpilot-rating-stars{width:176px;height:32px;display:inline-block;position:relative}

.login-trustpilot-wrapper .trustpilot-rating-stars .rating-block__base,.login-trustpilot-wrapper .trustpilot-rating-stars .rating-block__fill{grid-template-columns:repeat(5,32px);gap:4px;display:grid;position:absolute;inset:0}

.login-trustpilot-wrapper .trustpilot-rating-stars .rating-block__fill{overflow:hidden}

.login-trustpilot-wrapper .trustpilot-rating-stars .rating-block__cell{justify-content:center;align-items:center;display:flex}

.login-trustpilot-wrapper .trustpilot-rating-stars .rating-block__cell--empty{color:#fff;background:#5c5c5c}

.login-trustpilot-wrapper .trustpilot-rating-stars .rating-block__cell--filled{color:#fff;background:#00b67a}

.login-trustpilot-wrapper .trustpilot-rating-stars--small{width:136px;height:24px}

.login-trustpilot-wrapper .trustpilot-rating-stars--small .rating-block__base,.login-trustpilot-wrapper .trustpilot-rating-stars--small .rating-block__fill{grid-template-columns:repeat(5,24px)}

.login-trustpilot-wrapper .trustpilot-rating-stats{letter-spacing:-.3px;color:#000;justify-content:center;align-items:center;gap:4px;font-size:14px;font-weight:500;line-height:140%;display:flex}

.login-trustpilot-wrapper .trustpilot-comment{letter-spacing:-.1px;text-align:center;color:#434c69;max-width:320px;margin-top:16px;font-size:12px;font-weight:400;line-height:16px}

.login-trustpilot-wrapper .trustpilot-divider{width:592px;max-width:calc(100% - 96px)}

.login-trustpilot-wrapper .trustpilot-divider .ant-divider{border-color:#e2e6f3;border-top-width:1.5px;margin:64px 0}

.login-trustpilot-wrapper .trustpilot-slider-section{width:100%;padding-bottom:16px;position:relative}

.login-trustpilot-wrapper .trustpilot-slider-window{box-sizing:border-box;width:100%;padding:8px 0 16px;overflow:hidden}

.login-trustpilot-wrapper .trustpilot-slider-track{will-change:transform;backface-visibility:hidden;gap:16px;display:flex;transform:translateZ(0)}

.login-trustpilot-wrapper .trustpilot-slide{opacity:.38;flex:0 0 528px;width:528px;min-width:528px;max-width:528px}

.login-trustpilot-wrapper .trustpilot-slide.is-active{opacity:1}

.login-trustpilot-wrapper .trustpilot-review-card{box-sizing:border-box;background:#fff;border:1px solid #e2e6f3;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;height:236px;padding:24px;display:flex;box-shadow:0 4px 18px #1018280f}

.login-trustpilot-wrapper .trustpilot-review-content{color:#151e3a;letter-spacing:-.3px;-webkit-line-clamp:5;word-break:break-word;-webkit-box-orient:vertical;font-size:14px;font-weight:500;line-height:140%;display:-webkit-box;overflow:hidden}

.login-trustpilot-wrapper .trustpilot-review-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}

.login-trustpilot-wrapper .trustpilot-review-author{flex:1;align-items:center;gap:12px;min-width:0;display:flex}

.login-trustpilot-wrapper .trustpilot-review-avatar{flex-shrink:0}

.login-trustpilot-wrapper .trustpilot-review-avatar>img{object-fit:none}

.login-trustpilot-wrapper .trustpilot-review-avatar-fallback{color:#fff;background:#00b67a;font-weight:600}

.login-trustpilot-wrapper .trustpilot-review-author-info{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;display:flex}

.login-trustpilot-wrapper .trustpilot-review-author-name{color:#151e3a;letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;line-height:20px;overflow:hidden}

.login-trustpilot-wrapper .trustpilot-review-author-subtitle{color:#707ba0;letter-spacing:-.1px;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;line-height:16px;overflow:hidden}

.login-trustpilot-wrapper .trustpilot-review-stars{flex-shrink:0;align-items:center;gap:2px;display:flex}

.login-trustpilot-wrapper .trustpilot-review-star{color:#fff;background:#c5cce3;justify-content:center;align-items:center;width:28px;height:28px;font-size:17px;font-weight:700;line-height:1;display:flex}

.login-trustpilot-wrapper .trustpilot-review-star.filled{background:#16895a}

.login-trustpilot-wrapper .trustpilot-dots{justify-content:center;align-items:center;gap:8px;margin-top:18px;display:flex}

.login-trustpilot-wrapper .trustpilot-dot{cursor:pointer;background:#e2e6f3;border:none;border-radius:999px;width:18px;height:6px;padding:0}

.login-trustpilot-wrapper .trustpilot-dot.active{background:#225aea}

.login-trustpilot-wrapper .trustpilot-slide{opacity:1}

.login-trustpilot-wrapper .trustpilot-slider-window{padding-left:16px;padding-right:16px}

.login-trustpilot-wrapper .trustpilot-slide{flex:0 0 calc(100% - 32px);width:calc(100% - 32px);min-width:calc(100% - 32px);max-width:calc(100% - 32px)}

.login-trustpilot-wrapper .trustpilot-review-card{border-radius:20px;height:auto;min-height:236px;padding:20px}

.login-trustpilot-wrapper .trustpilot-review-footer{flex-direction:column;align-items:flex-start;gap:14px}

section.ant-layout:has(.login-content){height:100dvh}

.login-content{background:#fff;flex-direction:column;justify-content:flex-start;align-items:center;width:50%;height:100%;padding:32px 0;font-family:var(--font-sans);display:flex;overflow-y:auto}

.login-content.success{justify-content:center;align-items:center;width:100%}

.login-content.success .content-title{width:450px;padding-top:24px}

.login-content.success .content-title>h2{text-align:center;background:#fff;margin-bottom:12px}

.login-content.success .content-title>div{white-space:pre-wrap;font-size:16px}

.login-content.success .content-title.animation h2{letter-spacing:-.69px;color:#225aea;font-size:32px;line-height:48px}

.login-content.success .page-content{flex-direction:column;height:auto;min-height:240px;display:flex}

.login-content.success .page-content>img,.login-content.success .page-content video{max-width:100%;height:57vh;max-height:468px;margin:62px auto}

.login-content.success .page-content .ant-btn{width:390px;min-height:48px}

.login-content.success_first-time{background:#fff}

.login-content.success_first-time .content-title>h2{text-align:center;background:#fff;margin-bottom:12px}

.login-content.success_first-time .content-title>div{white-space:pre-wrap;text-align:center;font-size:16px;line-height:24px}

.login-content.success_first-time .page-content>img,.login-content.success_first-time .page-content video{margin:auto}

.login-content.success_first-time .page-content .ant-btn{width:390px;margin:0 auto}

.login-content .login-content-wrap{flex-direction:column;width:464px;height:100%;display:flex}

.login-content .login-logo-wrapper{text-align:flex-start}

.login-content .login-logo-wrapper .login-logo{width:36px;height:36px}

.login-content .login-card-wrapper{margin-top:116px}

.login-content .login-card-wrapper .login-card{width:100%}

.login-content .login-card-wrapper .login-card .code-block{margin:24px auto;width:100%!important}

.login-content .login-card-wrapper .login-card .code-block>div{justify-content:space-between;align-items:center;display:flex;width:100%!important}

.login-content .login-card-wrapper .login-card .code-block>div input{color:#151e3a;caret-color:#151e3a;background:#fff;border:1px solid #e2e6f3;border-radius:10px;justify-content:space-between;align-items:center;width:40px;height:40px;padding:6px 12px;font-family:var(--font-sans);font-size:14px;font-style:normal;font-weight:500;display:flex}

.login-content .login-card-wrapper .login-card .code-block>div input.error{border:1px solid #d71313}

.login-content .login-card-wrapper .login-card .code-block>div input:focus,.login-content .login-card-wrapper .login-card .code-block>div input:active{border:1px solid #225aea}

.login-content .login-card-wrapper .login-card .error-text.error-text-restore{position:relative;top:-8px}

.login-content .login-card-wrapper .login-card .error-text span{color:#d71313;font-size:14px;font-style:normal;font-weight:500;line-height:20px}

.login-content .login-card-wrapper .login-card .error-text.red span{color:#d71313}

.login-content .login-card-wrapper .login-card .error-text.yellow span{color:#f6b60e}

.login-content .login-card-wrapper .login-card .error-text.green span{color:#16895a}

.login-content .login-card-wrapper .login-card .error-text.orange span{color:#df7009}

.login-content .login-card-wrapper .login-card .resend-code{text-align:center;margin-top:18px}

.login-content .login-card-wrapper .login-card .resend-code .resend-timer{justify-content:center;align-items:center;width:100%;display:flex}

.login-content .login-card-wrapper .login-card .resend-code .resend-timer .ant-statistic{margin-right:5px}

.login-content .login-card-wrapper .login-card .resend-code .resend-timer .ant-statistic-content{align-items:center;display:flex}

.login-content .login-card-wrapper .login-card .resend-code .resend-timer span{color:#434c69;font-family:var(--font-sans);font-size:14px;font-style:normal;font-weight:500;line-height:20px}

.login-content .login-card-wrapper .login-card .resend-code .text{cursor:pointer;color:#434c69}

.login-content .login-card-wrapper .login-card .resend-code .text .marked-text{color:#225aea}

.login-content .login-card-wrapper .login-card .verify-btn-block{flex-direction:column;align-items:center;gap:12px;margin-top:18px;display:flex}

.login-content .login-card-wrapper .login-card .verify-btn-block button{cursor:pointer;background:#225aea;border-radius:10px;width:100%;min-height:40px;margin:0;transition:all .3s;box-shadow:inset 0 -1px 2px #1448cb7a,0 0 0 1px #225aea29,0 8px 16px -8px #225aeaa3,0 4px 4px #0000000f}

.login-content .login-card-wrapper .login-card .verify-btn-block button:hover,.login-content .login-card-wrapper .login-card .verify-btn-block button:focus,.login-content .login-card-wrapper .login-card .verify-btn-block button:active{background:#1448cb}

.login-content .login-card-wrapper .login-card .verify-btn-block button[disabled]{cursor:not-allowed;color:#c5cce3!important;box-shadow:none!important;background:#f2f3f8!important}

.login-content .login-card-wrapper .login-card .verify-btn-block .gmail{cursor:pointer;color:#151e3a;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;margin:0;font-family:var(--font-sans);font-size:14px;font-style:normal;font-weight:500;line-height:20px;transition:all .3s;display:flex;box-shadow:inset 0 -1px 2px #f2f3f87a,0 0 0 1px #c5cce373,0 4px 4px #151e3a0a}

.login-content .login-card-wrapper .login-card .verify-btn-block .gmail:hover,.login-content .login-card-wrapper .login-card .verify-btn-block .gmail:focus,.login-content .login-card-wrapper .login-card .verify-btn-block .gmail:active{background:#f9f9fc}

.login-content .login-card-wrapper .login-card-title{font-size:20px;font-style:normal;letter-spacing:-.8px;color:#151e3a;text-align:left;font-weight:600;line-height:24px}

.login-content .login-card-wrapper .login-card-subtitle{color:#707ba0;letter-spacing:-.1px;text-align:left;margin-top:12px;font-size:14px;font-style:normal;font-weight:400;line-height:140%}

.login-content .login-card-wrapper .login-card .social-btn-block-login{align-items:center;gap:12px;margin-top:24px;display:flex}

.login-content .login-card-wrapper .login-card .social-btn-block-login .social-btn-login{color:#151e3a;cursor:pointer;background:#fff;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;height:36px;padding:6px 12px;font-family:var(--font-sans);font-size:14px;font-style:normal;font-weight:500;line-height:20px;transition:all .3s;display:flex;box-shadow:inset 0 -1px 2px #f2f3f87a,0 0 0 1px #c5cce373,0 4px 4px #151e3a0a}

.login-content .login-card-wrapper .login-card .social-btn-block-login .social-btn-login:hover,.login-content .login-card-wrapper .login-card .social-btn-block-login .social-btn-login:focus,.login-content .login-card-wrapper .login-card .social-btn-block-login .social-btn-login:active{background:#f9f9fc}

.login-content .login-card-wrapper .login-card .social-btn-block-login .social-btn-login[disabled]{cursor:not-allowed;color:#c5cce3!important;box-shadow:none!important;background:#f2f3f8!important}

.login-content .login-card-wrapper .login-card .social-btn-block-login .social-btn-login--apple span{margin-top:2px}

.login-content .login-card-wrapper .login-card .social-btn-block-login .social-btn-login .social-btn-login-icon{width:20px;height:20px}

.login-content .login-card-wrapper .login-card .social-btn-block-login .social-btn-login .label-auth-last-method{letter-spacing:-.1px;color:#1448cb;background-color:#f2f6ff;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:500;line-height:16px;position:absolute;top:-10px;right:-8px}

.login-content .login-card-wrapper .login-card .login-card-divider{justify-content:center;align-items:center;gap:8px;margin:24px auto;display:flex}

.login-content .login-card-wrapper .login-card .login-card-divider span{color:#434c69;font-size:12px;font-style:normal;font-weight:500;line-height:16px}

.login-content .login-card-wrapper .login-card .login-card-divider span .label-auth-last-method{letter-spacing:-.1px;color:#1448cb;background-color:#f2f6ff;border-radius:6px;margin-left:8px;padding:2px 6px;font-size:12px;font-weight:500;line-height:16px}

.login-content .login-card-wrapper .login-card .login-card-divider div{background:#e2e6f3;flex:1;height:1px}

.login-content .login-card-wrapper .login-card .login-form.restore:has(.restore-password-input+.error-text:not(.error-text_empty)) .login-form-submit{margin-top:8px}

.login-content .login-card-wrapper .login-card .login-form:has(.login-form-password+.field-helper) .login-form-submit{margin-top:8px}

.login-content .login-card-wrapper .login-card .login-form .field-helper{letter-spacing:-.3px;font-size:14px;font-style:normal;font-weight:500;line-height:20px;position:relative;top:-8px}

.login-content .login-card-wrapper .login-card .login-form input{height:40px;box-shadow:none;background:#fff;border:1px solid #e2e6f3;border-radius:10px;padding:6px 12px;font-size:14px;font-style:normal;font-weight:500;transition:all .3s;caret-color:#151e3a!important}

.login-content .login-card-wrapper .login-card .login-form input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 50px #fff!important}

.login-content .login-card-wrapper .login-card .login-form input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 50px #fff!important}

.login-content .login-card-wrapper .login-card .login-form input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 50px #fff!important}

.login-content .login-card-wrapper .login-card .login-form input:-webkit-autofill:active{-webkit-box-shadow:inset 0 0 0 50px #fff!important}

.login-content .login-card-wrapper .login-card .login-form input:hover,.login-content .login-card-wrapper .login-card .login-form input:focus,.login-content .login-card-wrapper .login-card .login-form input:active{border:1px solid #225aea}

.login-content .login-card-wrapper .login-card .login-form input.ant-input-status-error{border:1px solid #d71313}

.login-content .login-card-wrapper .login-card .login-form .ant-input-affix-wrapper{box-shadow:none;border:1px solid #e2e6f3;border-radius:10px;padding:0;transition:all .3s}

.login-content .login-card-wrapper .login-card .login-form .ant-input-affix-wrapper:hover,.login-content .login-card-wrapper .login-card .login-form .ant-input-affix-wrapper:focus,.login-content .login-card-wrapper .login-card .login-form .ant-input-affix-wrapper:active,.login-content .login-card-wrapper .login-card .login-form .ant-input-affix-wrapper:focus-within{border:1px solid #225aea}

.login-content .login-card-wrapper .login-card .login-form .ant-input-affix-wrapper-status-error,.login-content .login-card-wrapper .login-card .login-form .ant-input-affix-wrapper-status-error:focus,.login-content .login-card-wrapper .login-card .login-form .ant-input-affix-wrapper-status-error:hover,.login-content .login-card-wrapper .login-card .login-form .ant-input-affix-wrapper-status-error:focus-within{border:1px solid #d71313}

.login-content .login-card-wrapper .login-card .login-form .ant-input-affix-wrapper .ant-input-suffix{padding:6px 12px 6px 0}

.login-content .login-card-wrapper .login-card .login-form .ant-input-affix-wrapper .ant-input-suffix svg{width:20px;height:20px}

.login-content .login-card-wrapper .login-card .login-form .ant-input-affix-wrapper input{border:none;border-radius:10px 0 0 10px}

.login-content .login-card-wrapper .login-card .login-form-submit{cursor:pointer;background:#225aea;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;margin-top:24px;transition:background .3s;display:flex;box-shadow:inset 0 -1px 2px #1448cb7a,0 0 0 1px #225aea29,0 8px 16px -8px #225aeaa3,0 4px 4px #0000000f;color:#fff!important}

.login-content .login-card-wrapper .login-card .login-form-submit:hover,.login-content .login-card-wrapper .login-card .login-form-submit:focus,.login-content .login-card-wrapper .login-card .login-form-submit:active{background:#1448cb}

.login-content .login-card-wrapper .login-card .login-form-submit[disabled]{cursor:not-allowed;color:#c5cce3!important;box-shadow:none!important;background:#f2f3f8!important}

.login-content .terms{text-align:center;color:#a1aac8;margin-top:auto;padding:0 24px;font-size:12px;font-style:normal;font-weight:500;line-height:16px}

.login-content .terms a{color:#225aea;margin:0 3px;transition:all .3s}

.login-content .terms a:hover,.login-content .terms a:focus,.login-content .terms a:active{cursor:pointer;color:#1448cb;text-decoration:underline}

.login-content .forgot-password{color:#225aea;justify-content:flex-start;align-items:center;margin-top:8px;font-size:14px;font-style:normal;font-weight:500;line-height:20px;display:flex}

.login-content .create-account{color:#434c69;letter-spacing:-.3px;text-align:center;margin-top:22px;font-size:14px;font-style:normal;font-weight:500;line-height:140%}

.login-content .create-account a{color:#225aea;cursor:pointer;transition:all .3s}

.login-content .create-account a:hover,.login-content .create-account a:focus,.login-content .create-account a:active{color:#1448cb}

.login-content .remember-password{color:#434c69;text-align:center;margin-top:24px;font-size:14px;font-style:normal;font-weight:500}

.login-content .remember-password.verify-code-page{margin-top:auto}

.login-content .remember-password a{color:#225aea;transition:all .3s}

.login-content .remember-password a:hover,.login-content .remember-password a:focus,.login-content .remember-password a:active{color:#1448cb}

.login-wrapper{flex-direction:row;justify-content:space-between;align-items:center;height:100%;display:flex}

.login-wrapper .login-slider{background:#f9fbff;flex-direction:column;justify-content:flex-start;align-items:center;width:50%;height:100%;padding-top:140px;font-family:var(--font-sans);display:flex;overflow-y:auto}

.login-wrapper .login-slider.slider-tools{padding-top:0}

.login-wrapper .login-slider .ant-spin-nested-loading{overflow-y:auto}

/* full-height root so .login-wrapper{height:100%} fills the viewport */
html, body, #root { height: 100%; margin: 0; }

/* Sign-up terms footer (live app-core.css) */
.login-content .terms{text-align:center;color:#a1aac8;margin-top:auto;padding:0 24px;font-size:12px;font-style:normal;font-weight:500;line-height:16px}
.login-content .terms a{color:#225aea;margin:0 3px;transition:all .3s}
.login-content .terms a:hover,.login-content .terms a:focus,.login-content .terms a:active{cursor:pointer;color:#1448cb;text-decoration:underline}


/* ============================================================
   APP SHELL — Layout + Sider + header + page-header parity.
   Rules lifted from mirror/app/css (app-core.css / app-components.css);
   theme-light variants only (the wrapper is hardcoded theme-light).
   ============================================================ */
.main-sidebar{width:72px;min-height:100vh;z-index:40;flex-flow:column;justify-content:stretch;min-height:-webkit-fill-available;transition:width .3s;display:flex;position:fixed;top:0;left:0}
.main-sidebar_wrap{padding:24px 16px 0}
.main-sidebar.big-sidebar{scrollbar-width:thin;scrollbar-color:#c5cce3 transparent;justify-content:space-between;width:272px;max-height:500px;overflow-y:auto!important}
.main-sidebar>*{height:100%;transition:all .3s;position:relative;left:0}
.theme-light .main-sidebar{background:#f9fbff;border-right:1px solid #e2e6f3}
.main-sidebar.big-sidebar .main-sidebar-header{flex-direction:row;justify-content:space-between;width:100%}
.main-sidebar.big-sidebar .main-sidebar-header>svg{flex-shrink:0}
.main-sidebar-header{flex-direction:column;align-items:center;gap:17px;width:100%;margin-bottom:24px;display:flex}
.main-sidebar-header-btn{cursor:pointer;transition:all .3s}
.main-sidebar-header-btn path{transition:all .3s}
.theme-light .main-sidebar-header-btn:hover path{stroke:#225aea}
.main-sidebar .ant-collapse-header{padding:0!important}
.main-sidebar .ant-collapse-header-text{width:100%;margin:0}
.main-sidebar .ant-collapse-content-box{padding:0!important;transition:height .3s!important}
.main-sidebar .ant-collapse-content{overflow:visible!important}
.main-sidebar .ant-collapse-item{border-bottom:none!important}
.main-sidebar.big-sidebar .sidebar-link{height:36px;padding:8px}
.main-sidebar.big-sidebar .sidebar-link_icon{width:20px;margin-right:8px}
.main-sidebar .sidebar-link-text .sidebar-link-text-wrapper{align-items:center;gap:12px;display:flex}
.main-sidebar .sidebar-link-text .dashboard-page-block-title-tag{position:unset}
.main-sidebar .sidebar-link{letter-spacing:-.3px;border-radius:10px;justify-content:flex-start;align-items:center;width:calc(100% - 2px);margin:1px;padding:10px;font-family:var(--font-sans);font-size:14px;font-style:normal;font-weight:500;line-height:20px;transition:all .3s;display:flex;position:relative}
.theme-light .main-sidebar .sidebar-link{color:#434c69}
.main-sidebar .sidebar-link-text{white-space:nowrap;flex:1;justify-content:space-between;align-items:center;display:flex;overflow:hidden}
.main-sidebar .sidebar-link>svg{flex-shrink:0}
.theme-light .main-sidebar .sidebar-link:not(.active):hover{background:#f2f6ff}
.theme-light .main-sidebar .sidebar-link.active:not(.sidebar-dropdown-link-main),.theme-light .main-sidebar .sidebar-link.sidebar-dropdown-link-main-selected:not(.sidebar-dropdown-link-main){color:#151e3a;background:#fff;box-shadow:inset 0 -1px 2px #f2f3f87a,0 0 0 1px #c5cce373,0 4px 4px #151e3a0a}
.main-sidebar .sidebar-link_icon{margin-right:0}
.main-sidebar .sidebar-link.sidebar-dropdown-link{justify-content:flex-start;align-items:center;margin-left:28px;display:flex;width:unset!important}
.main-sidebar .sidebar-link.sidebar-dropdown-link:last-child{margin-bottom:4px}
.main-sidebar .sidebar-link.sidebar-dropdown-link .sidebar-link-text-wrapper{align-items:center;gap:12px;display:flex}
.main-sidebar_bottom{margin-top:auto;padding:20px 16px 16px}
.main-sidebar .main-sidebar-free-button{letter-spacing:-.3px;border:none;border-radius:8px;align-items:center;justify-content:center;gap:8px;width:100%;height:40px;padding:4px 15px;margin-top:16px;font-family:var(--font-sans);font-size:14px;font-style:normal;font-weight:500;line-height:20px;transition:all .3s;display:flex}
.theme-light .main-sidebar .main-sidebar-free-button{color:#151e3a;background:#fff;box-shadow:inset 0 -1px 2px #f2f3f87a,0 0 0 1px #c5cce373,0 4px 4px #151e3a0a}
.theme-light .main-sidebar .main-sidebar-free-button:hover,.theme-light .main-sidebar .main-sidebar-free-button:focus,.theme-light .main-sidebar .main-sidebar-free-button:active{background:#f9f9fc}
.main-sidebar .main-sidebar-free-button span{align-items:center;gap:4px;display:flex}
.sidebar-link-arrow{justify-content:center;align-items:center;display:flex}
.sidebar-link-arrow svg{transition:transform .3s}
.sidebar-dropdown-link-main.rotated .sidebar-link-arrow svg{transform:rotate(180deg)}
.sidebar-dropdown-link-main.rotated .sidebar-link-arrow svg path,.sidebar-dropdown-link-main .sidebar-link-arrow svg path:hover,.sidebar-dropdown-link-main .sidebar-link-arrow svg path:focus,.sidebar-dropdown-link-main .sidebar-link-arrow svg path:active{stroke:#225aea}
.group-dropdown-wrapper{flex-direction:column;display:flex}
.group-dropdown-wrapper .sidebar-group-dropdown{padding-top:24px}
.group-dropdown-wrapper .sidebar-group-dropdown .sidebar-group-header{cursor:pointer;align-items:center;gap:8px;width:100%;padding:4px 8px;transition:all .3s;display:flex}
.theme-light .group-dropdown-wrapper .sidebar-group-dropdown .sidebar-group-header{color:#a1aac8}
.theme-light .group-dropdown-wrapper .sidebar-group-dropdown .sidebar-group-header:hover{color:#434c69!important}
.theme-light .group-dropdown-wrapper .sidebar-group-dropdown .sidebar-group-header:hover svg path{fill:#434c69}
.group-dropdown-wrapper .sidebar-group-dropdown .sidebar-group-header .sidebar-dropdown-arrow{align-items:center;transition:transform .3s;display:flex;transform:rotate(-90deg)}
.group-dropdown-wrapper .sidebar-group-dropdown .sidebar-group-header .sidebar-dropdown-arrow.rotated{transform:rotate(0)}
.group-dropdown-wrapper .sidebar-group-dropdown .sidebar-group-header-text{text-wrap:nowrap}
.group-dropdown-wrapper .sidebar-group-dropdown .sidebar-group-dropdown-children{opacity:0;pointer-events:none;max-height:0;transition:max-height .3s,opacity .3s;overflow:hidden}
.group-dropdown-wrapper .sidebar-group-dropdown .sidebar-group-dropdown.open .sidebar-group-dropdown-children{opacity:1;pointer-events:all;max-height:500px}
.user-dropdown{position:relative}
.user-dropdown-outer{cursor:pointer;width:100%;display:flex}
.user-dropdown-outer.ant-dropdown-open .user-dropdown-outer-info-wrapper svg{transform:rotate(180deg)}
.user-dropdown-outer:has(.user-dropdown-outer-icon){justify-content:center;align-items:center;width:40px}
.user-dropdown-outer-info{letter-spacing:-.3px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;font-family:var(--font-sans);font-size:14px;font-style:normal;font-weight:500;line-height:20px;display:flex}
.user-dropdown-outer-info-wrapper{justify-content:space-between;align-items:center;width:100%;display:flex}
.user-dropdown-outer-info-wrapper svg{transition:all .3s}
.theme-light .user-dropdown-outer-info-wrapper svg path{stroke:#434c69}
.user-dropdown-outer-info-email{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}
.theme-light .user-dropdown-outer-info-email{color:#707ba0}
.user-dropdown-outer-info-name{white-space:nowrap;justify-content:space-between;align-items:center;width:100%;max-width:100%;display:flex;overflow:hidden}
.theme-light .user-dropdown-outer-info-name{color:#151e3a}
.user-dropdown-outer-info-name span{white-space:nowrap;text-overflow:ellipsis;max-width:90%;overflow:hidden}
.global-wrap.theme-light{background-color:#fff!important}
.global-wrap .main-container{flex-flow:row;justify-content:stretch;align-items:stretch;display:flex}
.global-wrap.big-sidebar .main-content{max-width:calc(100% - 272px)}
.global-wrap .main-content{flex:1;max-width:calc(100% - 72px);margin:0 0 0 auto;transition:all .3s;position:relative;overflow:auto}
.header{flex-flow:row;justify-content:stretch;align-items:center;height:68px;padding:24px;display:none}
.theme-light .header{border-bottom:1px solid #e2e6f3}
.header_right-part{flex-flow:row;flex:1;justify-content:flex-end;align-items:center;display:flex}
.main-layout{width:100%;min-height:100dvh}
.page-header{justify-content:space-between;align-items:center;padding:20px 32px;display:flex}
.theme-light .page-header{border-bottom:1px solid #e2e6f3}
.page-header_content{align-items:center;gap:12px;display:flex}
.page-header_icon{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:0 2px 4px #3c3c3c0a,0 24px 24px -12px #0000000a,0 4px 6px -3px #0000003d}
.page-header_info-block{align-items:center;gap:8px;display:flex}
.page-header_info-block .page-header_title{letter-spacing:-.3px;color:#151e3a;font-size:14px;font-weight:600;line-height:140%}
.theme-light .page-header_info-block .page-header_title{color:#151e3a}
.page-header_info-block .page-header_description{letter-spacing:-.3px;font-size:14px;font-weight:400;line-height:140%}
.theme-light .page-header_info-block .page-header_description{color:#434c69}
.page-header_info-block .page-header_description .white-paper{color:#225aea;cursor:pointer;transition:.3}
.page-header_info-block .page-header_description .white-paper:hover{color:#1448cb;text-decoration:underline}
.page-header_actions{justify-content:center;align-items:center;gap:16px;display:flex}
.page-header_actions_three-dots{cursor:pointer}
.theme-light .page-header_actions .ant-divider{background-color:#e2e6f3}
.sidebar-promo-carousel-wrapper{cursor:pointer;border-radius:12px;width:100%;min-width:239px;margin-bottom:24px;padding:8px 12px;transition:all .3s}
.theme-light .sidebar-promo-carousel-wrapper{background:#fff;box-shadow:inset 0 -1px 2px #f2f3f87a,0 0 0 1px #c5cce373,0 4px 4px #151e3a0a}
.theme-light .sidebar-promo-carousel-wrapper:hover{background:#f9f9fc}
.sidebar-promo-carousel-title{letter-spacing:-.3px;text-transform:capitalize;font-size:12px;font-style:normal;font-weight:500;line-height:16px}
.theme-light .sidebar-promo-carousel-title{color:#151e3a}
.sidebar-promo-carousel-title-wrapper{flex-direction:column;align-items:flex-start;gap:4px;font-family:var(--font-sans);display:flex}
.sidebar-promo-carousel-text{letter-spacing:-.3px;font-size:12px;font-style:normal;font-weight:400;line-height:16px}
.theme-light .sidebar-promo-carousel-text{color:#707ba0}
.sidebar-promo-carousel-icon{margin-bottom:8px}

/* .sidebar-toggle has no rule in the live CSS (bare <button> + box-sizing reset). */
.sidebar-toggle{cursor:pointer;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center}
/* empty placeholder body for not-yet-built page stubs */
.page-body{padding:0}

/* ---- Collapsed icon-rail: the header sidebar-toggle removes .big-sidebar so the
   sidebar shrinks 272px -> 72px (.main-sidebar base width). Hide every text label,
   arrow and expanded sub-link so only centered icons remain. Scoped to
   :not(.big-sidebar) so the default expanded sidebar + the baseline are untouched. */
.main-sidebar:not(.big-sidebar) .main-sidebar_wrap{padding:24px 12px 0}
.main-sidebar:not(.big-sidebar) .sidebar-link-text,
.main-sidebar:not(.big-sidebar) .sidebar-link-arrow,
.main-sidebar:not(.big-sidebar) .sidebar-group-header-text,
.main-sidebar:not(.big-sidebar) .sidebar-dropdown-arrow,
.main-sidebar:not(.big-sidebar) .user-dropdown-outer-info{display:none!important}
/* expanded mega sub-links can't fit a 72px rail — collapse to the main icon rows */
.main-sidebar:not(.big-sidebar) .ant-collapse-content{display:none!important}
/* centre every icon in the rail */
.main-sidebar:not(.big-sidebar) .sidebar-link{justify-content:center;width:100%;margin:1px 0;padding:10px 0}
.main-sidebar:not(.big-sidebar) .sidebar-link_icon,
.main-sidebar:not(.big-sidebar) .sidebar-link>svg{margin:0}
.main-sidebar:not(.big-sidebar) .sidebar-group-header{justify-content:center;padding:4px 0}
.main-sidebar:not(.big-sidebar) .group-dropdown-wrapper .sidebar-group-dropdown{padding-top:16px}
/* bottom: drop the wide promo card; keep Upgrade as an icon-only button */
.main-sidebar:not(.big-sidebar) .sidebar-promo-carousel-wrapper{display:none}
.main-sidebar:not(.big-sidebar) .main-sidebar-free-button{justify-content:center;padding:10px 0}
.main-sidebar:not(.big-sidebar) .main-sidebar-free-button span{font-size:0;gap:0;justify-content:center}
/* header logo clips to its icon mark */
.main-sidebar:not(.big-sidebar) .main-sidebar-header{align-items:flex-start;overflow:hidden}
.main-sidebar:not(.big-sidebar) .main-sidebar-header-logo{flex:0 0 auto}

/* Mobile-only shell rules — scoped to their original @media so they never
   collapse the desktop sidebar at the 1440px compare width. */
@media only screen and (max-width:768px){
  /* Phase-S a11y fix: re-show the mobile top bar so its hamburger (toggles
     mobileOpen → .opened-sidebar drawer) is reachable. Without this the sidebar
     collapses to width:0 with no way to open it — nav was unreachable on mobile. */
  .header{display:flex!important}
  .main-sidebar.closed-sidebar{width:0!important;overflow:hidden!important}
  .main-sidebar.opened-sidebar{overscroll-behavior:contain;width:calc(100vw - 48px)!important;min-height:unset!important;height:100dvh!important;overflow-y:auto!important}
  /* Real app: when the sidebar collapses at mobile, the content reclaims the full
     viewport. Without this the unscoped .main-content max-width:calc(100% - 272px)
     keeps every dashboard page crammed into a narrow column at <=768px. */
  .global-wrap .main-content,
  .global-wrap.big-sidebar .main-content{max-width:100vw!important;margin:0!important}
  .main-sidebar_bottom.logout{flex-direction:row;align-items:flex-end;padding:0 0 16px;display:flex}
  .main-content.magic-ai-search{overflow:hidden!important}
}

/* ------------------------------------------------------------------ *
 * User-account dropdown popup. Ported from the live app-core/app-components
 * CSS (theme-light variants; the app is hardcoded theme-light). The overlay
 * root is `.ant-dropdown.user-dropdown-main`; the card body is
 * `.user-dropdown-inner`. Opens above the sidebar trigger on click.
 * ------------------------------------------------------------------ */
.user-dropdown-main{min-width:239px}
.user-dropdown-main .user-dropdown-inner{border-radius:16px;width:300px;padding:16px 0 0;background:#fff;border:1px solid #e2e6f3}

.user-dropdown-inner-info{letter-spacing:-.3px;flex-direction:column;align-items:flex-start;gap:2px;max-width:80%;font-family:var(--font-sans);font-size:14px;font-style:normal;font-weight:500;line-height:20px;display:flex}
.user-dropdown-inner-info-wrapper{justify-content:space-between;align-items:center;width:100%;padding:0 16px;display:flex}
.user-dropdown-inner-info-name{color:#151e3a}
.user-dropdown-inner-info-email{color:#434c69}

.user-dropdown-inner-logout{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;background:#fff;box-shadow:inset 0 -1px 2px #f2f3f87a,0 0 0 1px #c5cce373,0 4px 4px #151e3a0a}
.user-dropdown-inner-logout:active{background:#f9f9fc}

.user-dropdown-inner-subscription-trial{letter-spacing:-.3px;flex-direction:column;align-items:flex-start;padding:12px 16px;font-family:var(--font-sans);font-size:14px;font-style:normal;line-height:20px;display:flex;background:#fffcf4}
.user-dropdown-inner-subscription-trial h3{margin-top:8px;font-weight:500;color:#151e3a}
.user-dropdown-inner-subscription-trial h4{width:90%;margin-top:4px;font-weight:400;color:#434c69}
.user-dropdown-inner-subscription-trial-button{letter-spacing:-.3px;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;height:40px;margin-top:16px;font-family:var(--font-sans);font-size:14px;font-style:normal;font-weight:500;line-height:20px;transition:all .3s;display:flex;color:#151e3a;background:#fff;box-shadow:inset 0 -1px 2px #f2f3f87a,0 0 0 1px #c5cce373,0 4px 4px #151e3a0a}
.user-dropdown-inner-subscription-trial-button:hover,.user-dropdown-inner-subscription-trial-button:focus,.user-dropdown-inner-subscription-trial-button:active{background:#f9f9fc}

.user-dropdown-inner-settings{cursor:pointer;border-radius:8px;align-items:center;gap:8px;width:calc(100% - 8px);margin:4px auto;padding:8px;transition:all .3s;display:flex}
.user-dropdown-inner-settings:hover{background:#f2f6ff}
.user-dropdown-inner-settings svg path{stroke:#434c69}
.user-dropdown-inner-settings span{letter-spacing:-.3px;font-family:var(--font-sans);font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#151e3a}

.user-dropdown-inner-referral{cursor:pointer;border-radius:8px;align-items:center;gap:8px;width:calc(100% - 8px);margin:4px auto;padding:8px;transition:all .3s;display:flex}
.user-dropdown-inner-referral:hover{background:#f2f6ff}
.user-dropdown-inner-referral svg path{stroke:#434c69}
.user-dropdown-inner-referral-title{letter-spacing:-.3px;font-family:var(--font-sans);font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#151e3a}
.user-dropdown-inner-referral-tag{letter-spacing:-.1px;color:#f9fbff;text-wrap:nowrap;background-color:#225aea;border-radius:6px;padding:4px 6px;font-family:var(--font-sans);font-size:12px;font-weight:500;line-height:16px}
.user-dropdown-inner-referral-icon{margin-left:auto}
.user-dropdown-inner-referral-icon svg{transform:rotate(-90deg)}
.user-dropdown-inner-referral-icon svg path{stroke:#707ba0}

.user-dropdown-inner .text-link{cursor:pointer;letter-spacing:-.3px;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;width:calc(100% - 8px);margin:4px auto;padding:8px;font-family:var(--font-sans);font-size:14px;font-style:normal;font-weight:500;line-height:20px;transition:all .3s;display:flex;color:#151e3a}
.user-dropdown-inner .text-link:hover{background:#f2f6ff}
.user-dropdown-inner .text-link svg{width:20px!important;height:20px!important}

.language-switcher,.theme-switcher{letter-spacing:-.3px;font-family:var(--font-sans);font-size:14px;font-style:normal;line-height:20px;position:relative}
.language-switcher-inner,.theme-switcher-inner{cursor:pointer;border-radius:8px;align-items:center;width:calc(100% - 8px);margin:4px auto;padding:8px;transition:all .3s;display:flex}
.language-switcher-inner:hover,.theme-switcher-inner:hover{background:#f2f6ff}
.language-switcher-inner .language path{fill:#434c69}
.theme-switcher-inner .sun path{stroke:#434c69}
.language-switcher-inner div,.theme-switcher-inner div{margin-left:8px;font-weight:500;color:#151e3a}
.language-switcher-inner span,.theme-switcher-inner span{align-items:center;gap:8px;margin-left:auto;font-weight:400;display:flex;color:#434c69}
.language-switcher-inner span svg,.theme-switcher-inner span svg{transform:rotate(-90deg)}
.language-switcher-inner span svg path,.theme-switcher-inner span svg path{stroke:#434c69}

/* ── Create-dialog skin — dropship "Create collection" modal ──
   Values mirrored from app.dropship.io (mirror/app/css/app-core.css):
   radius 20, title 16/500, close 14, footer-in-body. Scoped via rootClassName
   so AntD's own confirm/message modals are untouched. Logical props for RTL. */
.eng-create-dialog .ant-modal-content { border-radius: 20px; padding: 16px; }
.eng-create-dialog .ant-modal-header { padding: 0; margin-bottom: 12px; background: transparent; }
.eng-create-dialog .ant-modal-title {
  display: flex; flex-direction: column; align-items: flex-start; gap: 6px;
  font-family: var(--font-sans);
  font-size: 16px; font-weight: 500; line-height: 20px; letter-spacing: -.3px;
  color: #151e3a;
}
.eng-create-dialog .eng-dialog-subtitle {
  font-size: 13px; font-weight: 400; line-height: 18px; letter-spacing: -.2px; color: #434c69;
}
.eng-create-dialog .ant-modal-close { top: 14px; inset-inline-end: 14px; }
.eng-create-dialog .ant-modal-footer { display: none; }
.eng-create-dialog .eng-dialog-footer {
  display: flex; justify-content: flex-end; gap: 8px;
  margin-top: 20px; padding-top: 16px; border-top: 1px solid #e2e6f3;
}
.dark .eng-create-dialog .ant-modal-title { color: #f2f3f8; }
.dark .eng-create-dialog .eng-dialog-subtitle { color: #ffffff5c; }
.dark .eng-create-dialog .eng-dialog-footer { border-top-color: #ffffff1f; }
/* RTL adaptations + eng-assist shell additions on top of the ported dropship
   app-parity.css (which is authored LTR). eng-assist renders <html dir="rtl"> for
   Arabic, so flip the fixed sidebar to the inline-start = right. */

[dir="rtl"] .main-sidebar { left: auto; right: 0; }
[dir="rtl"] .theme-light .main-sidebar { border-right: none; border-left: 1px solid #e2e6f3; }
[dir="rtl"] .global-wrap .main-content,
[dir="rtl"] .global-wrap.big-sidebar .main-content { margin: 0 auto 0 0; }
[dir="rtl"] .main-sidebar .sidebar-link.sidebar-dropdown-link { margin-left: 0; margin-right: 28px; }
[dir="rtl"] .main-sidebar.big-sidebar .sidebar-link_icon { margin-right: 0; margin-left: 8px; }
[dir="rtl"] .user-dropdown-inner-referral-icon { margin-left: 0; margin-right: auto; }
[dir="rtl"] .user-dropdown-inner-referral-icon svg,
[dir="rtl"] .language-switcher-inner span svg,
[dir="rtl"] .theme-switcher-inner span svg { transform: rotate(90deg); }
[dir="rtl"] .language-switcher-inner span,
[dir="rtl"] .theme-switcher-inner span { margin-left: 0; margin-right: auto; }
[dir="rtl"] .language-switcher-inner div,
[dir="rtl"] .theme-switcher-inner div { margin-left: 0; margin-right: 8px; }

@media only screen and (max-width: 768px) {
  [dir="rtl"] .main-sidebar.opened-sidebar { right: 0; left: auto; }
}

/* ── eng-assist additions, styled to match the dropship shell ── */
/* Project switcher sits in the sidebar just under the logo. */
.main-sidebar .eng-project-switcher { width: 100%; margin: 0 0 4px; }
.main-sidebar .eng-project-switcher .ant-select { width: 100%; }
.main-sidebar:not(.big-sidebar) .eng-project-switcher { display: none; }

/* AI-quota pill in the sidebar bottom (mirrors dropship pill aesthetics). */
.eng-quota-pill {
  display: inline-flex; align-items: center; gap: 6px; width: fit-content;
  border-radius: 999px; padding: 4px 12px; margin-bottom: 12px;
  font-family: var(--font-sans); font-size: 12px; font-weight: 600; line-height: 16px;
}
.eng-quota-pill.ok { background: #f2f6ff; color: #225aea; }
.eng-quota-pill.warn { background: #fff7e6; color: #b7791f; }
.eng-quota-pill.over { background: #fff1f0; color: #d71313; }
.main-sidebar:not(.big-sidebar) .eng-quota-pill { display: none; }

/* Sidebar SVG module glyphs (ModuleIcons.tsx): inherit the .sidebar-link colour so
   they go muted → brand on hover/active, matching Dropship's icon geometry. */
.main-sidebar .sidebar-link .sidebar-link_icon { width: 20px; height: 20px; flex-shrink: 0; color: inherit; }
.theme-light .main-sidebar .sidebar-link:not(.active) .sidebar-link_icon { color: #707ba0; }
.theme-light .main-sidebar .sidebar-link:not(.active):hover .sidebar-link_icon { color: #225aea; }
.theme-light .main-sidebar .sidebar-link.active .sidebar-link_icon { color: #225aea; }
html.dark .main-sidebar .sidebar-link .sidebar-link_icon { color: var(--color-foreground-onBaseMuted); }
html.dark .main-sidebar .sidebar-link.active .sidebar-link_icon,
html.dark .main-sidebar .sidebar-link.sidebar-dropdown-link-main-selected .sidebar-link_icon { color: #fff; }

/* ── Option A mega-rows: an expandable submenu of module rows under one parent.
   The parent row reuses .sidebar-dropdown-link-main / -selected (parity CSS); this
   only governs the children container's collapse animation (matching NavGroup) and
   the collapsed-rail behaviour. ── */
.main-sidebar .sidebar-link.sidebar-dropdown-link-main { cursor: pointer; }
.sidebar-mega-children { opacity: 0; pointer-events: none; max-height: 0; overflow: hidden; transition: max-height 0.3s, opacity 0.3s; }
.sidebar-mega-children.open { opacity: 1; pointer-events: all; max-height: 600px; }
/* 72px icon rail: the parent navigates to its first child, so the submenu is dropped. */
.main-sidebar:not(.big-sidebar) .sidebar-mega-children { display: none !important; }
/* Dark pill for a collapsed parent that owns the active child, matching the dark
   active-link treatment below (the light pill is parity:340). */
html.dark .theme-light .main-sidebar .sidebar-link.sidebar-dropdown-link-main-selected:not(.sidebar-dropdown-link-main) { color: #fff; background: var(--color-background-primary); box-shadow: none; }

/* eng-assist has 40+ modules: pin the sidebar bottom (user info + billing) so it is
   ALWAYS visible — only the nav region scrolls, the bottom stays put. */
.main-sidebar.big-sidebar { height: 100vh; max-height: 100vh; overflow: hidden !important; }
/* app-parity sets `.main-sidebar > * { height: 100% }` which forces BOTH the nav and
   the bottom to full height and breaks the flex split — reset so flex governs heights. */
.main-sidebar.big-sidebar > * { height: auto; }
.main-sidebar.big-sidebar .main-sidebar_wrap {
  flex: 1 1 auto; min-height: 0; overflow-y: auto;
  scrollbar-width: thin; scrollbar-color: #c5cce3 transparent;
}
.main-sidebar.big-sidebar .main-sidebar_bottom {
  flex-shrink: 0; margin-top: 0;
  border-top: 1px solid #e2e6f3; background: #f9fbff;
}
html.dark .main-sidebar.big-sidebar .main-sidebar_bottom {
  border-top-color: var(--color-border-neutral); background: var(--color-background-raised);
}

/* eng-assist text logo, styled like the dropship sidebar logo slot. */
.eng-logo { display: flex; align-items: center; gap: 8px; text-decoration: none; font-family: var(--font-sans); font-weight: 700; color: #151e3a; }
.eng-logo-mark { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: #225aea; color: #fff; font-size: 20px; flex-shrink: 0; }
.eng-logo-text { font-size: 16px; letter-spacing: -0.3px; white-space: nowrap; }
.main-sidebar-header-btn { background: none; border: none; cursor: pointer; padding: 4px; display: flex; align-items: center; }
.main-sidebar:not(.big-sidebar) .main-sidebar-header-btn { display: none; }

/* dropship pages render edge-to-edge inside .main-content (which has no padding);
   give eng-assist pages the dropship content padding. */
.global-wrap .main-content { padding: 24px 32px; }

/* The shell renders the dropship page-header (PageHeader.tsx) on every route, so
   hide each page's own redundant leading <h1> title (section headings use h2/h3).
   PageHeader's title is a div, so it is unaffected. */
.main-content h1 { display: none; }
@media (max-width: 768px) { .global-wrap .main-content { padding: 16px; } }

/* dropship dashboard stat-grid: one unified white panel, hairline dividers,
   only the outer corners rounded. */
.ds-stats { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border: 1px solid #e2e6f3; border-radius: 12px; overflow: hidden; background: #fff; margin-bottom: 24px; }
.ds-stat { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px; border-inline-start: 1px solid #e2e6f3; min-height: 84px; }
.ds-stat:nth-child(6n + 1) { border-inline-start: none; }
.ds-stat { gap: 6px; }
.ds-stat-title { font-size: 14px; font-weight: 500; color: #225aea; letter-spacing: -0.3px; line-height: 140%; }
.ds-stat-title a { color: #225aea; text-decoration: none; transition: color 0.3s; }
.ds-stat-title a:hover { color: #1448cb; }
.ds-stat-count { font-size: 20px; font-weight: 600; letter-spacing: -0.8px; line-height: 24px; color: #151e3a; }
.ds-stat-count.green { color: #16895a; }
.ds-stat-count.red { color: #d71313; }
.ds-stat-desc { font-size: 13px; font-weight: 400; color: #707ba0; letter-spacing: -0.1px; line-height: 140%; }
@media (max-width: 1100px) {
  .ds-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ds-stat:nth-child(6n + 1) { border-inline-start: 1px solid #e2e6f3; }
  .ds-stat:nth-child(3n + 1) { border-inline-start: none; }
  .ds-stat:nth-child(n + 4) { border-top: 1px solid #e2e6f3; }
}
@media (max-width: 640px) {
  .ds-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ds-stat { border-top: none; border-inline-start: 1px solid #e2e6f3; }
  .ds-stat:nth-child(3n + 1) { border-inline-start: 1px solid #e2e6f3; }
  .ds-stat:nth-child(odd) { border-inline-start: none; }
  .ds-stat:nth-child(n + 3) { border-top: 1px solid #e2e6f3; }
}

/* dropship-style section heading (title + description), mirrors
   .dashboard-page-blocks-title / -subtitle. */
.ds-section-head { margin-bottom: 12px; }
.ds-section-title { font-size: 18px; font-weight: 600; color: #151e3a; letter-spacing: -0.3px; line-height: 24px; margin: 0; }
.ds-section-desc { font-size: 14px; font-weight: 400; color: #707ba0; line-height: 20px; margin: 4px 0 0; }

/* ── Global dropship table styling: the day-one uplift for every un-migrated
   <table> in eng-assist's pages (unlayered, so it beats inline Tailwind utilities
   like p-2 / border-gray-200). Excludes .ds-table (the DataTable component owns its
   own look in dashboard-ds.css). All colours read the --dst-* var bridge, which
   flips under html.dark, so light and dark are handled without separate overrides.
   Alignment (text-start/text-end) is left to the page's own utilities. ── */
.main-content table:not(.ds-table) { width: 100%; border-collapse: collapse; font-family: var(--font-sans); }
.main-content table:not(.ds-table) thead th { font-size: 13px; font-weight: 600; color: var(--dst-head-fg); letter-spacing: -0.1px; padding: 12px; border-bottom: 1px solid var(--dst-head-border); white-space: nowrap; background: var(--dst-head-bg); }
.main-content table:not(.ds-table) tbody td { font-size: 14px; font-weight: 500; color: var(--dst-fg); padding: 12px; border-bottom: 1px solid var(--dst-row-border); }
.main-content table:not(.ds-table) tbody tr:last-child td { border-bottom: none; }
.main-content table:not(.ds-table) tbody tr:hover td { background: var(--dst-hover); }

/* dropship page-header pattern (title + description + actions) for rebuilt pages */
.ds-page-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 20px; flex-wrap: wrap; }
.ds-page-header-title { font-size: 18px; font-weight: 700; color: #151e3a; letter-spacing: -0.3px; }
.ds-page-header-desc { font-size: 14px; color: #707ba0; margin-top: 2px; }
.ds-page-header-actions { display: flex; align-items: center; gap: 8px; }
html.dark .ds-page-header-title { color: var(--color-foreground-onBase); }
html.dark .ds-page-header-desc { color: var(--color-foreground-onBaseMuted); }

/* PageHeader.tsx top-bar — title/desc/padding/border come from dropship-parity.css
   (.page-header*). The brand chip wraps a white 20×20 ModuleIcon. Pull the bar to
   the content edges so its bottom border spans the page (the .main-content padding
   supplies the surrounding gutter). */
.main-content .page-header { margin: -24px -32px 24px; }
@media (max-width: 768px) { .main-content .page-header { margin: -16px -16px 16px; } }
/* per-module colored icon chip (background set inline per page); glyph white */
.page-header_icon { box-shadow: none; }
.page-header_icon .sidebar-link_icon { width: 16px; height: 16px; color: #fff; }
/* the Dropship sidebar-toggle (collapse/expand) in the page-header */
.page-header .sidebar-toggle { color: #a1aac8; transition: color 0.2s; }
.page-header .sidebar-toggle:hover { color: #225aea; }
/* AI credits in the page-header actions ("X / Y credits" with ring), like Dropship */
.ai-credits { display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-sans); font-size: 14px; font-weight: 600; white-space: nowrap; }
.ai-credits-ring { display: inline-flex; align-items: center; }
.ai-credits-label { font-weight: 500; color: #707ba0; }
.ai-credits.ok { color: #16895a; }
.ai-credits.warn { color: #b7791f; }
.ai-credits.over { color: #d71313; }
html.dark .ai-credits-label { color: var(--color-foreground-onBaseMuted); }
html.dark .page-header { border-bottom-color: var(--color-border-neutral); }
html.dark .page-header_info-block .page-header_title { color: var(--color-foreground-onBase); }
html.dark .page-header_info-block .page-header_description { color: var(--color-foreground-onBaseMuted); }

/* Auth right panel — dropship login-slider, branded gradient (no product images). */
.login-wrapper .login-slider.slider-tools {
  background: linear-gradient(135deg, #225aea 0%, #1b2a6b 100%);
  display: flex; align-items: center; justify-content: center; padding-top: 0;
}
.eng-login-brand { width: 100%; max-width: 460px; padding: 48px; text-align: center; color: #fff; }
.eng-login-brand-icon { font-size: 64px; margin-bottom: 24px; }
.eng-login-brand h2 { font-size: 26px; font-weight: 700; margin-bottom: 12px; color: #fff; letter-spacing: -0.5px; }
.eng-login-brand p { font-size: 16px; color: rgba(255, 255, 255, 0.82); line-height: 1.5; }
.eng-login-brand .login-tools-dots { margin-top: 28px; }
.eng-login-brand .login-tools-dot { background: rgba(255, 255, 255, 0.32); }
.eng-login-brand .login-tools-dot.active { background: #fff; }
@media (max-width: 900px) {
  .login-wrapper { flex-direction: column; }
  .login-wrapper .login-content { width: 100%; }
  .login-wrapper .login-slider.slider-tools { display: none; }
}

/* ── Dark mode: the ported dropship shell is hardcoded theme-light, so map it onto
   eng-assist's dark surface tokens (which flip under html.dark) for a cohesive dark. ── */
html.dark .global-wrap.theme-light { background-color: var(--color-background-base) !important; }
html.dark .theme-light .main-sidebar { background: var(--color-background-raised); border-color: var(--color-border-neutral); }
html.dark .theme-light .main-sidebar .sidebar-link { color: var(--color-foreground-onBaseMuted); }
html.dark .theme-light .main-sidebar .sidebar-link:not(.active):hover { background: var(--color-background-raisedHover); }
html.dark .theme-light .main-sidebar .sidebar-link.active:not(.sidebar-dropdown-link-main) { color: #fff; background: var(--color-background-primary); box-shadow: none; }
html.dark .eng-logo, html.dark .eng-logo-text { color: var(--color-foreground-onBase); }
html.dark .group-dropdown-wrapper .sidebar-group-dropdown .sidebar-group-header { color: var(--color-foreground-onBaseFaint); }
html.dark .ds-stats { background: var(--color-background-raised); border-color: var(--color-border-neutral); }
html.dark .ds-stat { border-color: var(--color-border-neutral); }
html.dark .ds-stat-count { color: var(--color-foreground-onBase); }
html.dark .ds-stat-count.green { color: #34d399; }
html.dark .ds-stat-count.red { color: #f87171; }
html.dark .ds-stat-title { color: #6c9bff; }
html.dark .ds-stat-title a { color: #6c9bff; }
html.dark .ds-stat-title a:hover { color: #93b6ff; }
html.dark .ds-stat-desc { color: var(--color-foreground-onBaseMuted); }
html.dark .ds-section-title { color: var(--color-foreground-onBase); }
html.dark .ds-section-desc { color: var(--color-foreground-onBaseMuted); }
html.dark .user-dropdown-outer-info-name { color: var(--color-foreground-onBase); }
html.dark .user-dropdown-outer-info-email { color: var(--color-foreground-onBaseMuted); }

/* User-dropdown chevron: points UP when closed, animates DOWN when the popup opens
   (ChevronDown glyph points down → rotate 180° = up). */
.user-dropdown-arrow {
  display: inline-flex;
  flex-shrink: 0;
  max-width: none;
  overflow: visible;
  transform: rotate(180deg);
  transition: transform 0.25s ease;
}
.user-dropdown-arrow.open { transform: rotate(0deg); }

/* ── Notification bell + popup (dropship-style) ── */
.notif-bell {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border-radius: 10px; border: none; background: transparent;
  color: #707ba0; cursor: pointer; transition: background .2s, color .2s; flex-shrink: 0;
}
.notif-bell:hover { background: #f2f6ff; color: #225aea; }
.notif-bell-badge {
  position: absolute; top: 2px; inset-inline-end: 2px; min-width: 16px; height: 16px; padding: 0 4px;
  border-radius: 8px; background: #ef4444; color: #fff; font-size: 10px; font-weight: 700;
  line-height: 16px; text-align: center; font-family: var(--font-sans);
}
/* no room beside the compact logo when the sidebar is collapsed */
.main-sidebar:not(.big-sidebar) .main-sidebar-header .notif-bell { display: none; }

.notif-pop {
  width: 320px; max-width: calc(100vw - 32px); background: #fff; border: 1px solid #e2e6f3;
  border-radius: 14px; overflow: hidden; font-family: var(--font-sans);
  box-shadow: 0 12px 32px -8px rgba(21,30,58,.18), 0 4px 12px -4px rgba(21,30,58,.1);
}
.notif-pop-head {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 14px 16px; border-bottom: 1px solid #e2e6f3;
}
.notif-pop-title { font-size: 14px; font-weight: 600; color: #151e3a; }
.notif-pop-badge {
  min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: #225aea; color: #fff;
  font-size: 11px; font-weight: 700; line-height: 20px; text-align: center;
}
.notif-pop-empty { padding: 28px 16px; text-align: center; color: #a1aac8; font-size: 13px; }
.notif-pop-list { max-height: 360px; overflow-y: auto; }
.notif-pop-item a, .notif-pop-item > div {
  display: flex; align-items: flex-start; gap: 10px; padding: 12px 16px;
  text-decoration: none; transition: background .15s;
}
.notif-pop-item a:hover { background: #f9fbff; }
.notif-pop-item.unread a, .notif-pop-item.unread > div { background: #f6f9ff; }
.notif-pop-dot { flex-shrink: 0; width: 8px; height: 8px; border-radius: 50%; margin-top: 5px; background: transparent; }
.notif-pop-dot.unread { background: #225aea; }
.notif-pop-item-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.notif-pop-item-title {
  font-size: 13px; font-weight: 500; color: #151e3a; line-height: 1.4;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.notif-pop-item-date { font-size: 11px; color: #a1aac8; }
.notif-pop-all {
  display: block; text-align: center; padding: 12px; font-size: 13px; font-weight: 600;
  color: #225aea; text-decoration: none; border-top: 1px solid #e2e6f3; transition: background .15s;
}
.notif-pop-all:hover { background: #f2f6ff; }

html.dark .notif-bell { color: var(--color-foreground-onBaseMuted); }
html.dark .notif-bell:hover { background: var(--color-background-raisedHover); color: var(--color-foreground-primary); }
html.dark .notif-pop { background: var(--color-background-raised); border-color: var(--color-border-neutral); }
html.dark .notif-pop-head, html.dark .notif-pop-all { border-color: var(--color-border-neutral); }
html.dark .notif-pop-title, html.dark .notif-pop-item-title { color: var(--color-foreground-onBase); }
html.dark .notif-pop-item a:hover, html.dark .notif-pop-all:hover { background: var(--color-background-raisedHover); }
html.dark .notif-pop-item.unread a, html.dark .notif-pop-item.unread > div { background: var(--color-background-primarySubtle); }
html.dark .theme-light .main-sidebar .main-sidebar-free-button { background: var(--color-background-raisedHover); color: var(--color-foreground-onBase); box-shadow: none; }
html.dark .user-dropdown-main .user-dropdown-inner { background: var(--color-background-raised); border-color: var(--color-border-neutral); }
html.dark .user-dropdown-inner-info-name { color: var(--color-foreground-onBase); }
html.dark .user-dropdown-inner-settings span, html.dark .language-switcher-inner div, html.dark .theme-switcher-inner div { color: var(--color-foreground-onBase); }
html.dark .user-dropdown-inner-settings:hover, html.dark .language-switcher-inner:hover, html.dark .theme-switcher-inner:hover { background: var(--color-background-raisedHover); }

/* ==== Landing-style buttons (user request: match the marketing navbar's
   "Sign in" / "Start free" look across the whole dashboard) ====
   Geometry (40px / radius 11 / weight 500) comes from antd-theme.ts Button
   tokens; these rules add the landing gradients + hovers. Excluded: danger
   buttons, the WhatsApp green variant, and disabled states, which keep their
   own colors. Unlayered, so they win over the antd cssinjs layer. */
.ant-btn-primary:not(.ant-btn-dangerous):not(.bg-surface-success) {
  background-color: #225aea;
  background-image: linear-gradient(90deg, color-mix(in srgb, #225aea 60%, #fff), #225aea);
  border: none;
}
.ant-btn-primary:not(.ant-btn-dangerous):not(.bg-surface-success):not(:disabled):hover,
.ant-btn-primary:not(.ant-btn-dangerous):not(.bg-surface-success):not(:disabled):active {
  background-color: #1448cb;
  background-image: linear-gradient(90deg, #225aea, #1448cb);
}
.ant-btn-primary:disabled {
  background-image: none;
}
html:not(.dark) .ant-btn-default:not(:disabled) {
  background-image: linear-gradient(90deg, #fff, #fdfdfd);
  border-color: #e2e6f3;
  color: #151e3a;
}
html:not(.dark) .ant-btn-default:not(:disabled):hover {
  background-image: linear-gradient(90deg, #f3f3f3, #eef1f8);
  border-color: #dbe1f0;
  color: #151e3a;
}
html.dark .ant-btn-default:not(:disabled) {
  background-image: none;
}
/* ============================================================================
 * dashboard-ds.css — dropship-quality skin for the /app dashboard component kit.
 *
 * Imported in root.tsx immediately AFTER dropship-shell.css and left UNLAYERED
 * (same rationale as the gradient-button block): unlayered rules beat everything
 * in @layer antd, so the kit wins over AntD without !important.
 *
 * Contract (plan Decision 5 + Appendix B):
 *  - One :root block pins the dropship LIGHT hexes into --dst-* vars.
 *  - One html.dark block remaps every --dst-* to an existing semantic --color-*
 *    token from tokens.css (the ramps stay static; only semantics flip).
 *  - Every component rule reads vars only. No raw hex outside these two blocks.
 *  - Logical properties everywhere (padding-inline, margin-inline-start,
 *    text-align:start/end). All ported shadows are horizontally symmetric.
 *  - Each rule is anchored to a single .ds-* class (element descendants only
 *    where a semantic table needs them). No global bare element selectors.
 * ============================================================================ */

:root {
  /* surfaces + borders (dropship light) */
  --dst-surface: #fff;
  --dst-border: #f0f1f5;
  --dst-head-bg: #f7f8fc;
  --dst-head-fg: #707ba0;
  --dst-head-border: #e7e9f1;
  --dst-row-border: #f0f1f5;
  --dst-hover: #fafbff;
  --dst-chip-bg: #f9f9fc;
  --dst-avatar-bg: #f2f3f8;
  --dst-field-border: #e7e9f1;
  --dst-seg-border: #e2e6f3;
  --dst-track: #f2f3f8;

  /* foreground ramp (#151e3a → #a1aac8) */
  --dst-fg: #151e3a;
  --dst-fg-body: #434c69;
  --dst-fg-muted: #707ba0;
  --dst-fg-faint: #a1aac8;

  /* accents */
  --dst-primary: #225aea;
  --dst-on-primary: #fff;
  --dst-link: #225aea;
  --dst-pos: #16895a;
  --dst-neg: #d71313;
  --dst-warn: #f6b60e;

  /* soft-chip badges (bg + pinned text hex) */
  --dst-badge-gray-bg: #f2f3f8;   --dst-badge-gray-fg: #434c69;
  --dst-badge-blue-bg: #f2f6ff;   --dst-badge-blue-fg: #1448cb;
  --dst-badge-green-bg: #e6f6ef;  --dst-badge-green-fg: #16895a;
  --dst-badge-red-bg: #fdecec;    --dst-badge-red-fg: #d71313;
  --dst-badge-amber-bg: #fff5da;  --dst-badge-amber-fg: #92610a;

  /* alerts (bg / border / accent fg) */
  --dst-alert-info-bg: #f2f6ff;      --dst-alert-info-border: #d3e0ff;      --dst-alert-info-fg: #1448cb;
  --dst-alert-success-bg: #e6f6ef;   --dst-alert-success-border: #c5ead7;   --dst-alert-success-fg: #16895a;
  --dst-alert-warning-bg: #fff8e8;   --dst-alert-warning-border: #fce8b8;   --dst-alert-warning-fg: #92610a;
  --dst-alert-critical-bg: #fdecec;  --dst-alert-critical-border: #f8c9c9;  --dst-alert-critical-fg: #d71313;

  /* signature shadows (horizontally symmetric) */
  --dst-cta-shadow: inset 0 -1px 2px #1448cb7a, 0 0 0 1px #225aea29, 0 8px 16px -8px #225aeaa3, 0 4px 4px #0000000f;
  --dst-seg-active-shadow: 0 5px 10px -2px #191c210f, 0 2px 6px -2px #6a73851f;
}

html.dark {
  /* surfaces + borders → semantic tokens */
  --dst-surface: var(--color-background-raised);
  --dst-border: var(--color-border-neutral);
  --dst-head-bg: var(--color-background-sunken);
  --dst-head-fg: var(--color-foreground-onBaseMuted);
  --dst-head-border: var(--color-border-neutral);
  --dst-row-border: var(--color-border-neutral);
  --dst-hover: var(--color-background-raisedHover);
  --dst-chip-bg: var(--color-background-sunken);
  --dst-avatar-bg: var(--color-background-sunkenStrong);
  --dst-field-border: var(--color-border-neutral);
  --dst-seg-border: var(--color-border-strong);
  --dst-track: var(--color-background-sunkenStrong);

  /* foreground ramp */
  --dst-fg: var(--color-foreground-onBase);
  --dst-fg-body: var(--color-foreground-onSunken);
  --dst-fg-muted: var(--color-foreground-onBaseMuted);
  --dst-fg-faint: var(--color-foreground-onBaseFaint);

  /* accents */
  --dst-primary: var(--color-primary-base);
  --dst-on-primary: var(--color-foreground-onPrimary);
  --dst-link: #6c9bff;
  --dst-pos: var(--color-foreground-success);
  --dst-neg: var(--color-foreground-critical);
  --dst-warn: var(--color-background-warning);

  /* badges */
  --dst-badge-gray-bg: var(--color-background-sunkenStrong);   --dst-badge-gray-fg: var(--color-foreground-onBaseMuted);
  --dst-badge-blue-bg: var(--color-background-infoSubtle);     --dst-badge-blue-fg: var(--color-foreground-info);
  --dst-badge-green-bg: var(--color-background-successSubtle); --dst-badge-green-fg: var(--color-foreground-success);
  --dst-badge-red-bg: var(--color-background-criticalSubtle);  --dst-badge-red-fg: var(--color-foreground-critical);
  --dst-badge-amber-bg: var(--color-background-warningSubtle); --dst-badge-amber-fg: var(--color-foreground-warning);

  /* alerts */
  --dst-alert-info-bg: var(--color-background-infoSubtle);        --dst-alert-info-border: var(--color-border-info);         --dst-alert-info-fg: var(--color-foreground-info);
  --dst-alert-success-bg: var(--color-background-successSubtle);  --dst-alert-success-border: var(--color-border-success);   --dst-alert-success-fg: var(--color-foreground-success);
  --dst-alert-warning-bg: var(--color-background-warningSubtle);  --dst-alert-warning-border: var(--color-border-warning);   --dst-alert-warning-fg: var(--color-foreground-warning);
  --dst-alert-critical-bg: var(--color-background-criticalSubtle);--dst-alert-critical-border: var(--color-border-critical); --dst-alert-critical-fg: var(--color-foreground-critical);

  --dst-seg-active-shadow: var(--shadow-raised);
}

/* ---- DataTable -------------------------------------------------------------
 * markup: div.ds-table-wrap > table.ds-table(.ds-table--compact)               */
.ds-table-wrap {
  background: var(--dst-surface);
  border: 1px solid var(--dst-border);
  border-radius: 12px;
  overflow-x: auto;
}
.ds-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Inter, "IBM Plex Sans Arabic", sans-serif;
  font-size: 14px;
  color: var(--dst-fg-body);
}
.ds-table caption {
  text-align: start;
  color: var(--dst-fg-muted);
  font-size: 13px;
  padding-inline: 16px;
  padding-block: 10px;
}
.ds-table thead th {
  background: var(--dst-head-bg);
  color: var(--dst-head-fg);
  font-weight: 600;
  font-size: 13px;
  text-align: start;
  white-space: nowrap;
  border-block-end: 1px solid var(--dst-head-border);
  padding-block: 12px;
  padding-inline: 16px;
}
.ds-table tbody td {
  border-block-end: 1px solid var(--dst-row-border);
  vertical-align: middle;
  padding-block: 12px;
  padding-inline: 16px;
  block-size: 80px;
}
.ds-table tbody tr:last-child td { border-block-end: none; }
.ds-table tbody tr:hover td { background: var(--dst-hover); }
.ds-table tfoot td {
  border-block-start: 1px solid var(--dst-head-border);
  padding-block: 12px;
  padding-inline: 16px;
  font-weight: 600;
  color: var(--dst-fg);
}
.ds-table--compact tbody td { block-size: 52px; padding-block: 8px; }
/* numeric cells: end-aligned, tabular, LTR island keeps the sign/digits ordered */
.ds-table .is-num { text-align: end; font-variant-numeric: tabular-nums; }
.ds-table td.is-num { color: var(--dst-fg); font-weight: 600; }
.ds-table .is-center { text-align: center; }
.ds-table .is-nowrap { white-space: nowrap; }

/* cell primitives */
.ds-cell-avatar {
  inline-size: 48px;
  block-size: 48px;
  border-radius: 8px;
  background: var(--dst-avatar-bg);
  border: 1px solid var(--dst-border);
  object-fit: contain;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--dst-fg-faint);
  overflow: hidden;
  flex: 0 0 auto;
}
.ds-cell-avatar img { inline-size: 100%; block-size: 100%; object-fit: contain; }
.ds-cell-primary {
  color: var(--dst-link);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}
.ds-cell-primary:hover { text-decoration: underline; }
.ds-cell-secondary { color: var(--dst-fg-muted); font-size: 12px; font-weight: 500; line-height: 20px; }
.ds-cell-chip {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 6px;
  background: var(--dst-chip-bg);
  color: var(--dst-fg-body);
  padding-block: 4px;
  padding-inline: 6px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
.ds-cell-stack { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-inline-size: 0; }

/* ---- PageToolbar -----------------------------------------------------------
 * div.ds-toolbar; actions cluster gets margin-inline-start:auto                */
.ds-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-block-end: 16px;
}
.ds-toolbar-search { flex: 1 1 260px; min-inline-size: 0; }
.ds-toolbar-filters { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.ds-toolbar-actions {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-inline-start: auto;
}

.ds-search {
  display: flex;
  align-items: center;
  gap: 8px;
  block-size: 40px;
  border-radius: 12px;
  border: 1px solid var(--dst-field-border);
  background: var(--dst-surface);
  padding-block: 6px;
  padding-inline: 12px;
}
.ds-search-icon { display: inline-flex; flex: 0 0 auto; color: var(--dst-fg-faint); }
.ds-search-input {
  border: none;
  outline: none;
  background: transparent;
  flex: 1 1 auto;
  min-inline-size: 0;
  inline-size: 100%;
  block-size: 28px;
  font-size: 14px;
  color: var(--dst-fg);
}
.ds-search-input::placeholder { color: var(--dst-fg-faint); }

.ds-toolbar-total {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  block-size: 40px;
  padding-inline: 14px;
  border: 1px solid var(--dst-head-border);
  border-radius: 10px;
  background: var(--dst-surface);
  font-size: 14px;
  white-space: nowrap;
}
.ds-toolbar-total-value { color: var(--dst-fg); font-weight: 600; font-variant-numeric: tabular-nums; }
.ds-toolbar-total-value.is-positive { color: var(--dst-pos); }
.ds-toolbar-total-label { color: var(--dst-fg-muted); font-weight: 400; margin-inline-start: 3px; }

/* CTA in the actions slot: layer the signature dropship shadow on top of the
 * existing gradient (additive; box-shadow vs background-image). Light only. */
html:not(.dark) .ds-toolbar-actions .ant-btn-primary:not(:disabled) { box-shadow: var(--dst-cta-shadow); }

/* ---- Badge (soft chip) — patched ui.Badge renders span.ds-badge.ds-badge--{color} */
.ds-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: 6px;
  padding-block: 3px;
  padding-inline: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
}
.ds-badge--gray { background: var(--dst-badge-gray-bg); color: var(--dst-badge-gray-fg); }
.ds-badge--blue { background: var(--dst-badge-blue-bg); color: var(--dst-badge-blue-fg); }
.ds-badge--green { background: var(--dst-badge-green-bg); color: var(--dst-badge-green-fg); }
.ds-badge--red { background: var(--dst-badge-red-bg); color: var(--dst-badge-red-fg); }
.ds-badge--amber { background: var(--dst-badge-amber-bg); color: var(--dst-badge-amber-fg); }

/* ---- Alert ----------------------------------------------------------------- */
.ds-alert {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding-block: 12px;
  padding-inline: 14px;
  border-radius: 12px;
  border: 1px solid transparent;
  font-size: 14px;
  line-height: 20px;
}
.ds-alert--info { background: var(--dst-alert-info-bg); border-color: var(--dst-alert-info-border); }
.ds-alert--success { background: var(--dst-alert-success-bg); border-color: var(--dst-alert-success-border); }
.ds-alert--warning { background: var(--dst-alert-warning-bg); border-color: var(--dst-alert-warning-border); }
.ds-alert--critical { background: var(--dst-alert-critical-bg); border-color: var(--dst-alert-critical-border); }
.ds-alert-icon { flex: 0 0 auto; display: inline-flex; margin-block-start: 1px; }
.ds-alert--info .ds-alert-icon { color: var(--dst-alert-info-fg); }
.ds-alert--success .ds-alert-icon { color: var(--dst-alert-success-fg); }
.ds-alert--warning .ds-alert-icon { color: var(--dst-alert-warning-fg); }
.ds-alert--critical .ds-alert-icon { color: var(--dst-alert-critical-fg); }
.ds-alert-body { flex: 1 1 auto; min-inline-size: 0; color: var(--dst-fg-body); }
.ds-alert-title { font-weight: 600; color: var(--dst-fg); margin-block-end: 2px; }
.ds-alert-action { flex: 0 0 auto; margin-inline-start: auto; }

/* ---- Meter ----------------------------------------------------------------- */
.ds-meter-label { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--dst-fg-muted); margin-block-end: 4px; }
.ds-meter-track {
  inline-size: 100%;
  block-size: 8px;
  border-radius: 999px;
  background: var(--dst-track);
  overflow: hidden;
}
.ds-meter--sm .ds-meter-track { block-size: 6px; }
.ds-meter-fill {
  block-size: 100%;
  border-radius: 999px;
  background: var(--dst-primary);
  transition: width 0.3s ease;
}
.ds-meter--success .ds-meter-fill { background: var(--dst-pos); }
.ds-meter--warning .ds-meter-fill { background: var(--dst-warn); }
.ds-meter--critical .ds-meter-fill { background: var(--dst-neg); }

/* ---- SegmentedTabs --------------------------------------------------------- */
.ds-seg {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  block-size: 40px;
  padding: 4px;
  border-radius: 10px;
  border: 1px solid var(--dst-seg-border);
  background: var(--dst-chip-bg);
  max-inline-size: 100%;
  overflow-x: auto;
}
.ds-seg-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  block-size: 30px;
  padding-inline: 12px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--dst-fg-body);
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}
.ds-seg-btn.active {
  background: var(--dst-surface);
  color: var(--dst-fg);
  box-shadow: var(--dst-seg-active-shadow);
}
.ds-seg-count { color: var(--dst-fg-muted); font-weight: 400; font-variant-numeric: tabular-nums; }
.ds-seg-btn.active .ds-seg-count { color: var(--dst-fg-muted); }

/* ---- RowActions kebab trigger (plain button, NOT ant-btn) ------------------ */
.ds-kebab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 32px;
  block-size: 32px;
  border-radius: 8px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--dst-fg-muted);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.ds-kebab:hover { background: var(--dst-hover); color: var(--dst-fg); }
.ds-kebab:focus-visible { outline: 2px solid var(--dst-primary); outline-offset: 1px; }

/* ---- EmptyState ------------------------------------------------------------ */
.ds-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding-block: 48px;
  padding-inline: 24px;
  text-align: center;
}
.ds-empty-icon { color: var(--dst-fg-faint); margin-block-end: 4px; }
.ds-empty-title { color: var(--dst-fg); font-size: 14px; font-weight: 600; }
.ds-empty-hint { color: var(--dst-fg-muted); font-size: 13px; max-inline-size: 42ch; }
.ds-empty-action { margin-block-start: 8px; }

/* ---- Stats grid modifiers (base .ds-stats/.ds-stat live in dropship-shell.css) */
.ds-stats--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ds-stats--4 .ds-stat { border-inline-start: 1px solid var(--dst-seg-border); }
.ds-stats--4 .ds-stat:nth-child(4n + 1) { border-inline-start: none; }
.ds-stats--4 .ds-stat:nth-child(n + 5) { border-block-start: 1px solid var(--dst-seg-border); }
.ds-stats--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ds-stats--3 .ds-stat { border-inline-start: 1px solid var(--dst-seg-border); }
.ds-stats--3 .ds-stat:nth-child(3n + 1) { border-inline-start: none; }
.ds-stats--3 .ds-stat:nth-child(n + 4) { border-block-start: 1px solid var(--dst-seg-border); }
@media (max-width: 640px) {
  .ds-stats--4, .ds-stats--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ds-stats--4 .ds-stat, .ds-stats--3 .ds-stat { border-inline-start: 1px solid var(--dst-seg-border); border-block-start: 1px solid var(--dst-seg-border); }
  .ds-stats--4 .ds-stat:nth-child(-n + 2), .ds-stats--3 .ds-stat:nth-child(-n + 2) { border-block-start: none; }
  .ds-stats--4 .ds-stat:nth-child(odd), .ds-stats--3 .ds-stat:nth-child(odd) { border-inline-start: none; }
}
