@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.25"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo} .composer-tool-shell { position: relative; display: flex; flex: 0 0 auto; align-items: flex-end; } .composer-plus-button { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(34,211,238,.36); border-radius: 10px; color: #d8fbff; background: linear-gradient(140deg, rgba(7,126,168,.66), rgba(101,59,188,.72)); box-shadow: 0 8px 22px rgba(33, 108, 196, .18); transition: transform 160ms cubic-bezier(.23,1,.32,1), filter 160ms cubic-bezier(.23,1,.32,1); } .composer-plus-button:hover { filter: brightness(1.12); }.composer-plus-button:active { transform: scale(.96); } .composer-vault-button { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(16,185,129,.34); border-radius: 10px; color: #a7f3d0; background: rgba(6,78,59,.28); transition: transform 160ms cubic-bezier(.23,1,.32,1), background 160ms ease-out; }.composer-vault-button:hover { background: rgba(6,118,88,.38); }.composer-vault-button:active { transform: scale(.96); } .chat-activity-feed { display: grid; gap: 6px; margin: 0 0 4px 44px; padding: 10px; border: 1px solid rgba(34,211,238,.18); border-radius: 12px; background: linear-gradient(110deg, rgba(8,76,105,.14), rgba(66,39,128,.13)); }.chat-activity-item { display: flex; align-items: flex-start; gap: 8px; color: #b8c8dc; font-size: 10px; line-height: 1.35; }.chat-activity-item > span { display: grid; width: 16px; height: 16px; flex: 0 0 16px; place-items: center; border-radius: 50%; color: #d8fbff; background: rgba(34,211,238,.16); font-weight: 900; }.chat-activity-working > span { color: #a5f3fc; background: rgba(8,145,178,.28); }.chat-activity-failed > span { color: #fecaca; background: rgba(239,68,68,.2); }.chat-activity-item strong { display: block; color: #e6f3ff; font-size: 10px; }.chat-activity-item small { display: block; margin-top: 1px; color: #8ba0bb; font-size: 9px; } .composer-tool-menu { position: absolute; z-index: 80; bottom: calc(100% + 10px); left: 0; width: min(430px, calc(100vw - 32px)); max-height: min(630px, 70dvh); overflow-y: auto; border: 1px solid rgba(95, 184, 224, .28); border-radius: 15px; background: linear-gradient(155deg, rgba(22,24,44,.98), rgba(8,10,21,.99)); box-shadow: 0 24px 70px rgba(0,0,0,.5), 0 0 42px rgba(72,86,225,.12); overscroll-behavior: contain; } .composer-tool-menu-head { position: sticky; z-index: 1; top: 0; display: grid; grid-template-columns: 30px minmax(0,1fr) 30px; align-items: center; gap: 8px; border-bottom: 1px solid rgba(148,163,184,.12); padding: 13px 14px; background: rgba(20,22,42,.98); backdrop-filter: blur(12px); }.composer-tool-menu-head strong { display: block; color: #f1f5ff; font-size: 13px; }.composer-tool-menu-head span { display: block; margin-top: 2px; color: #7d8ba5; font-size: 9px; line-height: 1.4; } .composer-tool-menu-head > div { grid-column: 2; }.composer-tool-menu-head > .composer-menu-close { grid-column: 3; } .composer-menu-back,.composer-menu-close { display: grid; width: 30px; height: 30px; place-items: center; border: 0; border-radius: 8px; color: #98a8c2; background: transparent; }.composer-menu-back:hover,.composer-menu-close:hover { color: #f3f6ff; background: rgba(148,163,184,.12); } .composer-tool-menu-list,.composer-context-list { display: grid; padding: 7px; }.composer-tool-item,.composer-context-list button { display: grid; grid-template-columns: 26px minmax(0,1fr); align-items: start; gap: 10px; width: 100%; border: 1px solid transparent; border-radius: 10px; padding: 10px; color: #b7c4d7; background: transparent; text-align: left; transition: background 140ms ease-out, border-color 140ms ease-out; }.composer-tool-item:hover,.composer-context-list button:hover { border-color: rgba(34,211,238,.16); background: linear-gradient(100deg, rgba(14,113,151,.14), rgba(91,48,174,.13)); }.composer-tool-item > svg,.composer-context-list button > svg { margin-top: 2px; color: #84e8f4; }.composer-tool-item strong,.composer-context-list strong { display: block; color: #e3eafa; font-size: 11px; font-weight: 800; line-height: 1.3; }.composer-tool-item small,.composer-context-list small { display: block; margin-top: 3px; color: #7988a2; font-size: 9px; line-height: 1.45; }.composer-tool-divider { height: 1px; margin: 6px 4px; background: rgba(148,163,184,.12); }.composer-tool-unavailable { opacity: .6; cursor: not-allowed; }.composer-tool-unavailable > svg { color: #8c98ad; }.composer-context-list p { margin: 18px 12px; color: #8190a9; font-size: 10px; line-height: 1.6; }.composer-tool-menu-list > button:nth-of-type(8) { min-height: 58px; opacity: .68; }.composer-tool-menu-list > button:nth-of-type(8) > span { display: none; }.composer-tool-menu-list > button:nth-of-type(8)::after { content: "Video generation unavailable\A A video provider is not connected, so SUBBY will not claim a render was created."; white-space: pre-line; color: #aebbd0; font-size: 10px; font-weight: 700; line-height: 1.5; } .ai-chat-page { height: calc(100dvh - 68px); min-height: 600px; overflow: hidden; }.ai-chat-main,.ai-chat-stage,.ai-chat-stage > div { min-height: 0; }.ai-chat-stage { overflow: hidden; }.ai-chat-stage [data-radix-scroll-area-viewport] { overflow-x: hidden !important; overscroll-behavior: contain; }.ai-chat-stage .prose pre { max-width: 100%; overflow-x: auto; white-space: pre; }.ai-chat-stage .prose code { overflow-wrap: anywhere; } .ai-chat-main > section.mx-3 { grid-template-columns: minmax(0,1fr) !important; overflow: hidden; }.ai-chat-main > section.mx-3 > * { min-width: 0; }.ai-chat-main > section.mx-3 select,.ai-chat-main > section.mx-3 input { max-width: 100%; }.ai-chat-main > section.mx-3 .flex { min-width: 0; } @media (max-width: 650px) { .ai-chat-page { width: 100%; height: auto; min-height: calc(100dvh - 60px); overflow: hidden; }.ai-chat-main { width: 100%; max-width: 100vw; height: calc(100dvh - 170px); min-height: 440px; overflow: hidden; }.ai-chat-main > section.mx-3 { margin: 6px 8px; }.ai-chat-stage { width: 100%; height: auto !important; flex: 1 1 auto; padding: 8px; }.ai-chat-stage > div { min-height: 0; }.ai-chat-stage form { gap: 6px; padding: 8px; padding-bottom: max(8px, env(safe-area-inset-bottom)); }.ai-chat-stage textarea { min-width: 0; min-height: 46px !important; max-height: 84px !important; font-size: 16px; line-height: 1.4; }.composer-plus-button,.composer-vault-button { width: 34px; height: 34px; border-radius: 9px; }.ai-chat-stage form > button[type="submit"] { width: 34px; height: 34px; }.ai-chat-stage [data-radix-scroll-area-viewport] { padding-right: 0; }.composer-tool-menu { position: fixed; right: 12px; bottom: max(72px, calc(env(safe-area-inset-bottom) + 58px)); left: 12px; width: auto; max-height: min(70dvh, 590px); }.composer-tool-item,.composer-context-list button { padding: 11px 9px; }.ai-chat-stage .prose { font-size: .95rem; line-height: 1.72; }.ai-chat-stage .prose pre { font-size: .76rem; }.ai-chat-stage .prose code { word-break: break-word; }.ai-chat-stage .max-w-\[calc\(100\%-2\.75rem\)\] { max-width: calc(100% - 2.45rem); padding: .7rem .8rem; }.chat-activity-feed { margin-left: 0; } } .ai-chat-page { grid-template-columns: minmax(0, 1fr); }.conversation-rail { display: none; }.chat-attached-controls { display: none; } .composer-mode-switch { display: flex; width: fit-content; max-width: 100%; gap: 2px; border: 1px solid rgba(148,163,184,.2); border-radius: 999px; padding: 3px; background: rgba(2,6,23,.78); }.composer-mode-switch button { display: grid; gap: 2px; border: 0; border-radius: 999px; padding: 7px 12px; color: #8491a8; background: transparent; text-align: left; transition: background 140ms ease-out,color 140ms ease-out; }.composer-mode-switch button.active { color: #f8fbff; background: linear-gradient(135deg,rgba(21,157,196,.65),rgba(111,59,194,.72)); box-shadow: 0 4px 16px rgba(47,111,208,.18); }.composer-mode-switch span { font-size: 10px; font-weight: 800; line-height: 1; }.composer-mode-switch small { font-size: 8px; line-height: 1.1; opacity: .75; }.ai-chat-stage form { min-width: 0; }.ai-chat-stage form > .flex { min-width: 0; }.ai-chat-stage form textarea { min-width: 0; } @media (max-width: 520px) { .composer-mode-switch { width: 100%; }.composer-mode-switch button { flex: 1; padding: 6px 9px; }.composer-mode-switch span { font-size: 9px; }.composer-mode-switch small { font-size: 7px; }.ai-chat-stage form { padding: 10px; } } .ai-chat-stage { display: flex; min-height: 0; flex-direction: column; }.ai-chat-stage > div { height: auto !important; min-height: 0; flex: 1 1 auto; }.ai-chat-stage > div > div:first-child { min-height: 0; } @media (max-width: 650px) { .ai-chat-stage { height: calc(100svh - 196px) !important; min-height: 0; }.ai-chat-stage > div { min-height: 0; } } .chat-activity-feed { margin: 0 0 4px 44px; padding: 0; overflow: hidden; }.chat-activity-feed > summary { display: grid; grid-template-columns: 20px minmax(0,1fr) auto; align-items: center; gap: 7px; list-style: none; cursor: pointer; padding: 9px 10px; color: #e6f3ff; }.chat-activity-feed > summary::-webkit-details-marker { display: none; }.chat-activity-feed > summary strong { font-size: 10px; }.chat-activity-feed > summary small { color: #8ba0bb; font-size: 9px; }.chat-activity-summary-icon { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 6px; color: #b9faff; background: rgba(34,211,238,.16); }.chat-activity-list { display: grid; gap: 6px; border-top: 1px solid rgba(34,211,238,.12); padding: 8px 10px 10px 14px; }.chat-activity-feed:not([open]) > summary { padding-bottom: 9px; }@media (max-width: 650px) { .chat-activity-feed { margin-left: 0; }.chat-activity-feed > summary { padding-inline: 8px; }.chat-activity-list { padding-left: 8px; padding-right: 8px; } } .ai-chat-stage > div,.ai-chat-stage > div > div,.ai-chat-stage > div > div > div { width: 100%; max-width: none; }.ai-chat-stage form > .flex { width: 100%; flex-wrap: nowrap; }.ai-chat-stage form textarea { width: 1px; flex: 1 1 auto; } @media (max-width: 650px) { .ai-chat-page { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }.ai-chat-main { width: 100%; max-width: 100%; }.ai-chat-header { width: 100%; }.ai-chat-stage { width: 100%; max-width: 100%; padding-inline: 8px; }.ai-chat-stage > div { width: 100%; }.ai-chat-stage > div > div { width: 100%; }.ai-chat-stage .prose { max-width: none; }.ai-chat-stage .max-w-\[calc\(100\%-2\.75rem\)\] { max-width: calc(100% - 1rem); }.ai-chat-stage form { width: 100%; max-width: 100%; box-sizing: border-box; } } @media (max-width: 650px) { .ai-chat-stage form > .flex { position: relative; display: block; width: 100%; min-height: 54px; }.ai-chat-stage form > .flex > .composer-tool-shell { position: absolute; z-index: 2; left: 8px; bottom: 8px; }.ai-chat-stage form > .flex > .composer-vault-button { position: absolute; z-index: 2; left: 50px; bottom: 8px; }.ai-chat-stage form > .flex > textarea { display: block; width: 100%; min-height: 54px !important; padding-right: 50px; padding-left: 90px; }.ai-chat-stage form > .flex > button[type="submit"] { position: absolute; z-index: 2; right: 8px; bottom: 8px; } } @media (max-width: 650px) { .ai-chat-page { height: calc(100svh - 60px) !important; min-height: 0 !important; box-sizing: border-box; overflow: hidden; }.ai-chat-main { height: 100% !important; min-height: 0 !important; overflow: hidden; }.ai-chat-stage { min-height: 0; flex: 1 1 auto; overflow: hidden; }.ai-chat-stage > div { height: 100% !important; min-height: 0; flex: 1 1 auto; }.ai-chat-footer { flex: 0 0 auto; } } .composer-settings-row { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 8px; }.composer-model-profile { display: inline-flex; align-items: center; gap: 6px; color: #8290a7; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.composer-model-profile select { min-width: 102px; border: 1px solid rgba(148,163,184,.2); border-radius: 8px; background: rgba(2,6,23,.84); padding: 6px 8px; color: #dbeafe; font-size: 10px; font-weight: 700; letter-spacing: 0; text-transform: none; outline: none; }.composer-model-profile select:focus-visible { border-color: rgba(103,232,249,.7); box-shadow: 0 0 0 2px rgba(34,211,238,.14); } @media (max-width: 520px) { .composer-settings-row { align-items: stretch; flex-direction: column; }.composer-model-profile { justify-content: space-between; }.composer-model-profile select { flex: 1; } } .subby-diff-review { display: grid; gap: 8px; margin-top: 10px; padding: 10px; border: 1px solid rgba(245,158,11,.22); border-radius: 10px; background: rgba(120,53,15,.08); }.subby-diff-review-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }.subby-diff-review-head strong { display: block; color: #fde68a; font-size: 10px; }.subby-diff-review-head span { display: block; margin-top: 3px; color: #aebbd0; font-size: 9px; line-height: 1.45; }.subby-diff-clear { flex: 0 0 auto; border: 1px solid rgba(148,163,184,.2); border-radius: 7px; padding: 5px 7px; color: #9aa9bd; background: transparent; font-size: 9px; }.subby-diff-clear:hover { color: #fff; background: rgba(148,163,184,.1); }.subby-diff-files { display: flex; flex-wrap: wrap; gap: 5px; }.subby-diff-files button { display: grid; gap: 2px; border: 1px solid rgba(148,163,184,.18); border-radius: 7px; padding: 6px 8px; color: #aebbd0; background: rgba(2,6,23,.45); text-align: left; }.subby-diff-files button.active { border-color: rgba(103,232,249,.55); background: rgba(8,145,178,.16); color: #e0f2fe; }.subby-diff-files code,.subby-diff-active-title code { overflow-wrap: anywhere; font-size: 9px; }.subby-diff-files span,.subby-diff-active-title span { color: #8ba0bb; font-size: 8px; }.subby-diff-active { display: grid; gap: 7px; min-width: 0; }.subby-diff-active-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #dbeafe; }.subby-diff-active p { margin: 0; color: #c4d2e5; font-size: 10px; line-height: 1.5; }.subby-diff-active pre { max-height: 250px; overflow: auto; margin: 0; border: 1px solid rgba(148,163,184,.12); border-radius: 8px; padding: 9px; background: rgba(2,6,23,.78); color: #cbd5e1; font-size: 9px; line-height: 1.55; white-space: pre; }.subby-diff-approval { display: flex; flex-wrap: wrap; gap: 12px; }.subby-diff-approval button { display: inline-flex; align-items: center; gap: 5px; }.subby-diff-approval button:disabled { opacity: .45; cursor: not-allowed; } @media (max-width: 520px) { .subby-diff-review-head { flex-direction: column; }.subby-diff-clear { width: 100%; }.subby-diff-files { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }.subby-diff-files button { min-width: 0; }.subby-diff-active-title { align-items: flex-start; flex-direction: column; }.subby-diff-approval { display: grid; gap: 8px; }.subby-diff-approval button { justify-content: center; width: 100%; border: 1px solid rgba(148,163,184,.16); border-radius: 7px; padding: 8px; } } .subby-diff-file-actions { display: flex; flex-wrap: wrap; gap: 7px; }.subby-diff-file-actions button { border: 1px solid rgba(148,163,184,.22); border-radius: 7px; padding: 6px 9px; color: #b9c7d9; background: rgba(15,23,42,.68); font-size: 9px; }.subby-diff-file-actions button:hover,.subby-diff-file-actions button.selected { border-color: rgba(103,232,249,.5); background: rgba(8,145,178,.16); color: #cffafe; }.subby-diff-file-actions button.selected.rejected { border-color: rgba(251,146,60,.5); background: rgba(154,52,18,.18); color: #fed7aa; }.subby-diff-files button span { display: block; }.subby-diff-files button.active span { color: #bae6fd; } @media (max-width: 520px) { .subby-diff-file-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }.subby-diff-file-actions button { width: 100%; } } .subby-actions-status { display: grid; gap: 8px; margin-top: 10px; padding: 10px; border: 1px solid rgba(103,232,249,.12); border-radius: 10px; background: rgba(2,6,23,.35); }.subby-actions-status-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }.subby-actions-status-head strong { display: block; color: #dbeafe; font-size: 10px; }.subby-actions-status-head span { display: block; margin-top: 2px; color: rgba(186,230,253,.58); font-size: 9px; line-height: 1.5; }.subby-actions-refresh { border: 1px solid rgba(103,232,249,.24); border-radius: 6px; padding: 5px 8px; color: #a5f3fc; background: rgba(8,145,178,.11); font-size: 9px; font-weight: 700; }.subby-actions-refresh:disabled { opacity: .55; }.subby-actions-runs { display: grid; gap: 5px; }.subby-actions-run { display: flex; align-items: center; gap: 7px; min-width: 0; padding: 7px 8px; border: 1px solid rgba(148,163,184,.12); border-radius: 7px; color: #cbd5e1; text-decoration: none; background: rgba(15,23,42,.52); }.subby-actions-run:hover { border-color: rgba(103,232,249,.28); background: rgba(15,23,42,.82); }.subby-actions-run-dot { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 999px; background: #fbbf24; box-shadow: 0 0 9px rgba(251,191,36,.6); }.subby-actions-run.success .subby-actions-run-dot { background: #34d399; box-shadow: 0 0 9px rgba(52,211,153,.55); }.subby-actions-run.failure .subby-actions-run-dot { background: #fb7185; box-shadow: 0 0 9px rgba(251,113,133,.55); }.subby-actions-run-copy { min-width: 0; flex: 1; }.subby-actions-run-copy strong,.subby-actions-run-copy span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.subby-actions-run-copy strong { color: #e2e8f0; font-size: 9px; }.subby-actions-run-copy span { margin-top: 2px; color: rgba(203,213,225,.56); font-size: 8px; text-transform: capitalize; } .subby-diff-mode { display: inline-flex; margin-left: auto; border: 1px solid rgba(148,163,184,.18); border-radius: 6px; overflow: hidden; }.subby-diff-mode button { border: 0; padding: 4px 7px; color: rgba(203,213,225,.62); background: transparent; font-size: 8px; font-weight: 700; }.subby-diff-mode button.active { color: #e0f2fe; background: rgba(34,211,238,.16); }.subby-diff-line { display: flex; min-width: max-content; }.subby-diff-line-number { width: 56px; flex: 0 0 56px; padding-right: 8px; color: rgba(148,163,184,.46); text-align: right; user-select: none; }.subby-diff-line-text { padding-right: 12px; white-space: pre; }.subby-diff-line.added { color: #bbf7d0; background: rgba(34,197,94,.1); }.subby-diff-line.removed { color: #fecdd3; background: rgba(244,63,94,.1); }.subby-diff-line.hunk { color: #c4b5fd; background: rgba(139,92,246,.11); }.subby-split-diff { overflow: auto; border: 1px solid rgba(148,163,184,.13); border-radius: 8px; background: rgba(2,6,23,.65); font: 9px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; }.subby-split-row { display: grid; grid-template-columns: 1fr 1fr; min-width: 620px; }.subby-split-cell { display: block; min-height: 24px; padding: 4px 7px; color: #cbd5e1; white-space: pre; border-right: 1px solid rgba(148,163,184,.1); }.subby-split-cell b { display: inline-block; width: 28px; margin-right: 6px; color: rgba(148,163,184,.45); font-weight: 500; text-align: right; }.subby-split-cell.added { color: #bbf7d0; background: rgba(34,197,94,.1); }.subby-split-cell.removed { color: #fecdd3; background: rgba(244,63,94,.1); }.subby-split-hunk { padding: 5px 8px; color: #c4b5fd; background: rgba(139,92,246,.11); }.subby-inline-comments { display: grid; gap: 7px; margin-top: 10px; }.subby-inline-comments-head { display: flex; justify-content: space-between; color: #dbeafe; font-size: 10px; }.subby-inline-comments-head span { color: rgba(186,230,253,.5); font-size: 9px; }.subby-inline-comment { padding: 7px 8px; border-left: 2px solid rgba(167,139,250,.65); border-radius: 0 7px 7px 0; background: rgba(139,92,246,.08); }.subby-inline-comment span { color: #c4b5fd; font-size: 8px; text-transform: capitalize; }.subby-inline-comment p { margin: 3px 0 0; color: #cbd5e1; font-size: 9px; line-height: 1.5; }.subby-inline-comment-form { display: grid; grid-template-columns: 55px minmax(0,1fr) auto; gap: 6px; }.subby-inline-comment-form input { min-width: 0; border: 1px solid rgba(148,163,184,.18); border-radius: 6px; padding: 6px 7px; color: #e2e8f0; background: rgba(2,6,23,.68); font-size: 9px; }.subby-inline-comment-form button { border: 1px solid rgba(167,139,250,.3); border-radius: 6px; padding: 6px 8px; color: #ede9fe; background: rgba(139,92,246,.15); font-size: 9px; font-weight: 700; }.subby-inline-comment-form button:disabled { opacity: .45; } @media (max-width: 640px) { .subby-diff-mode { margin-left: 0; }.subby-unified-diff-meta { flex-wrap: wrap; }.subby-inline-comment-form { grid-template-columns: 48px minmax(0,1fr); }.subby-inline-comment-form button { grid-column: 1 / -1; }.subby-split-row { min-width: 540px; } } .subby-review-resume { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; padding: 10px; border: 1px solid rgba(167,139,250,.22); border-radius: 10px; background: rgba(139,92,246,.08); }.subby-review-resume strong,.subby-review-resume span { display: block; }.subby-review-resume strong { color: #ede9fe; font-size: 10px; }.subby-review-resume span { margin-top: 3px; color: rgba(221,214,254,.6); font-size: 9px; }.subby-review-resume button { border: 1px solid rgba(196,181,253,.32); border-radius: 7px; padding: 6px 9px; color: #f5f3ff; background: rgba(139,92,246,.18); font-size: 9px; font-weight: 800; white-space: nowrap; } @layer components; /*! tailwindcss v4.1.14 | 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-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; } } } @layer theme { :root, :host { --color-red-100: oklch(93.6% .032 17.717); --color-red-500: oklch(63.7% .237 25.331); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-lg: 32rem; --container-2xl: 42rem; --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-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-tight: -.025em; --tracking-widest: .1em; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --blur-sm: 8px; --blur-2xl: 40px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: "Manrope", sans-serif; --default-mono-font-family: "DM Mono", monospace; --color-border: var(--border); } } @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; } } @layer utilities { .\@container\/card-header { container: card-header / inline-size; } .\@container\/field-group { container: field-group / inline-size; } .pointer-events-none { pointer-events: none; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .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); } .-top-12 { top: calc(var(--spacing) * -12); } .top-0 { top: calc(var(--spacing) * 0); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: 50%; } .top-3\.5 { top: calc(var(--spacing) * 3.5); } .top-4 { top: calc(var(--spacing) * 4); } .top-\[1px\] { top: 1px; } .top-\[50\%\] { top: 50%; } .top-\[60\%\] { top: 60%; } .top-full { top: 100%; } .-right-12 { right: calc(var(--spacing) * -12); } .right-0 { right: calc(var(--spacing) * 0); } .right-1 { right: calc(var(--spacing) * 1); } .right-2 { right: calc(var(--spacing) * 2); } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .-bottom-12 { bottom: calc(var(--spacing) * -12); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .-left-12 { left: calc(var(--spacing) * -12); } .left-0 { left: calc(var(--spacing) * 0); } .left-1\/2 { left: 50%; } .left-2 { left: calc(var(--spacing) * 2); } .left-4 { left: calc(var(--spacing) * 4); } .left-\[50\%\] { left: 50%; } .isolate { isolation: isolate; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-50 { z-index: 50; } .z-\[1\] { z-index: 1; } .order-first { order: -9999; } .order-last { order: 9999; } .col-start-2 { grid-column-start: 2; } .row-span-2 { grid-row: span 2 / span 2; } .row-start-1 { grid-row-start: 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; } } .\!m-0 { margin: calc(var(--spacing) * 0) !important; } .m-0 { margin: calc(var(--spacing) * 0); } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-3 { margin-inline: calc(var(--spacing) * 3); } .mx-3\.5 { margin-inline: calc(var(--spacing) * 3.5); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-auto { margin-inline: auto; } .-my-2 { margin-block: calc(var(--spacing) * -2); } .my-0 { margin-block: calc(var(--spacing) * 0); } .my-0\.5 { margin-block: calc(var(--spacing) * .5); } .my-1 { margin-block: calc(var(--spacing) * 1); } .prose { color: var(--tw-prose-body); max-width: 65ch; } .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-lead); margin-top: 1.2em; margin-bottom: 1.2em; font-size: 1.25em; line-height: 1.6; } .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-links); font-weight: 500; text-decoration: underline; } .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: decimal; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: decimal; } .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: disc; } .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-counters); font-weight: 400; } .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.25em; font-weight: 600; } .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-quotes); border-inline-start-width: .25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "“""”""‘""’"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; font-style: italic; font-weight: 500; } .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before { content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: close-quote; } .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 0; margin-bottom: .888889em; font-size: 2.25em; font-weight: 800; line-height: 1.11111; } .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 900; } .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 2em; margin-bottom: 1em; font-size: 1.5em; font-weight: 700; line-height: 1.33333; } .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 800; } .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.6em; margin-bottom: .6em; font-size: 1.25em; font-weight: 600; line-height: 1.6; } .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 700; } .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.5em; margin-bottom: .5em; font-weight: 600; line-height: 1.5; } .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 700; } .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; display: block; } .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); padding-top: .1875em; padding-inline-end: .375em; padding-bottom: .1875em; border-radius: .3125rem; padding-inline-start: .375em; font-family: inherit; font-size: .875em; font-weight: 500; } .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-code); font-size: .875em; font-weight: 600; } .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: "`"; } .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: .875em; } .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: .9em; } .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); padding-top: .857143em; padding-inline-end: 1.14286em; padding-bottom: .857143em; border-radius: .375rem; margin-top: 1.71429em; margin-bottom: 1.71429em; padding-inline-start: 1.14286em; font-size: .875em; font-weight: 400; line-height: 1.71429; overflow-x: auto; } .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; background-color: #0000; border-width: 0; border-radius: 0; padding: 0; } .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: none; } .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { table-layout: auto; width: 100%; margin-top: 2em; margin-bottom: 2em; font-size: .875em; line-height: 1.71429; } .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); vertical-align: bottom; padding-inline-end: .571429em; padding-bottom: .571429em; padding-inline-start: .571429em; font-weight: 600; } .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 0; } .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: baseline; } .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: top; } .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-align: start; } .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-captions); margin-top: .857143em; font-size: .875em; line-height: 1.42857; } .prose { --tw-prose-body: oklch(37.3% .034 259.733); --tw-prose-headings: oklch(21% .034 264.665); --tw-prose-lead: oklch(44.6% .03 256.802); --tw-prose-links: oklch(21% .034 264.665); --tw-prose-bold: oklch(21% .034 264.665); --tw-prose-counters: oklch(55.1% .027 264.364); --tw-prose-bullets: oklch(87.2% .01 258.338); --tw-prose-hr: oklch(92.8% .006 264.531); --tw-prose-quotes: oklch(21% .034 264.665); --tw-prose-quote-borders: oklch(92.8% .006 264.531); --tw-prose-captions: oklch(55.1% .027 264.364); --tw-prose-kbd: oklch(21% .034 264.665); --tw-prose-kbd-shadows: oklab(21% -.00316127 -.0338527 / .1); --tw-prose-code: oklch(21% .034 264.665); --tw-prose-pre-code: oklch(92.8% .006 264.531); --tw-prose-pre-bg: oklch(27.8% .033 256.848); --tw-prose-th-borders: oklch(87.2% .01 258.338); --tw-prose-td-borders: oklch(92.8% .006 264.531); --tw-prose-invert-body: oklch(87.2% .01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% .022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% .022 261.325); --tw-prose-invert-bullets: oklch(44.6% .03 256.802); --tw-prose-invert-hr: oklch(37.3% .034 259.733); --tw-prose-invert-quotes: oklch(96.7% .003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733); --tw-prose-invert-captions: oklch(70.7% .022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: #ffffff1a; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% .01 258.338); --tw-prose-invert-pre-bg: #00000080; --tw-prose-invert-th-borders: oklch(44.6% .03 256.802); --tw-prose-invert-td-borders: oklch(37.3% .034 259.733); font-size: 1rem; line-height: 1.75; } .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .5em; margin-bottom: .5em; } .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: .375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .75em; margin-bottom: .75em; } .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .75em; margin-bottom: .75em; } .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .5em; padding-inline-start: 1.625em; } .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: .571429em; padding-inline-end: .571429em; padding-bottom: .571429em; padding-inline-start: .571429em; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0; } .prose-sm { font-size: .875rem; line-height: 1.71429; } .prose-sm :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; } .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .888889em; margin-bottom: .888889em; font-size: 1.28571em; line-height: 1.55556; } .prose-sm :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em; padding-inline-start: 1.11111em; } .prose-sm :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: .8em; font-size: 2.14286em; line-height: 1.2; } .prose-sm :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.6em; margin-bottom: .8em; font-size: 1.42857em; line-height: 1.4; } .prose-sm :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.55556em; margin-bottom: .444444em; font-size: 1.28571em; line-height: 1.55556; } .prose-sm :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.42857em; margin-bottom: .571429em; line-height: 1.42857; } .prose-sm :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; } .prose-sm :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose-sm :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; } .prose-sm :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: .142857em; padding-inline-end: .357143em; padding-bottom: .142857em; border-radius: .3125rem; padding-inline-start: .357143em; font-size: .857143em; } .prose-sm :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: .857143em; } .prose-sm :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: .9em; } .prose-sm :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: .888889em; } .prose-sm :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: .666667em; padding-inline-end: 1em; padding-bottom: .666667em; border-radius: .25rem; margin-top: 1.66667em; margin-bottom: 1.66667em; padding-inline-start: 1em; font-size: .857143em; line-height: 1.66667; } .prose-sm :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; padding-inline-start: 1.57143em; } .prose-sm :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .285714em; margin-bottom: .285714em; } .prose-sm :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: .428571em; } .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .571429em; margin-bottom: .571429em; } .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; } .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.14286em; } .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; } .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.14286em; } .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .571429em; margin-bottom: .571429em; } .prose-sm :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; } .prose-sm :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; } .prose-sm :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .285714em; padding-inline-start: 1.57143em; } .prose-sm :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2.85714em; margin-bottom: 2.85714em; } .prose-sm :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: .857143em; line-height: 1.5; } .prose-sm :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 1em; padding-bottom: .666667em; padding-inline-start: 1em; } .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: .666667em; padding-inline-end: 1em; padding-bottom: .666667em; padding-inline-start: 1em; } .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } .prose-sm :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; } .prose-sm :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose-sm :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .666667em; font-size: .857143em; line-height: 1.33333; } .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0; } .-mt-4 { margin-top: calc(var(--spacing) * -4); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-auto { margin-top: auto; } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .-ml-4 { margin-left: calc(var(--spacing) * -4); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-auto { margin-left: auto; } .line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .block { display: block; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-flex { display: inline-flex; } .table { display: table; } .table-caption { display: table-caption; } .table-cell { display: table-cell; } .table-row { display: table-row; } .field-sizing-content { field-sizing: content; } .aspect-square { aspect-ratio: 1; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-\(--cell-size\) { width: var(--cell-size); height: var(--cell-size); } .size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } .size-2\.5 { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); } .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } .size-\[17px\] { width: 17px; height: 17px; } .size-auto { width: auto; height: auto; } .size-full { width: 100%; height: 100%; } .h-\(--cell-size\) { height: var(--cell-size); } .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-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-12 { height: calc(var(--spacing) * 12); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-32 { height: calc(var(--spacing) * 32); } .h-64 { height: calc(var(--spacing) * 64); } .h-\[1\.15rem\] { height: 1.15rem; } .h-\[38px\] { height: 38px; } .h-\[200px\] { height: 200px; } .h-\[500px\] { height: 500px; } .h-\[calc\(100\%-1px\)\] { height: calc(100% - 1px); } .h-\[var\(--radix-navigation-menu-viewport-height\)\] { height: var(--radix-navigation-menu-viewport-height); } .h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .h-svh { height: 100svh; } .max-h-\(--radix-context-menu-content-available-height\) { max-height: var(--radix-context-menu-content-available-height); } .max-h-\(--radix-dropdown-menu-content-available-height\) { max-height: var(--radix-dropdown-menu-content-available-height); } .max-h-\(--radix-select-content-available-height\) { max-height: var(--radix-select-content-available-height); } .max-h-28 { max-height: calc(var(--spacing) * 28); } .max-h-32 { max-height: calc(var(--spacing) * 32); } .max-h-\[300px\] { max-height: 300px; } .max-h-\[420px\] { max-height: 420px; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-4 { min-height: calc(var(--spacing) * 4); } .min-h-9 { min-height: calc(var(--spacing) * 9); } .min-h-16 { min-height: calc(var(--spacing) * 16); } .min-h-\[200px\] { min-height: 200px; } .min-h-screen { min-height: 100vh; } .min-h-svh { min-height: 100svh; } .w-\(--cell-size\) { width: var(--cell-size); } .w-\(--sidebar-width\) { width: var(--sidebar-width); } .w-0 { width: calc(var(--spacing) * 0); } .w-1 { width: calc(var(--spacing) * 1); } .w-1\/2 { width: 50%; } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\/4 { width: 75%; } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-32 { width: calc(var(--spacing) * 32); } .w-48 { width: calc(var(--spacing) * 48); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-\[38px\] { width: 38px; } .w-\[100px\] { width: 100px; } .w-\[280px\] { width: 280px; } .w-\[400px\] { width: 400px; } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-max { width: max-content; } .w-px { width: 1px; } .max-w-\(--skeleton-width\) { max-width: var(--skeleton-width); } .max-w-2xl { max-width: var(--container-2xl); } .max-w-6xl { max-width: var(--container-6xl); } .max-w-\[510px\] { max-width: 510px; } .max-w-\[calc\(100\%-2\.75rem\)\] { max-width: calc(100% - 2.75rem); } .max-w-\[calc\(100\%-2rem\)\] { max-width: calc(100% - 2rem); } .max-w-lg { max-width: var(--container-lg); } .max-w-max { max-width: max-content; } .max-w-none { max-width: none; } .max-w-sm { max-width: var(--container-sm); } .max-w-xs { max-width: var(--container-xs); } .min-w-\(--cell-size\) { min-width: var(--cell-size); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-5 { min-width: calc(var(--spacing) * 5); } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-9 { min-width: calc(var(--spacing) * 9); } .min-w-10 { min-width: calc(var(--spacing) * 10); } .min-w-\[8rem\] { min-width: 8rem; } .min-w-\[12rem\] { min-width: 12rem; } .min-w-\[175px\] { min-width: 175px; } .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); } .flex-1 { flex: 1; } .flex-shrink-0, .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .basis-full { flex-basis: 100%; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .origin-\(--radix-context-menu-content-transform-origin\) { transform-origin: var(--radix-context-menu-content-transform-origin); } .origin-\(--radix-dropdown-menu-content-transform-origin\) { transform-origin: var(--radix-dropdown-menu-content-transform-origin); } .origin-\(--radix-hover-card-content-transform-origin\) { transform-origin: var(--radix-hover-card-content-transform-origin); } .origin-\(--radix-menubar-content-transform-origin\) { transform-origin: var(--radix-menubar-content-transform-origin); } .origin-\(--radix-popover-content-transform-origin\) { transform-origin: var(--radix-popover-content-transform-origin); } .origin-\(--radix-select-content-transform-origin\) { transform-origin: var(--radix-select-content-transform-origin); } .origin-\(--radix-tooltip-content-transform-origin\) { transform-origin: var(--radix-tooltip-content-transform-origin); } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-px { --tw-translate-x: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[-50\%\] { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-px { --tw-translate-x: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0\.5 { --tw-translate-y: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-50\%\] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[calc\(-50\%_-_2px\)\] { --tw-translate-y: calc(-50% - 2px); translate: var(--tw-translate-x) var(--tw-translate-y); } .-rotate-90 { rotate: -90deg; } .rotate-45 { rotate: 45deg; } .rotate-90 { rotate: 90deg; } .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); } .animate-spin { animation: var(--animate-spin); } .cursor-default { cursor: default; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .touch-none { touch-action: none; } .resize-none { resize: none; } .scroll-my-1 { scroll-margin-block: calc(var(--spacing) * 1); } .scroll-py-1 { scroll-padding-block: calc(var(--spacing) * 1); } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .auto-rows-min { grid-auto-rows: min-content; } .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-\[0_1fr\] { grid-template-columns: 0 1fr; } .grid-rows-\[auto_auto\] { grid-template-rows: auto auto; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .justify-items-start { justify-items: start; } .gap-0 { gap: calc(var(--spacing) * 0); } .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-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-7 { gap: calc(var(--spacing) * 7); } :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-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-7 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 7) * 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))); } :where(.space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } .gap-y-0\.5 { row-gap: calc(var(--spacing) * .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-white\/\[0\.06\] > :not(:last-child)) { border-color: #ffffff0f; } @supports (color: color-mix(in lab, red, red)) { :where(.divide-white\/\[0\.06\] > :not(:last-child)) { border-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .justify-self-end { justify-self: flex-end; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .rounded { border-radius: .25rem; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[calc\(var\(--radius\)-5px\)\] { border-radius: calc(var(--radius) - 5px); } .rounded-\[inherit\] { border-radius: inherit; } .rounded-full { border-radius: 3.40282e38px; } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-xs { border-radius: var(--radius-xs); } .rounded-l-md { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .rounded-tl-sm { border-top-left-radius: var(--radius-sm); } .rounded-r-md { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0; } .border-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-\(--color-border\) { border-color: var(--color-border); } .border-\[rgba\(0\,0\,0\,0\.08\)\] { border-color: #00000014; } .border-amber-300\/20 { border-color: #ffd23633; } @supports (color: color-mix(in lab, red, red)) { .border-amber-300\/20 { border-color: color-mix(in oklab, var(--color-amber-300) 20%, transparent); } } .border-border, .border-border\/50 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/50 { border-color: color-mix(in oklab, var(--border) 50%, transparent); } } .border-cyan-300\/15 { border-color: #53eafd26; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-300\/15 { border-color: color-mix(in oklab, var(--color-cyan-300) 15%, transparent); } } .border-cyan-300\/20 { border-color: #53eafd33; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-300\/20 { border-color: color-mix(in oklab, var(--color-cyan-300) 20%, transparent); } } .border-cyan-300\/25 { border-color: #53eafd40; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-300\/25 { border-color: color-mix(in oklab, var(--color-cyan-300) 25%, transparent); } } .border-cyan-300\/30 { border-color: #53eafd4d; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-300\/30 { border-color: color-mix(in oklab, var(--color-cyan-300) 30%, transparent); } } .border-primary { border-color: var(--primary); } .border-slate-500\/25 { border-color: #62748e40; } @supports (color: color-mix(in lab, red, red)) { .border-slate-500\/25 { border-color: color-mix(in oklab, var(--color-slate-500) 25%, transparent); } } .border-slate-700\/50 { border-color: #31415880; } @supports (color: color-mix(in lab, red, red)) { .border-slate-700\/50 { border-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent); } } .border-transparent { border-color: #0000; } .border-violet-300\/25 { border-color: #c4b4ff40; } @supports (color: color-mix(in lab, red, red)) { .border-violet-300\/25 { border-color: color-mix(in oklab, var(--color-violet-300) 25%, transparent); } } .border-t-transparent { border-top-color: #0000; } .border-l-transparent { border-left-color: #0000; } .bg-\(--color-bg\) { background-color: var(--color-bg); } .bg-\[\#1a1a19\] { background-color: #1a1a19; } .bg-\[\#060710\] { background-color: #060710; } .bg-\[\#f8f8f7\] { background-color: #f8f8f7; } .bg-accent { background-color: var(--accent); } .bg-amber-300\/\[0\.05\] { background-color: #ffd2360d; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-300\/\[0\.05\] { background-color: color-mix(in oklab, var(--color-amber-300) 5%, transparent); } } .bg-amber-300\/\[0\.07\] { background-color: #ffd23612; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-300\/\[0\.07\] { background-color: color-mix(in oklab, var(--color-amber-300) 7.0%, transparent); } } .bg-background, .bg-background\/50 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/50 { background-color: color-mix(in oklab, var(--background) 50%, transparent); } } .bg-black\/30 { background-color: #0000004d; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/30 { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } .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-blue-600 { background-color: var(--color-blue-600); } .bg-border { background-color: var(--border); } .bg-card { background-color: var(--card); } .bg-cyan-300\/10 { background-color: #53eafd1a; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-300\/10 { background-color: color-mix(in oklab, var(--color-cyan-300) 10%, transparent); } } .bg-cyan-300\/\[0\.07\] { background-color: #53eafd12; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-300\/\[0\.07\] { background-color: color-mix(in oklab, var(--color-cyan-300) 7.0%, transparent); } } .bg-foreground { background-color: var(--foreground); } .bg-muted, .bg-muted\/50 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/50 { background-color: color-mix(in oklab, var(--muted) 50%, transparent); } } .bg-primary, .bg-primary\/10 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/10 { background-color: color-mix(in oklab, var(--primary) 10%, transparent); } } .bg-primary\/20 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/20 { background-color: color-mix(in oklab, var(--primary) 20%, transparent); } } .bg-red-100 { background-color: var(--color-red-100); } .bg-secondary { background-color: var(--secondary); } .bg-slate-900\/95 { background-color: #0f172bf2; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-900\/95 { background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent); } } .bg-slate-950 { background-color: var(--color-slate-950); } .bg-slate-950\/40 { background-color: #02061866; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-950\/40 { background-color: color-mix(in oklab, var(--color-slate-950) 40%, transparent); } } .bg-transparent { background-color: #0000; } .bg-violet-400\/10 { background-color: #a685ff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-violet-400\/10 { background-color: color-mix(in oklab, var(--color-violet-400) 10%, transparent); } } .bg-white { background-color: var(--color-white); } .bg-white\/80 { background-color: #fffc; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/80 { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .from-slate-50 { --tw-gradient-from: var(--color-slate-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-slate-100 { --tw-gradient-to: var(--color-slate-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .fill-current { fill: currentColor; } .fill-foreground { fill: var(--foreground); } .fill-primary { fill: var(--primary); } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .p-0 { padding: calc(var(--spacing) * 0); } .p-1 { padding: calc(var(--spacing) * 1); } .p-2 { padding: calc(var(--spacing) * 2); } .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-\[3px\] { padding: 3px; } .p-px { padding: 1px; } .px-\(--cell-size\) { padding-inline: var(--cell-size); } .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-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-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-12 { padding-top: calc(var(--spacing) * 12); } .pr-1 { padding-right: calc(var(--spacing) * 1); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-2\.5 { padding-right: calc(var(--spacing) * 2.5); } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-middle { vertical-align: middle; } .font-mono { font-family: DM Mono, monospace; } .font-sans { font-family: Manrope, sans-serif; } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\/relaxed { font-size: var(--text-sm); line-height: var(--leading-relaxed); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[0\.8rem\] { font-size: .8rem; } .text-\[8px\] { font-size: 8px; } .text-\[9px\] { font-size: 9px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-\[26px\] { --tw-leading: 26px; line-height: 26px; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .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-\[-0\.44px\] { --tw-tracking: -.44px; letter-spacing: -.44px; } .tracking-\[-0\.154px\] { --tw-tracking: -.154px; letter-spacing: -.154px; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-balance { text-wrap: balance; } .break-words { overflow-wrap: break-word; } .whitespace-break-spaces { white-space: break-spaces; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-\[\#34322d\] { color: #34322d; } .text-\[\#858481\] { color: #858481; } .text-accent-foreground { color: var(--accent-foreground); } .text-amber-100 { color: var(--color-amber-100); } .text-amber-200\/70 { color: #fee685b3; } @supports (color: color-mix(in lab, red, red)) { .text-amber-200\/70 { color: color-mix(in oklab, var(--color-amber-200) 70%, transparent); } } .text-background { color: var(--background); } .text-card-foreground { color: var(--card-foreground); } .text-current { color: currentColor; } .text-cyan-100 { color: var(--color-cyan-100); } .text-cyan-200 { color: var(--color-cyan-200); } .text-foreground { color: var(--foreground); } .text-muted-foreground { color: var(--muted-foreground); } .text-primary { color: var(--primary); } .text-primary-foreground { color: var(--primary-foreground); } .text-red-500 { color: var(--color-red-500); } .text-secondary-foreground { color: var(--secondary-foreground); } .text-slate-100 { color: var(--color-slate-100); } .text-slate-200 { color: var(--color-slate-200); } .text-slate-300 { color: var(--color-slate-300); } .text-slate-400 { color: var(--color-slate-400); } .text-slate-500 { color: var(--color-slate-500); } .text-slate-600 { color: var(--color-slate-600); } .text-slate-700 { color: var(--color-slate-700); } .text-slate-900 { color: var(--color-slate-900); } .text-violet-100 { color: var(--color-violet-100); } .text-white { color: var(--color-white); } .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, ); } .no-underline { text-decoration-line: none; } .underline { text-decoration-line: underline; } .underline-offset-4 { text-underline-offset: 4px; } .opacity-0 { opacity: 0; } .opacity-20 { opacity: .2; } .opacity-50 { opacity: .5; } .opacity-70 { opacity: .7; } .opacity-90 { opacity: .9; } .opacity-100 { opacity: 1; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_4px_11px_0px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0px 4px 11px 0px var(--tw-shadow-color, #00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-0 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-ring\/50 { --tw-ring-color: var(--ring); } @supports (color: color-mix(in lab, red, red)) { .ring-ring\/50 { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } .ring-offset-background { --tw-ring-offset-color: var(--background); } .outline-hidden { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .outline-hidden { outline-offset: 2px; outline: 2px solid #0000; } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .backdrop-blur-2xl { --tw-backdrop-blur: blur(var(--blur-2xl)); -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-\[color\,box-shadow\] { transition-property: color, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[left\,right\,width\] { transition-property: left, right, width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[margin\,opacity\] { transition-property: margin, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\,height\,padding\] { transition-property: width, height, padding; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-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)); } .transition-none { transition-property: none; } .duration-100 { --tw-duration: .1s; transition-duration: .1s; } .duration-200 { --tw-duration: .2s; transition-duration: .2s; } .duration-300 { --tw-duration: .3s; transition-duration: .3s; } .duration-1000 { --tw-duration: 1s; transition-duration: 1s; } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-linear { --tw-ease: linear; transition-timing-function: linear; } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .\[--cell-size\:--spacing\(8\)\] { --cell-size: calc(var(--spacing) * 8); } .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) { opacity: 1; } @media (hover: hover) { .group-hover\:translate-x-0\.5:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) { opacity: 1; } } .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) { padding-right: calc(var(--spacing) * 8); } .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation="horizontal"]) *) { text-wrap: balance; } .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot="item-description"]) *) { --tw-translate-y: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot="item-description"]) *) { align-self: flex-start; } .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has( > input) *) { padding-top: calc(var(--spacing) * 2.5); } .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has( > input) *) { padding-bottom: calc(var(--spacing) * 2.5); } .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) { margin-top: calc(var(--spacing) * -8); } .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) { display: none; } .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--spacing) * 8) !important; height: calc(var(--spacing) * 8) !important; } .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) { width: var(--sidebar-width-icon); } .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4))); } .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px); } .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) { overflow: hidden; } .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing) * 0) !important; } .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing) * 2) !important; } .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) { opacity: 0; } .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) { right: calc(var(--sidebar-width) * -1); } .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) { left: calc(var(--sidebar-width) * -1); } .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) { width: calc(var(--spacing) * 0); } .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) { pointer-events: none; } .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *), .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled="true"] *), .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *) { opacity: .5; } .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *) { position: relative; } .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"] *) { z-index: 10; } .group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused="true"] *) { border-color: var(--ring); } .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="true"] *) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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); } .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) { --tw-ring-color: var(--ring); } @supports (color: color-mix(in lab, red, red)) { .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) { right: calc(var(--spacing) * -4); } .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) { left: calc(var(--spacing) * 0); } .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) { rotate: 180deg; } .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) { rotate: 180deg; } .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) { border-radius: var(--radius-lg); } .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) { border-style: var(--tw-border-style); border-width: 1px; } .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant="outline"] *) { margin-bottom: calc(var(--spacing) * -2); } .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) { display: block; } .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *), .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *) { text-align: center; } .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { top: 100%; } .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { margin-top: calc(var(--spacing) * 1.5); } .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { overflow: hidden; } .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { border-radius: var(--radius-md); } .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { border-style: var(--tw-border-style); border-width: 1px; } .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { --tw-duration: .2s; transition-duration: .2s; } .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) { cursor: not-allowed; } .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) { opacity: .5; } .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) { top: calc(var(--spacing) * 1.5); } .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) { top: calc(var(--spacing) * 2.5); } .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) { top: calc(var(--spacing) * 1); } .selection\:bg-primary ::selection { background-color: var(--primary); } .selection\:bg-primary::selection { background-color: var(--primary); } .selection\:text-primary-foreground ::selection { color: var(--primary-foreground); } .selection\:text-primary-foreground::selection { color: var(--primary-foreground); } .file\:inline-flex::file-selector-button { display: inline-flex; } .file\:h-7::file-selector-button { height: calc(var(--spacing) * 7); } .file\:border-0::file-selector-button { border-style: var(--tw-border-style); border-width: 0; } .file\:bg-transparent::file-selector-button { background-color: #0000; } .file\:text-sm::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .file\:font-medium::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .file\:text-foreground::file-selector-button { color: var(--foreground); } .placeholder\:text-muted-foreground::placeholder { color: var(--muted-foreground); } .after\:absolute:after { content: var(--tw-content); position: absolute; } .after\:-inset-2:after { content: var(--tw-content); inset: calc(var(--spacing) * -2); } .after\:inset-y-0:after { content: var(--tw-content); inset-block: calc(var(--spacing) * 0); } .after\:left-1\/2:after { content: var(--tw-content); left: 50%; } .after\:w-1:after { content: var(--tw-content); width: calc(var(--spacing) * 1); } .after\:w-\[2px\]:after { content: var(--tw-content); width: 2px; } .after\:-translate-x-1\/2:after { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after { content: var(--tw-content); left: 100%; } .first\:rounded-l-md:first-child { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .first\:border-l:first-child { border-left-style: var(--tw-border-style); border-left-width: 1px; } .last\:mt-0:last-child { margin-top: calc(var(--spacing) * 0); } .last\:rounded-r-md:last-child { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } @media (hover: hover) { .hover\:bg-\[\#1a1a19\]\/90:hover { background-color: oklab(21.7386% -.000547238 .00184049 / .9); } .hover\:bg-accent:hover { background-color: var(--accent); } .hover\:bg-blue-700:hover { background-color: var(--color-blue-700); } .hover\:bg-muted:hover, .hover\:bg-muted\/50:hover { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-muted\/50:hover { background-color: color-mix(in oklab, var(--muted) 50%, transparent); } } .hover\:bg-primary\/90:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/90:hover { background-color: color-mix(in oklab, var(--primary) 90%, transparent); } } .hover\:bg-secondary\/80:hover { background-color: var(--secondary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-secondary\/80:hover { background-color: color-mix(in oklab, var(--secondary) 80%, transparent); } } .hover\:text-accent-foreground:hover { color: var(--accent-foreground); } .hover\:text-foreground:hover { color: var(--foreground); } .hover\:text-muted-foreground:hover { color: var(--muted-foreground); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-90:hover { opacity: .9; } .hover\:opacity-100:hover { opacity: 1; } .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-lg:hover { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:ring-4:hover { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:z-10:focus { z-index: 10; } .focus\:bg-accent:focus { background-color: var(--accent); } .focus\:text-accent-foreground:focus { color: var(--accent-foreground); } .focus\:ring-2:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-ring:focus { --tw-ring-color: var(--ring); } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus\:outline-hidden:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus\:outline-hidden:focus { outline-offset: 2px; outline: 2px solid #0000; } } .focus-visible\:z-10:focus-visible { z-index: 10; } .focus-visible\:border-ring:focus-visible { border-color: var(--ring); } .focus-visible\:ring-0:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-1:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-2:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-4:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-\[3px\]:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-ring:focus-visible, .focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: var(--ring); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } .focus-visible\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus-visible\:outline-hidden:focus-visible { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus-visible\:outline-hidden:focus-visible { outline-offset: 2px; outline: 2px solid #0000; } } .focus-visible\:outline-1:focus-visible { outline-style: var(--tw-outline-style); outline-width: 1px; } .focus-visible\:outline-ring:focus-visible { outline-color: var(--ring); } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:opacity-40:disabled { opacity: .4; } .disabled\:opacity-50:disabled { opacity: .5; } :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize { cursor: w-resize; } :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize { cursor: e-resize; } .has-focus\:border-ring:has(:focus) { border-color: var(--ring); } .has-focus\:ring-\[3px\]:has(:focus) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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); } .has-focus\:ring-ring\/50:has(:focus) { --tw-ring-color: var(--ring); } @supports (color: color-mix(in lab, red, red)) { .has-focus\:ring-ring\/50:has(:focus) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } .has-disabled\:opacity-50:has(:disabled) { opacity: .5; } .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) { grid-template-columns: 1fr auto; } .has-data-\[state\=checked\]\:border-primary:has([data-state="checked"]) { border-color: var(--primary); } .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state="checked"]) { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state="checked"]) { background-color: color-mix(in oklab, var(--primary) 5%, transparent); } } .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot="input-group-control"]:focus-visible) { border-color: var(--ring); } .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot="input-group-control"]:focus-visible) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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); } .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) { --tw-ring-color: var(--ring); } @supports (color: color-mix(in lab, red, red)) { .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } .has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align="block-end"]) { height: auto; } .has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align="block-end"]) { flex-direction: column; } .has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align="block-start"]) { height: auto; } .has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align="block-start"]) { flex-direction: column; } .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has( > [data-slot="button-group"]) { gap: calc(var(--spacing) * 2); } .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has( > [data-slot="checkbox-group"]) { gap: calc(var(--spacing) * 3); } .has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) { align-items: flex-start; } .has-\[\>\[data-slot\=field\]\]\:w-full:has( > [data-slot="field"]) { width: 100%; } .has-\[\>\[data-slot\=field\]\]\:flex-col:has( > [data-slot="field"]) { flex-direction: column; } .has-\[\>\[data-slot\=field\]\]\:rounded-md:has( > [data-slot="field"]) { border-radius: var(--radius-md); } .has-\[\>\[data-slot\=field\]\]\:border:has( > [data-slot="field"]) { border-style: var(--tw-border-style); border-width: 1px; } .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has( > [data-slot="radio-group"]) { gap: calc(var(--spacing) * 3); } .has-\[\>button\]\:mr-\[-0\.45rem\]:has( > button) { margin-right: -.45rem; } .has-\[\>button\]\:ml-\[-0\.45rem\]:has( > button) { margin-left: -.45rem; } .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has( > kbd) { margin-right: -.35rem; } .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has( > kbd) { margin-left: -.35rem; } .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has( > svg) { grid-template-columns: calc(var(--spacing) * 4) 1fr; } .has-\[\>svg\]\:gap-x-3:has( > svg) { column-gap: calc(var(--spacing) * 3); } .has-\[\>svg\]\:p-0:has( > svg) { padding: calc(var(--spacing) * 0); } .has-\[\>svg\]\:px-2:has( > svg) { padding-inline: calc(var(--spacing) * 2); } .has-\[\>svg\]\:px-2\.5:has( > svg) { padding-inline: calc(var(--spacing) * 2.5); } .has-\[\>svg\]\:px-3:has( > svg) { padding-inline: calc(var(--spacing) * 3); } .has-\[\>svg\]\:px-4:has( > svg) { padding-inline: calc(var(--spacing) * 4); } .has-\[\>textarea\]\:h-auto:has( > textarea) { height: auto; } .aria-disabled\:pointer-events-none[aria-disabled="true"] { pointer-events: none; } .aria-disabled\:opacity-50[aria-disabled="true"] { opacity: .5; } .aria-selected\:text-muted-foreground[aria-selected="true"] { color: var(--muted-foreground); } .data-\[active\=true\]\:z-10[data-active="true"] { z-index: 10; } .data-\[active\=true\]\:border-ring[data-active="true"] { border-color: var(--ring); } .data-\[active\=true\]\:bg-accent\/50[data-active="true"] { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .data-\[active\=true\]\:bg-accent\/50[data-active="true"] { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } .data-\[active\=true\]\:font-medium[data-active="true"] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .data-\[active\=true\]\:text-accent-foreground[data-active="true"] { color: var(--accent-foreground); } .data-\[active\=true\]\:ring-\[3px\][data-active="true"] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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); } .data-\[active\=true\]\:ring-ring\/50[data-active="true"] { --tw-ring-color: var(--ring); } @supports (color: color-mix(in lab, red, red)) { .data-\[active\=true\]\:ring-ring\/50[data-active="true"] { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } @media (hover: hover) { .data-\[active\=true\]\:hover\:bg-accent[data-active="true"]:hover { background-color: var(--accent); } } .data-\[active\=true\]\:focus\:bg-accent[data-active="true"]:focus { background-color: var(--accent); } .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; } .data-\[disabled\]\:opacity-50[data-disabled] { opacity: .5; } .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] { pointer-events: none; } .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] { opacity: .5; } .data-\[inset\]\:pl-8[data-inset] { padding-left: calc(var(--spacing) * 8); } .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] { height: calc(var(--spacing) * 1.5); } .data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] { height: 100%; } .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] { height: 1px; } .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] { width: 100%; } .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] { height: auto; } .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] { height: 100%; } .data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"] { min-height: calc(var(--spacing) * 44); } .data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"] { width: calc(var(--spacing) * 1.5); } .data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"] { width: auto; } .data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] { width: 100%; } .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] { width: 1px; } .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] { flex-direction: column; } .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] { height: 1px; } .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] { width: 100%; } .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] { flex-direction: column; } .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]:after { content: var(--tw-content); left: calc(var(--spacing) * 0); } .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]:after { content: var(--tw-content); height: calc(var(--spacing) * 1); } .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]:after { content: var(--tw-content); width: 100%; } .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]:after { content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]:after { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[placeholder\]\:text-muted-foreground[data-placeholder] { color: var(--muted-foreground); } .data-\[range-end\=true\]\:rounded-md[data-range-end="true"] { border-radius: var(--radius-md); } .data-\[range-end\=true\]\:rounded-r-md[data-range-end="true"] { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .data-\[range-end\=true\]\:bg-primary[data-range-end="true"] { background-color: var(--primary); } .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] { color: var(--primary-foreground); } .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] { border-radius: 0; } .data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] { background-color: var(--accent); } .data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] { color: var(--accent-foreground); } .data-\[range-start\=true\]\:rounded-md[data-range-start="true"] { border-radius: var(--radius-md); } .data-\[range-start\=true\]\:rounded-l-md[data-range-start="true"] { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .data-\[range-start\=true\]\:bg-primary[data-range-start="true"] { background-color: var(--primary); } .data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] { color: var(--primary-foreground); } .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] { background-color: var(--primary); } .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] { color: var(--primary-foreground); } .data-\[selected\=true\]\:rounded-none[data-selected="true"] { border-radius: 0; } .data-\[selected\=true\]\:bg-accent[data-selected="true"] { background-color: var(--accent); } .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] { color: var(--accent-foreground); } .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] { --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[side\=left\]\:-translate-x-1[data-side="left"] { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[side\=right\]\:translate-x-1[data-side="right"] { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[side\=top\]\:-translate-y-1[data-side="top"] { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[size\=default\]\:h-9[data-size="default"] { height: calc(var(--spacing) * 9); } .data-\[size\=sm\]\:h-8[data-size="sm"] { height: calc(var(--spacing) * 8); } .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] { gap: calc(var(--spacing) * 3); } :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot="command-input-wrapper"] { height: calc(var(--spacing) * 12); } :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot="navigation-menu-link"]:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot="navigation-menu-link"]:focus { --tw-outline-style: none; outline-style: none; } :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] { display: flex; } :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] { align-items: center; } :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] { gap: calc(var(--spacing) * 2); } .data-\[state\=active\]\:bg-background[data-state="active"] { background-color: var(--background); } .data-\[state\=active\]\:shadow-sm[data-state="active"] { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"] { --tw-translate-x: calc(100% - 2px); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[state\=checked\]\:border-primary[data-state="checked"] { border-color: var(--primary); } .data-\[state\=checked\]\:bg-primary[data-state="checked"] { background-color: var(--primary); } .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] { color: var(--primary-foreground); } .data-\[state\=closed\]\:duration-300[data-state="closed"] { --tw-duration: .3s; transition-duration: .3s; } .data-\[state\=on\]\:bg-accent[data-state="on"] { background-color: var(--accent); } .data-\[state\=on\]\:text-accent-foreground[data-state="on"] { color: var(--accent-foreground); } .data-\[state\=open\]\:bg-accent[data-state="open"], .data-\[state\=open\]\:bg-accent\/50[data-state="open"] { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .data-\[state\=open\]\:bg-accent\/50[data-state="open"] { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } .data-\[state\=open\]\:bg-secondary[data-state="open"] { background-color: var(--secondary); } .data-\[state\=open\]\:text-accent-foreground[data-state="open"] { color: var(--accent-foreground); } .data-\[state\=open\]\:text-muted-foreground[data-state="open"] { color: var(--muted-foreground); } .data-\[state\=open\]\:opacity-100[data-state="open"] { opacity: 1; } .data-\[state\=open\]\:duration-500[data-state="open"] { --tw-duration: .5s; transition-duration: .5s; } @media (hover: hover) { .data-\[state\=open\]\:hover\:bg-accent[data-state="open"]:hover { background-color: var(--accent); } } .data-\[state\=open\]\:focus\:bg-accent[data-state="open"]:focus { background-color: var(--accent); } .data-\[state\=selected\]\:bg-muted[data-state="selected"] { background-color: var(--muted); } .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[variant\=label\]\:text-sm[data-variant="label"] { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .data-\[variant\=legend\]\:text-base[data-variant="legend"] { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .data-\[variant\=outline\]\:border-l-0[data-variant="outline"] { border-left-style: var(--tw-border-style); border-left-width: 0; } .data-\[variant\=outline\]\:shadow-xs[data-variant="outline"] { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .data-\[variant\=outline\]\:first\:border-l[data-variant="outline"]:first-child { border-left-style: var(--tw-border-style); border-left-width: 1px; } .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] { inset-inline: calc(var(--spacing) * 0); } .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] { bottom: calc(var(--spacing) * 0); } .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] { margin-top: calc(var(--spacing) * 24); } .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"] { max-height: 80vh; } .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"] { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] { border-top-style: var(--tw-border-style); border-top-width: 1px; } .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"] { inset-block: calc(var(--spacing) * 0); } .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] { left: calc(var(--spacing) * 0); } .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"] { width: 75%; } .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"] { border-right-style: var(--tw-border-style); border-right-width: 1px; } .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] { inset-block: calc(var(--spacing) * 0); } .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] { right: calc(var(--spacing) * 0); } .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] { width: 75%; } .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"] { border-left-style: var(--tw-border-style); border-left-width: 1px; } .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] { inset-inline: calc(var(--spacing) * 0); } .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] { top: calc(var(--spacing) * 0); } .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] { margin-bottom: calc(var(--spacing) * 24); } .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] { max-height: 80vh; } .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"] { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .nth-last-2\:-mt-1:nth-last-child(2) { margin-top: calc(var(--spacing) * -1); } @media (min-width: 40rem) { .sm\:block { display: block; } .sm\:flex { display: flex; } .sm\:max-w-\[80\%\] { max-width: 80%; } .sm\:max-w-lg { max-width: var(--container-lg); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:flex-row { flex-direction: row; } .sm\:justify-end { justify-content: flex-end; } .sm\:gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .sm\:pr-2\.5 { padding-right: calc(var(--spacing) * 2.5); } .sm\:pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); } .sm\:text-left { text-align: left; } .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"], .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] { max-width: var(--container-sm); } } @media (min-width: 48rem) { .md\:absolute { position: absolute; } .md\:block { display: block; } .md\:flex { display: flex; } .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] { width: var(--radix-navigation-menu-viewport-width); } .md\:w-auto { width: auto; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .md\:p-12 { padding: calc(var(--spacing) * 12); } .md\:text-left { text-align: left; } .md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .md\:opacity-0 { opacity: 0; } .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) { margin: calc(var(--spacing) * 2); } .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) { margin-left: calc(var(--spacing) * 0); } .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) { border-radius: var(--radius-xl); } .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) { margin-left: calc(var(--spacing) * 2); } .md\:after\:hidden:after { content: var(--tw-content); display: none; } } @media (min-width: 64rem) { .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-\[1\.1fr_\.9fr\] { grid-template-columns: 1.1fr .9fr; } } @container field-group (min-width: 28rem) { .\@md\/field-group\:flex-row { flex-direction: row; } .\@md\/field-group\:items-center { align-items: center; } .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) { align-items: flex-start; } } @media (prefers-color-scheme: dark) { .dark\:bg-transparent { background-color: #0000; } .dark\:text-muted-foreground { color: var(--muted-foreground); } .dark\:prose-invert { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead: var(--tw-prose-invert-lead); --tw-prose-links: var(--tw-prose-invert-links); --tw-prose-bold: var(--tw-prose-invert-bold); --tw-prose-counters: var(--tw-prose-invert-counters); --tw-prose-bullets: var(--tw-prose-invert-bullets); --tw-prose-hr: var(--tw-prose-invert-hr); --tw-prose-quotes: var(--tw-prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); --tw-prose-captions: var(--tw-prose-invert-captions); --tw-prose-kbd: var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); --tw-prose-th-borders: var(--tw-prose-invert-th-borders); --tw-prose-td-borders: var(--tw-prose-invert-td-borders); } @media (hover: hover) { .dark\:hover\:bg-accent\/50:hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-accent\/50:hover { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } .dark\:hover\:text-accent-foreground:hover { color: var(--accent-foreground); } } .dark\:has-data-\[state\=checked\]\:bg-primary\/10:has([data-state="checked"]) { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .dark\:has-data-\[state\=checked\]\:bg-primary\/10:has([data-state="checked"]) { background-color: color-mix(in oklab, var(--primary) 10%, transparent); } } .dark\:data-\[state\=active\]\:text-foreground[data-state="active"] { color: var(--foreground); } .dark\:data-\[state\=checked\]\:bg-primary[data-state="checked"] { background-color: var(--primary); } .dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state="checked"] { background-color: var(--primary-foreground); } .dark\:data-\[state\=unchecked\]\:bg-foreground[data-state="unchecked"] { background-color: var(--foreground); } } .prose-p\:text-slate-100 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--color-slate-100); } .prose-strong\:text-white :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--color-white); } .prose-li\:text-slate-100 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--color-slate-100); } .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text { fill: var(--muted-foreground); } .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] { stroke: var(--border); } @supports (color: color-mix(in lab, red, red)) { .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] { stroke: color-mix(in oklab, var(--border) 50%, transparent); } } .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor { stroke: var(--border); } .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] { stroke: #0000; } .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer { outline-offset: 2px; outline: 2px solid #0000; } } .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] { stroke: var(--border); } .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector, .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { fill: var(--muted); } .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] { stroke: var(--border); } .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector { outline-offset: 2px; outline: 2px solid #0000; } } .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] { stroke: #0000; } .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface { outline-offset: 2px; outline: 2px solid #0000; } } .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-inline: calc(var(--spacing) * 2); } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-block: calc(var(--spacing) * 1.5); } .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { color: var(--muted-foreground); } .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-inline: calc(var(--spacing) * 2); } .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] { padding-top: calc(var(--spacing) * 0); } .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height: calc(var(--spacing) * 5); } .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width: calc(var(--spacing) * 5); } .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height: calc(var(--spacing) * 12); } .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-inline: calc(var(--spacing) * 2); } .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-block: calc(var(--spacing) * 3); } .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height: calc(var(--spacing) * 5); } .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width: calc(var(--spacing) * 5); } .\[\&_code\]\:break-words code { overflow-wrap: break-word; } .\[\&_img\]\:size-full img { width: 100%; height: 100%; } .\[\&_img\]\:object-cover img { object-fit: cover; } .\[\&_p\]\:leading-relaxed p { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .\[\&_pre\]\:max-w-full pre { max-width: 100%; } .\[\&_pre\]\:overflow-x-auto pre { overflow-x: auto; } .\[\&_svg\]\:pointer-events-none svg { pointer-events: none; } .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*="size-"]) { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) { color: var(--muted-foreground); } .\[\&_tr\]\:border-b tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .\[\&_tr\:last-child\]\:border-0 tr:last-child { border-style: var(--tw-border-style); border-width: 0; } .\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"] { flex: none; } .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) { padding-right: calc(var(--spacing) * 0); } .\[\.border-b\]\:pb-3.border-b { padding-bottom: calc(var(--spacing) * 3); } .\[\.border-b\]\:pb-6.border-b { padding-bottom: calc(var(--spacing) * 6); } .\[\.border-t\]\:pt-3.border-t { padding-top: calc(var(--spacing) * 3); } .\[\.border-t\]\:pt-6.border-t { padding-top: calc(var(--spacing) * 6); } :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg), :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) { rotate: 180deg; } .\[a\]\:transition-colors:is(a) { 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)); } @media (hover: hover) { .\[a\]\:hover\:bg-accent\/50:is(a):hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .\[a\]\:hover\:bg-accent\/50:is(a):hover { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } } :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child { display: flex; } :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child { align-items: center; } :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child { gap: calc(var(--spacing) * 2); } .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .\[\&\>\*\]\:w-full > * { width: 100%; } .\[\&\>\*\]\:focus-visible\:relative > :focus-visible { position: relative; } .\[\&\>\*\]\:focus-visible\:z-10 > :focus-visible { z-index: 10; } .\[\&\>\*\]\:data-\[slot\=field\]\:p-4 > [data-slot="field"] { padding: calc(var(--spacing) * 4); } @container field-group (min-width: 28rem) { .\@md\/field-group\:\[\&\>\*\]\:w-auto > * { width: auto; } } .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child) { border-top-style: var(--tw-border-style); border-top-width: 0; } .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child) { border-left-style: var(--tw-border-style); border-left-width: 0; } .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .\[\&\>\.sr-only\]\:w-auto > .sr-only { width: auto; } .\[\&\>\[data-slot\=field-group\]\]\:gap-4 > [data-slot="field-group"] { gap: calc(var(--spacing) * 4); } .\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] { flex: auto; } @container field-group (min-width: 28rem) { .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] { flex: auto; } } .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden="true"]:last-child)) > [data-slot="select-trigger"]:last-of-type { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot="select-trigger"]:not([class*="w-"]) { width: fit-content; } .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] { --tw-translate-y: 2px; translate: var(--tw-translate-x) var(--tw-translate-y); } .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] { margin-top: 1px; } @container field-group (min-width: 28rem) { .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] { margin-top: 1px; } } .\[\&\>a\]\:underline > a { text-decoration-line: underline; } .\[\&\>a\]\:underline-offset-4 > a { text-underline-offset: 4px; } .\[\&\>a\:hover\]\:text-primary > a:hover { color: var(--primary); } .\[\&\>button\]\:hidden > button { display: none; } .\[\&\>input\]\:flex-1 > input { flex: 1; } .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align="block-end"]) > input { padding-top: calc(var(--spacing) * 3); } .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align="block-start"]) > input { padding-bottom: calc(var(--spacing) * 3); } .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has( > [data-align="inline-end"]) > input { padding-right: calc(var(--spacing) * 2); } .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has( > [data-align="inline-start"]) > input { padding-left: calc(var(--spacing) * 2); } .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd { border-radius: calc(var(--radius) - 5px); } .\[\&\>span\]\:text-xs > span { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .\[\&\>span\]\:opacity-70 > span { opacity: .7; } .\[\&\>span\:last-child\]\:truncate > span:last-child { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .\[\&\>svg\]\:pointer-events-none > svg { pointer-events: none; } .\[\&\>svg\]\:size-3 > svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .\[\&\>svg\]\:size-3\.5 > svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .\[\&\>svg\]\:size-4 > svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .\[\&\>svg\]\:h-2\.5 > svg { height: calc(var(--spacing) * 2.5); } .\[\&\>svg\]\:h-3 > svg { height: calc(var(--spacing) * 3); } .\[\&\>svg\]\:w-2\.5 > svg { width: calc(var(--spacing) * 2.5); } .\[\&\>svg\]\:w-3 > svg { width: calc(var(--spacing) * 3); } .\[\&\>svg\]\:shrink-0 > svg { flex-shrink: 0; } .\[\&\>svg\]\:translate-y-0\.5 > svg { --tw-translate-y: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y); } .\[\&\>svg\]\:text-current > svg { color: currentColor; } .\[\&\>svg\]\:text-muted-foreground > svg { color: var(--muted-foreground); } .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*="size-"]) { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*="size-"]) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .\[\&\>tr\]\:last\:border-b-0 > tr:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"] > div { rotate: 90deg; } .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg { rotate: 180deg; } [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 { right: calc(var(--spacing) * -2); } [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize { cursor: e-resize; } [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 { left: calc(var(--spacing) * -2); } [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize { cursor: w-resize; } [data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent, [data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent { background-color: #0000; } [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 { background-color: color-mix(in oklab, var(--background) 20%, transparent); } } [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background { color: var(--background); } @media (prefers-color-scheme: dark) { [data-slot="tooltip-content"] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { [data-slot="tooltip-content"] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10 { background-color: color-mix(in oklab, var(--background) 10%, transparent); } } } [data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 { margin-top: calc(var(--spacing) * -1.5); } @media (hover: hover) { a.\[a\&\]\:hover\:bg-accent:hover { background-color: var(--accent); } a.\[a\&\]\:hover\:bg-primary\/90:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { a.\[a\&\]\:hover\:bg-primary\/90:hover { background-color: color-mix(in oklab, var(--primary) 90%, transparent); } } a.\[a\&\]\:hover\:bg-secondary\/90:hover { background-color: var(--secondary); } @supports (color: color-mix(in lab, red, red)) { a.\[a\&\]\:hover\:bg-secondary\/90:hover { background-color: color-mix(in oklab, var(--secondary) 90%, transparent); } } a.\[a\&\]\:hover\:text-accent-foreground:hover { color: var(--accent-foreground); } } } :root, .dark { --background: #060710; --foreground: #eef2ff; --card: #0c0e1c; --card-foreground: #eef2ff; --primary: #8b5cf6; --primary-foreground: #fff; --secondary: #16192b; --secondary-foreground: #e5e7eb; --muted: #111423; --muted-foreground: #93a0b9; --accent: #171b30; --accent-foreground: #f8fafc; --border: #94a3b824; --ring: #22d3ee; } * { border-color: var(--border); } html { background: var(--background); } body { background: var(--background); min-width: 320px; color: var(--foreground); margin: 0; font-family: Manrope, sans-serif; } button, input, textarea, select { font: inherit; } button { cursor: pointer; } .subby-shell { color: #e8edf9; background: #060710; min-height: 100svh; } .subby-sidebar { z-index: 30; background: linear-gradient(#0d0f1e 0%, #090a14 52%, #070810 100%); border-right: 1px solid #94a3b81f; flex-direction: column; width: 258px; transition: width .18s cubic-bezier(.23, 1, .32, 1), transform .18s cubic-bezier(.23, 1, .32, 1); display: flex; position: fixed; inset: 0 auto 0 0; } .sidebar-collapsed .subby-sidebar { width: 76px; } .subby-main { background: radial-gradient(70rem 45rem at 70% -20%, #361f7d38, #0000 58%), radial-gradient(52rem 35rem at 18% 112%, #02688e1f, #0000 62%), #060710; min-height: 100svh; margin-left: 258px; transition: margin .18s cubic-bezier(.23, 1, .32, 1); } .sidebar-collapsed .subby-main { margin-left: 76px; } .subby-brand-row { justify-content: space-between; align-items: center; height: 79px; padding: 0 15px; display: flex; } .subby-brand { color: #f7f8ff; background: none; border: 0; align-items: center; gap: 9px; min-width: 0; display: flex; } .subby-logo { object-fit: contain; filter: drop-shadow(0 0 14px #5c4cff52); width: 44px; height: 44px; } .subby-wordmark { letter-spacing: .13em; font-size: 17px; font-style: italic; font-weight: 800; } .subby-icon-button { color: #aab5cd; background: #0f1122bf; border: 1px solid #94a3b821; border-radius: 9px; place-items: center; width: 32px; height: 32px; transition: color .16s ease-out, border-color .16s ease-out, background .16s ease-out; display: inline-grid; } .subby-icon-button:hover { color: #fff; background: #161a30; border-color: #22d3ee5c; } .subby-navigation { flex: 1; padding: 7px 11px; overflow-y: auto; } .nav-label { color: #56627c; letter-spacing: .14em; text-transform: uppercase; margin: 16px 10px 7px; font: 500 10px / 1 DM Mono, monospace; } .subby-nav-item { color: #9da8c1; text-align: left; background: none; border: 1px solid #0000; border-radius: 9px; align-items: center; gap: 11px; width: 100%; padding: 10px 11px; font-size: 13px; font-weight: 600; transition: transform .16s ease-out, color .16s ease-out, background .16s ease-out, border-color .16s ease-out; display: flex; } .subby-nav-item:hover { color: #edf1ff; background: #585f991f; } .subby-nav-item:active { transform: scale(.98); } .subby-nav-item.active { color: #f3f7ff; background: linear-gradient(90deg, #1f61b147, #5f35c033); border-color: #4890ea3b; box-shadow: inset 2px 0 #22d3ee; } .sidebar-collapsed .subby-nav-item { justify-content: center; padding: 11px; } .subby-sidebar-bottom { border-top: 1px solid #94a3b81a; gap: 5px; padding: 12px 11px; display: grid; } .subby-new-project-button { color: #eaffff; background: linear-gradient(100deg, #0d719c7a, #6233ae8c); border: 1px solid #22d3ee59; border-radius: 9px; justify-content: center; align-items: center; gap: 8px; padding: 10px; font-size: 12px; font-weight: 800; transition: transform .16s ease-out, filter .16s ease-out; display: flex; box-shadow: 0 5px 20px #1463b724; } .subby-new-project-button:hover { filter: brightness(1.15); } .subby-new-project-button:active { transform: scale(.98); } .subby-user-row { align-items: center; gap: 9px; min-width: 0; margin-top: 6px; padding: 6px 4px; display: flex; } .subby-avatar { color: #eafdff; background: linear-gradient(135deg, #0b5f82, #542a8d); border: 1px solid #22d3ee52; border-radius: 50%; flex: none; place-items: center; width: 30px; height: 30px; font-size: 12px; font-weight: 800; display: grid; } .subby-user-row p { color: #e4e9f8; text-overflow: ellipsis; white-space: nowrap; margin: 0; font-size: 11px; font-weight: 700; overflow: hidden; } .subby-user-row span { color: #64708a; text-overflow: ellipsis; white-space: nowrap; margin-top: 1px; font-size: 10px; display: block; overflow: hidden; } .subby-logout { color: #71809d; background: none; border: 0; border-radius: 7px; flex: none; place-items: center; width: 27px; height: 27px; display: grid; } .subby-logout:hover { color: #fda4af; background: #f43f5e1f; } .subby-topbar { -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); background: #060710b8; border-bottom: 1px solid #94a3b81a; align-items: center; gap: 14px; height: 68px; padding: 0 clamp(18px, 3vw, 42px); display: flex; } .subby-topbar-spacer { flex: 1; } .subby-connection { color: #8794ad; letter-spacing: .04em; align-items: center; gap: 7px; font: 500 10px / 1 DM Mono, monospace; display: flex; } .subby-pulse { background: #34d399; border-radius: 50%; width: 6px; height: 6px; display: inline-block; box-shadow: 0 0 0 3px #34d3991a, 0 0 12px #34d399a6; } .subby-ask-button { color: #ede9fe; background: #8b5cf621; border: 1px solid #8b5cf659; border-radius: 8px; align-items: center; gap: 8px; padding: 8px 12px; font-size: 12px; font-weight: 800; display: flex; } .subby-ask-button:hover { background: #8b5cf638; } .subby-page-wrap { max-width: 1540px; margin: 0 auto; padding: clamp(24px, 3vw, 46px); } .subby-page-heading { justify-content: space-between; align-items: end; gap: 24px; display: flex; } .subby-page-heading h1 { color: #f5f7ff; letter-spacing: -.055em; max-width: 670px; margin: 6px 0 7px; font-size: clamp(28px, 3.2vw, 43px); font-weight: 800; line-height: 1.03; } .subby-page-heading > div > p:last-child { color: #8b97b0; max-width: 590px; margin: 0; font-size: 13px; line-height: 1.7; } .eyebrow { color: #43d9ed; letter-spacing: .16em; margin: 0; font: 500 10px / 1.2 DM Mono, monospace; } .subby-primary-button { color: #f4ffff; background: linear-gradient(105deg, #077eb0, #7442ca); border: 1px solid #22d3ee80; border-radius: 9px; justify-content: center; align-items: center; gap: 8px; padding: 10px 14px; font-size: 12px; font-weight: 800; transition: transform .16s ease-out, filter .16s ease-out; display: inline-flex; box-shadow: 0 10px 24px #3059d133; } .subby-primary-button:hover { filter: brightness(1.12); } .subby-primary-button:active { transform: scale(.97); } .subby-metric-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-top: 30px; display: grid; } .metric-card { background: linear-gradient(145deg, #101324e6, #080a14e6); border: 1px solid #94a3b81f; border-radius: 13px; align-items: flex-start; gap: 12px; min-height: 120px; padding: 17px; display: flex; box-shadow: 0 18px 46px #0000001f; } .metric-icon { border-radius: 10px; flex: none; place-items: center; width: 35px; height: 35px; display: grid; } .metric-icon.cyan { color: #5ee9f8; background: #06b6d421; } .metric-icon.purple { color: #c5b1ff; background: #8b5cf626; } .metric-icon.green { color: #6ee7b7; background: #10b98121; } .metric-icon.glow { color: #f2e9ff; background: linear-gradient(135deg, #1ab9df3d, #a14bff42); } .metric-card p { color: #8896af; margin: 2px 0 5px; font-size: 11px; font-weight: 700; } .metric-card strong { color: #f6f7ff; letter-spacing: -.05em; font-size: 23px; font-weight: 800; line-height: 1; display: block; } .metric-card span { color: #77849d; margin-top: 7px; font-size: 10px; display: block; } .metric-card-spotlight { position: relative; overflow: hidden; } .metric-card-spotlight:after { content: ""; filter: blur(8px); background: #7236f22b; border-radius: 50%; width: 110px; height: 110px; position: absolute; top: -50px; right: -40px; } .metric-card-spotlight button { color: #a5f3fc; z-index: 1; background: #22d3ee14; border: 1px solid #22d3ee3d; border-radius: 8px; align-self: center; place-items: center; width: 29px; height: 29px; margin-left: auto; display: grid; } .subby-dashboard-grid { grid-template-columns: 1.15fr .85fr; gap: 13px; margin-top: 13px; display: grid; } .subby-panel { background: linear-gradient(145deg, #0e101edb, #080912ed); border: 1px solid #94a3b81f; border-radius: 13px; box-shadow: 0 18px 46px #0000001a; } .dashboard-activity { grid-column: 1 / -1; } .panel-heading { border-bottom: 1px solid #94a3b81a; justify-content: space-between; align-items: center; min-height: 74px; padding: 16px 19px; display: flex; } .panel-heading h2 { letter-spacing: -.025em; margin: 5px 0 0; font-size: 15px; } .subby-text-button { color: #76dce9; background: none; border: 0; align-items: center; gap: 6px; padding: 0; font-size: 11px; font-weight: 800; display: inline-flex; } .subby-text-button:hover { color: #d8fbff; } .project-row { color: #eaf0fd; background: none; border: 0; align-items: center; gap: 11px; width: 100%; padding: 13px 18px; transition: background .14s ease-out; display: flex; } .project-row:hover { background: #5e68af1a; } .project-orb { color: #aaf6ff; background: linear-gradient(135deg, #08738e80, #4f2a888c); border: 1px solid #53cde842; border-radius: 8px; flex: none; place-items: center; width: 29px; height: 29px; font: 500 12px / 1 DM Mono, monospace; display: grid; } .project-row strong, .task-preview strong, .activity-row strong { text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 700; display: block; overflow: hidden; } .project-row small, .task-preview small, .activity-row small { color: #77849d; text-overflow: ellipsis; white-space: nowrap; margin-top: 3px; font-size: 10px; display: block; overflow: hidden; } .status-pill { text-transform: capitalize; border: 1px solid; border-radius: 999px; margin-left: auto; padding: 3px 7px; font: 500 9px / 1 DM Mono, monospace; } .status-slate { color: #b6c2d9; background: #94a3b814; border-color: #94a3b84d; } .status-cyan { color: #8ff5ff; background: #22d3ee14; border-color: #22d3ee4d; } .status-purple { color: #ddb5ff; background: #a855f714; border-color: #a855f74d; } .status-amber { color: #fbd777; background: #fbbf2414; border-color: #fbbf244d; } .task-preview-list { gap: 10px; padding: 12px 18px; display: grid; } .task-preview { align-items: flex-start; gap: 9px; padding: 4px 0; display: flex; } .task-state { border-radius: 7px; flex: none; place-items: center; width: 22px; height: 22px; display: grid; } .task-state.queued { color: #b6c2d9; background: #94a3b81c; } .task-state.in_progress { color: #81efff; background: #06b6d421; } .task-state.completed { color: #75f0ba; background: #10b98121; } .activity-list { padding: 2px 18px 7px; display: grid; } .activity-row { border-bottom: 1px solid #94a3b814; grid-template-columns: 11px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 11px 0; display: grid; } .activity-row:last-child { border-bottom: 0; } .activity-mark { background: #6887b1; border-radius: 50%; width: 6px; height: 6px; } .activity-mark.project { background: #38d7e9; box-shadow: 0 0 8px #38d7e9b3; } .activity-mark.agent { background: #b88cff; box-shadow: 0 0 8px #b88cffa6; } .activity-mark.chat { background: #71e5b2; box-shadow: 0 0 8px #71e5b2a6; } .activity-row time { color: #66738d; font: 500 9px / 1 DM Mono, monospace; } .subby-empty { color: #95a1b8; flex-direction: column; justify-content: center; align-items: flex-start; min-height: 146px; padding: 24px 20px; display: flex; } .subby-empty p { color: #d9e0f1; margin: 0 0 6px; font-size: 12px; font-weight: 700; } .subby-empty span { max-width: 370px; font-size: 11px; line-height: 1.65; } .subby-auth-shell { background: radial-gradient(35rem 25rem at 50% 10%, #5c31cb4d, #0000 65%), #05060d; place-items: center; min-height: 100svh; display: grid; position: relative; overflow: hidden; } .subby-auth-grid { opacity: .28; background-image: linear-gradient(#758cdd13 1px, #0000 1px), linear-gradient(90deg, #758cdd13 1px, #0000 1px); background-size: 36px 36px; position: absolute; inset: 0; -webkit-mask-image: linear-gradient(#000, #0000 80%); mask-image: linear-gradient(#000, #0000 80%); } .subby-auth-card { text-align: center; background: linear-gradient(150deg, #14122df0, #080a14f0); border: 1px solid #8779ff3d; border-radius: 18px; flex-direction: column; align-items: center; width: min(430px, 100vw - 42px); padding: 40px; display: flex; position: relative; box-shadow: 0 35px 100px #0000006b, 0 0 80px #562cbc24; } .subby-auth-card h1 { color: #f5f7ff; letter-spacing: -.05em; margin: 13px 0 11px; font-size: 28px; line-height: 1.1; } .subby-auth-card > p:not(.eyebrow) { color: #9aa5bb; margin: 0 0 24px; font-size: 12px; line-height: 1.7; } .show-on-mobile, .subby-mobile-overlay { display: none; } @media (prefers-reduced-motion: no-preference) { .reveal-up { animation: .4s cubic-bezier(.23, 1, .32, 1) both subby-reveal; } @keyframes subby-reveal { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } } @media (max-width: 1080px) { .subby-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .subby-dashboard-grid { grid-template-columns: 1fr; } .dashboard-activity { grid-column: auto; } } @media (max-width: 760px) { .subby-sidebar { width: 258px; transform: translateX(-102%); box-shadow: 20px 0 48px #00000070; } .subby-sidebar.mobile-open { transform: translateX(0); } .sidebar-collapsed .subby-sidebar { width: 258px; } .subby-main, .sidebar-collapsed .subby-main { margin-left: 0; } .hide-on-mobile { display: none; } .show-on-mobile { display: inline-grid; } .subby-mobile-overlay { z-index: 20; background: #0304099e; border: 0; display: block; position: fixed; inset: 0; } .subby-topbar { height: 60px; } .subby-page-wrap { padding: 24px 18px 35px; } .subby-page-heading { flex-direction: column; align-items: flex-start; } .subby-page-heading h1 { font-size: 31px; } .subby-metric-grid { grid-template-columns: 1fr; margin-top: 24px; } .metric-card { min-height: 102px; } .subby-connection { display: none; } .subby-ask-button { padding: 8px; font-size: 0; } .subby-ask-button svg { margin: 0; } .subby-auth-card { padding: 32px 24px; } } @media (max-width: 440px) { .project-row { padding: 13px; } .project-row small { max-width: 165px; } .status-pill { display: none; } } .project-hub-grid { grid-template-columns: minmax(330px, .85fr) minmax(0, 1.15fr); gap: 13px; display: grid; } .record-count { color: #83eafa; background: #06b6d41c; border-radius: 8px; place-items: center; width: 26px; height: 26px; font: 500 11px / 1 DM Mono, monospace; display: grid; } .project-hub-list { gap: 4px; padding: 8px; display: grid; } .project-hub-item { color: #e4eafa; background: none; border: 1px solid #0000; border-radius: 10px; align-items: center; gap: 10px; width: 100%; padding: 11px; transition: background .14s ease-out, border-color .14s ease-out; display: flex; } .project-hub-item:hover { background: #5e68af1a; } .project-hub-item.selected { background: linear-gradient(100deg, #10719729, #5430a121); border-color: #22d3ee30; } .project-hub-item strong { text-overflow: ellipsis; white-space: nowrap; font-size: 12px; display: block; overflow: hidden; } .project-hub-item small { color: #71809a; text-overflow: ellipsis; white-space: nowrap; margin-top: 3px; font-size: 10px; display: block; overflow: hidden; } .project-context-panel { min-height: 392px; padding: 26px; } .project-context-head { align-items: center; gap: 13px; display: flex; } .project-context-icon { color: #99f4ff; background: linear-gradient(135deg, #076d8c61, #552c9d6b); border: 1px solid #22d3ee40; border-radius: 12px; place-items: center; width: 43px; height: 43px; display: grid; } .project-context-head h2 { letter-spacing: -.045em; margin: 5px 0; font-size: 23px; } .context-section { margin-top: 30px; } .context-section > p, .context-facts span { color: #62708a; letter-spacing: .1em; text-transform: uppercase; margin: 0 0 7px; font: 500 9px / 1 DM Mono, monospace; } .context-section > div { color: #b5c0d5; max-width: 620px; font-size: 13px; line-height: 1.75; } .context-facts { grid-template-columns: 1fr 1fr; gap: 11px; margin-top: 27px; display: grid; } .context-facts > div { background: #090b1699; border: 1px solid #94a3b81c; border-radius: 10px; padding: 13px; } .context-facts span { display: block; } .context-facts strong { color: #e9edfb; font-size: 11px; } .context-next { color: #89dfe9; border-top: 1px solid #94a3b81a; align-items: center; gap: 8px; margin-top: 22px; padding-top: 17px; font-size: 11px; display: flex; } .context-next svg { flex: none; } .subby-modal-backdrop { z-index: 70; -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); background: #010207c2; place-items: center; padding: 20px; display: grid; position: fixed; inset: 0; } .subby-modal { background: linear-gradient(145deg, #15152a, #0b0c17); border: 1px solid #7566f04a; border-radius: 15px; width: min(475px, 100%); padding: 25px; position: relative; box-shadow: 0 28px 80px #00000075; } .modal-close { color: #8290a8; background: none; border: 0; border-radius: 8px; place-items: center; width: 30px; height: 30px; display: grid; position: absolute; top: 15px; right: 15px; } .modal-close:hover { color: #f3f5ff; background: #94a3b81c; } .subby-modal h2 { color: #f5f7ff; letter-spacing: -.045em; margin: 9px 0 6px; font-size: 23px; } .modal-copy { color: #8e9bb3; margin: 0; font-size: 12px; line-height: 1.65; } .subby-form { gap: 14px; margin-top: 23px; display: grid; } .subby-form label { color: #c9d3e9; font-size: 11px; font-weight: 700; } .subby-form label > span { color: #71809a; font-weight: 500; } .subby-form input, .subby-form textarea, .subby-form select { box-sizing: border-box; color: #edf2ff; background: #080a14; border: 1px solid #94a3b82e; border-radius: 9px; outline: 0; width: 100%; margin-top: 7px; padding: 10px 11px; font-size: 12px; transition: border-color .14s ease-out, box-shadow .14s ease-out; display: block; } .subby-form textarea { resize: vertical; line-height: 1.55; } .subby-form select { appearance: auto; } .subby-form input:focus, .subby-form textarea:focus, .subby-form select:focus { border-color: #22d3ee94; box-shadow: 0 0 0 3px #22d3ee14; } .subby-form option { background: #0d1020; } .chat-page { gap: 22px; display: grid; } .chat-heading { justify-content: space-between; align-items: end; gap: 20px; display: flex; } .chat-heading h1 { color: #f5f7ff; letter-spacing: -.055em; max-width: 680px; margin: 6px 0; font-size: clamp(27px, 3vw, 40px); font-weight: 800; line-height: 1.05; } .chat-heading > div > p:last-child { color: #8b97b0; max-width: 610px; margin: 0; font-size: 13px; line-height: 1.7; } .chat-project-select { gap: 5px; min-width: 190px; display: grid; } .chat-project-select span { color: #66738d; letter-spacing: .1em; text-transform: uppercase; font: 500 9px / 1 DM Mono, monospace; } .chat-project-select select { color: #dce5f7; background: #0d1020; border: 1px solid #94a3b82e; border-radius: 8px; outline: 0; padding: 9px 10px; font-size: 11px; } .chat-workspace { background: #0b0d19b8; border: 1px solid #94a3b81f; border-radius: 14px; grid-template-columns: 225px minmax(0, 1fr); min-height: 560px; display: grid; overflow: hidden; } .chat-side-panel { background: linear-gradient(165deg, #171530e6, #0a0b16eb); border-right: 1px solid #94a3b81a; padding: 25px 20px; } .chat-side-icon { color: #c3f9ff; background: linear-gradient(140deg, #06b6d42b, #8b5cf63d); border: 1px solid #22d3ee4d; border-radius: 11px; place-items: center; width: 39px; height: 39px; display: grid; } .chat-side-panel h2 { margin: 14px 0 3px; font-size: 15px; } .chat-side-panel > p { color: #75829c; margin: 0 0 22px; font-size: 10px; } .chat-capability { color: #aab5cc; align-items: center; gap: 8px; margin-top: 11px; font-size: 10px; line-height: 1.4; display: flex; } .chat-capability svg { color: #72e5f4; flex: none; } .chat-safety-note { border-top: 1px solid #94a3b81a; padding-top: 16px; line-height: 1.65; margin-top: 32px !important; font-size: 10px !important; } .subby-chat-frame { min-width: 0; padding: 12px; } .subby-chat-frame > div { box-shadow: none; background: none; border: 0; border-radius: 10px; height: 100% !important; } .subby-chat-frame [data-radix-scroll-area-viewport] { padding-right: 8px; } .subby-chat-frame form { background: #05070f94; border-color: #94a3b81a; } .subby-chat-frame textarea { color: #e9effe; background: #0a0d19; border-color: #94a3b826; } .agent-intro { color: #8ca0bc; background: linear-gradient(90deg, #0a5d8321, #45268e1a); border: 1px solid #22d3ee29; border-radius: 11px; align-items: center; gap: 10px; padding: 11px 14px; font-size: 11px; line-height: 1.55; display: flex; } .agent-intro svg { color: #79e8f5; flex: none; } .agent-board { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; display: grid; } .agent-column { background: #0a0c17ad; border: 1px solid #94a3b81c; border-radius: 13px; min-height: 460px; padding: 14px; } .agent-column header { gap: 9px; padding: 3px 2px 15px; display: flex; } .agent-column-icon { border-radius: 8px; place-items: center; width: 30px; height: 30px; display: grid; } .agent-column-icon.queued { color: #b6c2d9; background: #94a3b81c; } .agent-column-icon.in_progress { color: #81efff; background: #06b6d421; } .agent-column-icon.completed { color: #75f0ba; background: #10b98121; } .agent-column h2 { color: #eaf0fc; margin: 0; font-size: 13px; } .agent-column h2 span { color: #7f8da7; vertical-align: 2px; background: #94a3b81a; border-radius: 5px; place-items: center; min-width: 17px; height: 17px; margin-left: 5px; font: 500 9px / 1 DM Mono, monospace; display: inline-grid; } .agent-column header p { color: #71809a; margin: 3px 0 0; font-size: 10px; } .agent-task-stack { gap: 9px; display: grid; } .agent-task-card { background: linear-gradient(145deg, #161829db, #0b0d17d1); border: 1px solid #94a3b821; border-radius: 10px; padding: 12px; } .agent-task-card-top { justify-content: space-between; gap: 8px; display: flex; } .agent-task-card-top p { color: #e5ebfa; margin: 0; font-size: 11px; font-weight: 700; line-height: 1.45; } .agent-task-card small { color: #7c89a2; margin-top: 7px; font-size: 10px; line-height: 1.55; display: block; } .agent-task-actions { gap: 12px; margin-top: 12px; display: flex; } .agent-task-actions button { color: #78dce9; background: none; border: 0; align-items: center; gap: 5px; padding: 0; font-size: 10px; font-weight: 800; display: inline-flex; } .agent-task-actions button:first-child { color: #8290a9; } .agent-task-actions button:hover { color: #effdff; } .agent-empty-card { color: #65728b; text-align: center; border: 1px dashed #94a3b829; border-radius: 10px; padding: 17px 12px; font-size: 10px; } .coming-soon-page { place-items: center; min-height: calc(100svh - 155px); display: grid; position: relative; overflow: hidden; } .coming-soon-orbit { pointer-events: none; border: 1px solid #5d50ee2e; border-radius: 50%; position: absolute; } .orbit-one { width: 600px; height: 180px; transform: rotate(-25deg); box-shadow: 0 0 80px #3546d114; } .orbit-two { border-color: #22d3ee26; width: 430px; height: 120px; transform: rotate(35deg); } .coming-soon-card { text-align: center; background: linear-gradient(145deg, #151331e8, #080a14f0); border: 1px solid #8a7cff3d; border-radius: 16px; width: min(600px, 100%); padding: 45px; position: relative; box-shadow: 0 38px 90px #0000005e; } .coming-soon-icon { color: #baf6ff; background: linear-gradient(135deg, #0c84a647, #7638ce4d); border: 1px solid #22d3ee4d; border-radius: 17px; place-items: center; width: 64px; height: 64px; margin: 0 auto 20px; display: grid; } .coming-soon-badge { color: #ffe3a0; letter-spacing: .06em; text-transform: uppercase; background: #fbbf2414; border: 1px solid #fbbf2445; border-radius: 999px; margin: 11px 0 0; padding: 4px 8px; font: 500 9px / 1 DM Mono, monospace; display: inline-block; } .coming-soon-card h1 { color: #f5f7ff; letter-spacing: -.055em; max-width: 460px; margin: 16px auto 10px; font-size: 31px; line-height: 1.1; } .coming-soon-card > p:not(.eyebrow) { color: #9aa7be; max-width: 470px; margin: 0 auto; font-size: 12px; line-height: 1.75; } .coming-soon-capabilities { flex-wrap: wrap; justify-content: center; gap: 7px; margin: 25px 0; display: flex; } .coming-soon-capabilities span { color: #a4b0c6; background: #080b1678; border: 1px solid #94a3b821; border-radius: 999px; padding: 6px 9px; font-size: 10px; } @media (max-width: 980px) { .project-hub-grid, .chat-workspace { grid-template-columns: 1fr; } .chat-side-panel { display: none; } .chat-workspace { min-height: 520px; } .agent-board { grid-template-columns: 1fr; } .agent-column { min-height: auto; } .chat-heading { flex-direction: column; align-items: flex-start; } .chat-project-select, .chat-project-select select { width: 100%; } } @media (max-width: 600px) { .project-context-panel { padding: 20px; } .context-facts { grid-template-columns: 1fr; } .subby-modal { padding: 22px 17px; } .coming-soon-card { padding: 34px 20px; } .coming-soon-card h1 { font-size: 27px; } .chat-workspace { margin-left: -5px; margin-right: -5px; } .subby-chat-frame { padding: 5px; } } .workspace-page { gap: 14px; display: grid; } .workspace-heading { justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 7px; display: flex; } .workspace-heading h1, .workspace-no-project h1 { color: #f5f7ff; letter-spacing: -.055em; max-width: 690px; margin: 6px 0; font-size: clamp(27px, 3vw, 40px); font-weight: 800; line-height: 1.06; } .workspace-heading p:not(.eyebrow), .workspace-no-project > p:not(.eyebrow) { color: #8b97b0; max-width: 635px; margin: 0; font-size: 13px; line-height: 1.7; } .workspace-project-bar { color: #73ddea; background: #0a0e1bb8; border: 1px solid #94a3b81f; border-radius: 10px; align-items: center; gap: 8px; padding: 9px 12px; display: flex; } .workspace-project-bar label { color: #9eabc2; align-items: center; gap: 8px; font-size: 11px; display: flex; } .workspace-project-bar select { color: #e6edfc; background: none; border: 0; outline: 0; min-width: 180px; font-size: 11px; font-weight: 700; } .workspace-project-bar option { background: #101323; } .workspace-project-bar > span { color: #64718a; margin-left: auto; font: 500 9px / 1 DM Mono, monospace; } .workspace-layout { background: #090b16d1; border: 1px solid #94a3b81f; border-radius: 13px; grid-template-columns: 255px minmax(0, 1fr); min-height: calc(100svh - 286px); display: grid; overflow: hidden; box-shadow: 0 18px 46px #0000001a; } .file-rail { background: linear-gradient(#111325d9, #090b15eb); border-right: 1px solid #94a3b81c; flex-direction: column; min-height: 0; display: flex; } .file-rail-head { color: #77849e; letter-spacing: .11em; border-bottom: 1px solid #94a3b81a; justify-content: space-between; align-items: center; min-height: 47px; padding: 0 13px; font: 500 9px / 1 DM Mono, monospace; display: flex; } .file-rail-head button { color: #91f0fa; background: #22d3ee0f; border: 1px solid #22d3ee38; border-radius: 7px; place-items: center; width: 26px; height: 26px; display: grid; } .file-rail-head button:hover { background: #22d3ee24; } .file-list { gap: 3px; padding: 7px; display: grid; overflow-y: auto; } .file-list-item { color: #8c9ab2; text-align: left; background: none; border: 1px solid #0000; border-radius: 7px; align-items: center; gap: 8px; min-width: 0; padding: 8px; display: flex; position: relative; } .file-list-item:hover { color: #dbe7fa; background: #7780c11c; } .file-list-item.selected { color: #f2f6ff; background: linear-gradient(100deg, #0a71972e, #5b35ad29); border-color: #22d3ee2e; } .file-list-item > span { color: #76e0ed; flex: 0 0 18px; place-items: center; width: 18px; font: 500 10px / 1 DM Mono, monospace; display: grid; } .file-list-item strong { text-overflow: ellipsis; white-space: nowrap; font: 500 11px / 1.35 DM Mono, monospace; overflow: hidden; } .file-list-item i { background: #f4bc67; border-radius: 50%; width: 5px; height: 5px; position: absolute; right: 7px; box-shadow: 0 0 7px #f4bc67b3; } .file-rail-loading { color: #7e8ba4; padding: 15px; font-size: 11px; } .file-rail-empty { color: #68758f; text-align: center; flex-direction: column; flex: 1; justify-content: center; align-items: center; gap: 8px; padding: 24px 15px; font-size: 11px; display: flex; } .file-rail-empty svg { color: #566987; } .file-rail-empty button { color: #77e0ec; background: none; border: 0; padding: 0; font-size: 10px; font-weight: 800; } .workspace-editor { background: radial-gradient(50rem 22rem at 100% 0, #432f9f1f, #0000 55%), #080a15; flex-direction: column; min-width: 0; display: flex; } .editor-toolbar { background: #0b0d1ab3; border-bottom: 1px solid #94a3b81a; justify-content: space-between; align-items: center; gap: 10px; min-height: 47px; padding: 0 12px; display: flex; } .editor-path { min-width: 0; } .editor-path input { color: #e7edfb; background: none; border: 0; outline: 0; width: min(360px, 100%); min-width: 0; font: 500 11px / 1.3 DM Mono, monospace; display: block; } .editor-path span { color: #687691; margin-top: 2px; font-size: 9px; display: block; } .editor-actions { align-items: center; gap: 6px; display: flex; } .editor-actions select { color: #aebbd0; background: #101323; border: 1px solid #94a3b824; border-radius: 7px; outline: 0; padding: 6px 7px; font: 500 9px / 1 DM Mono, monospace; } .editor-actions button { border-radius: 7px; align-items: center; gap: 6px; padding: 7px 9px; font-size: 10px; font-weight: 800; display: inline-flex; } .editor-actions button:disabled { cursor: not-allowed; opacity: .45; } .editor-delete { color: #f4a2ae; background: #fb718512; border: 1px solid #fb71852e; } .editor-delete:hover:not(:disabled) { background: #fb718529; } .editor-save { color: #dff; background: linear-gradient(100deg, #0775a099, #6739bca6); border: 1px solid #22d3ee40; } .editor-save:hover:not(:disabled) { filter: brightness(1.15); } .editor-area { flex: 1; grid-template-columns: 48px minmax(0, 1fr); min-height: 0; display: grid; overflow: auto; } .line-numbers { color: #414e68; text-align: right; -webkit-user-select: none; user-select: none; padding: 14px 10px 14px 0; font: 400 11px / 1.72 DM Mono, monospace; } .line-numbers span { display: block; } .editor-area textarea { box-sizing: border-box; resize: none; color: #dce7fb; caret-color: #67e8f9; tab-size: 2; background: none; border: 0; outline: 0; width: 100%; min-height: 100%; padding: 14px 16px 70px 0; font: 400 11px / 1.72 DM Mono, monospace; } .editor-area textarea::placeholder { color: #526078; } .editor-footer { color: #66738d; border-top: 1px solid #94a3b81a; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 13px; font: 500 9px / 1 DM Mono, monospace; display: flex; } .editor-footer span:last-child { color: #77dce7; align-items: center; gap: 5px; display: flex; } .editor-empty { color: #75829a; text-align: center; flex-direction: column; flex: 1; justify-content: center; align-items: center; display: flex; } .editor-empty svg { color: #546482; } .editor-empty h2 { color: #dbe4f4; margin: 12px 0 5px; font-size: 14px; } .editor-empty p { max-width: 250px; margin: 0; font-size: 11px; line-height: 1.65; } .workspace-no-project { text-align: center; flex-direction: column; justify-content: center; align-items: center; min-height: calc(100svh - 190px); padding: 20px; display: flex; } .workspace-empty-orb { color: #9cf4fe; background: linear-gradient(135deg, #08729445, #6536b84f); border: 1px solid #22d3ee40; border-radius: 21px; place-items: center; width: 70px; height: 70px; margin-bottom: 18px; display: grid; box-shadow: 0 0 50px #3c50ca24; } .workspace-no-project h1 { margin-top: 8px; } .workspace-no-project > p:not(.eyebrow) { margin-bottom: 22px; } .workspace-safety-note { color: #a7b2c7; background: #fbbf2409; border: 1px solid #fbbf242b; border-radius: 9px; align-items: flex-start; gap: 8px; padding: 10px 12px; font-size: 10px; line-height: 1.6; display: flex; } .workspace-safety-note svg { color: #f6ce77; flex: none; margin-top: 1px; } @media (max-width: 760px) { .workspace-heading { flex-direction: column; align-items: flex-start; } .workspace-layout { grid-template-columns: 1fr; min-height: 580px; } .file-rail { border-bottom: 1px solid #94a3b81c; border-right: 0; max-height: 180px; } .file-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .editor-toolbar { flex-direction: column; align-items: flex-start; padding: 10px; } .editor-path, .editor-path input, .editor-actions { width: 100%; } .editor-actions select { flex: 1; } .editor-save { margin-left: auto; } .workspace-project-bar { flex-wrap: wrap; align-items: flex-start; } .workspace-project-bar label { width: 100%; } .workspace-project-bar select { flex: 1; min-width: 0; } .workspace-project-bar > span { margin-left: 0; } .editor-area { grid-template-columns: 38px minmax(0, 1fr); } .line-numbers { padding-right: 7px; } .editor-area textarea { padding-right: 8px; } .workspace-safety-note { font-size: 9px; } } @media (max-width: 430px) { .file-list { grid-template-columns: 1fr; } .editor-actions { flex-wrap: wrap; } .editor-actions select { min-width: 110px; } .editor-delete { margin-left: auto; } .editor-save { margin-left: 0; } .workspace-layout { border-radius: 9px; margin-left: -6px; margin-right: -6px; } } .tool-page { gap: 14px; display: grid; } .tool-heading { justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 7px; display: flex; } .tool-heading h1, .tool-no-project h1 { color: #f5f7ff; letter-spacing: -.055em; max-width: 710px; margin: 6px 0; font-size: clamp(27px, 3vw, 40px); font-weight: 800; line-height: 1.06; } .tool-heading > div > p:last-child, .tool-no-project > p:not(.eyebrow) { color: #8b97b0; max-width: 650px; margin: 0; font-size: 13px; line-height: 1.7; } .tool-heading-icon { color: #aef5fd; background: linear-gradient(135deg, #09789845, #6f37b952); border: 1px solid #22d3ee4d; border-radius: 13px; flex: none; place-items: center; width: 45px; height: 45px; margin-bottom: 3px; display: grid; } .tool-project-chooser { color: #8a99b1; background: #0a0d19b3; border: 1px solid #94a3b81f; border-radius: 10px; align-items: center; gap: 9px; padding: 9px 12px; font-size: 10px; display: flex; } .tool-project-chooser select { color: #e3ebfa; background: none; border: 0; outline: 0; min-width: 180px; font-size: 11px; font-weight: 800; } .tool-project-chooser option { background: #111426; } .tool-grid { gap: 13px; display: grid; } .tool-grid.two { grid-template-columns: minmax(0, 1fr) minmax(300px, .75fr); } .terminal-grid, .media-grid { grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr); } .tool-form-panel { padding: 19px; } .tool-status { color: #f8d68d; background: #fbbf240d; border: 1px solid #fbbf2433; border-radius: 8px; align-items: center; gap: 8px; margin-bottom: 18px; padding: 9px 10px; font-size: 10px; line-height: 1.5; display: flex; } .tool-status svg { flex: none; } .tool-guidance { background: radial-gradient(20rem 14rem at 100% 0, #512eba30, #0000 68%), #0a0c19c9; border: 1px solid #22d3ee24; border-radius: 13px; padding: 22px; } .tool-guidance > svg { color: #83e7f1; } .tool-guidance h2 { color: #ecf2fd; margin: 14px 0 5px; font-size: 15px; } .tool-guidance > p { color: #8997af; margin: 0 0 20px; font-size: 11px; line-height: 1.7; } .guidance-step { border-top: 1px solid #94a3b81a; align-items: flex-start; gap: 9px; padding: 10px 0; display: flex; } .guidance-step span { color: #76e1ed; font: 500 9px / 1.6 DM Mono, monospace; } .guidance-step p { color: #b4c0d4; margin: 0; font-size: 10px; line-height: 1.55; } .tool-disclaimer { color: #9aa7bd; align-items: flex-start; gap: 6px; margin: 17px 0 0; font-size: 10px; line-height: 1.6; display: flex; } .tool-disclaimer svg { color: #f3cf78; flex: none; margin-top: 1px; } .tool-list-panel, .media-gallery { min-height: 320px; } .runbook-list { gap: 8px; padding: 10px 16px; display: grid; } .runbook-item, .deployment-item { background: #0b0d188c; border: 1px solid #94a3b81c; border-radius: 9px; justify-content: space-between; align-items: center; gap: 12px; padding: 11px; display: flex; } .runbook-item code { color: #baf7ff; text-overflow: ellipsis; white-space: nowrap; font: 500 11px / 1.4 DM Mono, monospace; display: block; overflow: hidden; } .runbook-item p { color: #8491a8; margin: 5px 0 0; font-size: 10px; line-height: 1.5; } .state-button { text-transform: capitalize; border: 1px solid; border-radius: 999px; flex: none; align-items: center; gap: 4px; padding: 5px 7px; font: 500 9px / 1 DM Mono, monospace; display: inline-flex; } .state-button.draft, .state-button.planned { color: #bac6da; background: #94a3b814; border-color: #94a3b840; } .state-button.review, .state-button.ready { color: #8df2ff; background: #22d3ee14; border-color: #22d3ee47; } .state-button.released { color: #76ebba; background: #10b98114; border-color: #10b98145; } .deployment-item strong { color: #e4ebfa; text-transform: capitalize; font-size: 11px; display: block; } .deployment-item span { color: #7c8aa2; margin-top: 4px; font: 10px / 1.4 DM Mono, monospace; display: block; } .tool-empty, .tool-loading { color: #8e9bb1; flex-direction: column; justify-content: center; align-items: flex-start; gap: 6px; min-height: 180px; padding: 20px; font-size: 11px; display: flex; } .tool-empty p { color: #dce5f5; margin: 0; font-weight: 800; } .tool-empty span { max-width: 380px; line-height: 1.7; } .tool-loading { flex-direction: row; align-items: center; } .media-callout { color: #bfb2ed; background: #8b5cf614; border: 1px solid #8b5cf636; border-radius: 9px; align-items: flex-start; gap: 8px; margin-bottom: 18px; padding: 10px; font-size: 10px; line-height: 1.65; display: flex; } .media-callout svg { color: #cdbfff; flex: none; } .media-grid-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; padding: 12px; display: grid; } .media-card { color: #aebad0; background: #0a0c17; border: 1px solid #94a3b821; border-radius: 9px; text-decoration: none; overflow: hidden; } .media-card:hover { border-color: #22d3ee5c; } .media-card img { aspect-ratio: 1; object-fit: cover; background: #121527; width: 100%; display: block; } .media-card span { color: #aebad0; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: 8px; font-size: 9px; line-height: 1.45; display: -webkit-box; overflow: hidden; } .tool-no-project { color: #95a1b8; text-align: center; flex-direction: column; justify-content: center; align-items: center; min-height: calc(100svh - 195px); padding: 25px; display: flex; } .tool-no-project > svg { color: #a8f5ff; background: linear-gradient(135deg, #05759540, #6434b54d); border: 1px solid #22d3ee40; border-radius: 18px; width: 63px; height: 63px; margin-bottom: 18px; padding: 15px; } .tool-no-project h1 { margin-top: 8px; } .tool-no-project > p:not(.eyebrow) { margin-bottom: 22px; } @media (max-width: 880px) { .tool-grid.two, .terminal-grid, .media-grid { grid-template-columns: 1fr; } .tool-guidance { order: -1; } .media-gallery { min-height: 200px; } } @media (max-width: 600px) { .tool-heading { align-items: flex-start; } .tool-heading-icon { display: none; } .tool-project-chooser { flex-direction: column; align-items: flex-start; } .tool-project-chooser select { width: 100%; min-width: 0; } .tool-form-panel { padding: 16px; } .media-grid-list { grid-template-columns: 1fr; } } .vault-page { gap: 14px; display: grid; } .vault-heading { justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 7px; display: flex; } .vault-heading h1, .vault-no-project h1 { color: #f5f7ff; letter-spacing: -.055em; max-width: 700px; margin: 6px 0; font-size: clamp(27px, 3vw, 40px); font-weight: 800; line-height: 1.06; } .vault-heading > div > p:last-child, .vault-no-project > p:not(.eyebrow) { color: #8b97b0; max-width: 660px; margin: 0; font-size: 13px; line-height: 1.7; } .vault-heading-icon { color: #8cf0bd; background: linear-gradient(135deg, #0c876138, #314aa540); border: 1px solid #10b98147; border-radius: 13px; place-items: center; width: 45px; height: 45px; margin-bottom: 4px; display: grid; } .vault-project-picker { color: #80e9bd; background: #08242252; border: 1px solid #94a3b81f; border-radius: 10px; align-items: center; gap: 8px; padding: 10px 12px; display: flex; } .vault-project-picker label { color: #97a7be; align-items: center; gap: 8px; font-size: 11px; display: flex; } .vault-project-picker select { color: #e5effa; background: none; border: 0; outline: 0; min-width: 185px; font-size: 11px; font-weight: 800; } .vault-project-picker option { background: #111426; } .vault-project-picker > span { color: #71e9b1; margin-left: auto; font: 500 9px / 1 DM Mono, monospace; } .vault-grid { grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr); gap: 13px; display: grid; } .vault-form-panel { padding: 19px; } .vault-form-note { color: #9debc6; background: #10b98112; border: 1px solid #10b98133; border-radius: 9px; align-items: flex-start; gap: 8px; margin-bottom: 18px; padding: 10px; font-size: 10px; line-height: 1.6; display: flex; } .vault-form-note svg { flex: none; } .vault-list-panel { min-height: 278px; } .vault-list { gap: 8px; padding: 10px 16px; display: grid; } .vault-entry { background: #0a0d178c; border: 1px solid #94a3b81c; border-radius: 9px; justify-content: space-between; align-items: center; gap: 12px; padding: 11px; display: flex; } .vault-entry > div { align-items: center; gap: 9px; min-width: 0; display: flex; } .vault-entry svg { color: #84edba; flex: none; } .vault-entry strong { color: #e5eefb; text-overflow: ellipsis; white-space: nowrap; font: 500 11px / 1.3 DM Mono, monospace; display: block; overflow: hidden; } .vault-entry span { color: #78869e; margin-top: 4px; font-size: 9px; display: block; } .vault-entry button { color: #f7a7b5; background: #fb71850f; border: 1px solid #fb718529; border-radius: 7px; place-items: center; width: 28px; height: 28px; display: grid; } .vault-entry button:hover { background: #fb718529; } .vault-safety { color: #a7b5c9; background: #22d3ee0a; border: 1px solid #22d3ee24; border-radius: 9px; align-items: flex-start; gap: 8px; padding: 10px 12px; font-size: 10px; line-height: 1.65; display: flex; } .vault-safety svg { color: #79e6ee; flex: none; margin-top: 1px; } .vault-setup-card { background: radial-gradient(25rem 20rem at 100% 0, #75461926, #0000 65%), #120f17cc; border: 1px solid #fbbf2433; border-radius: 14px; grid-template-columns: auto minmax(0, 1.1fr) minmax(250px, .9fr); align-items: start; gap: 18px; padding: 25px; display: grid; } .vault-setup-icon { color: #f7d27c; background: #fbbf2414; border: 1px solid #fbbf2440; border-radius: 12px; place-items: center; width: 42px; height: 42px; display: grid; } .vault-setup-card h2 { color: #f2f4fc; letter-spacing: -.035em; margin: 7px 0; font-size: 18px; } .vault-setup-card > div > p:not(.eyebrow) { color: #a3afc3; margin: 0; font-size: 11px; line-height: 1.7; } .vault-setup-steps { border-left: 1px solid #94a3b81f; grid-template-columns: 20px 1fr; gap: 9px; padding-left: 18px; display: grid; } .vault-setup-steps span { color: #ffdf9b; background: #fbbf241f; border-radius: 50%; place-items: center; width: 18px; height: 18px; font: 500 9px / 1 DM Mono, monospace; display: grid; } .vault-setup-steps p { color: #b4c0d2; margin: 1px 0 8px; font-size: 10px; line-height: 1.5; } .vault-setup-steps code { color: #a8f1fa; font: 500 9px / 1.5 DM Mono, monospace; } .vault-no-project { text-align: center; flex-direction: column; justify-content: center; align-items: center; min-height: calc(100svh - 195px); padding: 25px; display: flex; } .vault-no-project > svg { color: #9aeec4; background: linear-gradient(135deg, #0c7b5c3d, #3947ab4d); border: 1px solid #10b98140; border-radius: 18px; width: 63px; height: 63px; margin-bottom: 18px; padding: 15px; } .vault-no-project h1 { margin-top: 8px; } .vault-no-project > p:not(.eyebrow) { margin-bottom: 22px; } @media (max-width: 850px) { .vault-grid { grid-template-columns: 1fr; } .vault-setup-card { grid-template-columns: auto 1fr; } .vault-setup-steps { border-top: 1px solid #94a3b81f; border-left: 0; grid-column: 1 / -1; padding-top: 16px; padding-left: 0; } } @media (max-width: 600px) { .vault-heading-icon { display: none; } .vault-project-picker { flex-wrap: wrap; align-items: flex-start; } .vault-project-picker label { width: 100%; } .vault-project-picker select { flex: 1; min-width: 0; } .vault-project-picker > span { margin-left: 0; } .vault-setup-card { grid-template-columns: 1fr; padding: 20px; } .vault-setup-icon { margin-bottom: -5px; } } .github-workspace-page { gap: 14px; display: grid; } .github-heading { justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 7px; display: flex; } .github-heading h1, .github-no-project h1, .github-setup-page h1 { color: #f5f7ff; letter-spacing: -.055em; max-width: 710px; margin: 6px 0; font-size: clamp(27px, 3vw, 40px); font-weight: 800; line-height: 1.06; } .github-heading > div > p:last-child, .github-no-project > p:not(.eyebrow), .github-setup-page > p:not(.eyebrow) { color: #8b97b0; max-width: 650px; margin: 0; font-size: 13px; line-height: 1.7; } .github-heading-icon { color: #dccdff; background: linear-gradient(135deg, #583cb74d, #0a739640); border: 1px solid #a086ff4d; border-radius: 13px; place-items: center; width: 45px; height: 45px; margin-bottom: 4px; display: grid; } .github-project-picker { color: #a6b5cc; background: #0d0e1fb8; border: 1px solid #94a3b81f; border-radius: 10px; align-items: center; gap: 8px; padding: 10px 12px; font-size: 10px; display: flex; } .github-project-picker select { color: #e7effc; background: none; border: 0; outline: 0; min-width: 190px; font-size: 11px; font-weight: 800; } .github-project-picker option { background: #101323; } .github-connected-label, .github-disconnected-label { align-items: center; gap: 5px; margin-left: auto; font: 500 9px / 1 DM Mono, monospace; display: flex; } .github-connected-label { color: #79edb8; } .github-disconnected-label { color: #f2ce83; } .github-connect-card { background: radial-gradient(26rem 18rem at 95% 0, #6d42d438, #0000 66%), linear-gradient(145deg, #151331d9, #090b16e6); border: 1px solid #7a60f34d; border-radius: 15px; justify-content: space-between; align-items: center; gap: 24px; padding: 28px; display: flex; } .github-connect-card > div > svg { color: #c5b5ff; } .github-connect-card h2 { color: #f4f5ff; letter-spacing: -.035em; margin: 11px 0 6px; font-size: 19px; } .github-connect-card p { color: #a5b1c6; max-width: 610px; margin: 0; font-size: 11px; line-height: 1.7; } .github-scope-list { flex-wrap: wrap; gap: 7px; margin-top: 17px; display: flex; } .github-scope-list span { color: #b7c3d8; background: #06081159; border: 1px solid #94a3b824; border-radius: 999px; padding: 5px 8px; font-size: 9px; } .github-layout { grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: 13px; display: grid; } .github-repository-body { gap: 14px; padding: 18px; display: grid; } .github-repository-body label { color: #c5d0e5; font-size: 11px; font-weight: 700; } .github-repository-body select { box-sizing: border-box; color: #e7effc; background: #080a14; border: 1px solid #94a3b82e; border-radius: 9px; outline: 0; width: 100%; margin-top: 7px; padding: 10px; font-size: 11px; display: block; } .github-repository-body option { background: #101323; } .github-disconnect { color: #f3aab8; background: none; border: 0; align-items: center; gap: 5px; font-size: 10px; font-weight: 800; display: inline-flex; } .github-disconnect:hover { color: #ffd2db; } .github-linked-repo { border-top: 1px solid #94a3b81a; align-items: flex-start; gap: 8px; padding-top: 13px; display: flex; } .github-linked-repo > svg { color: #7feabd; margin-top: 2px; } .github-linked-repo strong { color: #dfeafb; font-size: 11px; display: block; } .github-linked-repo span { color: #738199; margin-top: 3px; font-size: 10px; display: block; } .github-files-panel { min-height: 390px; } .github-file-browser { grid-template-columns: 220px minmax(0, 1fr); min-height: 310px; display: grid; } .github-file-list { border-right: 1px solid #94a3b81a; padding: 8px; overflow: auto; } .github-file-list button { color: #99a8bf; text-align: left; text-overflow: ellipsis; white-space: nowrap; background: none; border: 1px solid #0000; border-radius: 7px; align-items: center; gap: 7px; width: 100%; padding: 7px; font: 400 10px / 1.4 DM Mono, monospace; display: flex; overflow: hidden; } .github-file-list button:hover { color: #e8f0ff; background: #717dbf1c; } .github-file-list button.selected { color: #dcfcff; background: #147da324; border-color: #22d3ee2e; } .github-file-preview { background: #080a14; min-width: 0; overflow: auto; } .github-file-preview header { color: #8df0fc; border-bottom: 1px solid #94a3b81a; padding: 10px 13px; font: 500 10px / 1 DM Mono, monospace; } .github-file-preview pre { color: #d6e3f7; white-space: pre-wrap; word-break: break-word; margin: 0; padding: 13px; font: 400 10px / 1.7 DM Mono, monospace; } .github-preview-empty { color: #71809a; text-align: center; flex-direction: column; justify-content: center; align-items: center; min-height: 270px; font-size: 11px; display: flex; } .github-preview-empty svg { color: #53637e; } .github-preview-empty p { max-width: 200px; line-height: 1.65; } .github-safety-note { color: #aab6cb; background: #22d3ee0a; border: 1px solid #22d3ee26; border-radius: 9px; align-items: flex-start; gap: 8px; padding: 10px 12px; font-size: 10px; line-height: 1.65; display: flex; } .github-safety-note svg { color: #7ce7ee; flex: none; margin-top: 1px; } .github-no-project, .github-setup-page { text-align: center; flex-direction: column; justify-content: center; align-items: center; min-height: calc(100svh - 195px); padding: 25px; display: flex; } .github-no-project > svg, .github-setup-icon { color: #d6c9ff; background: linear-gradient(135deg, #593ab44a, #0b698f3d); border: 1px solid #a086ff47; border-radius: 18px; width: 63px; height: 63px; margin-bottom: 18px; padding: 15px; } .github-no-project h1, .github-setup-page h1 { margin-top: 8px; } .github-no-project > p:not(.eyebrow) { margin-bottom: 22px; } .github-setup-page > p:not(.eyebrow) { max-width: 510px; } @media (max-width: 850px) { .github-layout { grid-template-columns: 1fr; } .github-file-browser { min-height: 450px; } .github-connect-card { flex-direction: column; align-items: flex-start; } } @media (max-width: 600px) { .github-heading-icon { display: none; } .github-project-picker { flex-wrap: wrap; align-items: flex-start; } .github-project-picker select { width: 100%; min-width: 0; } .github-connected-label, .github-disconnected-label { margin-left: 0; } .github-connect-card { padding: 21px; } .github-file-browser { grid-template-columns: 1fr; } .github-file-list { border-bottom: 1px solid #94a3b81a; border-right: 0; max-height: 180px; } } .github-action-panel { overflow: hidden; } .github-action-grid { background: #94a3b81a; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; display: grid; } .github-ai-action { background: #0a0c17f0; flex-direction: column; gap: 9px; min-width: 0; padding: 16px; display: flex; } .github-ai-action > p { color: #9ba9c0; margin: 0; font-size: 10px; font-weight: 800; } .github-ai-action textarea, .github-ai-action select { box-sizing: border-box; resize: vertical; color: #e2ebfa; background: #070914; border: 1px solid #94a3b82b; border-radius: 8px; outline: 0; width: 100%; min-height: 66px; padding: 8px; font-size: 10px; line-height: 1.6; } .github-ai-action select { resize: none; min-height: 36px; } .github-ai-action button { color: #dffeff; background: linear-gradient(100deg, #076e9470, #5f36b07a); border: 1px solid #22d3ee40; border-radius: 8px; justify-content: center; align-items: center; gap: 6px; padding: 8px; font-size: 10px; font-weight: 800; display: inline-flex; } .github-ai-action button:disabled { cursor: not-allowed; opacity: .46; } .github-ai-action pre { color: #bfcee5; white-space: pre-wrap; background: #070914; border: 1px solid #94a3b81c; border-radius: 8px; max-height: 200px; margin: 0; padding: 9px; font: 400 9px / 1.6 DM Mono, monospace; overflow: auto; } .github-ai-action small { color: #77859e; font-size: 9px; line-height: 1.55; } .github-proposal { color: #cfbaff; background: #7042ca1a; border: 1px solid #8b5cf63d; border-radius: 8px; gap: 5px; padding: 10px; display: grid; } .github-proposal strong { color: #edf0ff; font-size: 10px; } .github-proposal span { color: #ae9dda; font: 400 9px / 1.45 DM Mono, monospace; } .github-ai-action .github-pr-button { color: #e0fff1; background: linear-gradient(100deg, #07825f73, #1468ae73); border-color: #10b9814d; } @media (max-width: 980px) { .github-action-grid { grid-template-columns: 1fr; } .github-ai-action { border-bottom: 1px solid #94a3b81a; } } .github-history-panel { overflow: hidden; } .github-history-list { padding: 5px 16px; display: grid; } .github-history-list > div { border-bottom: 1px solid #94a3b814; grid-template-columns: 12px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 10px 0; display: grid; } .github-history-list > div:last-child { border-bottom: 0; } .github-history-list svg { color: #81e8f1; } .github-history-list strong { color: #dae6f7; font-size: 10px; display: block; } .github-history-list small { color: #77859e; text-overflow: ellipsis; white-space: nowrap; margin-top: 3px; font-size: 9px; display: block; overflow: hidden; } .github-history-list time { color: #66748e; text-align: right; font: 400 8px / 1.4 DM Mono, monospace; } .ai-chat-page { background: radial-gradient(55rem 34rem at 72% -4%, #5735c426, #0000 58%), #070812; grid-template-columns: 280px minmax(0, 1fr); min-height: calc(100svh - 68px); margin: calc(-1 * clamp(24px, 3vw, 46px)); display: grid; } .conversation-rail { background: linear-gradient(#0f1020f5, #070811f5); border-right: 1px solid #94a3b81f; flex-direction: column; min-height: 0; display: flex; } .conversation-rail-head { border-bottom: 1px solid #94a3b81a; gap: 14px; padding: 21px 16px 16px; display: grid; } .conversation-brand { align-items: center; gap: 9px; display: flex; } .conversation-brand > span { color: #aaf6ff; background: linear-gradient(135deg, #0a759659, #7139c05e); border: 1px solid #22d3ee45; border-radius: 9px; place-items: center; width: 31px; height: 31px; display: grid; } .conversation-brand strong { color: #eaf1fc; margin-top: 3px; font-size: 13px; display: block; } .new-chat-button { color: #eaffff; background: linear-gradient(100deg, #0a7eaad9, #7641cddb); border: 1px solid #22d3ee5c; border-radius: 8px; justify-content: center; align-items: center; gap: 7px; padding: 9px; font-size: 11px; font-weight: 800; display: flex; } .new-chat-button:disabled { opacity: .55; } .conversation-context { border-bottom: 1px solid #94a3b81a; padding: 12px 16px; } .conversation-context label { color: #71809a; letter-spacing: .06em; text-transform: uppercase; gap: 6px; font: 500 9px / 1 DM Mono, monospace; display: grid; } .conversation-context select { color: #cfdaf0; background: none; border: 0; outline: 0; width: 100%; font: 600 10px / 1.4 Manrope, sans-serif; } .conversation-context option { background: #101323; } .conversation-list { flex: 1; align-content: start; gap: 4px; padding: 9px; display: grid; overflow-y: auto; } .conversation-item { color: #aab6cb; text-align: left; background: none; border: 1px solid #0000; border-radius: 8px; grid-template-columns: 25px minmax(0, 1fr) auto; align-items: start; gap: 7px; padding: 9px 8px; display: grid; } .conversation-item:hover { background: #6673bb1a; } .conversation-item.active { background: linear-gradient(100deg, #0e6f9629, #5b30ae2b); border-color: #22d3ee2b; } .conversation-item-icon { color: #8ceff8; background: #22d3ee14; border-radius: 7px; place-items: center; width: 24px; height: 24px; display: grid; } .conversation-item strong { color: #dbe5f6; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; display: block; overflow: hidden; } .conversation-item small { color: #70809a; text-overflow: ellipsis; white-space: nowrap; margin-top: 3px; font-size: 9px; display: block; overflow: hidden; } .conversation-item time { color: #65728b; font: 400 8px / 1.7 DM Mono, monospace; } .conversation-empty { color: #71809a; text-align: center; flex-direction: column; align-items: center; padding: 35px 14px; display: flex; } .conversation-empty p { color: #cbd5e9; margin: 8px 0 4px; font-size: 11px; font-weight: 800; } .conversation-empty span { font-size: 10px; line-height: 1.55; } .conversation-loading { color: #7d8aa2; padding: 14px; font-size: 10px; } .conversation-rail-footer { color: #73829a; border-top: 1px solid #94a3b81a; align-items: flex-start; gap: 7px; padding: 12px; font-size: 9px; line-height: 1.5; display: flex; } .conversation-rail-footer svg { color: #77ead2; flex: none; } .ai-chat-main { flex-direction: column; min-width: 0; display: flex; } .ai-chat-header { background: #0708129e; border-bottom: 1px solid #94a3b81a; justify-content: space-between; align-items: center; gap: 20px; min-height: 82px; padding: 0 24px; display: flex; } .ai-chat-header h1 { color: #eff3ff; letter-spacing: -.03em; text-overflow: ellipsis; white-space: nowrap; max-width: 720px; margin: 5px 0 2px; font-size: 18px; font-weight: 800; overflow: hidden; } .ai-chat-header span { color: #7f8da5; font-size: 10px; } .ai-chat-status { color: #91a0ba; white-space: nowrap; align-items: center; gap: 7px; font: 500 9px / 1 DM Mono, monospace; display: flex; } .ai-chat-stage { flex: 1; min-height: 0; padding: 17px clamp(16px, 3vw, 34px) 9px; } .ai-chat-stage > div { box-shadow: none; background: none; border: 0; border-radius: 12px; height: 100% !important; } .ai-chat-stage form { background: #090b16c7; border-color: #94a3b824; } .ai-chat-stage textarea { color: #e7eefc; background: #0a0c18; } .ai-chat-footer { color: #6f7d96; border-top: 1px solid #94a3b817; align-items: center; gap: 6px; padding: 9px 24px; font-size: 9px; display: flex; } .ai-chat-footer svg:last-child { color: #63dbe6; margin-left: auto; } @media (max-width: 850px) { .ai-chat-page { grid-template-columns: 225px minmax(0, 1fr); } .conversation-rail-head { padding: 16px 11px 13px; } .ai-chat-header { padding: 0 16px; } .ai-chat-stage { padding: 12px; } } @media (max-width: 650px) { .ai-chat-page { min-height: calc(100svh - 60px); margin: -24px -18px -35px; display: block; } .conversation-rail { border-bottom: 1px solid #94a3b81f; border-right: 0; min-height: auto; } .conversation-rail-head { grid-template-columns: 1fr auto; align-items: center; } .conversation-brand { display: none; } .new-chat-button { padding: 8px 11px; } .conversation-context { display: none; } .conversation-list { padding: 8px; display: flex; overflow-x: auto; } .conversation-item { grid-template-columns: 22px minmax(0, 1fr); min-width: 165px; } .conversation-item time, .conversation-rail-footer { display: none; } .ai-chat-header { min-height: 66px; padding: 0 14px; } .ai-chat-header h1 { font-size: 14px; } .ai-chat-status { display: none; } .ai-chat-stage { height: calc(100svh - 196px); padding: 6px; } .ai-chat-footer { padding: 8px 13px; font-size: 8px; } } .dashboard-conversations { margin-top: 13px; } .dashboard-conversation-list { padding: 5px 18px 8px; display: grid; } .dashboard-conversation-row { color: #e7eefc; text-align: left; background: none; border: 0; border-bottom: 1px solid #94a3b814; align-items: center; gap: 10px; width: 100%; padding: 12px 0; transition: background .14s ease-out; display: flex; } .dashboard-conversation-row:last-child { border-bottom: 0; } .dashboard-conversation-row:hover { background: #5e68af14; } .dashboard-conversation-icon { color: #8ceff8; background: #22d3ee14; border-radius: 8px; flex: none; place-items: center; width: 27px; height: 27px; display: grid; } .dashboard-conversation-row strong { text-overflow: ellipsis; white-space: nowrap; font-size: 11px; display: block; overflow: hidden; } .dashboard-conversation-row small { color: #77849d; margin-top: 3px; font-size: 9px; display: block; } .dashboard-conversation-row time { color: #71809a; flex: none; margin-left: auto; font: 500 9px / 1 DM Mono, monospace; } .dashboard-conversation-row > svg:last-child { flex: none; } .ai-chat-page { grid-template-columns: minmax(0, 1fr) !important; } .ai-chat-page .conversation-rail, .ai-chat-page .chat-attached-controls { display: none !important; } .mobile-drawer-tools { display: none; } .mobile-drawer-new-chat { color: #f5f8ff; background: linear-gradient(110deg, #0c91b7cc, #6636bed9); border: 1px solid #22d3ee2e; border-radius: 12px; justify-content: center; align-items: center; gap: 8px; width: 100%; padding: 12px 14px; font-size: 12px; font-weight: 800; display: inline-flex; } .mobile-drawer-search { color: #74829a; background: #05070fb3; border: 1px solid #94a3b81f; border-radius: 11px; align-items: center; gap: 8px; padding: 10px 12px; display: flex; } .mobile-drawer-search input { color: #eaf1ff; background: none; border: 0; outline: 0; flex: 1; min-width: 0; font-size: 11px; } .mobile-drawer-search input::placeholder { color: #6f7a90; } @media (max-width: 760px) { .mobile-drawer-tools { gap: 10px; margin: 16px 14px 2px; display: grid; } .subby-sidebar .subby-navigation { padding-top: 5px; } } .mobile-reference-links { display: none; } @media (max-width: 760px) { .mobile-reference-links { border-bottom: 1px solid #94a3b81a; gap: 2px; margin: 10px 14px 2px; padding-bottom: 8px; display: grid; } .mobile-reference-links .subby-nav-item { padding-inline: 8px; } } @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-space-x-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-gradient-position { syntax: "*"; inherits: false } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false } @property --tw-gradient-via-stops { syntax: "*"; inherits: false } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false } @property --tw-font-weight { syntax: "*"; inherits: false } @property --tw-tracking { syntax: "*"; inherits: false } @property --tw-ordinal { syntax: "*"; inherits: false } @property --tw-slashed-zero { syntax: "*"; inherits: false } @property --tw-numeric-figure { syntax: "*"; inherits: false } @property --tw-numeric-spacing { syntax: "*"; inherits: false } @property --tw-numeric-fraction { syntax: "*"; inherits: false } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-backdrop-blur { syntax: "*"; inherits: false } @property --tw-backdrop-brightness { syntax: "*"; inherits: false } @property --tw-backdrop-contrast { syntax: "*"; inherits: false } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false } @property --tw-backdrop-invert { syntax: "*"; inherits: false } @property --tw-backdrop-opacity { syntax: "*"; inherits: false } @property --tw-backdrop-saturate { syntax: "*"; inherits: false } @property --tw-backdrop-sepia { syntax: "*"; inherits: false } @property --tw-duration { syntax: "*"; inherits: false } @property --tw-ease { syntax: "*"; inherits: false } @property --tw-content { syntax: "*"; inherits: false; initial-value: ""; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes pulse { 50% { opacity: .5; } }