/* 对齐BoMate明细弹窗的轻量入场；尊重系统减少动态效果设置。 */ ._panel_ltaf4_2 { animation: _credit-panel-in_ltaf4_1 160ms ease-out; } ._backdrop_ltaf4_3 { animation: _credit-backdrop-in_ltaf4_1 160ms ease-out; } @keyframes _credit-panel-in_ltaf4_1 { from { opacity: 0; transform: translateY(6px) scale(.98); } to { opacity: 1; transform: none; } } @keyframes _credit-backdrop-in_ltaf4_1 { from { opacity: 0; } to { opacity: 1; } } @media (prefers-reduced-motion: reduce) { ._panel_ltaf4_2, ._backdrop_ltaf4_3 { animation: none; } } @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;position:relative;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.40"}.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:-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 .smash{display:inline;line-height:0}.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;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex svg{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}.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} ._root_ixth2_1 { height: 100%; min-height: 0; display: flex; flex-direction: column; gap: 10px; padding: 14px 16px 10px; color: inherit; border-radius: 12px; } /* 小高度抽屉优先保留操作栏，正文、风格和配置在可用区域内滚动。 */ ._body_ixth2_3 { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 10px; overflow-y: auto; overscroll-behavior: contain; } ._heading_ixth2_4 { flex-shrink: 0; display: flex; flex-direction: column; gap: 4px; } ._kicker_ixth2_5 { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #8b8b95; } ._heading_ixth2_4 h3 { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.4; } ._hint_ixth2_7 { margin: 0; font-size: 12px; color: #8b8b95; line-height: 1.5; } ._tabs_ixth2_9 { flex-shrink: 0; display: flex; flex-wrap: wrap; gap: 6px; } ._tab_ixth2_9 { padding: 4px 10px; font-size: 12px; border-radius: 999px; border: 1px solid rgb(128 128 128 / 22%); background: transparent; color: inherit; cursor: pointer; transition: background 120ms, border-color 120ms; } ._tab_ixth2_9:hover { background: rgb(128 128 128 / 8%); } ._tab_ixth2_9[aria-selected="true"] { border-color: var(--accent-color, var(--coding-accent, #5b5fef)); color: var(--accent-color, var(--coding-accent, #5b5fef)); background: color-mix(in srgb, var(--accent-color, var(--coding-accent, #5b5fef)) 10%, transparent); } ._grid_ixth2_14 { flex: 1; min-height: 48px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; max-height: 420px; overflow-y: auto; padding: 2px; scrollbar-gutter: stable; } @media (max-width: 1100px) { ._grid_ixth2_14 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { ._grid_ixth2_14 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } ._card_ixth2_18 { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 6px 6px 8px; text-align: left; border-radius: 10px; border: 1px solid rgb(128 128 128 / 18%); background: rgb(128 128 128 / 4%); color: inherit; cursor: pointer; transition: transform 120ms, border-color 120ms, box-shadow 120ms; } ._card_ixth2_18:hover { transform: translateY(-1px); border-color: rgb(128 128 128 / 40%); box-shadow: 0 4px 14px rgb(0 0 0 / 8%); } ._cardActive_ixth2_20, ._cardActive_ixth2_20:hover { border-color: var(--accent-color, var(--coding-accent, #5b5fef)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-color, var(--coding-accent, #5b5fef)) 35%, transparent); } ._cardCustom_ixth2_21 { border-style: dashed; } ._thumb_ixth2_22 { aspect-ratio: 16 / 9; width: 100%; border-radius: 6px; overflow: hidden; border: 1px solid rgb(128 128 128 / 18%); background: #fff; } ._thumb_ixth2_22 svg { display: block; } ._customThumb_ixth2_24 { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 28px; color: #8b8b95; background: rgb(128 128 128 / 8%); } ._badge_ixth2_25 { position: absolute; top: 10px; left: 10px; padding: 1px 7px; font-size: 10px; font-weight: 600; letter-spacing: .04em; border-radius: 999px; color: #fff; background: var(--accent-color, var(--coding-accent, #5b5fef)); } ._meta_ixth2_26 { display: flex; flex-direction: column; gap: 2px; min-width: 0; } ._nameRow_ixth2_27 { display: flex; align-items: center; gap: 6px; min-width: 0; } ._id_ixth2_28 { font-size: 10px; font-weight: 700; color: #8b8b95; letter-spacing: .04em; } ._name_ixth2_27 { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1 1 auto; min-width: 0; } ._swatches_ixth2_30 { display: inline-flex; gap: 2px; flex-shrink: 0; } ._swatches_ixth2_30 i { width: 9px; height: 9px; border-radius: 2px; border: 1px solid rgb(128 128 128 / 30%); display: inline-block; } ._mood_ixth2_32 { font-size: 11px; color: #8b8b95; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ._customInput_ixth2_34 { width: 100%; resize: vertical; padding: 10px 12px; font-size: 13px; line-height: 1.5; border-radius: 10px; border: 1px solid rgb(128 128 128 / 22%); background: rgb(128 128 128 / 6%); color: inherit; font-family: inherit; } ._controls_ixth2_36 { flex-shrink: 0; display: flex; flex-wrap: wrap; gap: 14px 24px; align-items: center; padding-top: 4px; border-top: 1px solid rgb(128 128 128 / 12%); } ._control_ixth2_36 { display: flex; align-items: center; gap: 8px; } ._controlLabel_ixth2_38 { font-size: 12px; color: #8b8b95; } ._segmented_ixth2_39 { display: inline-flex; border: 1px solid rgb(128 128 128 / 22%); border-radius: 8px; overflow: hidden; } ._segment_ixth2_39 { padding: 4px 10px; font-size: 12px; background: transparent; color: inherit; border: 0; border-right: 1px solid rgb(128 128 128 / 22%); cursor: pointer; } ._segment_ixth2_39:last-child { border-right: 0; } ._segment_ixth2_39[aria-checked="true"] { background: color-mix(in srgb, var(--accent-color, var(--coding-accent, #5b5fef)) 14%, transparent); color: var(--accent-color, var(--coding-accent, #5b5fef)); font-weight: 600; } ._colorInput_ixth2_43 { width: 28px; height: 28px; padding: 0; border: 1px solid rgb(128 128 128 / 22%); border-radius: 6px; background: transparent; cursor: pointer; } ._hexInput_ixth2_44 { width: 96px; padding: 5px 8px; font-size: 12px; border-radius: 6px; border: 1px solid rgb(128 128 128 / 22%); background: rgb(128 128 128 / 6%); color: inherit; font-family: ui-monospace, Menlo, monospace; } ._clear_ixth2_45 { font-size: 11px; color: #8b8b95; background: transparent; border: 0; cursor: pointer; } ._footer_ixth2_47 { flex-shrink: 0; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding-top: 8px; border-top: 1px solid rgb(128 128 128 / 12%); } ._summary_ixth2_48 { flex: 1 1 auto; font-size: 12px; color: #8b8b95; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._deny_ixth2_49 { font-size: 12px; color: #8b8b95; } ._error_ixth2_50 { flex-basis: 100%; font-size: 12px; color: #d33; } ._root_ixth2_1 button:disabled { opacity: .45; cursor: not-allowed; } ._root_ixth2_1 button:focus-visible, ._root_ixth2_1 input:focus-visible, ._root_ixth2_1 textarea:focus-visible { outline: 2px solid var(--accent-color, #5b5fef); outline-offset: -2px; } @media (prefers-reduced-motion: reduce) { ._card_ixth2_18, ._tab_ixth2_9 { transition: none; } ._card_ixth2_18:hover { transform: none; } } ._submit_ixth2_55 { padding: 7px 12px; border-radius: 8px; background: var(--accent-color, #5b5fef); color: white; } @media (max-width: 760px) { ._body_ixth2_3 { gap: 6px; } ._root_ixth2_1 { gap: 6px; padding: 4px 10px 6px; } ._tabs_ixth2_9 { flex-wrap: nowrap; overflow-x: auto; } ._tab_ixth2_9 { white-space: nowrap; } ._hint_ixth2_7, ._summary_ixth2_48 { display: none; } ._controls_ixth2_36 { gap: 6px; } ._footer_ixth2_47 { padding-top: 4px; justify-content: space-between; } } ._form_10ycd_1 { --followup-accent: var(--accent-color, var(--coding-accent, #5b5fef)); --followup-muted: var(--ui-text-secondary, #8b8b95); --followup-line: rgb(128 128 128 / 16%); height: 100%; min-height: 0; display: flex; flex-direction: column; color: inherit; } ._heading_10ycd_12 { flex-shrink: 0; max-height: 40%; overflow-y: auto; padding: 2px 48px 8px 16px; } ._metaRow_10ycd_19 { display: flex; align-items: center; gap: 8px; min-height: 24px; margin-bottom: 6px; } ._pages_10ycd_27 { display: inline-flex; align-items: center; height: 24px; padding: 0 2px; border: 1px solid var(--followup-line); border-radius: 999px; color: var(--followup-muted); font-size: 12px; font-variant-numeric: tabular-nums; } ._pages_10ycd_27 span { min-width: 36px; text-align: center; } ._pages_10ycd_27 button { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 0; border-radius: 50%; } ._pages_10ycd_27 button svg { width: 14px; height: 14px; } ._label_10ycd_42 { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; background: color-mix(in srgb, var(--followup-accent) 10%, transparent); color: var(--followup-accent); font-size: 12px; font-weight: 500; line-height: 1; } ._titleRow_10ycd_54 { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 10px; } ._heading_10ycd_12 h3 { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; } ._hint_10ycd_56 { color: var(--followup-muted); font-size: 12px; white-space: nowrap; } ._scroll_10ycd_58 { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; } ._options_10ycd_65 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 6px; padding: 2px 16px 6px; } ._option_10ycd_65 { display: flex; align-items: flex-start; gap: 8px; width: 100%; min-height: 48px; padding: 8px 10px; border: 1px solid var(--followup-line); border-radius: 6px; background: transparent; color: inherit; text-align: left; transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease; } ._option_10ycd_65 > span:last-child { min-width: 0; } ._option_10ycd_65:hover:not(:disabled) { border-color: color-mix(in srgb, var(--followup-accent) 45%, transparent); background: color-mix(in srgb, var(--followup-accent) 5%, transparent); } ._option_10ycd_65[aria-pressed="true"] { border-color: var(--followup-accent); background: color-mix(in srgb, var(--followup-accent) 9%, transparent); box-shadow: 0 0 0 1px var(--followup-accent) inset; } ._number_10ycd_89 { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: rgb(128 128 128 / 12%); color: var(--followup-muted); font-size: 11px; font-weight: 600; line-height: 1; } ._option_10ycd_65[aria-pressed="true"] ._number_10ycd_89 { background: var(--followup-accent); color: #fff; } ._optionTitle_10ycd_104 { display: block; font-size: 13px; font-weight: 500; line-height: 1.35; overflow-wrap: anywhere; } ._description_10ycd_105 { display: block; margin-top: 1px; color: var(--followup-muted); font-size: 11.5px; line-height: 1.35; overflow-wrap: anywhere; } ._footer_10ycd_107 { flex-shrink: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 12px; padding: 8px 16px 10px; border-top: 1px solid var(--followup-line); } ._inputRow_10ycd_116 { display: flex; align-items: center; gap: 8px; } ._inputRow_10ycd_116 input { flex: 1; min-width: 0; height: 34px; padding: 0 12px; border: 1px solid transparent; border-radius: 6px; background: rgb(128 128 128 / 9%); color: inherit; font-size: 13px; } ._inputRow_10ycd_116 input:focus { border-color: color-mix(in srgb, var(--followup-accent) 55%, transparent); background: transparent; } ._send_10ycd_119 { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border-radius: 6px; background: var(--followup-accent); color: #fff; } ._send_10ycd_119 svg { width: 17px; height: 17px; } ._deny_10ycd_121 { padding: 4px 0; color: var(--followup-muted); font-size: 12px; white-space: nowrap; } ._deny_10ycd_121:hover:not(:disabled) { color: inherit; text-decoration: underline; } ._error_10ycd_123 { grid-column: 1 / -1; max-height: 40px; padding: 6px 10px; overflow-y: auto; border-radius: 8px; background: rgb(221 51 51 / 8%); color: #d33; font-size: 12px; } ._form_10ycd_1 button:disabled { opacity: .4; cursor: not-allowed; } ._form_10ycd_1 button:focus-visible, ._form_10ycd_1 input:focus-visible { outline: 2px solid var(--followup-accent); outline-offset: 2px; } @container followup-panel (max-width: 600px) { ._options_10ycd_65 { grid-template-columns: minmax(0, 1fr); } } @container followup-panel (max-width: 440px) { ._footer_10ycd_107 { grid-template-columns: minmax(0, 1fr); } ._deny_10ycd_121 { justify-self: end; } } @media (prefers-reduced-motion: reduce) { ._option_10ycd_65, ._inputRow_10ycd_116 input { transition: none; } } /* 非模态局部层：锚点高度恒为 0，拖拽和展开不会压缩对话区域。 */ ._anchor_1kppx_2 { position: relative; height: 0; flex-shrink: 0; min-width: 0; z-index: 20; } ._drawer_1kppx_3 { position: absolute; inset-inline: 0; bottom: 0; width: 100%; container: followup-panel / inline-size; display: flex; flex-direction: column; min-height: 0; overflow: hidden; border: 1px solid var(--ui-border, var(--coding-border-soft, #e5e5eb)); border-bottom: 0; border-radius: 8px 8px 0 0; color: var(--ui-text-primary, var(--coding-text, #24242a)); background: var(--ui-surface, var(--coding-panel, #fff)); box-shadow: 0 -8px 28px rgb(17 17 20 / 9%); animation: _followup-in_1kppx_1 240ms ease-out; } ._drawer_1kppx_3[hidden] { display: none; } .dark ._drawer_1kppx_3 { background: var(--ui-surface, var(--coding-panel, #26262b)); color: var(--ui-text-primary, var(--coding-text, #eee)); } ._grip_1kppx_6 { height: 14px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; cursor: ns-resize; touch-action: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._grip_1kppx_6 span { width: 32px; height: 4px; border-radius: 9px; background: currentColor; opacity: .16; transition: opacity 140ms ease; } ._grip_1kppx_6:hover span, ._grip_1kppx_6:focus-visible span { opacity: .34; } ._grip_1kppx_6:focus-visible, ._close_1kppx_9:focus-visible, ._reopen_1kppx_9:focus-visible { outline: 2px solid var(--accent-color, #6366f1); outline-offset: -2px; } ._toolbar_1kppx_10 { position: absolute; top: 6px; right: 10px; z-index: 1; display: flex; align-items: center; } ._close_1kppx_9 { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border-radius: 50%; color: var(--ui-text-secondary, #888894); cursor: pointer; } ._close_1kppx_9:hover { background: rgb(128 128 128 / 12%); color: inherit; } ._content_1kppx_13 { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; } /* 去掉旧内嵌卡片外框，保留其表单、错误提示和授权语义。 */ ._content_1kppx_13 > .followup-body { margin: 0; width: 100%; max-width: none; border: 0 !important; border-radius: 0; box-shadow: none !important; background: transparent; animation: none !important; } ._reopen_1kppx_9 { position: absolute; bottom: 0; right: 0; border: 1px solid color-mix(in srgb, var(--accent-color, #6366f1) 55%, transparent); border-radius: 8px 8px 0 0; padding: 10px 16px; background: var(--ui-surface, var(--coding-panel, #fff)); color: var(--accent-color, #6366f1); font-size: 13px; box-shadow: 0 -3px 16px rgb(17 17 20 / 8%); } .dark ._reopen_1kppx_9 { background: var(--ui-surface, var(--coding-panel, #26262b)); } @keyframes _followup-in_1kppx_1 { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { ._drawer_1kppx_3 { animation: none; } ._grip_1kppx_6 span { transition: none; } } /** * Copyright (c) 2014 The xterm.js authors. All rights reserved. * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License) * https://github.com/chjj/term.js * @license MIT * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. * * Originally forked from (with the author's permission): * Fabrice Bellard's javascript vt100 for jslinux: * http://bellard.org/jslinux/ * Copyright (c) 2011 Fabrice Bellard * The original design remains. The terminal itself * has been extended to include xterm CSI codes, among * other features. */ /** * Default styles for xterm.js */ .xterm { cursor: text; position: relative; -moz-user-select: none; user-select: none; -ms-user-select: none; -webkit-user-select: none; } .xterm.focus, .xterm:focus { outline: none; } .xterm .xterm-helpers { position: absolute; top: 0; /** * The z-index of the helpers must be higher than the canvases in order for * IMEs to appear on top. */ z-index: 5; } .xterm .xterm-helper-textarea { padding: 0; border: 0; margin: 0; /* Move textarea out of the screen to the far left, so that the cursor is not visible */ position: absolute; opacity: 0; left: -9999em; top: 0; width: 0; height: 0; z-index: -5; /** Prevent wrapping so the IME appears against the textarea at the correct position */ white-space: nowrap; overflow: hidden; resize: none; } .xterm .composition-view { /* TODO: Composition position got messed up somewhere */ background: #000; color: #FFF; display: none; position: absolute; white-space: nowrap; z-index: 1; } .xterm .composition-view.active { display: block; } .xterm .xterm-viewport { /* On OS X this is required in order for the scroll bar to appear fully opaque */ background-color: #000; overflow-y: scroll; cursor: default; position: absolute; right: 0; left: 0; top: 0; bottom: 0; } .xterm .xterm-screen { position: relative; } .xterm .xterm-screen canvas { position: absolute; left: 0; top: 0; } .xterm-char-measure-element { display: inline-block; visibility: hidden; position: absolute; top: 0; left: -9999em; line-height: normal; } .xterm.enable-mouse-events { /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */ cursor: default; } .xterm.xterm-cursor-pointer, .xterm .xterm-cursor-pointer { cursor: pointer; } .xterm.column-select.focus { /* Column selection mode */ cursor: crosshair; } .xterm .xterm-accessibility:not(.debug), .xterm .xterm-message { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 10; color: transparent; pointer-events: none; } .xterm .xterm-accessibility-tree:not(.debug) *::-moz-selection { color: transparent; } .xterm .xterm-accessibility-tree:not(.debug) *::selection { color: transparent; } .xterm .xterm-accessibility-tree { font-family: monospace; -webkit-user-select: text; -moz-user-select: text; user-select: text; white-space: pre; } .xterm .xterm-accessibility-tree > div { transform-origin: left; width: -moz-fit-content; width: fit-content; } .xterm .live-region { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .xterm-dim { /* Dim should not apply to background, so the opacity of the foreground color is applied * explicitly in the generated class and reset to 1 here */ opacity: 1 !important; } .xterm-underline-1 { text-decoration: underline; } .xterm-underline-2 { -webkit-text-decoration: double underline; text-decoration: double underline; } .xterm-underline-3 { -webkit-text-decoration: wavy underline; text-decoration: wavy underline; } .xterm-underline-4 { -webkit-text-decoration: dotted underline; text-decoration: dotted underline; } .xterm-underline-5 { -webkit-text-decoration: dashed underline; text-decoration: dashed underline; } .xterm-overline { text-decoration: overline; } .xterm-overline.xterm-underline-1 { text-decoration: overline underline; } .xterm-overline.xterm-underline-2 { -webkit-text-decoration: overline double underline; text-decoration: overline double underline; } .xterm-overline.xterm-underline-3 { -webkit-text-decoration: overline wavy underline; text-decoration: overline wavy underline; } .xterm-overline.xterm-underline-4 { -webkit-text-decoration: overline dotted underline; text-decoration: overline dotted underline; } .xterm-overline.xterm-underline-5 { -webkit-text-decoration: overline dashed underline; text-decoration: overline dashed underline; } .xterm-strikethrough { text-decoration: line-through; } .xterm-screen .xterm-decoration-container .xterm-decoration { z-index: 6; position: absolute; } .xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer { z-index: 7; } .xterm-decoration-overview-ruler { z-index: 8; position: absolute; top: 0; right: 0; pointer-events: none; } .xterm-decoration-top { z-index: 2; position: relative; } /* Derived from vs/base/browser/ui/scrollbar/media/scrollbar.css */ /* xterm.js customization: Override xterm's cursor style */ .xterm .xterm-scrollable-element > .scrollbar { cursor: default; } /* Arrows */ .xterm .xterm-scrollable-element > .scrollbar > .scra { cursor: pointer; font-size: 11px !important; } .xterm .xterm-scrollable-element > .visible { opacity: 1; /* Background rule added for IE9 - to allow clicks on dom node */ background:rgba(0,0,0,0); transition: opacity 100ms linear; /* In front of peek view */ z-index: 11; } .xterm .xterm-scrollable-element > .invisible { opacity: 0; pointer-events: none; } .xterm .xterm-scrollable-element > .invisible.fade { transition: opacity 800ms linear; } /* Scrollable Content Inset Shadow */ .xterm .xterm-scrollable-element > .shadow { position: absolute; display: none; } .xterm .xterm-scrollable-element > .shadow.top { display: block; top: 0; left: 3px; height: 3px; width: 100%; box-shadow: var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset; } .xterm .xterm-scrollable-element > .shadow.left { display: block; top: 3px; left: 0; height: 100%; width: 3px; box-shadow: var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset; } .xterm .xterm-scrollable-element > .shadow.top-left-corner { display: block; top: 0; left: 0; height: 3px; width: 3px; } .xterm .xterm-scrollable-element > .shadow.top.left { box-shadow: var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset; } /* 复用玻璃卡片配色，扫码面板不再创建第二层弹窗或继承应用深色主题。 */ ._panel_1s7c8_2 { --qr-acc:var(--blue,#2f6bf0); --qr-sub:var(--ink-3,#5f6a84); position:relative; min-height:310px; color:var(--ink,#141a2e); text-align:center; } ._content_1s7c8_3 { animation:_enter_1s7c8_1 .45s cubic-bezier(.22,1,.36,1); } ._title_1s7c8_4 { font-size:17px; font-weight:700; line-height:24px; margin:0; } ._code_1s7c8_5 { width:170px; height:170px; margin:8px auto; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; border-radius:14px; } ._panel_1s7c8_2[data-state='pending'] ._code_1s7c8_5, ._code_1s7c8_5:has(._blurred_1s7c8_6) { background:#fff; } ._scan_1s7c8_7 { position:absolute; left:0; right:0; top:-46px; height:46px; border-bottom:2px solid var(--qr-acc); background:linear-gradient(transparent,#2f6bff40); animation:_scan_1s7c8_7 2.4s ease-in-out infinite; pointer-events:none; } ._blurred_1s7c8_6 { filter:blur(3px) grayscale(.4); opacity:.35; } ._badge_1s7c8_9 { position:absolute; display:grid; place-items:center; width:76px; height:76px; border-radius:50%; color:white; background:linear-gradient(135deg,#2f6bff,#4f83ff); animation:_pop_1s7c8_1 .5s cubic-bezier(.3,1.6,.4,1); } ._badge_1s7c8_9 svg { width:38px; height:38px; } ._failed_1s7c8_11 { background:#ef4444; } ._success_1s7c8_12 { background:linear-gradient(135deg,#16a34a,#22c55e); } ._spinner_1s7c8_13 { width:48px; height:48px; color:var(--qr-acc); animation:_spin_1s7c8_13 .8s linear infinite; } ._waiting_1s7c8_14 { color:var(--qr-sub); font-size:12.5px; line-height:18px; } ._dot_1s7c8_15 { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:var(--qr-acc); animation:_pulse_1s7c8_1 1.4s infinite; } ._description_1s7c8_16 { color:var(--qr-sub); font-size:12px; line-height:1.6; min-height:20px; margin:6px 0 0; } ._check_1s7c8_17 { font:12px monospace; color:var(--qr-sub); margin:3px 0 0; } ._actions_1s7c8_18 { margin-top:16px; display:flex; justify-content:center; gap:10px; } ._actions_1s7c8_18 button { min-height:44px; padding:0 12px; border:1px solid var(--ui-border,#e6e8ee); border-radius:9px; font-size:12px; font-weight:600; } ._actions_1s7c8_18 ._primary_1s7c8_20 { color:white; background:linear-gradient(135deg,#2f6bff,#4f83ff); border:0; } ._actions_1s7c8_18 button:focus-visible { outline:2px solid var(--qr-acc); outline-offset:3px; } ._dots_1s7c8_22 { display:flex; justify-content:center; gap:4px; margin:8px 0; } ._dots_1s7c8_22 i { width:6px; height:6px; border-radius:50%; background:var(--qr-acc); animation:_bounce_1s7c8_1 1.2s infinite; } ._dots_1s7c8_22 i:nth-child(2) { animation-delay:.15s; } ._dots_1s7c8_22 i:nth-child(3) { animation-delay:.3s; } ._beam_1s7c8_25 { position:absolute; top:0; bottom:0; left:0; width:4px; background:linear-gradient(#2f6bff,#38bdf8); box-shadow:0 0 30px 6px #2f6bff60; opacity:0; pointer-events:none; animation:_receive_1s7c8_1 1.2s .2s; } ._receiving_1s7c8_26 { animation:_receive_1s7c8_1 1.4s infinite; } @keyframes _scan_1s7c8_7 { to { transform:translateY(216px); } } @keyframes _spin_1s7c8_13 { to { transform:rotate(360deg); } } @keyframes _pop_1s7c8_1 { from { opacity:0; transform:scale(.6); } } @keyframes _enter_1s7c8_1 { from { opacity:0; transform:translateY(10px); } } @keyframes _pulse_1s7c8_1 { 50% { transform:scale(1.7); opacity:.4; } } @keyframes _bounce_1s7c8_1 { 50% { transform:translateY(-6px); } } @keyframes _receive_1s7c8_1 { 50% { opacity:.95; } } @media (prefers-reduced-motion:reduce) { ._panel_1s7c8_2 *, ._panel_1s7c8_2 *::before { animation:none!important; transition:none!important; } ._beam_1s7c8_25 { display:none; } ._scan_1s7c8_7 { top:80px; } } /* 登录页固定使用浅色玻璃配色；根作用域优先于全局 .dark/.light main，避免继承浅色文字。 */ :root .bomate-login { --blue: #2f6bf0; --blue-hover: #2459d6; --blue-ring: rgba(47, 107, 240, 0.16); --ink: #141a2e; --ink-2: #4a5468; --ink-3: #5f6a84; --placeholder: #8590a8; --icon: #7c87a0; --green: #07c160; --red: #d4483b; --soft: cubic-bezier(0.2, 0.8, 0.2, 1); font-family: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif; color: var(--ink); color-scheme: light; position: fixed; inset: 0; overflow-y: auto; background: #cdd7eb; } .login-background { position: fixed; inset: 0; pointer-events: none; } .login-layout { position: relative; display: flex; min-height: 100%; justify-content: space-between; align-items: center; gap: 24px; padding: 32px 6vw 32px 3.5vw; } .login-illustration { width: min(54vw, 1040px); min-width: 0; height: auto; flex-shrink: 1; aspect-ratio: 660 / 530; overflow: visible; } .login-card { position: relative; isolation: isolate; width: 420px; flex: none; box-sizing: border-box; max-width: 100%; border-radius: 24px; background: rgba(255, 255, 255, 0.52); border: 1px solid rgba(255, 255, 255, 0.8); backdrop-filter: blur(26px) saturate(1.5); box-shadow: 0 30px 70px -30px rgba(20, 40, 100, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.9); transition: height 500ms var(--soft); animation: login-enter 500ms var(--soft) both; } .login-card.is-resizing { overflow: hidden; } .login-card-content { position: relative; z-index: 1; padding: 44px 40px 32px; } .login-brand { text-align: center; margin-bottom: 28px; } .login-brand-logo { display: inline-flex; border-radius: 14px; overflow: hidden; vertical-align: top; } .login-brand h1 { font-size: 24px; font-weight: 700; line-height: 1.35; margin: 10px 0 4px; } .login-brand p { font-size: 14px; color: #7a849a; margin: 0; } .login-view { position: relative; z-index: 1; animation: login-view-in 320ms var(--soft) both; } .login-form { display: flex; flex-direction: column; gap: 16px; } .login-input { width: 100%; box-sizing: border-box; height: 58px; display: flex; align-items: center; gap: 10px; padding: 0 10px 0 16px; border-radius: 14px; background: rgba(255, 255, 255, 0.55); border: 1px solid rgba(255, 255, 255, 0.85); transition: background 250ms var(--soft), border-color 250ms var(--soft), box-shadow 250ms var(--soft); } .login-input:hover { background: rgba(255, 255, 255, 0.7); } .login-input:focus-within { background: rgba(255, 255, 255, 0.95); border-color: rgba(47, 107, 240, 0.55); box-shadow: 0 0 0 4px var(--blue-ring), 0 10px 24px -14px rgba(47, 107, 240, 0.6); } .login-input input { min-width: 0; width: 100%; flex: 1; background: transparent; border: 0; outline: none; font-size: 15px; color: var(--ink); padding: 0; line-height: normal; } /* Chrome/Safari 自动填充会强制绘制输入节点背景；裁到文字区，让外框统一绘制玻璃底色。 */ .login-input input:-webkit-autofill { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: var(--ink); caret-color: var(--ink); } .login-input input::-moz-placeholder { color: var(--placeholder); } .login-input input::placeholder { color: var(--placeholder); } .login-eye svg, .login-pill svg { width: 20px; height: 20px; } .login-input.is-disabled { background: rgba(255, 255, 255, 0.35); } .login-input.is-disabled input, .login-input.is-disabled label { opacity: 0.5; } .login-field.is-invalid .login-input { background: rgba(255, 246, 245, 0.95); border-color: var(--red); box-shadow: 0 0 0 4px rgba(212, 72, 59, 0.12); animation: login-shake 400ms var(--soft); } .login-error { font-size: 12px; line-height: 1.6; color: #b8392d; margin: 6px 0 0; overflow-wrap: anywhere; } .login-hint { font-size: 12px; line-height: 1.7; color: var(--ink-3); margin: 0; } .login-subtitle { font-size: 17px; font-weight: 600; text-align: center; margin: 0; } .bomate-login button { cursor: pointer; } .bomate-login button:disabled { cursor: not-allowed; } .bomate-login button:focus-visible, .bomate-login a:focus-visible, .bomate-login select:focus-visible, .bomate-login input[type="checkbox"]:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; } .login-primary { position: relative; overflow: hidden; width: 100%; height: 50px; border: 0; border-radius: 12px; background: linear-gradient(90deg, #2f6bf0, #5a7bff); color: white; font-size: 16px; font-weight: 600; letter-spacing: 2px; box-shadow: 0 10px 22px -12px rgba(47, 107, 240, 0.8); transition: background 200ms var(--soft), box-shadow 200ms var(--soft), transform 120ms var(--soft); display: flex; align-items: center; justify-content: center; } .login-primary:hover:enabled { background: var(--blue-hover); box-shadow: 0 12px 26px -12px rgba(47, 107, 240, 0.9); } .login-primary:active:enabled { transform: scale(0.985); } .login-primary:disabled { opacity: 0.6; } .login-eye { width: 34px; height: 34px; flex: none; border-radius: 8px; color: var(--icon); display: grid; place-items: center; } .login-eye:hover { background: rgba(20, 26, 46, 0.05); } .login-text-button, .login-forgot { color: var(--blue); font-size: 14px; } .login-text-button { white-space: nowrap; flex: none; } .login-text-button:disabled { color: #a6aec0; } .login-forgot { text-align: right; font-size: 12px; margin-top: -6px; } .login-forgot:hover, .login-agreement a:hover { text-decoration: underline; } .login-captcha { height: 38px; width: 96px; flex: none; overflow: hidden; border-radius: 8px; } .login-captcha img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .login-agreement { position: relative; /* 高于 login-view 的层叠上下文，抖动动画期间提示也不能被扫码框覆盖。 */ z-index: 2; display: flex; align-items: flex-start; gap: 7px; font-size: 12px; line-height: 1.8; color: var(--ink-3); margin-top: 16px; } .login-agreement input { width: 15px; height: 15px; flex: none; margin-top: 3px; accent-color: var(--blue); } .login-agreement a { color: var(--blue); } .login-agreement.is-invalid { animation: login-shake 400ms var(--soft); } .login-agreement-bubble { position: absolute; bottom: calc(100% + 8px); left: 0; right: 0; padding: 8px 12px; border-radius: 10px; background: #fff; color: #b8392d; box-shadow: 0 4px 20px rgba(20, 40, 100, 0.15); z-index: 2; } .login-divider { display: flex; align-items: center; gap: 12px; color: #6f7a93; font-size: 12px; margin: 24px 0 16px; } .login-divider::before, .login-divider::after { content: ""; height: 1px; flex: 1; background: rgba(20, 26, 46, 0.12); } .login-methods { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .login-pill { min-width: 0; min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 5px; padding: 8px 4px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.45); color: var(--ink); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; transition: background 250ms var(--soft), transform 250ms var(--soft), box-shadow 250ms var(--soft); } .login-pill svg, .login-pill img { flex: none; width: 18px; height: 18px; } .login-more-toggle { display: flex; align-items: center; justify-content: center; gap: 5px; margin: 12px auto 0; color: var(--ink-3); font-size: 12px; min-height: 32px; } .login-more-toggle svg { width: 14px; height: 14px; transition: transform 200ms var(--soft); } .login-more-toggle[aria-expanded="true"] svg { transform: rotate(180deg); } .login-more-methods { margin-top: 12px; } .login-more-methods[hidden] { display: none; } .login-pill:hover:enabled { background: rgba(255, 255, 255, 0.85); transform: translateY(-1px); box-shadow: 0 10px 20px -12px rgba(20, 40, 100, 0.5); } .login-pill:disabled { opacity: 0.5; } .login-copyright { margin: 22px 0 0; text-align: center; font-size: 12px; line-height: 1.7; color: var(--ink-3); } .login-qr-view { display: flex; align-items: center; flex-direction: column; gap: 16px; text-align: center; } .login-qr-title { display: flex; white-space: nowrap; align-items: center; gap: 8px; font-size: 17px; font-weight: 600; margin: 0; } /* 显式限制扫码标题图标，避免无尺寸 SVG 挤压文本的匿名 flex 项。 */ .login-qr-title > svg, .login-qr-title > img { width: 20px; height: 20px; flex: none; } .login-qr { position: relative; width: 188px; height: 188px; border-radius: 16px; border: 1px solid #e5e9f2; background: white; padding: 12px; display: grid; place-items: center; overflow: hidden; } .login-qr-image { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transition: filter 300ms var(--soft); } .login-qr.is-expired .login-qr-image { filter: blur(3px); } .login-qr-overlay { position: absolute; inset: 0; padding: 16px; display: flex; flex-direction: column; gap: 12px; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.9); font-size: 13px; color: var(--ink-3); animation: login-view-in 300ms var(--soft) both; } .login-qr-scan { position: absolute; top: 14px; left: 14px; right: 14px; height: 2px; pointer-events: none; background: linear-gradient(90deg, transparent, var(--green), transparent); box-shadow: 0 0 12px rgba(7, 193, 96, 0.6); animation: login-scan 2.6s ease-in-out infinite alternate; } .login-qr-caption { margin: 0; font-size: 13px; line-height: 1.7; color: var(--ink-3); } .login-spinner { display: inline-block; width: 16px; height: 16px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: login-spin 800ms linear infinite; } .login-toast { position: fixed; top: 24px; left: 50%; transform: translateX(-50%); border: 1px solid rgba(255, 255, 255, 0.8); padding: 10px 18px; border-radius: 12px; background: rgba(255, 255, 255, 0.95); box-shadow: 0 6px 30px rgba(20, 40, 100, 0.15); color: var(--ink); font-size: 14px; z-index: 3; } @supports not ( (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) ) { .login-card { background: rgba(255, 255, 255, 0.88); } } @media (min-width: 860px) and (max-width: 1099px) { .login-layout { padding: 32px 3vw 32px 2vw; } .login-illustration { width: 50vw; } } @media (max-width: 859px) { .login-layout { justify-content: center; padding: 24px 16px; } .login-illustration { display: none; } .login-card { width: calc(100vw - 32px); } .login-card-content { padding: 32px 22px 24px; } .login-input input { font-size: 16px; } /* 防止 iOS 自动放大输入框。 */ } @keyframes login-enter { from { opacity: 0; transform: translateY(14px) scale(0.985); } to { opacity: 1; transform: none; } } @keyframes login-view-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } } @keyframes login-shake { 0%, 100% { transform: translateX(0); } 20%, 60% { transform: translateX(-6px); } 40%, 80% { transform: translateX(6px); } } @keyframes login-scan { to { transform: translateY(158px); } } @keyframes login-spin { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .bomate-login *, .bomate-login *::before, .bomate-login *::after { animation-duration: 100ms !important; transition-duration: 100ms !important; animation-iteration-count: 1 !important; } .login-qr-scan { display: none; } .login-card { transition: none !important; } .login-field.is-invalid .login-input, .login-agreement.is-invalid { animation: none !important; } } /* 卡片装饰独立于表单，全部置于内容下方，不拦截输入和点击。 */ .login-card-highlight, .login-card-glow, .login-card-edge { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; } .login-card-highlight { bottom: 55%; background: linear-gradient( 180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) ); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .login-card-glow, .login-card-edge { opacity: 0; transition: opacity 450ms var(--soft); } .login-card-glow { background: radial-gradient( 320px circle at var(--mx, 50%) var(--my, 0%), rgba(255, 255, 255, 0.55), transparent 65% ); } .login-card-edge { padding: 1.5px; background: radial-gradient( 260px circle at var(--mx, 50%) var(--my, 0%), #fff, rgba(120, 160, 255, 0.7) 30%, transparent 70% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } @media (hover: hover) and (prefers-reduced-motion: no-preference) { .login-card:hover .login-card-glow, .login-card:hover .login-card-edge { opacity: 1; } } @supports not (((-webkit-mask-composite: xor) or (mask-composite: exclude)) or (-webkit-mask-composite: xor)) { .login-card-edge { display: none; } } .login-floating-field { position: relative; flex: 1; min-width: 0; height: 100%; } .login-floating-field input { width: 100%; height: 100%; padding-top: 18px; } .login-floating-field label { position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #6f7a93; font-size: 15px; line-height: 1; pointer-events: none; transition: top 220ms var(--soft), font-size 220ms var(--soft), color 220ms var(--soft); } .login-floating-field input:not(:-moz-placeholder) ~ label { top: 16px; font-size: 11.5px; } .login-floating-field input:focus ~ label, .login-floating-field input:not(:placeholder-shown) ~ label { top: 16px; font-size: 11.5px; } .login-floating-field input:focus ~ label { color: var(--blue); } .login-floating-field input:-webkit-autofill ~ label { top: 16px; font-size: 11.5px; } /* 区号菜单使用本地矢量旗帜，避免 Windows 不支持旗帜 Emoji。 */ .login-region { position: relative; flex: none; } .login-region-button { display: flex; align-items: center; gap: 6px; padding-right: 10px; border-right: 1px solid rgba(20, 26, 46, 0.12); color: var(--ink-2); font-size: 15px; } .login-region-button:disabled { opacity: 0.5; } .login-region-flag { width: 22px; height: 16px; -o-object-fit: cover; object-fit: cover; border-radius: 3px; box-shadow: 0 0 0 1px rgba(20, 26, 46, 0.08); flex: none; } .login-region-button svg { width: 12px; height: 12px; } .login-region-options { position: absolute; left: -10px; top: calc(100% + 16px); min-width: 232px; padding: 6px; z-index: 5; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 12px; background: #f8faff; box-shadow: 0 12px 32px rgba(20, 40, 100, 0.16); outline: none; } .login-region-option { display: flex; align-items: center; gap: 8px; padding: 10px 8px; border-radius: 8px; color: var(--ink-2); font-size: 13px; white-space: nowrap; cursor: pointer; } .login-region-option.is-active { background: rgba(47, 107, 240, 0.1); } .login-region-option svg { width: 14px; height: 14px; margin-left: auto; color: var(--blue); } .login-region-option .is-hidden { visibility: hidden; } .login-primary::after { content: ""; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; transform: skewX(-20deg); background: linear-gradient( 100deg, transparent, rgba(255, 255, 255, 0.5), transparent ); animation: login-button-shine 3.4s ease-in-out infinite; pointer-events: none; } .login-primary[aria-busy="true"]::after, .login-primary:disabled::after { animation-play-state: paused; opacity: 0; } .login-pill.is-wechat:hover:enabled { color: #078a46; } .login-qr-frame { padding: 10px; border-radius: 26px; background: rgba(255, 255, 255, 0.4); border: 1px solid rgba(255, 255, 255, 0.9); box-shadow: 0 16px 30px -18px rgba(20, 40, 100, 0.5); } @keyframes login-button-shine { 0%, 55% { left: -60%; } 100% { left: 130%; } } @media (hover: none) { .login-card-glow, .login-card-edge { display: none; } } @media (prefers-reduced-motion: reduce) { .login-primary::after, .login-card-glow, .login-card-edge { display: none; } } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com *//* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } .\!container { width: 100% !important; } .container { width: 100%; } @media (min-width: 640px) { .\!container { max-width: 640px !important; } .container { max-width: 640px; } } @media (min-width: 768px) { .\!container { max-width: 768px !important; } .container { max-width: 768px; } } @media (min-width: 1024px) { .\!container { max-width: 1024px !important; } .container { max-width: 1024px; } } @media (min-width: 1280px) { .\!container { max-width: 1280px !important; } .container { max-width: 1280px; } } @media (min-width: 1536px) { .\!container { max-width: 1536px !important; } .container { max-width: 1536px; } } .prose { color: #1A1D23; 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); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: #3B82F6; text-decoration: underline; font-weight: 500; } .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover { color: #2563EB; } .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: #1A1D23; font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .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"] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } .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"] *)) { list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); } .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); font-weight: 600; margin-top: 1.25em; } .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"] *)) { font-weight: 500; font-style: italic; color: #6B7280; border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; border-left-color: #3B82F6; } .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: #1A1D23; font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 900; color: inherit; } .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: #1A1D23; font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 800; color: inherit; } .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: #1A1D23; font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: #1A1D23; font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } .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"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } .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"] *)) { font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; padding-inline-start: 0.375em; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: #1A1D23; font-weight: 400; font-size: 0.875em; background-color: rgba(224, 226, 231, 0.5); padding: 0.2em 0.4em; border-radius: 0.25rem; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: ""; } .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"] *)) { color: inherit; } .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: 0.875em; } .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .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: #1A1D23; background-color: #F0F1F4; overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.75rem; padding-top: 0.8571429em; padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em; padding-inline-start: 1.1428571em; padding: 1em; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: none; } .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"] *)) { width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } .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); font-weight: 600; vertical-align: bottom; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } .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); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } .prose { --tw-prose-body: #374151; --tw-prose-headings: #111827; --tw-prose-lead: #4b5563; --tw-prose-links: #111827; --tw-prose-bold: #111827; --tw-prose-counters: #6b7280; --tw-prose-bullets: #d1d5db; --tw-prose-hr: #e5e7eb; --tw-prose-quotes: #111827; --tw-prose-quote-borders: #e5e7eb; --tw-prose-captions: #6b7280; --tw-prose-kbd: #111827; --tw-prose-kbd-shadows: rgb(17 24 39 / 10%); --tw-prose-code: #111827; --tw-prose-pre-code: #e5e7eb; --tw-prose-pre-bg: #1f2937; --tw-prose-th-borders: #d1d5db; --tw-prose-td-borders: #e5e7eb; --tw-prose-invert-body: #d1d5db; --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: #9ca3af; --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: #9ca3af; --tw-prose-invert-bullets: #4b5563; --tw-prose-invert-hr: #374151; --tw-prose-invert-quotes: #f3f4f6; --tw-prose-invert-quote-borders: #374151; --tw-prose-invert-captions: #9ca3af; --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d1d5db; --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: #4b5563; --tw-prose-invert-td-borders: #374151; 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: 0.5em; margin-bottom: 0.5em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.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: 0.75em; margin-bottom: 0.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: 0.5em; padding-inline-start: 1.625em; } .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .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: 0.5714286em; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } .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; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .\!visible { visibility: visible !important; } .visible { visibility: visible; } .collapse { visibility: collapse; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .\!relative { position: relative !important; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0px; } .inset-x-0 { left: 0px; right: 0px; } .inset-y-0 { top: 0px; bottom: 0px; } .-bottom-\[13px\] { bottom: -13px; } .-left-1 { left: -0.25rem; } .-right-1 { right: -0.25rem; } .-right-1\.5 { right: -0.375rem; } .-right-2 { right: -0.5rem; } .-right-3 { right: -0.75rem; } .-top-1\.5 { top: -0.375rem; } .bottom-0 { bottom: 0px; } .bottom-2 { bottom: 0.5rem; } .bottom-40 { bottom: 10rem; } .bottom-5 { bottom: 1.25rem; } .bottom-\[15\%\] { bottom: 15%; } .bottom-full { bottom: 100%; } .left-0 { left: 0px; } .left-0\.5 { left: 0.125rem; } .left-1 { left: 0.25rem; } .left-1\/2 { left: 50%; } .left-2 { left: 0.5rem; } .left-2\.5 { left: 0.625rem; } .left-3 { left: 0.75rem; } .left-3\.5 { left: 0.875rem; } .left-9 { left: 2.25rem; } .left-full { left: 100%; } .right-0 { right: 0px; } .right-0\.5 { right: 0.125rem; } .right-1 { right: 0.25rem; } .right-1\.5 { right: 0.375rem; } .right-2 { right: 0.5rem; } .right-2\.5 { right: 0.625rem; } .right-3 { right: 0.75rem; } .right-4 { right: 1rem; } .right-5 { right: 1.25rem; } .right-\[8\%\] { right: 8%; } .top-0 { top: 0px; } .top-0\.5 { top: 0.125rem; } .top-1 { top: 0.25rem; } .top-1\/2 { top: 50%; } .top-2 { top: 0.5rem; } .top-3 { top: 0.75rem; } .top-4 { top: 1rem; } .top-5 { top: 1.25rem; } .top-9 { top: 2.25rem; } .top-\[15\%\] { top: 15%; } .top-full { top: 100%; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[1000\] { z-index: 1000; } .z-\[100\] { z-index: 100; } .z-\[110\] { z-index: 110; } .z-\[140\] { z-index: 140; } .z-\[150\] { z-index: 150; } .z-\[155\] { z-index: 155; } .z-\[160\] { z-index: 160; } .z-\[190\] { z-index: 190; } .z-\[200\] { z-index: 200; } .z-\[55\] { z-index: 55; } .z-\[60\] { z-index: 60; } .z-\[80\] { z-index: 80; } .z-\[90\] { z-index: 90; } .z-\[95\] { z-index: 95; } .z-\[9999\] { z-index: 9999; } .z-\[999\] { z-index: 999; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-full { grid-column: 1 / -1; } .m-0 { margin: 0px; } .m-1 { margin: 0.25rem; } .m-2 { margin: 0.5rem; } .m-3 { margin: 0.75rem; } .m-4 { margin: 1rem; } .m-auto { margin: auto; } .-mx-1\.5 { margin-left: -0.375rem; margin-right: -0.375rem; } .-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; } .-my-2 { margin-top: -0.5rem; margin-bottom: -0.5rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-3\.5 { margin-left: 0.875rem; margin-right: 0.875rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-0\.5 { margin-top: 0.125rem; margin-bottom: 0.125rem; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-1\.5 { margin-top: 0.375rem; margin-bottom: 0.375rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .my-auto { margin-top: auto; margin-bottom: auto; } .-mt-1 { margin-top: -0.25rem; } .mb-0\.5 { margin-bottom: 0.125rem; } .mb-1 { margin-bottom: 0.25rem; } .mb-1\.5 { margin-bottom: 0.375rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-2\.5 { margin-bottom: 0.625rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-7 { margin-bottom: 1.75rem; } .mb-8 { margin-bottom: 2rem; } .mb-\[60px\] { margin-bottom: 60px; } .ml-0\.5 { margin-left: 0.125rem; } .ml-1 { margin-left: 0.25rem; } .ml-1\.5 { margin-left: 0.375rem; } .ml-2 { margin-left: 0.5rem; } .ml-4 { margin-left: 1rem; } .ml-8 { margin-left: 2rem; } .ml-auto { margin-left: auto; } .mr-0\.5 { margin-right: 0.125rem; } .mr-1 { margin-right: 0.25rem; } .mr-1\.5 { margin-right: 0.375rem; } .mr-2 { margin-right: 0.5rem; } .mr-auto { margin-right: auto; } .mt-0\.5 { margin-top: 0.125rem; } .mt-1 { margin-top: 0.25rem; } .mt-1\.5 { margin-top: 0.375rem; } .mt-2 { margin-top: 0.5rem; } .mt-2\.5 { margin-top: 0.625rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-7 { margin-top: 1.75rem; } .mt-8 { margin-top: 2rem; } .mt-\[3px\] { margin-top: 3px; } .mt-auto { margin-top: auto; } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .\!block { display: block !important; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .contents { display: contents; } .hidden { display: none; } .h-0 { height: 0px; } .h-0\.5 { height: 0.125rem; } .h-1 { height: 0.25rem; } .h-1\.5 { height: 0.375rem; } .h-10 { height: 2.5rem; } .h-11 { height: 2.75rem; } .h-12 { height: 3rem; } .h-14 { height: 3.5rem; } .h-16 { height: 4rem; } .h-2 { height: 0.5rem; } .h-2\.5 { height: 0.625rem; } .h-20 { height: 5rem; } .h-24 { height: 6rem; } .h-28 { height: 7rem; } .h-3 { height: 0.75rem; } .h-3\.5 { height: 0.875rem; } .h-4 { height: 1rem; } .h-40 { height: 10rem; } .h-5 { height: 1.25rem; } .h-52 { height: 13rem; } .h-6 { height: 1.5rem; } .h-7 { height: 1.75rem; } .h-8 { height: 2rem; } .h-9 { height: 2.25rem; } .h-\[13px\] { height: 13px; } .h-\[15px\] { height: 15px; } .h-\[170px\] { height: 170px; } .h-\[174px\] { height: 174px; } .h-\[17px\] { height: 17px; } .h-\[182px\] { height: 182px; } .h-\[18px\] { height: 18px; } .h-\[19px\] { height: 19px; } .h-\[2\.5rem\] { height: 2.5rem; } .h-\[26px\] { height: 26px; } .h-\[34px\] { height: 34px; } .h-\[45dvh\] { height: 45dvh; } .h-\[46px\] { height: 46px; } .h-\[60px\] { height: 60px; } .h-\[72px\] { height: 72px; } .h-\[760px\] { height: 760px; } .h-\[85vh\] { height: 85vh; } .h-\[90dvh\] { height: 90dvh; } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-28 { max-height: 7rem; } .max-h-40 { max-height: 10rem; } .max-h-44 { max-height: 11rem; } .max-h-48 { max-height: 12rem; } .max-h-52 { max-height: 13rem; } .max-h-56 { max-height: 14rem; } .max-h-60 { max-height: 15rem; } .max-h-64 { max-height: 16rem; } .max-h-72 { max-height: 18rem; } .max-h-80 { max-height: 20rem; } .max-h-96 { max-height: 24rem; } .max-h-\[200px\] { max-height: 200px; } .max-h-\[280px\] { max-height: 280px; } .max-h-\[46vh\] { max-height: 46vh; } .max-h-\[500px\] { max-height: 500px; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[65vh\] { max-height: 65vh; } .max-h-\[78vh\] { max-height: 78vh; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[85dvh\] { max-height: 85dvh; } .max-h-\[90dvh\] { max-height: 90dvh; } .max-h-\[calc\(100vh-16px\)\] { max-height: calc(100vh - 16px); } .max-h-\[calc\(100vh-320px\)\] { max-height: calc(100vh - 320px); } .max-h-full { max-height: 100%; } .min-h-0 { min-height: 0px; } .min-h-14 { min-height: 3.5rem; } .min-h-16 { min-height: 4rem; } .min-h-32 { min-height: 8rem; } .min-h-9 { min-height: 2.25rem; } .min-h-\[120px\] { min-height: 120px; } .min-h-\[150px\] { min-height: 150px; } .min-h-\[160px\] { min-height: 160px; } .min-h-\[240px\] { min-height: 240px; } .min-h-\[24px\] { min-height: 24px; } .min-h-\[280px\] { min-height: 280px; } .min-h-\[300px\] { min-height: 300px; } .min-h-\[40px\] { min-height: 40px; } .min-h-\[480px\] { min-height: 480px; } .min-h-\[60vh\] { min-height: 60vh; } .min-h-\[8rem\] { min-height: 8rem; } .min-h-full { min-height: 100%; } .\!w-16 { width: 4rem !important; } .w-0 { width: 0px; } .w-1 { width: 0.25rem; } .w-1\.5 { width: 0.375rem; } .w-1\/3 { width: 33.333333%; } .w-10 { width: 2.5rem; } .w-11 { width: 2.75rem; } .w-12 { width: 3rem; } .w-14 { width: 3.5rem; } .w-16 { width: 4rem; } .w-2 { width: 0.5rem; } .w-2\.5 { width: 0.625rem; } .w-20 { width: 5rem; } .w-24 { width: 6rem; } .w-28 { width: 7rem; } .w-3 { width: 0.75rem; } .w-3\.5 { width: 0.875rem; } .w-32 { width: 8rem; } .w-36 { width: 9rem; } .w-4 { width: 1rem; } .w-40 { width: 10rem; } .w-48 { width: 12rem; } .w-5 { width: 1.25rem; } .w-56 { width: 14rem; } .w-6 { width: 1.5rem; } .w-64 { width: 16rem; } .w-7 { width: 1.75rem; } .w-72 { width: 18rem; } .w-8 { width: 2rem; } .w-80 { width: 20rem; } .w-9 { width: 2.25rem; } .w-\[110px\] { width: 110px; } .w-\[13px\] { width: 13px; } .w-\[15px\] { width: 15px; } .w-\[17px\] { width: 17px; } .w-\[18px\] { width: 18px; } .w-\[21\.5rem\] { width: 21.5rem; } .w-\[220px\] { width: 220px; } .w-\[248px\] { width: 248px; } .w-\[440px\] { width: 440px; } .w-\[62\%\] { width: 62%; } .w-\[68px\] { width: 68px; } .w-\[95vw\] { width: 95vw; } .w-\[99px\] { width: 99px; } .w-\[calc\(100\%\+1rem\)\] { width: calc(100% + 1rem); } .w-\[calc\(100\%-2rem\)\] { width: calc(100% - 2rem); } .w-\[min\(100\%\2c 44rem\)\] { width: min(100%, 44rem); } .w-auto { width: auto; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-max { width: -moz-max-content; width: max-content; } .w-px { width: 1px; } .w-screen { width: 100vw; } .min-w-0 { min-width: 0px; } .min-w-28 { min-width: 7rem; } .min-w-44 { min-width: 11rem; } .min-w-6 { min-width: 1.5rem; } .min-w-8 { min-width: 2rem; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[18rem\] { min-width: 18rem; } .min-w-\[250px\] { min-width: 250px; } .min-w-\[5rem\] { min-width: 5rem; } .min-w-\[72px\] { min-width: 72px; } .min-w-max { min-width: -moz-max-content; min-width: max-content; } .max-w-20 { max-width: 5rem; } .max-w-28 { max-width: 7rem; } .max-w-2xl { max-width: 42rem; } .max-w-32 { max-width: 8rem; } .max-w-3xl { max-width: 48rem; } .max-w-4xl { max-width: 56rem; } .max-w-5xl { max-width: 64rem; } .max-w-6xl { max-width: 72rem; } .max-w-\[100px\] { max-width: 100px; } .max-w-\[140px\] { max-width: 140px; } .max-w-\[1420px\] { max-width: 1420px; } .max-w-\[150px\] { max-width: 150px; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[20rem\] { max-width: 20rem; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[360px\] { max-width: 360px; } .max-w-\[42rem\] { max-width: 42rem; } .max-w-\[430px\] { max-width: 430px; } .max-w-\[45\%\] { max-width: 45%; } .max-w-\[560px\] { max-width: 560px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[60px\] { max-width: 60px; } .max-w-\[640px\] { max-width: 640px; } .max-w-\[75\%\] { max-width: 75%; } .max-w-\[80\%\] { max-width: 80%; } .max-w-\[80px\] { max-width: 80px; } .max-w-\[900px\] { max-width: 900px; } .max-w-\[90vw\] { max-width: 90vw; } .max-w-\[calc\(100vw-2rem\)\] { max-width: calc(100vw - 2rem); } .max-w-\[min\(260px\2c calc\(100vw-60px\)\)\] { max-width: min(260px, calc(100vw - 60px)); } .max-w-full { max-width: 100%; } .max-w-lg { max-width: 32rem; } .max-w-md { max-width: 28rem; } .max-w-none { max-width: none; } .max-w-sm { max-width: 24rem; } .max-w-xl { max-width: 36rem; } .max-w-xs { max-width: 20rem; } .flex-1 { flex: 1 1 0%; } .flex-auto { flex: 1 1 auto; } .flex-none { flex: none; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .border-collapse { border-collapse: collapse; } .origin-top { transform-origin: top; } .-translate-x-1 { --tw-translate-x: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-full { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-0\.5 { --tw-translate-y: -0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-0\.5 { --tw-translate-x: 0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-1 { --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-3 { --tw-translate-x: 0.75rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-3\.5 { --tw-translate-x: 0.875rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-6 { --tw-translate-x: 1.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[17px\] { --tw-translate-x: 17px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[18px\] { --tw-translate-x: 18px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[3px\] { --tw-translate-x: 3px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-px { --tw-translate-y: 1px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-90 { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-45 { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-50 { --tw-scale-x: .5; --tw-scale-y: .5; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); } } .animate-bounce { animation: bounce 1s infinite; } @keyframes fade-in-up { 0% { opacity: 0; transform: translateY(8px); } 100% { opacity: 1; transform: translateY(0); } } .animate-fade-in-up { animation: fade-in-up 0.25s ease-out; } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } .animate-ping { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } @keyframes pulse { 50% { opacity: .5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes scale-in { 0% { opacity: 0; transform: scale(0.95); } 100% { opacity: 1; transform: scale(1); } } .animate-scale-in { animation: scale-in 0.2s ease-out; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } .cursor-col-resize { cursor: col-resize; } .cursor-default { cursor: default; } .cursor-e-resize { cursor: e-resize; } .cursor-move { cursor: move; } .cursor-n-resize { cursor: n-resize; } .cursor-ne-resize { cursor: ne-resize; } .cursor-not-allowed { cursor: not-allowed; } .cursor-nw-resize { cursor: nw-resize; } .cursor-pointer { cursor: pointer; } .cursor-s-resize { cursor: s-resize; } .cursor-se-resize { cursor: se-resize; } .cursor-sw-resize { cursor: sw-resize; } .cursor-w-resize { cursor: w-resize; } .cursor-wait { cursor: wait; } .cursor-zoom-in { cursor: zoom-in; } .cursor-zoom-out { cursor: zoom-out; } .touch-none { touch-action: none; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .select-all { -webkit-user-select: all; -moz-user-select: all; user-select: all; } .resize-none { resize: none; } .resize-y { resize: vertical; } .resize { resize: both; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-\[1fr_1fr_80px\] { grid-template-columns: 1fr 1fr 80px; } .grid-cols-\[1fr_1fr_auto\] { grid-template-columns: 1fr 1fr auto; } .grid-cols-\[1fr_80px_40px\] { grid-template-columns: 1fr 80px 40px; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-baseline { align-items: baseline; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .gap-0\.5 { gap: 0.125rem; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-3 { gap: 0.75rem; } .gap-3\.5 { gap: 0.875rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .gap-x-2 { -moz-column-gap: 0.5rem; column-gap: 0.5rem; } .gap-x-3 { -moz-column-gap: 0.75rem; column-gap: 0.75rem; } .gap-x-4 { -moz-column-gap: 1rem; column-gap: 1rem; } .gap-x-6 { -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .gap-y-1 { row-gap: 0.25rem; } .gap-y-1\.5 { row-gap: 0.375rem; } .gap-y-2 { row-gap: 0.5rem; } .space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); } .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-claude-border > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(224 226 231 / var(--tw-divide-opacity, 1)); } .divide-claude-border\/50 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(224 226 231 / 0.5); } .divide-claude-borderLight > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(235 237 240 / var(--tw-divide-opacity, 1)); } .self-start { align-self: flex-start; } .self-end { align-self: flex-end; } .self-center { align-self: center; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .overscroll-contain { overscroll-behavior: contain; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-wrap { white-space: pre-wrap; } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-\[14px\] { border-radius: 14px; } .rounded-\[22px\] { border-radius: 22px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[inherit\] { border-radius: inherit; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .rounded-none { border-radius: 0px; } .rounded-sm { border-radius: 0.125rem; } .rounded-xl { border-radius: 0.75rem; } .rounded-b-lg { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-b-xl { border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; } .rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .rounded-bl-xl { border-bottom-left-radius: 0.75rem; } .border { border-width: 1px; } .border-0 { border-width: 0px; } .border-2 { border-width: 2px; } .border-\[3px\] { border-width: 3px; } .border-y { border-top-width: 1px; border-bottom-width: 1px; } .border-y-\[5px\] { border-top-width: 5px; border-bottom-width: 5px; } .border-b { border-bottom-width: 1px; } .border-l { border-left-width: 1px; } .border-l-2 { border-left-width: 2px; } .border-l-4 { border-left-width: 4px; } .border-l-\[3px\] { border-left-width: 3px; } .border-r { border-right-width: 1px; } .border-r-\[5px\] { border-right-width: 5px; } .border-t { border-top-width: 1px; } .border-dashed { border-style: dashed; } .border-amber-200 { --tw-border-opacity: 1; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); } .border-amber-300 { --tw-border-opacity: 1; border-color: rgb(252 211 77 / var(--tw-border-opacity, 1)); } .border-amber-400\/60 { border-color: rgb(251 191 36 / 0.6); } .border-amber-500\/20 { border-color: rgb(245 158 11 / 0.2); } .border-amber-500\/30 { border-color: rgb(245 158 11 / 0.3); } .border-black\/15 { border-color: rgb(0 0 0 / 0.15); } .border-black\/5 { border-color: rgb(0 0 0 / 0.05); } .border-black\/\[0\.05\] { border-color: rgb(0 0 0 / 0.05); } .border-black\/\[0\.06\] { border-color: rgb(0 0 0 / 0.06); } .border-black\/\[0\.08\] { border-color: rgb(0 0 0 / 0.08); } .border-black\/\[0\.1\] { border-color: rgb(0 0 0 / 0.1); } .border-blue-200 { --tw-border-opacity: 1; border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)); } .border-blue-500 { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .border-blue-500\/20 { border-color: rgb(59 130 246 / 0.2); } .border-blue-500\/30 { border-color: rgb(59 130 246 / 0.3); } .border-claude-accent { border-color: var(--accent-color, #3B82F6); } .border-claude-border { --tw-border-opacity: 1; border-color: rgb(224 226 231 / var(--tw-border-opacity, 1)); } .border-claude-border\/40 { border-color: rgb(224 226 231 / 0.4); } .border-claude-border\/50 { border-color: rgb(224 226 231 / 0.5); } .border-claude-border\/60 { border-color: rgb(224 226 231 / 0.6); } .border-claude-border\/70 { border-color: rgb(224 226 231 / 0.7); } .border-claude-border\/80 { border-color: rgb(224 226 231 / 0.8); } .border-claude-borderLight { --tw-border-opacity: 1; border-color: rgb(235 237 240 / var(--tw-border-opacity, 1)); } .border-claude-textSecondary { --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)); } .border-claude-textSecondary\/60 { border-color: rgb(107 114 128 / 0.6); } .border-current { border-color: currentColor; } .border-emerald-200 { --tw-border-opacity: 1; border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)); } .border-emerald-500 { --tw-border-opacity: 1; border-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); } .border-emerald-500\/30 { border-color: rgb(16 185 129 / 0.3); } .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .border-green-500 { --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); } .border-indigo-200 { --tw-border-opacity: 1; border-color: rgb(199 210 254 / var(--tw-border-opacity, 1)); } .border-indigo-400 { --tw-border-opacity: 1; border-color: rgb(129 140 248 / var(--tw-border-opacity, 1)); } .border-indigo-500\/30 { border-color: rgb(99 102 241 / 0.3); } .border-purple-500\/30 { border-color: rgb(168 85 247 / 0.3); } .border-red-200 { --tw-border-opacity: 1; border-color: rgb(254 202 202 / var(--tw-border-opacity, 1)); } .border-red-300 { --tw-border-opacity: 1; border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)); } .border-rose-200 { --tw-border-opacity: 1; border-color: rgb(254 205 211 / var(--tw-border-opacity, 1)); } .border-sky-200 { --tw-border-opacity: 1; border-color: rgb(186 230 253 / var(--tw-border-opacity, 1)); } .border-slate-200 { --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity, 1)); } .border-transparent { border-color: transparent; } .border-violet-200\/50 { border-color: rgb(221 214 254 / 0.5); } .border-violet-200\/80 { border-color: rgb(221 214 254 / 0.8); } .border-white\/20 { border-color: rgb(255 255 255 / 0.2); } .border-yellow-300 { --tw-border-opacity: 1; border-color: rgb(253 224 71 / var(--tw-border-opacity, 1)); } .border-y-transparent { border-top-color: transparent; border-bottom-color: transparent; } .border-r-gray-900 { --tw-border-opacity: 1; border-right-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .border-r-transparent { border-right-color: transparent; } .border-t-\[\#365EEC\] { --tw-border-opacity: 1; border-top-color: rgb(54 94 236 / var(--tw-border-opacity, 1)); } .border-t-transparent { border-top-color: transparent; } .bg-\[\#07c160\] { --tw-bg-opacity: 1; background-color: rgb(7 193 96 / var(--tw-bg-opacity, 1)); } .bg-\[\#1a1a1a\] { --tw-bg-opacity: 1; background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1)); } .bg-\[\#282c34\] { --tw-bg-opacity: 1; background-color: rgb(40 44 52 / var(--tw-bg-opacity, 1)); } .bg-\[\#3b82f6\] { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .bg-\[\#FAFAFB\] { --tw-bg-opacity: 1; background-color: rgb(250 250 251 / var(--tw-bg-opacity, 1)); } .bg-\[\#FCFCFC\] { --tw-bg-opacity: 1; background-color: rgb(252 252 252 / var(--tw-bg-opacity, 1)); } .bg-\[\#eef2fb\] { --tw-bg-opacity: 1; background-color: rgb(238 242 251 / var(--tw-bg-opacity, 1)); } .bg-\[\#fbfbfc\] { --tw-bg-opacity: 1; background-color: rgb(251 251 252 / var(--tw-bg-opacity, 1)); } .bg-amber-100 { --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)); } .bg-amber-200 { --tw-bg-opacity: 1; background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1)); } .bg-amber-400 { --tw-bg-opacity: 1; background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1)); } .bg-amber-50 { --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); } .bg-amber-500 { --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); } .bg-amber-500\/10 { background-color: rgb(245 158 11 / 0.1); } .bg-amber-600 { --tw-bg-opacity: 1; background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1)); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-black\/25 { background-color: rgb(0 0 0 / 0.25); } .bg-black\/30 { background-color: rgb(0 0 0 / 0.3); } .bg-black\/35 { background-color: rgb(0 0 0 / 0.35); } .bg-black\/40 { background-color: rgb(0 0 0 / 0.4); } .bg-black\/5 { background-color: rgb(0 0 0 / 0.05); } .bg-black\/50 { background-color: rgb(0 0 0 / 0.5); } .bg-black\/60 { background-color: rgb(0 0 0 / 0.6); } .bg-black\/70 { background-color: rgb(0 0 0 / 0.7); } .bg-black\/\[\.025\] { background-color: rgb(0 0 0 / .025); } .bg-black\/\[0\.025\] { background-color: rgb(0 0 0 / 0.025); } .bg-black\/\[0\.03\] { background-color: rgb(0 0 0 / 0.03); } .bg-black\/\[0\.04\] { background-color: rgb(0 0 0 / 0.04); } .bg-black\/\[0\.05\] { background-color: rgb(0 0 0 / 0.05); } .bg-black\/\[0\.06\] { background-color: rgb(0 0 0 / 0.06); } .bg-blue-100 { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .bg-blue-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .bg-blue-500\/10 { background-color: rgb(59 130 246 / 0.1); } .bg-blue-500\/20 { background-color: rgb(59 130 246 / 0.2); } .bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .bg-claude-accent { background-color: var(--accent-color, #3B82F6); } .bg-claude-accentMuted { background-color: color-mix(in srgb, var(--accent-color, #3B82F6) 10%, transparent); } .bg-claude-bg { --tw-bg-opacity: 1; background-color: rgb(248 249 251 / var(--tw-bg-opacity, 1)); } .bg-claude-bg\/60 { background-color: rgb(248 249 251 / 0.6); } .bg-claude-border { --tw-bg-opacity: 1; background-color: rgb(224 226 231 / var(--tw-bg-opacity, 1)); } .bg-claude-border\/50 { background-color: rgb(224 226 231 / 0.5); } .bg-claude-surface { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-claude-surface\/20 { background-color: rgb(255 255 255 / 0.2); } .bg-claude-surface\/30 { background-color: rgb(255 255 255 / 0.3); } .bg-claude-surface\/35 { background-color: rgb(255 255 255 / 0.35); } .bg-claude-surface\/50 { background-color: rgb(255 255 255 / 0.5); } .bg-claude-surfaceHover { --tw-bg-opacity: 1; background-color: rgb(240 241 244 / var(--tw-bg-opacity, 1)); } .bg-claude-surfaceHover\/30 { background-color: rgb(240 241 244 / 0.3); } .bg-claude-surfaceHover\/40 { background-color: rgb(240 241 244 / 0.4); } .bg-claude-surfaceHover\/50 { background-color: rgb(240 241 244 / 0.5); } .bg-claude-surfaceHover\/80 { background-color: rgb(240 241 244 / 0.8); } .bg-claude-surfaceInset { --tw-bg-opacity: 1; background-color: rgb(235 237 240 / var(--tw-bg-opacity, 1)); } .bg-claude-surfaceMuted { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .bg-claude-surfaceMuted\/40 { background-color: rgb(243 244 246 / 0.4); } .bg-claude-surfaceMuted\/45 { background-color: rgb(243 244 246 / 0.45); } .bg-claude-surfaceMuted\/50 { background-color: rgb(243 244 246 / 0.5); } .bg-claude-surfaceMuted\/60 { background-color: rgb(243 244 246 / 0.6); } .bg-claude-surfaceMuted\/70 { background-color: rgb(243 244 246 / 0.7); } .bg-claude-text { --tw-bg-opacity: 1; background-color: rgb(26 29 35 / var(--tw-bg-opacity, 1)); } .bg-claude-textSecondary\/40 { background-color: rgb(107 114 128 / 0.4); } .bg-claude-textSecondary\/50 { background-color: rgb(107 114 128 / 0.5); } .bg-current { background-color: currentColor; } .bg-cyan-100 { --tw-bg-opacity: 1; background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1)); } .bg-emerald-100 { --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); } .bg-emerald-200 { --tw-bg-opacity: 1; background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1)); } .bg-emerald-400 { --tw-bg-opacity: 1; background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1)); } .bg-emerald-50 { --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); } .bg-emerald-500 { --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .bg-emerald-500\/10 { background-color: rgb(16 185 129 / 0.1); } .bg-emerald-600 { --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .bg-gray-400 { --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); } .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .bg-gray-50\/80 { background-color: rgb(249 250 251 / 0.8); } .bg-gray-500\/10 { background-color: rgb(107 114 128 / 0.1); } .bg-gray-500\/15 { background-color: rgb(107 114 128 / 0.15); } .bg-gray-700\/80 { background-color: rgb(55 65 81 / 0.8); } .bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); } .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .bg-green-500\/10 { background-color: rgb(34 197 94 / 0.1); } .bg-green-500\/15 { background-color: rgb(34 197 94 / 0.15); } .bg-green-500\/20 { background-color: rgb(34 197 94 / 0.2); } .bg-indigo-100 { --tw-bg-opacity: 1; background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1)); } .bg-indigo-200 { --tw-bg-opacity: 1; background-color: rgb(199 210 254 / var(--tw-bg-opacity, 1)); } .bg-indigo-400 { --tw-bg-opacity: 1; background-color: rgb(129 140 248 / var(--tw-bg-opacity, 1)); } .bg-indigo-50 { --tw-bg-opacity: 1; background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1)); } .bg-indigo-500 { --tw-bg-opacity: 1; background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1)); } .bg-indigo-500\/10 { background-color: rgb(99 102 241 / 0.1); } .bg-indigo-600 { --tw-bg-opacity: 1; background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1)); } .bg-indigo-800 { --tw-bg-opacity: 1; background-color: rgb(55 48 163 / var(--tw-bg-opacity, 1)); } .bg-orange-100 { --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)); } .bg-orange-50 { --tw-bg-opacity: 1; background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1)); } .bg-orange-500 { --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)); } .bg-orange-500\/10 { background-color: rgb(249 115 22 / 0.1); } .bg-purple-500\/10 { background-color: rgb(168 85 247 / 0.1); } .bg-red-100 { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .bg-red-50 { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .bg-red-500\/10 { background-color: rgb(239 68 68 / 0.1); } .bg-red-500\/15 { background-color: rgb(239 68 68 / 0.15); } .bg-red-500\/25 { background-color: rgb(239 68 68 / 0.25); } .bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .bg-rose-100 { --tw-bg-opacity: 1; background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1)); } .bg-rose-200 { --tw-bg-opacity: 1; background-color: rgb(254 205 211 / var(--tw-bg-opacity, 1)); } .bg-rose-400 { --tw-bg-opacity: 1; background-color: rgb(251 113 133 / var(--tw-bg-opacity, 1)); } .bg-rose-50 { --tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1)); } .bg-rose-500 { --tw-bg-opacity: 1; background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1)); } .bg-rose-500\/10 { background-color: rgb(244 63 94 / 0.1); } .bg-rose-600 { --tw-bg-opacity: 1; background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1)); } .bg-sky-100 { --tw-bg-opacity: 1; background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1)); } .bg-sky-200 { --tw-bg-opacity: 1; background-color: rgb(186 230 253 / var(--tw-bg-opacity, 1)); } .bg-sky-400 { --tw-bg-opacity: 1; background-color: rgb(56 189 248 / var(--tw-bg-opacity, 1)); } .bg-sky-50 { --tw-bg-opacity: 1; background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1)); } .bg-sky-500 { --tw-bg-opacity: 1; background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1)); } .bg-sky-500\/10 { background-color: rgb(14 165 233 / 0.1); } .bg-sky-600 { --tw-bg-opacity: 1; background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1)); } .bg-slate-100 { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .bg-slate-200 { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); } .bg-slate-400 { --tw-bg-opacity: 1; background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1)); } .bg-slate-50 { --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .bg-slate-600 { --tw-bg-opacity: 1; background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1)); } .bg-slate-800 { --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .bg-teal-100 { --tw-bg-opacity: 1; background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1)); } .bg-transparent { background-color: transparent; } .bg-violet-100 { --tw-bg-opacity: 1; background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1)); } .bg-violet-50\/40 { background-color: rgb(245 243 255 / 0.4); } .bg-violet-500 { --tw-bg-opacity: 1; background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1)); } .bg-violet-500\/10 { background-color: rgb(139 92 246 / 0.1); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-white\/70 { background-color: rgb(255 255 255 / 0.7); } .bg-white\/95 { background-color: rgb(255 255 255 / 0.95); } .bg-yellow-100 { --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); } .bg-yellow-200 { --tw-bg-opacity: 1; background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1)); } .bg-yellow-500 { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1)); } .bg-yellow-500\/15 { background-color: rgb(234 179 8 / 0.15); } .bg-opacity-5 { --tw-bg-opacity: 0.05; } .bg-\[repeating-linear-gradient\(135deg\2c rgba\(99\2c 102\2c 241\2c 0\.28\)_0_4px\2c transparent_4px_8px\)\] { background-image: repeating-linear-gradient(135deg,rgba(99,102,241,0.28) 0 4px,transparent 4px 8px); } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .from-\[\#1f1f1f\]\/95 { --tw-gradient-from: rgb(31 31 31 / 0.95) var(--tw-gradient-from-position); --tw-gradient-to: rgb(31 31 31 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-50 { --tw-gradient-from: #eff6ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-claude-accent { --tw-gradient-from: var(--accent-color, #3B82F6) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-red-500\/90 { --tw-gradient-from: rgb(239 68 68 / 0.9) var(--tw-gradient-from-position); --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-transparent { --tw-gradient-from: transparent var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-\[\#1f1f1f\]\/70 { --tw-gradient-to: rgb(31 31 31 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(31 31 31 / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-slate-50 { --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f8fafc var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-transparent { --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to); } .to-blue-100 { --tw-gradient-to: #dbeafe var(--tw-gradient-to-position); } .to-claude-accentHover { --tw-gradient-to: var(--accent-color-hover, #60A5FA) var(--tw-gradient-to-position); } .to-orange-500\/90 { --tw-gradient-to: rgb(249 115 22 / 0.9) var(--tw-gradient-to-position); } .to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .fill-\[\#EAEAEA\] { fill: #EAEAEA; } .stroke-\[2\.5\] { stroke-width: 2.5; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .object-left { -o-object-position: left; object-position: left; } .p-0 { padding: 0px; } .p-0\.5 { padding: 0.125rem; } .p-1 { padding: 0.25rem; } .p-1\.5 { padding: 0.375rem; } .p-2 { padding: 0.5rem; } .p-2\.5 { padding: 0.625rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .\!px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .py-0 { padding-top: 0px; padding-bottom: 0px; } .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .py-\[7px\] { padding-top: 7px; padding-bottom: 7px; } .py-px { padding-top: 1px; padding-bottom: 1px; } .pb-0\.5 { padding-bottom: 0.125rem; } .pb-1 { padding-bottom: 0.25rem; } .pb-1\.5 { padding-bottom: 0.375rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-2\.5 { padding-bottom: 0.625rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-4 { padding-bottom: 1rem; } .pb-5 { padding-bottom: 1.25rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-8 { padding-bottom: 2rem; } .pl-1 { padding-left: 0.25rem; } .pl-10 { padding-left: 2.5rem; } .pl-2 { padding-left: 0.5rem; } .pl-3 { padding-left: 0.75rem; } .pl-4 { padding-left: 1rem; } .pl-5 { padding-left: 1.25rem; } .pl-6 { padding-left: 1.5rem; } .pl-8 { padding-left: 2rem; } .pl-9 { padding-left: 2.25rem; } .pl-\[68px\] { padding-left: 68px; } .pr-1 { padding-right: 0.25rem; } .pr-1\.5 { padding-right: 0.375rem; } .pr-14 { padding-right: 3.5rem; } .pr-16 { padding-right: 4rem; } .pr-2 { padding-right: 0.5rem; } .pr-3 { padding-right: 0.75rem; } .pr-6 { padding-right: 1.5rem; } .pr-7 { padding-right: 1.75rem; } .pr-9 { padding-right: 2.25rem; } .pr-\[40\%\] { padding-right: 40%; } .pt-0\.5 { padding-top: 0.125rem; } .pt-1 { padding-top: 0.25rem; } .pt-1\.5 { padding-top: 0.375rem; } .pt-2 { padding-top: 0.5rem; } .pt-2\.5 { padding-top: 0.625rem; } .pt-3 { padding-top: 0.75rem; } .pt-3\.5 { padding-top: 0.875rem; } .pt-4 { padding-top: 1rem; } .pt-5 { padding-top: 1.25rem; } .pt-6 { padding-top: 1.5rem; } .pt-\[8vh\] { padding-top: 8vh; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .align-\[-2px\] { vertical-align: -2px; } .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-\[0\.92em\] { font-size: 0.92em; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12\.5px\] { font-size: 12.5px; } .text-\[12px\] { font-size: 12px; } .text-\[13\.5px\] { font-size: 13.5px; } .text-\[13px\] { font-size: 13px; } .text-\[15px\] { font-size: 15px; } .text-\[17px\] { font-size: 17px; } .text-\[28px\] { font-size: 28px; } .text-\[7px\] { font-size: 7px; } .text-\[8px\] { font-size: 8px; } .text-\[9px\] { font-size: 9px; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-bold { font-weight: 700; } .font-extrabold { font-weight: 800; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .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); } .leading-4 { line-height: 1rem; } .leading-5 { line-height: 1.25rem; } .leading-6 { line-height: 1.5rem; } .leading-8 { line-height: 2rem; } .leading-\[1\.5\] { line-height: 1.5; } .leading-\[1\.6\] { line-height: 1.6; } .leading-\[16px\] { line-height: 16px; } .leading-\[18px\] { line-height: 18px; } .leading-none { line-height: 1; } .leading-normal { line-height: 1.5; } .leading-relaxed { line-height: 1.625; } .leading-snug { line-height: 1.375; } .leading-tight { line-height: 1.25; } .tracking-\[2px\] { letter-spacing: 2px; } .tracking-tight { letter-spacing: -0.025em; } .tracking-wide { letter-spacing: 0.025em; } .tracking-wider { letter-spacing: 0.05em; } .text-\[var\(--icon-secondary\)\] { color: var(--icon-secondary); } .text-\[var\(--text-tertiary\)\] { color: var(--text-tertiary); } .text-\[var\(--ui-text-secondary\)\] { color: var(--ui-text-secondary); } .text-amber-500 { --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .text-amber-600 { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } .text-amber-700 { --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); } .text-amber-800 { --tw-text-opacity: 1; color: rgb(146 64 14 / var(--tw-text-opacity, 1)); } .text-amber-900 { --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity, 1)); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-blue-500 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .text-blue-700 { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); } .text-blue-800 { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)); } .text-claude-accent { color: var(--accent-color, #3B82F6); } .text-claude-border { --tw-text-opacity: 1; color: rgb(224 226 231 / var(--tw-text-opacity, 1)); } .text-claude-darkText { --tw-text-opacity: 1; color: rgb(228 229 233 / var(--tw-text-opacity, 1)); } .text-claude-darkTextSecondary { --tw-text-opacity: 1; color: rgb(139 143 163 / var(--tw-text-opacity, 1)); } .text-claude-text { --tw-text-opacity: 1; color: rgb(26 29 35 / var(--tw-text-opacity, 1)); } .text-claude-text\/50 { color: rgb(26 29 35 / 0.5); } .text-claude-text\/70 { color: rgb(26 29 35 / 0.7); } .text-claude-textSecondary { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .text-claude-textSecondary\/40 { color: rgb(107 114 128 / 0.4); } .text-claude-textSecondary\/45 { color: rgb(107 114 128 / 0.45); } .text-claude-textSecondary\/50 { color: rgb(107 114 128 / 0.5); } .text-claude-textSecondary\/60 { color: rgb(107 114 128 / 0.6); } .text-claude-textSecondary\/70 { color: rgb(107 114 128 / 0.7); } .text-claude-textSecondary\/75 { color: rgb(107 114 128 / 0.75); } .text-claude-textSecondary\/80 { color: rgb(107 114 128 / 0.8); } .text-cyan-800 { --tw-text-opacity: 1; color: rgb(21 94 117 / var(--tw-text-opacity, 1)); } .text-emerald-500 { --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity, 1)); } .text-emerald-600 { --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .text-emerald-700 { --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); } .text-emerald-800 { --tw-text-opacity: 1; color: rgb(6 95 70 / var(--tw-text-opacity, 1)); } .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .text-gray-800 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); } .text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } .text-green-700 { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); } .text-indigo-600 { --tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity, 1)); } .text-indigo-700 { --tw-text-opacity: 1; color: rgb(67 56 202 / var(--tw-text-opacity, 1)); } .text-indigo-800 { --tw-text-opacity: 1; color: rgb(55 48 163 / var(--tw-text-opacity, 1)); } .text-indigo-900 { --tw-text-opacity: 1; color: rgb(49 46 129 / var(--tw-text-opacity, 1)); } .text-inherit { color: inherit; } .text-orange-500 { --tw-text-opacity: 1; color: rgb(249 115 22 / var(--tw-text-opacity, 1)); } .text-orange-600 { --tw-text-opacity: 1; color: rgb(234 88 12 / var(--tw-text-opacity, 1)); } .text-orange-800 { --tw-text-opacity: 1; color: rgb(154 52 18 / var(--tw-text-opacity, 1)); } .text-purple-500 { --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity, 1)); } .text-red-200 { --tw-text-opacity: 1; color: rgb(254 202 202 / var(--tw-text-opacity, 1)); } .text-red-400 { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .text-red-700 { --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); } .text-red-800 { --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity, 1)); } .text-rose-600 { --tw-text-opacity: 1; color: rgb(225 29 72 / var(--tw-text-opacity, 1)); } .text-rose-700 { --tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity, 1)); } .text-rose-800 { --tw-text-opacity: 1; color: rgb(159 18 57 / var(--tw-text-opacity, 1)); } .text-sky-600 { --tw-text-opacity: 1; color: rgb(2 132 199 / var(--tw-text-opacity, 1)); } .text-sky-700 { --tw-text-opacity: 1; color: rgb(3 105 161 / var(--tw-text-opacity, 1)); } .text-sky-800 { --tw-text-opacity: 1; color: rgb(7 89 133 / var(--tw-text-opacity, 1)); } .text-slate-400 { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .text-slate-500 { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); } .text-slate-600 { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); } .text-slate-800 { --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); } .text-teal-800 { --tw-text-opacity: 1; color: rgb(17 94 89 / var(--tw-text-opacity, 1)); } .text-violet-400 { --tw-text-opacity: 1; color: rgb(167 139 250 / var(--tw-text-opacity, 1)); } .text-violet-600 { --tw-text-opacity: 1; color: rgb(124 58 237 / var(--tw-text-opacity, 1)); } .text-violet-700 { --tw-text-opacity: 1; color: rgb(109 40 217 / var(--tw-text-opacity, 1)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-white\/80 { color: rgb(255 255 255 / 0.8); } .text-yellow-400 { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity, 1)); } .text-yellow-600 { --tw-text-opacity: 1; color: rgb(202 138 4 / var(--tw-text-opacity, 1)); } .text-yellow-700 { --tw-text-opacity: 1; color: rgb(161 98 7 / var(--tw-text-opacity, 1)); } .underline { text-decoration-line: underline; } .placeholder-claude-textSecondary::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1)); } .placeholder-claude-textSecondary::placeholder { --tw-placeholder-opacity: 1; color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1)); } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .opacity-25 { opacity: 0.25; } .opacity-30 { opacity: 0.3; } .opacity-40 { opacity: 0.4; } .opacity-50 { opacity: 0.5; } .opacity-55 { opacity: 0.55; } .opacity-60 { opacity: 0.6; } .opacity-65 { opacity: 0.65; } .opacity-70 { opacity: 0.7; } .opacity-75 { opacity: 0.75; } .opacity-80 { opacity: 0.8; } .opacity-90 { opacity: 0.9; } .opacity-\[0\.18\] { opacity: 0.18; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_3px_rgba\(16\2c 185\2c 129\2c 0\.12\)\] { --tw-shadow: 0 0 0 3px rgba(16,185,129,0.12); --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_6px_rgba\(59\2c 130\2c 246\2c 0\.5\)\] { --tw-shadow: 0 0 6px rgba(59,130,246,0.5); --tw-shadow-colored: 0 0 6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.02\)\] { --tw-shadow: 0 1px 2px rgba(0,0,0,0.02); --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_1px_2px_rgba\(15\2c 23\2c 42\2c 0\.035\)\] { --tw-shadow: 0 1px 2px rgba(15,23,42,0.035); --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_1px_2px_rgba\(15\2c 23\2c 42\2c 0\.04\)\] { --tw-shadow: 0 1px 2px rgba(15,23,42,0.04); --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_24px_70px_rgba\(0\2c 0\2c 0\2c 0\.22\)\] { --tw-shadow: 0 24px 70px rgba(0,0,0,0.22); --tw-shadow-colored: 0 24px 70px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_4px_30px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] { --tw-shadow: 0 4px 30px rgba(0,0,0,0.08); --tw-shadow-colored: 0 4px 30px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-glow-accent { --tw-shadow: 0 0 20px rgba(59,130,246,0.15); --tw-shadow-colored: 0 0 20px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-modal { --tw-shadow: 0 8px 30px rgba(0,0,0,0.16), 0 2px 8px rgba(0,0,0,0.08); --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color), 0 2px 8px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-popover { --tw-shadow: 0 4px 20px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.05); --tw-shadow-colored: 0 4px 20px var(--tw-shadow-color), 0 1px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-subtle { --tw-shadow: 0 1px 2px rgba(0,0,0,0.05); --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .outline { outline-style: solid; } .ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-inset { --tw-ring-inset: inset; } .ring-amber-400 { --tw-ring-opacity: 1; --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1)); } .ring-black\/10 { --tw-ring-color: rgb(0 0 0 / 0.1); } .ring-blue-200 { --tw-ring-opacity: 1; --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1)); } .ring-blue-400 { --tw-ring-opacity: 1; --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1)); } .ring-claude-accent { --tw-ring-color: var(--accent-color, #3B82F6); } .ring-emerald-500\/30 { --tw-ring-color: rgb(16 185 129 / 0.3); } .ring-rose-400 { --tw-ring-opacity: 1; --tw-ring-color: rgb(251 113 133 / var(--tw-ring-opacity, 1)); } .ring-teal-400 { --tw-ring-opacity: 1; --tw-ring-color: rgb(45 212 191 / var(--tw-ring-opacity, 1)); } .ring-violet-400 { --tw-ring-opacity: 1; --tw-ring-color: rgb(167 139 250 / var(--tw-ring-opacity, 1)); } .ring-offset-2 { --tw-ring-offset-width: 2px; } .ring-offset-claude-bg { --tw-ring-offset-color: #F8F9FB; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur-\[1px\] { --tw-backdrop-blur: blur(1px); 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-\[2px\] { --tw-backdrop-blur: blur(2px); 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-md { --tw-backdrop-blur: blur(12px); 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(4px); 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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[border-color\2c box-shadow\2c background-color\] { transition-property: border-color,box-shadow,background-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[border-color\2c box-shadow\2c transform\2c background-color\] { transition-property: border-color,box-shadow,transform,background-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[border-color\2c box-shadow\] { transition-property: border-color,box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[stroke-dashoffset\] { transition-property: stroke-dashoffset; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\2c background-color\2c opacity\] { transition-property: width,background-color,opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\] { transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-shadow { transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-150 { transition-duration: 150ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .duration-500 { transition-duration: 500ms; } .duration-\[190ms\] { transition-duration: 190ms; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .\[animation-delay\:-0\.15s\] { animation-delay: -0.15s; } .\[animation-delay\:-0\.3s\] { animation-delay: -0.3s; } .\[overflow-anchor\:none\] { overflow-anchor: none; } .\[scrollbar-gutter\:stable\] { scrollbar-gutter: stable; } .\[scrollbar-width\:none\] { scrollbar-width: none; } /* KaTeX styles */ .katex-display { overflow-x: auto; overflow-y: hidden; padding: 1em 0; margin: 1em 0; } /* Improve code block styles — scoped to markdown content only */ .markdown-content pre { --tw-bg-opacity: 1; background-color: rgb(240 241 244 / var(--tw-bg-opacity, 1)); } .markdown-content pre:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(26 29 39 / var(--tw-bg-opacity, 1)); } .markdown-content pre { border-radius: 0.75rem !important; padding: 1em !important; margin: 1em 0 !important; overflow-x: auto !important; } code { font-family: 'SF Mono', 'Fira Code', Menlo, Monaco, 'Courier New', monospace; } /* Improve table styles */ table { border-collapse: collapse; margin: 1em 0; width: 100%; } th, td { --tw-border-opacity: 1; border-color: rgb(224 226 231 / var(--tw-border-opacity, 1)); } th:is(.dark *), td:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(42 46 56 / var(--tw-border-opacity, 1)); } th, td { padding: 0.5em; } th { background-color: rgb(240 241 244 / 0.5); } th:is(.dark *) { background-color: rgb(26 29 39 / 0.5); } th { font-weight: bold; } /* Style for blockquotes */ blockquote { border-color: var(--accent-color, #3B82F6); --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } blockquote:is(.dark *) { border-color: var(--accent-color, #3B82F6); --tw-text-opacity: 1; color: rgb(139 143 163 / var(--tw-text-opacity, 1)); } blockquote { border-left-width: 3px; padding-left: 1em; font-style: italic; margin: 1em 0; } .chat-message { content-visibility: auto; contain-intrinsic-size: 500px; } :root { font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', system-ui, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; font-weight: 400; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Cold modern dark mode */ .dark { color-scheme: dark; color: #E4E5E9; background-color: #0F1117; } /* Cold modern light mode */ .light { color-scheme: light; color: #1A1D23; background-color: #F8F9FB; } /* Ensure all containers inherit theme */ .dark #root, .dark .App, .dark main { background-color: #0F1117; color: #E4E5E9; } .light #root, .light .App, .light main { background-color: #F8F9FB; color: #1A1D23; } body { margin: 0; min-width: 320px; min-height: 100vh; } #root { height: 100vh; } /* Custom scrollbar styles - cold modern */ ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { --tw-bg-opacity: 1; background-color: rgb(224 226 231 / var(--tw-bg-opacity, 1)); } :is(.dark *)::-webkit-scrollbar-thumb { --tw-bg-opacity: 1; background-color: rgb(42 46 56 / var(--tw-bg-opacity, 1)); } ::-webkit-scrollbar-thumb { border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } :is(.dark *)::-webkit-scrollbar-thumb:hover { --tw-bg-opacity: 1; background-color: rgb(139 143 163 / var(--tw-bg-opacity, 1)); } /* Style for select options to match theme */ .dark option { background-color: #1A1D27; color: #E4E5E9; } .light option { background-color: #FFFFFF; color: #1A1D23; } /* Ensure select elements have proper styling in Firefox */ select { -moz-appearance: none; -webkit-appearance: none; appearance: none; } select::-ms-expand { display: none; } .draggable { -webkit-app-region: drag; app-region: drag; } .non-draggable { -webkit-app-region: no-drag; app-region: no-drag; } .non-draggable * { -webkit-app-region: no-drag; app-region: no-drag; } .window-controls-floating { -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* Focus ring */ .focus-ring:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-color: var(--accent-color, #3B82F6); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #F8F9FB; } .focus-ring:focus:is(.dark *) { --tw-ring-offset-color: #0F1117; } /* Button styles */ .btn-primary { border-radius: 0.5rem; background-color: var(--accent-color, #3B82F6); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; font-weight: 500; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .btn-primary:hover { background-color: var(--accent-color-hover, #60A5FA); } .btn-secondary { border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 226 231 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; font-weight: 500; --tw-text-opacity: 1; color: rgb(26 29 35 / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .btn-secondary:hover { --tw-bg-opacity: 1; background-color: rgb(240 241 244 / var(--tw-bg-opacity, 1)); } .btn-secondary:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(42 46 56 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(26 29 39 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(228 229 233 / var(--tw-text-opacity, 1)); } .btn-secondary:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(36 40 48 / var(--tw-bg-opacity, 1)); } /* Sidebar width transition - instant toggle, no animation */ .sidebar-transition { transition: none; } /* Subtle separator line */ .separator { --tw-border-opacity: 1; border-color: rgb(235 237 240 / var(--tw-border-opacity, 1)); } .separator:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(31 35 43 / var(--tw-border-opacity, 1)); } .separator { border-top-width: 1px; } /* Modal backdrop */ .modal-backdrop { background-color: rgb(0 0 0 / 0.4); --tw-backdrop-blur: blur(4px); 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); animation: fade-in 0.2s ease-out; } /* Modal content entrance */ .modal-content { animation: scale-in 0.2s ease-out; } /* Popover entrance */ .popover-enter { animation: fade-in-down 0.2s ease-out; } /* Skeleton loading */ .skeleton { border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(240 241 244 / var(--tw-bg-opacity, 1)); } .skeleton:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(26 29 39 / var(--tw-bg-opacity, 1)); } .skeleton { position: relative; overflow: hidden; } .skeleton::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent); animation: shimmer 1.5s infinite; } /* Streaming activity bar */ .streaming-bar { position: relative; height: 2px; overflow: hidden; border-radius: 1px; background: rgba(59,130,246,0.1); } .streaming-bar::before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 40%; border-radius: 1px; background: linear-gradient(90deg, rgba(59,130,246,0.3) 0%, rgba(59,130,246,0.8) 50%, rgba(59,130,246,0.3) 100%); animation: streaming-slide 1.5s ease-in-out infinite; } .dark .streaming-bar { background: rgba(59,130,246,0.15); } .dark .streaming-bar::before { box-shadow: 0 0 6px rgba(59,130,246,0.4); } @keyframes streaming-slide { 0% { left: -40%; } 100% { left: 100%; } } /* Widget shimmer animation */ @keyframes widget-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* Scenario transition — chasing meteors spiral inward */ @keyframes meteor-orbit-0 { 0% { offset-distance: 0%; opacity: 0; } 8% { opacity: 1; } 85% { offset-distance: 100%; opacity: 1; } 100% { offset-distance: 100%; opacity: 0; } } @keyframes meteor-orbit-1 { 0% { offset-distance: 0%; opacity: 0; } 12% { opacity: 1; } 88% { offset-distance: 100%; opacity: 1; } 100% { offset-distance: 100%; opacity: 0; } } @keyframes meteor-orbit-2 { 0% { offset-distance: 0%; opacity: 0; } 10% { opacity: 1; } 86% { offset-distance: 100%; opacity: 1; } 100% { offset-distance: 100%; opacity: 0; } } @keyframes meteor-orbit-3 { 0% { offset-distance: 0%; opacity: 0; } 14% { opacity: 1; } 90% { offset-distance: 100%; opacity: 1; } 100% { offset-distance: 100%; opacity: 0; } } @keyframes meteor-orbit-4 { 0% { offset-distance: 0%; opacity: 0; } 6% { opacity: 1; } 84% { offset-distance: 100%; opacity: 1; } 100% { offset-distance: 100%; opacity: 0; } } @keyframes meteor-fade-bg { 0% { opacity: 0; } 10% { opacity: 1; } 85% { opacity: 1; } 100% { opacity: 0; } } @keyframes meteor-center-burst { 0% { transform: translate(-50%,-50%) scale(0); opacity: 0; } 65% { transform: translate(-50%,-50%) scale(0); opacity: 0; } 80% { transform: translate(-50%,-50%) scale(1.2); opacity: 1; } 100% { transform: translate(-50%,-50%) scale(3); opacity: 0; } } /* Scenario banner entrance */ @keyframes scenario-banner-enter { 0% { opacity: 0; transform: translateY(-12px) scale(0.96); } 100% { opacity: 1; transform: translateY(0) scale(1); } } .scenario-banner-enter { animation: scenario-banner-enter 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; } /* Date input styling */ input[type="date"] { position: relative; -moz-appearance: none; appearance: none; -webkit-appearance: none; } input[type="date"]::-webkit-calendar-picker-indicator { cursor: pointer; opacity: 0.6; padding: 2px; border-radius: 4px; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; } input[type="date"]::-webkit-calendar-picker-indicator:hover { opacity: 1; } .dark input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(0.85); } input[type="date"]::-webkit-datetime-edit { padding: 0; } input[type="date"]::-webkit-datetime-edit-fields-wrapper { padding: 0; } /* ── Sandbox terminal (xterm) polish ── */ .terminal-surface .xterm { height: 100%; padding: 0; } /* Let the outer container own the background so no xterm layer (viewport/screen) leaves an unthemed black strip below the grid. */ .terminal-surface .xterm, .terminal-surface .xterm .xterm-viewport, .terminal-surface .xterm .xterm-screen { background-color: transparent !important; } .terminal-surface .xterm-viewport { scrollbar-width: thin; scrollbar-color: rgba(150, 150, 150, 0.35) transparent; } .terminal-surface .xterm-viewport::-webkit-scrollbar { width: 8px; } .terminal-surface .xterm-viewport::-webkit-scrollbar-track { background: transparent; } .terminal-surface .xterm-viewport::-webkit-scrollbar-thumb { background-color: rgba(150, 150, 150, 0.3); border-radius: 8px; } .terminal-surface .xterm-viewport::-webkit-scrollbar-thumb:hover { background-color: rgba(150, 150, 150, 0.55); } .dark\:prose-invert:is(.dark *) { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead: var(--tw-prose-invert-lead); --tw-prose-links: var(--tw-prose-invert-links); --tw-prose-bold: var(--tw-prose-invert-bold); --tw-prose-counters: var(--tw-prose-invert-counters); --tw-prose-bullets: var(--tw-prose-invert-bullets); --tw-prose-hr: var(--tw-prose-invert-hr); --tw-prose-quotes: var(--tw-prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); --tw-prose-captions: var(--tw-prose-invert-captions); --tw-prose-kbd: var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); --tw-prose-th-borders: var(--tw-prose-invert-th-borders); --tw-prose-td-borders: var(--tw-prose-invert-td-borders); } .placeholder\:text-claude-textSecondary::-moz-placeholder { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .placeholder\:text-claude-textSecondary::placeholder { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .placeholder\:text-claude-textSecondary\/55::-moz-placeholder { color: rgb(107 114 128 / 0.55); } .placeholder\:text-claude-textSecondary\/55::placeholder { color: rgb(107 114 128 / 0.55); } .placeholder\:text-claude-textSecondary\/60::-moz-placeholder { color: rgb(107 114 128 / 0.6); } .placeholder\:text-claude-textSecondary\/60::placeholder { color: rgb(107 114 128 / 0.6); } .placeholder\:text-claude-textSecondary\/70::-moz-placeholder { color: rgb(107 114 128 / 0.7); } .placeholder\:text-claude-textSecondary\/70::placeholder { color: rgb(107 114 128 / 0.7); } .first\:mt-0:first-child { margin-top: 0px; } .first\:rounded-t-lg:first-child { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .last\:mb-0:last-child { margin-bottom: 0px; } .last\:rounded-b-lg:last-child { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .focus-within\:shadow-\[0_8px_24px_rgba\(15\2c 23\2c 42\2c 0\.07\)\]:focus-within { --tw-shadow: 0 8px 24px rgba(15,23,42,0.07); --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus-within\:ring-1:focus-within { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-within\:ring-claude-accent:focus-within { --tw-ring-color: var(--accent-color, #3B82F6); } .hover\:z-10:hover { z-index: 10; } .hover\:-translate-y-0\.5:hover { --tw-translate-y: -0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:scale-\[1\.015\]:hover { --tw-scale-x: 1.015; --tw-scale-y: 1.015; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:border-claude-border:hover { --tw-border-opacity: 1; border-color: rgb(224 226 231 / var(--tw-border-opacity, 1)); } .hover\:border-claude-textSecondary\/30:hover { border-color: rgb(107 114 128 / 0.3); } .hover\:border-emerald-500:hover { --tw-border-opacity: 1; border-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); } .hover\:border-red-400:hover { --tw-border-opacity: 1; border-color: rgb(248 113 113 / var(--tw-border-opacity, 1)); } .hover\:border-opacity-50:hover { --tw-border-opacity: 0.5; } .hover\:bg-\[\#2563eb\]:hover { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .hover\:bg-amber-200\/60:hover { background-color: rgb(253 230 138 / 0.6); } .hover\:bg-black\/10:hover { background-color: rgb(0 0 0 / 0.1); } .hover\:bg-black\/5:hover { background-color: rgb(0 0 0 / 0.05); } .hover\:bg-black\/80:hover { background-color: rgb(0 0 0 / 0.8); } .hover\:bg-black\/\[0\.025\]:hover { background-color: rgb(0 0 0 / 0.025); } .hover\:bg-black\/\[0\.035\]:hover { background-color: rgb(0 0 0 / 0.035); } .hover\:bg-black\/\[0\.03\]:hover { background-color: rgb(0 0 0 / 0.03); } .hover\:bg-black\/\[0\.04\]:hover { background-color: rgb(0 0 0 / 0.04); } .hover\:bg-black\/\[0\.05\]:hover { background-color: rgb(0 0 0 / 0.05); } .hover\:bg-black\/\[0\.06\]:hover { background-color: rgb(0 0 0 / 0.06); } .hover\:bg-blue-700:hover { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)); } .hover\:bg-claude-accentHover:hover { background-color: var(--accent-color-hover, #60A5FA); } .hover\:bg-claude-border:hover { --tw-bg-opacity: 1; background-color: rgb(224 226 231 / var(--tw-bg-opacity, 1)); } .hover\:bg-claude-border\/40:hover { background-color: rgb(224 226 231 / 0.4); } .hover\:bg-claude-surface:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-claude-surfaceHover:hover { --tw-bg-opacity: 1; background-color: rgb(240 241 244 / var(--tw-bg-opacity, 1)); } .hover\:bg-claude-surfaceHover\/50:hover { background-color: rgb(240 241 244 / 0.5); } .hover\:bg-emerald-500\/20:hover { background-color: rgb(16 185 129 / 0.2); } .hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-600:hover { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .hover\:bg-orange-600:hover { --tw-bg-opacity: 1; background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-100:hover { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-50:hover { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-500:hover { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-500\/10:hover { background-color: rgb(239 68 68 / 0.1); } .hover\:bg-red-500\/20:hover { background-color: rgb(239 68 68 / 0.2); } .hover\:bg-red-600:hover { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .hover\:bg-violet-100\/50:hover { background-color: rgb(237 233 254 / 0.5); } .hover\:bg-white:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-white\/10:hover { background-color: rgb(255 255 255 / 0.1); } .hover\:text-blue-400:hover { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .hover\:text-claude-accent:hover { color: var(--accent-color, #3B82F6); } .hover\:text-claude-accentHover:hover { color: var(--accent-color-hover, #60A5FA); } .hover\:text-claude-text:hover { --tw-text-opacity: 1; color: rgb(26 29 35 / var(--tw-text-opacity, 1)); } .hover\:text-claude-textSecondary:hover { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .hover\:text-emerald-500:hover { --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity, 1)); } .hover\:text-red-100:hover { --tw-text-opacity: 1; color: rgb(254 226 226 / var(--tw-text-opacity, 1)); } .hover\:text-red-500:hover { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .hover\:text-red-600:hover { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:decoration-claude-accent:hover { text-decoration-color: var(--accent-color, #3B82F6); } .hover\:opacity-100:hover { opacity: 1; } .hover\:opacity-80:hover { opacity: 0.8; } .hover\:opacity-90:hover { opacity: 0.9; } .hover\:shadow-\[0_12px_30px_rgba\(15\2c 23\2c 42\2c 0\.1\)\]:hover { --tw-shadow: 0 12px 30px rgba(15,23,42,0.1); --tw-shadow-colored: 0 12px 30px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_4px_12px_rgba\(15\2c 23\2c 42\2c 0\.05\)\]:hover { --tw-shadow: 0 4px 12px rgba(15,23,42,0.05); --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_8px_24px_rgba\(15\2c 23\2c 42\2c 0\.05\)\]:hover { --tw-shadow: 0 8px 24px rgba(15,23,42,0.05); --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-card:hover { --tw-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04); --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:brightness-95:hover { --tw-brightness: brightness(.95); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .focus\:border-blue-500:focus { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .focus\:border-claude-accent:focus { border-color: var(--accent-color, #3B82F6); } .focus\:bg-black\/\[0\.05\]:focus { background-color: rgb(0 0 0 / 0.05); } .focus\:bg-white:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:ring-1:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-4:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-black\/\[0\.06\]:focus { --tw-ring-color: rgb(0 0 0 / 0.06); } .focus\:ring-claude-accent:focus { --tw-ring-color: var(--accent-color, #3B82F6); } .focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; } .focus-visible\:outline:focus-visible { outline-style: solid; } .focus-visible\:outline-2:focus-visible { outline-width: 2px; } .focus-visible\:outline-claude-accent:focus-visible { outline-color: var(--accent-color, #3B82F6); } .focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-inset:focus-visible { --tw-ring-inset: inset; } .focus-visible\:ring-claude-accent:focus-visible { --tw-ring-color: var(--accent-color, #3B82F6); } .active\:scale-95:active { --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .active\:scale-\[0\.98\]:active { --tw-scale-x: 0.98; --tw-scale-y: 0.98; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .disabled\:cursor-default:disabled { cursor: default; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:bg-claude-surfaceMuted:disabled { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .disabled\:text-claude-textSecondary\/45:disabled { color: rgb(107 114 128 / 0.45); } .disabled\:opacity-100:disabled { opacity: 1; } .disabled\:opacity-25:disabled { opacity: 0.25; } .disabled\:opacity-30:disabled { opacity: 0.3; } .disabled\:opacity-40:disabled { opacity: 0.4; } .disabled\:opacity-45:disabled { opacity: 0.45; } .disabled\:opacity-50:disabled { opacity: 0.5; } .disabled\:opacity-60:disabled { opacity: 0.6; } .disabled\:opacity-70:disabled { opacity: 0.7; } .group:focus-within .group-focus-within\:w-4 { width: 1rem; } .group:hover .group-hover\:flex { display: flex; } .group:hover .group-hover\:hidden { display: none; } .group:hover .group-hover\:w-4 { width: 1rem; } .group:hover .group-hover\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:scale-\[1\.035\] { --tw-scale-x: 1.035; --tw-scale-y: 1.035; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:border-claude-border { --tw-border-opacity: 1; border-color: rgb(224 226 231 / var(--tw-border-opacity, 1)); } .group:hover .group-hover\:bg-claude-surfaceHover { --tw-bg-opacity: 1; background-color: rgb(240 241 244 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-emerald-500 { --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:text-claude-accent { color: var(--accent-color, #3B82F6); } .group:hover .group-hover\:text-claude-text { --tw-text-opacity: 1; color: rgb(26 29 35 / var(--tw-text-opacity, 1)); } .group\/offline:hover .group-hover\/offline\:opacity-100 { opacity: 1; } .group\/widget:hover .group-hover\/widget\:opacity-100 { opacity: 1; } .group:hover .group-hover\:opacity-100 { opacity: 1; } .group:active .group-active\:bg-emerald-500 { --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .peer:checked ~ .peer-checked\:translate-x-4 { --tw-translate-x: 1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:checked ~ .peer-checked\:scale-110 { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:checked ~ .peer-checked\:border-claude-accent { border-color: var(--accent-color, #3B82F6); } .peer:checked ~ .peer-checked\:bg-claude-accent { background-color: var(--accent-color, #3B82F6); } .peer:checked ~ .peer-checked\:ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .peer:focus-visible ~ .peer-focus-visible\:outline { outline-style: solid; } .peer:focus-visible ~ .peer-focus-visible\:outline-2 { outline-width: 2px; } .peer:focus-visible ~ .peer-focus-visible\:outline-offset-4 { outline-offset: 4px; } .peer:focus-visible ~ .peer-focus-visible\:ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .peer:focus-visible ~ .peer-focus-visible\:ring-claude-accent { --tw-ring-color: var(--accent-color, #3B82F6); } .peer:disabled ~ .peer-disabled\:cursor-wait { cursor: wait; } .peer:disabled ~ .peer-disabled\:opacity-50 { opacity: 0.5; } .peer:disabled ~ .peer-disabled\:opacity-60 { opacity: 0.6; } @media (prefers-reduced-motion: no-preference) { @keyframes pulse { 50% { opacity: .5; } } .motion-safe\:animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin { to { transform: rotate(360deg); } } .motion-safe\:animate-spin { animation: spin 1s linear infinite; } .motion-safe\:transition-\[width\] { transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .motion-safe\:duration-300 { transition-duration: 300ms; } } @media (prefers-reduced-motion: reduce) { .motion-reduce\:animate-none { animation: none; } .motion-reduce\:transition-none { transition-property: none; } } .dark\:block:is(.dark *) { display: block; } .dark\:hidden:is(.dark *) { display: none; } .dark\:divide-claude-darkBorder:is(.dark *) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(42 46 56 / var(--tw-divide-opacity, 1)); } .dark\:divide-claude-darkBorder\/50:is(.dark *) > :not([hidden]) ~ :not([hidden]) { border-color: rgb(42 46 56 / 0.5); } .dark\:divide-claude-darkBorderLight:is(.dark *) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(31 35 43 / var(--tw-divide-opacity, 1)); } .dark\:border:is(.dark *) { border-width: 1px; } .dark\:border-\[\#253554\]\/60:is(.dark *) { border-color: rgb(37 53 84 / 0.6); } .dark\:border-\[\#2a3f66\]\/50:is(.dark *) { border-color: rgb(42 63 102 / 0.5); } .dark\:border-amber-700\/60:is(.dark *) { border-color: rgb(180 83 9 / 0.6); } .dark\:border-amber-900\/40:is(.dark *) { border-color: rgb(120 53 15 / 0.4); } .dark\:border-blue-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(30 64 175 / var(--tw-border-opacity, 1)); } .dark\:border-claude-darkBorder:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(42 46 56 / var(--tw-border-opacity, 1)); } .dark\:border-claude-darkBorder\/40:is(.dark *) { border-color: rgb(42 46 56 / 0.4); } .dark\:border-claude-darkBorder\/50:is(.dark *) { border-color: rgb(42 46 56 / 0.5); } .dark\:border-claude-darkBorder\/60:is(.dark *) { border-color: rgb(42 46 56 / 0.6); } .dark\:border-claude-darkBorder\/70:is(.dark *) { border-color: rgb(42 46 56 / 0.7); } .dark\:border-claude-darkBorder\/80:is(.dark *) { border-color: rgb(42 46 56 / 0.8); } .dark\:border-claude-darkBorderLight:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(31 35 43 / var(--tw-border-opacity, 1)); } .dark\:border-claude-darkTextSecondary:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(139 143 163 / var(--tw-border-opacity, 1)); } .dark\:border-claude-darkTextSecondary\/60:is(.dark *) { border-color: rgb(139 143 163 / 0.6); } .dark\:border-gray-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } .dark\:border-gray-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); } .dark\:border-green-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(22 163 74 / var(--tw-border-opacity, 1)); } .dark\:border-red-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(153 27 27 / var(--tw-border-opacity, 1)); } .dark\:border-red-800\/30:is(.dark *) { border-color: rgb(153 27 27 / 0.3); } .dark\:border-red-900\/40:is(.dark *) { border-color: rgb(127 29 29 / 0.4); } .dark\:border-red-900\/50:is(.dark *) { border-color: rgb(127 29 29 / 0.5); } .dark\:border-violet-800\/30:is(.dark *) { border-color: rgb(91 33 182 / 0.3); } .dark\:border-violet-800\/40:is(.dark *) { border-color: rgb(91 33 182 / 0.4); } .dark\:border-white\/10:is(.dark *) { border-color: rgb(255 255 255 / 0.1); } .dark\:border-white\/15:is(.dark *) { border-color: rgb(255 255 255 / 0.15); } .dark\:border-white\/20:is(.dark *) { border-color: rgb(255 255 255 / 0.2); } .dark\:border-white\/\[0\.07\]:is(.dark *) { border-color: rgb(255 255 255 / 0.07); } .dark\:border-yellow-700\/40:is(.dark *) { border-color: rgb(161 98 7 / 0.4); } .dark\:border-r-gray-800:is(.dark *) { --tw-border-opacity: 1; border-right-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .dark\:bg-\[\#141e33\]\/90:is(.dark *) { background-color: rgb(20 30 51 / 0.9); } .dark\:bg-\[\#1a2744\]\/60:is(.dark *) { background-color: rgb(26 39 68 / 0.6); } .dark\:bg-\[\#1b1b1d\]:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(27 27 29 / var(--tw-bg-opacity, 1)); } .dark\:bg-\[\#1f1f1f\]:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(31 31 31 / var(--tw-bg-opacity, 1)); } .dark\:bg-amber-500\/10:is(.dark *) { background-color: rgb(245 158 11 / 0.1); } .dark\:bg-amber-500\/15:is(.dark *) { background-color: rgb(245 158 11 / 0.15); } .dark\:bg-amber-500\/25:is(.dark *) { background-color: rgb(245 158 11 / 0.25); } .dark\:bg-amber-900\/20:is(.dark *) { background-color: rgb(120 53 15 / 0.2); } .dark\:bg-amber-900\/40:is(.dark *) { background-color: rgb(120 53 15 / 0.4); } .dark\:bg-amber-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(69 26 3 / var(--tw-bg-opacity, 1)); } .dark\:bg-black\/60:is(.dark *) { background-color: rgb(0 0 0 / 0.6); } .dark\:bg-blue-500\/15:is(.dark *) { background-color: rgb(59 130 246 / 0.15); } .dark\:bg-blue-500\/25:is(.dark *) { background-color: rgb(59 130 246 / 0.25); } .dark\:bg-blue-900\/20:is(.dark *) { background-color: rgb(30 58 138 / 0.2); } .dark\:bg-blue-900\/40:is(.dark *) { background-color: rgb(30 58 138 / 0.4); } .dark\:bg-blue-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(23 37 84 / var(--tw-bg-opacity, 1)); } .dark\:bg-claude-accentMuted:is(.dark *) { background-color: color-mix(in srgb, var(--accent-color, #3B82F6) 10%, transparent); } .dark\:bg-claude-darkBg:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(15 17 23 / var(--tw-bg-opacity, 1)); } .dark\:bg-claude-darkBg\/40:is(.dark *) { background-color: rgb(15 17 23 / 0.4); } .dark\:bg-claude-darkBg\/70:is(.dark *) { background-color: rgb(15 17 23 / 0.7); } .dark\:bg-claude-darkBorder:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(42 46 56 / var(--tw-bg-opacity, 1)); } .dark\:bg-claude-darkBorder\/30:is(.dark *) { background-color: rgb(42 46 56 / 0.3); } .dark\:bg-claude-darkBorder\/50:is(.dark *) { background-color: rgb(42 46 56 / 0.5); } .dark\:bg-claude-darkSurface:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(26 29 39 / var(--tw-bg-opacity, 1)); } .dark\:bg-claude-darkSurface\/20:is(.dark *) { background-color: rgb(26 29 39 / 0.2); } .dark\:bg-claude-darkSurface\/25:is(.dark *) { background-color: rgb(26 29 39 / 0.25); } .dark\:bg-claude-darkSurface\/30:is(.dark *) { background-color: rgb(26 29 39 / 0.3); } .dark\:bg-claude-darkSurface\/35:is(.dark *) { background-color: rgb(26 29 39 / 0.35); } .dark\:bg-claude-darkSurface\/50:is(.dark *) { background-color: rgb(26 29 39 / 0.5); } .dark\:bg-claude-darkSurface\/55:is(.dark *) { background-color: rgb(26 29 39 / 0.55); } .dark\:bg-claude-darkSurface\/95:is(.dark *) { background-color: rgb(26 29 39 / 0.95); } .dark\:bg-claude-darkSurfaceHover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(36 40 48 / var(--tw-bg-opacity, 1)); } .dark\:bg-claude-darkSurfaceHover\/25:is(.dark *) { background-color: rgb(36 40 48 / 0.25); } .dark\:bg-claude-darkSurfaceHover\/30:is(.dark *) { background-color: rgb(36 40 48 / 0.3); } .dark\:bg-claude-darkSurfaceHover\/35:is(.dark *) { background-color: rgb(36 40 48 / 0.35); } .dark\:bg-claude-darkSurfaceHover\/40:is(.dark *) { background-color: rgb(36 40 48 / 0.4); } .dark\:bg-claude-darkSurfaceHover\/50:is(.dark *) { background-color: rgb(36 40 48 / 0.5); } .dark\:bg-claude-darkSurfaceInset:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(12 14 20 / var(--tw-bg-opacity, 1)); } .dark\:bg-claude-darkSurfaceMuted:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(21 24 32 / var(--tw-bg-opacity, 1)); } .dark\:bg-claude-darkSurfaceMuted\/60:is(.dark *) { background-color: rgb(21 24 32 / 0.6); } .dark\:bg-claude-darkText:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(228 229 233 / var(--tw-bg-opacity, 1)); } .dark\:bg-claude-darkTextSecondary\/50:is(.dark *) { background-color: rgb(139 143 163 / 0.5); } .dark\:bg-cyan-500\/25:is(.dark *) { background-color: rgb(6 182 212 / 0.25); } .dark\:bg-emerald-500\/15:is(.dark *) { background-color: rgb(16 185 129 / 0.15); } .dark\:bg-emerald-500\/25:is(.dark *) { background-color: rgb(16 185 129 / 0.25); } .dark\:bg-emerald-900\/30:is(.dark *) { background-color: rgb(6 78 59 / 0.3); } .dark\:bg-emerald-950\/40:is(.dark *) { background-color: rgb(2 44 34 / 0.4); } .dark\:bg-gray-500:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-600:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-700:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-700\/60:is(.dark *) { background-color: rgb(55 65 81 / 0.6); } .dark\:bg-gray-800:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-900:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .dark\:bg-green-600\/20:is(.dark *) { background-color: rgb(22 163 74 / 0.2); } .dark\:bg-green-900\/30:is(.dark *) { background-color: rgb(20 83 45 / 0.3); } .dark\:bg-green-900\/40:is(.dark *) { background-color: rgb(20 83 45 / 0.4); } .dark\:bg-indigo-500\/25:is(.dark *) { background-color: rgb(99 102 241 / 0.25); } .dark\:bg-orange-500\/25:is(.dark *) { background-color: rgb(249 115 22 / 0.25); } .dark\:bg-orange-900\/20:is(.dark *) { background-color: rgb(124 45 18 / 0.2); } .dark\:bg-red-500:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .dark\:bg-red-500\/15:is(.dark *) { background-color: rgb(239 68 68 / 0.15); } .dark\:bg-red-900\/20:is(.dark *) { background-color: rgb(127 29 29 / 0.2); } .dark\:bg-red-900\/30:is(.dark *) { background-color: rgb(127 29 29 / 0.3); } .dark\:bg-red-950\/20:is(.dark *) { background-color: rgb(69 10 10 / 0.2); } .dark\:bg-red-950\/40:is(.dark *) { background-color: rgb(69 10 10 / 0.4); } .dark\:bg-rose-500\/10:is(.dark *) { background-color: rgb(244 63 94 / 0.1); } .dark\:bg-rose-500\/25:is(.dark *) { background-color: rgb(244 63 94 / 0.25); } .dark\:bg-rose-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(76 5 25 / var(--tw-bg-opacity, 1)); } .dark\:bg-sky-500\/25:is(.dark *) { background-color: rgb(14 165 233 / 0.25); } .dark\:bg-teal-500\/25:is(.dark *) { background-color: rgb(20 184 166 / 0.25); } .dark\:bg-teal-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(4 47 46 / var(--tw-bg-opacity, 1)); } .dark\:bg-violet-500\/25:is(.dark *) { background-color: rgb(139 92 246 / 0.25); } .dark\:bg-violet-900\/10:is(.dark *) { background-color: rgb(76 29 149 / 0.1); } .dark\:bg-violet-900\/40:is(.dark *) { background-color: rgb(76 29 149 / 0.4); } .dark\:bg-violet-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(46 16 101 / var(--tw-bg-opacity, 1)); } .dark\:bg-white\/10:is(.dark *) { background-color: rgb(255 255 255 / 0.1); } .dark\:bg-white\/5:is(.dark *) { background-color: rgb(255 255 255 / 0.05); } .dark\:bg-white\/\[\.04\]:is(.dark *) { background-color: rgb(255 255 255 / .04); } .dark\:bg-white\/\[0\.03\]:is(.dark *) { background-color: rgb(255 255 255 / 0.03); } .dark\:bg-white\/\[0\.05\]:is(.dark *) { background-color: rgb(255 255 255 / 0.05); } .dark\:bg-white\/\[0\.06\]:is(.dark *) { background-color: rgb(255 255 255 / 0.06); } .dark\:bg-white\/\[0\.07\]:is(.dark *) { background-color: rgb(255 255 255 / 0.07); } .dark\:bg-white\/\[0\.08\]:is(.dark *) { background-color: rgb(255 255 255 / 0.08); } .dark\:bg-yellow-500\/30:is(.dark *) { background-color: rgb(234 179 8 / 0.3); } .dark\:bg-yellow-900\/30:is(.dark *) { background-color: rgb(113 63 18 / 0.3); } .dark\:bg-gradient-to-br:is(.dark *) { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .dark\:from-blue-500\/10:is(.dark *) { --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-claude-darkSurface\/70:is(.dark *) { --tw-gradient-from: rgb(26 29 39 / 0.7) var(--tw-gradient-from-position); --tw-gradient-to: rgb(26 29 39 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:via-claude-darkSurface:is(.dark *) { --tw-gradient-to: rgb(26 29 39 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1A1D27 var(--tw-gradient-via-position), var(--tw-gradient-to); } .dark\:to-blue-500\/15:is(.dark *) { --tw-gradient-to: rgb(59 130 246 / 0.15) var(--tw-gradient-to-position); } .dark\:to-claude-darkSurfaceHover\/70:is(.dark *) { --tw-gradient-to: rgb(36 40 48 / 0.7) var(--tw-gradient-to-position); } .dark\:fill-\[\#404040\]:is(.dark *) { fill: #404040; } .dark\:text-amber-100:is(.dark *) { --tw-text-opacity: 1; color: rgb(254 243 199 / var(--tw-text-opacity, 1)); } .dark\:text-amber-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(253 230 138 / var(--tw-text-opacity, 1)); } .dark\:text-amber-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); } .dark\:text-amber-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); } .dark\:text-blue-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(191 219 254 / var(--tw-text-opacity, 1)); } .dark\:text-blue-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } .dark\:text-blue-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .dark\:text-claude-accent:is(.dark *) { color: var(--accent-color, #3B82F6); } .dark\:text-claude-darkBg:is(.dark *) { --tw-text-opacity: 1; color: rgb(15 17 23 / var(--tw-text-opacity, 1)); } .dark\:text-claude-darkBorder:is(.dark *) { --tw-text-opacity: 1; color: rgb(42 46 56 / var(--tw-text-opacity, 1)); } .dark\:text-claude-darkText:is(.dark *) { --tw-text-opacity: 1; color: rgb(228 229 233 / var(--tw-text-opacity, 1)); } .dark\:text-claude-darkText\/50:is(.dark *) { color: rgb(228 229 233 / 0.5); } .dark\:text-claude-darkText\/70:is(.dark *) { color: rgb(228 229 233 / 0.7); } .dark\:text-claude-darkTextSecondary:is(.dark *) { --tw-text-opacity: 1; color: rgb(139 143 163 / var(--tw-text-opacity, 1)); } .dark\:text-claude-darkTextSecondary\/40:is(.dark *) { color: rgb(139 143 163 / 0.4); } .dark\:text-claude-darkTextSecondary\/45:is(.dark *) { color: rgb(139 143 163 / 0.45); } .dark\:text-claude-darkTextSecondary\/50:is(.dark *) { color: rgb(139 143 163 / 0.5); } .dark\:text-claude-darkTextSecondary\/60:is(.dark *) { color: rgb(139 143 163 / 0.6); } .dark\:text-claude-darkTextSecondary\/70:is(.dark *) { color: rgb(139 143 163 / 0.7); } .dark\:text-claude-darkTextSecondary\/75:is(.dark *) { color: rgb(139 143 163 / 0.75); } .dark\:text-claude-darkTextSecondary\/80:is(.dark *) { color: rgb(139 143 163 / 0.8); } .dark\:text-cyan-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(165 243 252 / var(--tw-text-opacity, 1)); } .dark\:text-emerald-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(167 243 208 / var(--tw-text-opacity, 1)); } .dark\:text-emerald-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity, 1)); } .dark\:text-emerald-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity, 1)); } .dark\:text-gray-100:is(.dark *) { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } .dark\:text-gray-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .dark\:text-gray-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .dark\:text-gray-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .dark\:text-gray-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .dark\:text-green-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); } .dark\:text-indigo-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(199 210 254 / var(--tw-text-opacity, 1)); } .dark\:text-indigo-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(129 140 248 / var(--tw-text-opacity, 1)); } .dark\:text-orange-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(254 215 170 / var(--tw-text-opacity, 1)); } .dark\:text-orange-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(251 146 60 / var(--tw-text-opacity, 1)); } .dark\:text-red-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(254 202 202 / var(--tw-text-opacity, 1)); } .dark\:text-red-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); } .dark\:text-red-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .dark\:text-red-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .dark\:text-rose-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(254 205 211 / var(--tw-text-opacity, 1)); } .dark\:text-rose-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(253 164 175 / var(--tw-text-opacity, 1)); } .dark\:text-rose-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(251 113 133 / var(--tw-text-opacity, 1)); } .dark\:text-sky-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(186 230 253 / var(--tw-text-opacity, 1)); } .dark\:text-sky-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(56 189 248 / var(--tw-text-opacity, 1)); } .dark\:text-teal-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(153 246 228 / var(--tw-text-opacity, 1)); } .dark\:text-violet-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(221 214 254 / var(--tw-text-opacity, 1)); } .dark\:text-violet-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(196 181 253 / var(--tw-text-opacity, 1)); } .dark\:text-violet-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(167 139 250 / var(--tw-text-opacity, 1)); } .dark\:text-yellow-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(253 224 71 / var(--tw-text-opacity, 1)); } .dark\:text-yellow-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity, 1)); } .dark\:placeholder-claude-darkTextSecondary:is(.dark *)::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(139 143 163 / var(--tw-placeholder-opacity, 1)); } .dark\:placeholder-claude-darkTextSecondary:is(.dark *)::placeholder { --tw-placeholder-opacity: 1; color: rgb(139 143 163 / var(--tw-placeholder-opacity, 1)); } .dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1)); } .dark\:placeholder-gray-500:is(.dark *)::placeholder { --tw-placeholder-opacity: 1; color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1)); } .dark\:shadow-\[0_4px_40px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]:is(.dark *) { --tw-shadow: 0 4px 40px rgba(0,0,0,0.3); --tw-shadow-colored: 0 4px 40px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:shadow-none:is(.dark *) { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:ring-1:is(.dark *) { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .dark\:ring-blue-800:is(.dark *) { --tw-ring-opacity: 1; --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1)); } .dark\:ring-claude-darkBorder\/60:is(.dark *) { --tw-ring-color: rgb(42 46 56 / 0.6); } .dark\:ring-white\/\[0\.06\]:is(.dark *) { --tw-ring-color: rgb(255 255 255 / 0.06); } .dark\:ring-offset-claude-darkBg:is(.dark *) { --tw-ring-offset-color: #0F1117; } .dark\:backdrop-blur-xl:is(.dark *) { --tw-backdrop-blur: blur(24px); 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); } .dark\:placeholder\:text-claude-darkTextSecondary:is(.dark *)::-moz-placeholder { --tw-text-opacity: 1; color: rgb(139 143 163 / var(--tw-text-opacity, 1)); } .dark\:placeholder\:text-claude-darkTextSecondary:is(.dark *)::placeholder { --tw-text-opacity: 1; color: rgb(139 143 163 / var(--tw-text-opacity, 1)); } .dark\:placeholder\:text-claude-darkTextSecondary\/55:is(.dark *)::-moz-placeholder { color: rgb(139 143 163 / 0.55); } .dark\:placeholder\:text-claude-darkTextSecondary\/55:is(.dark *)::placeholder { color: rgb(139 143 163 / 0.55); } .dark\:placeholder\:text-claude-darkTextSecondary\/65:is(.dark *)::-moz-placeholder { color: rgb(139 143 163 / 0.65); } .dark\:placeholder\:text-claude-darkTextSecondary\/65:is(.dark *)::placeholder { color: rgb(139 143 163 / 0.65); } .placeholder\:dark\:text-claude-darkTextSecondary:is(.dark *)::-moz-placeholder { --tw-text-opacity: 1; color: rgb(139 143 163 / var(--tw-text-opacity, 1)); } .placeholder\:dark\:text-claude-darkTextSecondary:is(.dark *)::placeholder { --tw-text-opacity: 1; color: rgb(139 143 163 / var(--tw-text-opacity, 1)); } .dark\:hover\:border-claude-darkBorder:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(42 46 56 / var(--tw-border-opacity, 1)); } .dark\:hover\:border-claude-darkTextSecondary\/40:hover:is(.dark *) { border-color: rgb(139 143 163 / 0.4); } .dark\:hover\:border-emerald-400:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(52 211 153 / var(--tw-border-opacity, 1)); } .dark\:hover\:border-white\/\[0\.12\]:hover:is(.dark *) { border-color: rgb(255 255 255 / 0.12); } .dark\:hover\:bg-\[\#202020\]:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(32 32 32 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-amber-800\/40:hover:is(.dark *) { background-color: rgb(146 64 14 / 0.4); } .dark\:hover\:bg-claude-darkBorder:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(42 46 56 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-claude-darkBorder\/40:hover:is(.dark *) { background-color: rgb(42 46 56 / 0.4); } .dark\:hover\:bg-claude-darkSurface:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(26 29 39 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-claude-darkSurface\/50:hover:is(.dark *) { background-color: rgb(26 29 39 / 0.5); } .dark\:hover\:bg-claude-darkSurfaceHover:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(36 40 48 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-claude-darkSurfaceHover\/50:hover:is(.dark *) { background-color: rgb(36 40 48 / 0.5); } .dark\:hover\:bg-gray-700:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-red-400:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-red-500:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-red-500\/10:hover:is(.dark *) { background-color: rgb(239 68 68 / 0.1); } .dark\:hover\:bg-red-900\/20:hover:is(.dark *) { background-color: rgb(127 29 29 / 0.2); } .dark\:hover\:bg-red-900\/30:hover:is(.dark *) { background-color: rgb(127 29 29 / 0.3); } .dark\:hover\:bg-violet-900\/20:hover:is(.dark *) { background-color: rgb(76 29 149 / 0.2); } .dark\:hover\:bg-white\/10:hover:is(.dark *) { background-color: rgb(255 255 255 / 0.1); } .dark\:hover\:bg-white\/5:hover:is(.dark *) { background-color: rgb(255 255 255 / 0.05); } .dark\:hover\:bg-white\/\[0\.035\]:hover:is(.dark *) { background-color: rgb(255 255 255 / 0.035); } .dark\:hover\:bg-white\/\[0\.04\]:hover:is(.dark *) { background-color: rgb(255 255 255 / 0.04); } .dark\:hover\:bg-white\/\[0\.05\]:hover:is(.dark *) { background-color: rgb(255 255 255 / 0.05); } .dark\:hover\:bg-white\/\[0\.06\]:hover:is(.dark *) { background-color: rgb(255 255 255 / 0.06); } .dark\:hover\:bg-white\/\[0\.08\]:hover:is(.dark *) { background-color: rgb(255 255 255 / 0.08); } .dark\:hover\:bg-white\/\[0\.1\]:hover:is(.dark *) { background-color: rgb(255 255 255 / 0.1); } .hover\:dark\:bg-claude-darkSurfaceHover:is(.dark *):hover { --tw-bg-opacity: 1; background-color: rgb(36 40 48 / var(--tw-bg-opacity, 1)); } .dark\:hover\:from-claude-darkSurface\/80:hover:is(.dark *) { --tw-gradient-from: rgb(26 29 39 / 0.8) var(--tw-gradient-from-position); --tw-gradient-to: rgb(26 29 39 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:hover\:to-claude-darkSurfaceHover\/80:hover:is(.dark *) { --tw-gradient-to: rgb(36 40 48 / 0.8) var(--tw-gradient-to-position); } .dark\:hover\:text-claude-accent:hover:is(.dark *) { color: var(--accent-color, #3B82F6); } .dark\:hover\:text-claude-darkText:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(228 229 233 / var(--tw-text-opacity, 1)); } .dark\:hover\:text-emerald-400:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity, 1)); } .dark\:hover\:text-red-400:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .dark\:hover\:text-red-500:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .hover\:dark\:text-claude-darkText:is(.dark *):hover { --tw-text-opacity: 1; color: rgb(228 229 233 / var(--tw-text-opacity, 1)); } .hover\:dark\:text-claude-darkTextSecondary:is(.dark *):hover { --tw-text-opacity: 1; color: rgb(139 143 163 / var(--tw-text-opacity, 1)); } .dark\:hover\:shadow-\[0_14px_34px_rgba\(0\2c 0\2c 0\2c 0\.32\)\]:hover:is(.dark *) { --tw-shadow: 0 14px 34px rgba(0,0,0,0.32); --tw-shadow-colored: 0 14px 34px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:hover\:shadow-none:hover:is(.dark *) { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:focus\:bg-\[\#1e2f4d\]\/80:focus:is(.dark *) { background-color: rgb(30 47 77 / 0.8); } .dark\:focus\:bg-white\/\[0\.10\]:focus:is(.dark *) { background-color: rgb(255 255 255 / 0.10); } .dark\:focus\:ring-white\/\[0\.10\]:focus:is(.dark *) { --tw-ring-color: rgb(255 255 255 / 0.10); } .dark\:disabled\:bg-claude-darkSurfaceHover:disabled:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(36 40 48 / var(--tw-bg-opacity, 1)); } .dark\:disabled\:text-claude-darkTextSecondary\/45:disabled:is(.dark *) { color: rgb(139 143 163 / 0.45); } .group:hover .dark\:group-hover\:border-claude-darkBorder:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(42 46 56 / var(--tw-border-opacity, 1)); } .group:hover .dark\:group-hover\:bg-claude-darkSurfaceHover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(36 40 48 / var(--tw-bg-opacity, 1)); } .group:hover .dark\:group-hover\:text-claude-darkText:is(.dark *) { --tw-text-opacity: 1; color: rgb(228 229 233 / var(--tw-text-opacity, 1)); } @media (min-width: 480px) { .min-\[480px\]\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 640px) { .sm\:col-span-2 { grid-column: span 2 / span 2; } .sm\:block { display: block; } .sm\:hidden { display: none; } .sm\:w-32 { width: 8rem; } .sm\:w-48 { width: 12rem; } .sm\:max-w-\[180px\] { max-width: 180px; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:grid-cols-\[180px_1fr\] { grid-template-columns: 180px 1fr; } .sm\:flex-row { flex-direction: row; } .sm\:flex-col { flex-direction: column; } .sm\:justify-center { justify-content: center; } .sm\:gap-4 { gap: 1rem; } .sm\:overflow-y-auto { overflow-y: auto; } .sm\:border-b-0 { border-bottom-width: 0px; } .sm\:border-l { border-left-width: 1px; } .sm\:border-r { border-right-width: 1px; } .sm\:border-t-0 { border-top-width: 0px; } .sm\:p-6 { padding: 1.5rem; } .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; } .sm\:px-8 { padding-left: 2rem; padding-right: 2rem; } .sm\:pl-4 { padding-left: 1rem; } .sm\:pl-8 { padding-left: 2rem; } .sm\:pr-4 { padding-right: 1rem; } .sm\:text-center { text-align: center; } } @media (min-width: 768px) { .md\:mt-10 { margin-top: 2.5rem; } .md\:block { display: block; } .md\:h-\[80vh\] { height: 80vh; } .md\:w-\[min\(1120px\2c 95vw\)\] { width: min(1120px, 95vw); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-\[1fr_1fr_80px_40px\] { grid-template-columns: 1fr 1fr 80px 40px; } .md\:flex-row { flex-direction: row; } .md\:items-center { align-items: center; } .md\:gap-3 { gap: 0.75rem; } .md\:p-6 { padding: 1.5rem; } .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .md\:px-4 { padding-left: 1rem; padding-right: 1rem; } .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .md\:pl-12 { padding-left: 3rem; } .md\:pt-\[12vh\] { padding-top: 12vh; } .md\:text-\[32px\] { font-size: 32px; } } @media (min-width: 1024px) { .lg\:w-56 { width: 14rem; } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; } } @media (min-width: 1280px) { .xl\:inline { display: inline; } .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1536px) { .\32xl\:w-72 { width: 18rem; } .\32xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .\32xl\:px-7 { padding-left: 1.75rem; padding-right: 1.75rem; } } .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display: none; } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); } } .\[\&\>span\]\:animate-bounce>span { animation: bounce 1s infinite; } .\[\&\]\:text-xs { font-size: 0.75rem; line-height: 1rem; } .\[\&\]\:leading-6 { line-height: 1.5rem; } .\[\&_p\]\:my-1 p { margin-top: 0.25rem; margin-bottom: 0.25rem; } .\[\&_svg\]\:h-3\.5 svg { height: 0.875rem; } .\[\&_svg\]\:h-5 svg { height: 1.25rem; } .\[\&_svg\]\:w-3\.5 svg { width: 0.875rem; } .\[\&_svg\]\:w-5 svg { width: 1.25rem; } .\[\&_ul\]\:my-1 ul { margin-top: 0.25rem; margin-bottom: 0.25rem; }