@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.17.0"}.katex .katex-mathml{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .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} body { margin: 0; padding: 0; background-color: #efefef; } .highlight { animation: highlight-animation 3s ease-in-out; } @keyframes highlight-animation { 0% { background-color: yellow; } 100% { background-color: transparent; } } @keyframes dokumentePreviewFadeIn { from { opacity: 0; } to { opacity: 1; } } .debug { border: 1px solid red; } .debug > * { border: 1px solid blue; } .debug > * > * { border: 1px solid green; } .background-animate { background-size: 300%; -webkit-animation: AnimationName 30s ease-in-out infinite; -moz-animation: AnimationName 30s ease-in-out infinite; animation: AnimationName 30s ease-in-out infinite alternate; } @keyframes AnimationName { 0%, 100% { background-position: 0% 0%; } 10%, 90% { background-position: 25% 25%; } 20%, 80% { background-position: 50% 50%; } 30%, 70% { background-position: 75% 75%; } 40%, 60% { background-position: 100% 100%; } 50% { background-position: 50% 50%; } } .no-select * { -webkit-user-select: none; user-select: none; } .no-select .message-bubble-selectable, .no-select .message-bubble-selectable * { -webkit-user-select: text; user-select: text; } :root, .light, .light-theme { --blue-1: #fbfdff; --blue-2: #f4faff; --blue-3: #e6f4fe; --blue-4: #d5efff; --blue-5: #c2e5ff; --blue-6: #acd8fc; --blue-7: #8ec8f6; --blue-8: #5eb1ef; --blue-9: #0090ff; --blue-10: #0588f0; --blue-11: #0d74ce; --blue-12: #113264; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, .light, .light-theme { --blue-1: color(display-p3 0.986 0.992 0.999); --blue-2: color(display-p3 0.96 0.979 0.998); --blue-3: color(display-p3 0.912 0.956 0.991); --blue-4: color(display-p3 0.853 0.932 1); --blue-5: color(display-p3 0.788 0.894 0.998); --blue-6: color(display-p3 0.709 0.843 0.976); --blue-7: color(display-p3 0.606 0.777 0.947); --blue-8: color(display-p3 0.451 0.688 0.917); --blue-9: color(display-p3 0.247 0.556 0.969); --blue-10: color(display-p3 0.234 0.523 0.912); --blue-11: color(display-p3 0.15 0.44 0.84); --blue-12: color(display-p3 0.102 0.193 0.379); } } } .dark, .dark-theme { --blue-1: #0d1520; --blue-2: #111927; --blue-3: #0d2847; --blue-4: #003362; --blue-5: #004074; --blue-6: #104d87; --blue-7: #205d9e; --blue-8: #2870bd; --blue-9: #0090ff; --blue-10: #3b9eff; --blue-11: #70b8ff; --blue-12: #c2e6ff; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { .dark, .dark-theme { --blue-1: color(display-p3 0.057 0.081 0.122); --blue-2: color(display-p3 0.072 0.098 0.147); --blue-3: color(display-p3 0.078 0.154 0.27); --blue-4: color(display-p3 0.033 0.197 0.37); --blue-5: color(display-p3 0.08 0.245 0.441); --blue-6: color(display-p3 0.14 0.298 0.511); --blue-7: color(display-p3 0.195 0.361 0.6); --blue-8: color(display-p3 0.239 0.434 0.72); --blue-9: color(display-p3 0.247 0.556 0.969); --blue-10: color(display-p3 0.344 0.612 0.973); --blue-11: color(display-p3 0.49 0.72 1); --blue-12: color(display-p3 0.788 0.898 0.99); } } } :root, .light, .light-theme { --slate-1: #fcfcfd; --slate-2: #f9f9fb; --slate-3: #f0f0f3; --slate-4: #e8e8ec; --slate-5: #e0e1e6; --slate-6: #d9d9e0; --slate-7: #cdced6; --slate-8: #b9bbc6; --slate-9: #8b8d98; --slate-10: #80838d; --slate-11: #60646c; --slate-12: #1c2024; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, .light, .light-theme { --slate-1: color(display-p3 0.988 0.988 0.992); --slate-2: color(display-p3 0.976 0.976 0.984); --slate-3: color(display-p3 0.94 0.941 0.953); --slate-4: color(display-p3 0.908 0.909 0.925); --slate-5: color(display-p3 0.88 0.881 0.901); --slate-6: color(display-p3 0.85 0.852 0.876); --slate-7: color(display-p3 0.805 0.808 0.838); --slate-8: color(display-p3 0.727 0.733 0.773); --slate-9: color(display-p3 0.547 0.553 0.592); --slate-10: color(display-p3 0.503 0.512 0.549); --slate-11: color(display-p3 0.379 0.392 0.421); --slate-12: color(display-p3 0.113 0.125 0.14); } } } .dark, .dark-theme { --slate-1: #111113; --slate-2: #18191b; --slate-3: #212225; --slate-4: #272a2d; --slate-5: #2e3135; --slate-6: #363a3f; --slate-7: #43484e; --slate-8: #5a6169; --slate-9: #696e77; --slate-10: #777b84; --slate-11: #b0b4ba; --slate-12: #edeef0; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { .dark, .dark-theme { --slate-1: color(display-p3 0.067 0.067 0.074); --slate-2: color(display-p3 0.095 0.098 0.105); --slate-3: color(display-p3 0.13 0.135 0.145); --slate-4: color(display-p3 0.156 0.163 0.176); --slate-5: color(display-p3 0.183 0.191 0.206); --slate-6: color(display-p3 0.215 0.226 0.244); --slate-7: color(display-p3 0.265 0.28 0.302); --slate-8: color(display-p3 0.357 0.381 0.409); --slate-9: color(display-p3 0.415 0.431 0.463); --slate-10: color(display-p3 0.469 0.483 0.514); --slate-11: color(display-p3 0.692 0.704 0.728); --slate-12: color(display-p3 0.93 0.933 0.94); } } } :root, .light, .light-theme { --grass-1: #fbfefb; --grass-2: #f5fbf5; --grass-3: #e9f6e9; --grass-4: #daf1db; --grass-5: #c9e8ca; --grass-6: #b2ddb5; --grass-7: #94ce9a; --grass-8: #65ba74; --grass-9: #46a758; --grass-10: #3e9b4f; --grass-11: #2a7e3b; --grass-12: #203c25; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, .light, .light-theme { --grass-1: color(display-p3 0.986 0.996 0.985); --grass-2: color(display-p3 0.966 0.983 0.964); --grass-3: color(display-p3 0.923 0.965 0.917); --grass-4: color(display-p3 0.872 0.94 0.865); --grass-5: color(display-p3 0.811 0.908 0.802); --grass-6: color(display-p3 0.733 0.864 0.724); --grass-7: color(display-p3 0.628 0.803 0.622); --grass-8: color(display-p3 0.477 0.72 0.482); --grass-9: color(display-p3 0.38 0.647 0.378); --grass-10: color(display-p3 0.344 0.598 0.342); --grass-11: color(display-p3 0.263 0.488 0.261); --grass-12: color(display-p3 0.151 0.233 0.153); } } } :root, .light, .light-theme { --cyan-1: #fafdfe; --cyan-2: #f2fafb; --cyan-3: #def7f9; --cyan-4: #caf1f6; --cyan-5: #b5e9f0; --cyan-6: #9ddde7; --cyan-7: #7dcedc; --cyan-8: #3db9cf; --cyan-9: #00a2c7; --cyan-10: #0797b9; --cyan-11: #107d98; --cyan-12: #0d3c48; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, .light, .light-theme { --cyan-1: color(display-p3 0.982 0.992 0.996); --cyan-2: color(display-p3 0.955 0.981 0.984); --cyan-3: color(display-p3 0.888 0.965 0.975); --cyan-4: color(display-p3 0.821 0.941 0.959); --cyan-5: color(display-p3 0.751 0.907 0.935); --cyan-6: color(display-p3 0.671 0.862 0.9); --cyan-7: color(display-p3 0.564 0.8 0.854); --cyan-8: color(display-p3 0.388 0.715 0.798); --cyan-9: color(display-p3 0.282 0.627 0.765); --cyan-10: color(display-p3 0.264 0.583 0.71); --cyan-11: color(display-p3 0.08 0.48 0.63); --cyan-12: color(display-p3 0.108 0.232 0.277); } } } :root, .light, .light-theme { --amber-1: #fefdfb; --amber-2: #fefbe9; --amber-3: #fff7c2; --amber-4: #ffee9c; --amber-5: #fbe577; --amber-6: #f3d673; --amber-7: #e9c162; --amber-8: #e2a336; --amber-9: #ffc53d; --amber-10: #ffba18; --amber-11: #ab6400; --amber-12: #4f3422; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, .light, .light-theme { --amber-1: color(display-p3 0.995 0.992 0.985); --amber-2: color(display-p3 0.994 0.986 0.921); --amber-3: color(display-p3 0.994 0.969 0.782); --amber-4: color(display-p3 0.989 0.937 0.65); --amber-5: color(display-p3 0.97 0.902 0.527); --amber-6: color(display-p3 0.936 0.844 0.506); --amber-7: color(display-p3 0.89 0.762 0.443); --amber-8: color(display-p3 0.85 0.65 0.3); --amber-9: color(display-p3 1 0.77 0.26); --amber-10: color(display-p3 0.959 0.741 0.274); --amber-11: color(display-p3 0.64 0.4 0); --amber-12: color(display-p3 0.294 0.208 0.145); } } } :root, .light, .light-theme { --red-1: #fffcfc; --red-2: #fff7f7; --red-3: #feebec; --red-4: #ffdbdc; --red-5: #ffcdce; --red-6: #fdbdbe; --red-7: #f4a9aa; --red-8: #eb8e90; --red-9: #e5484d; --red-10: #dc3e42; --red-11: #ce2c31; --red-12: #641723; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, .light, .light-theme { --red-1: color(display-p3 0.998 0.989 0.988); --red-2: color(display-p3 0.995 0.971 0.971); --red-3: color(display-p3 0.985 0.925 0.925); --red-4: color(display-p3 0.999 0.866 0.866); --red-5: color(display-p3 0.984 0.812 0.811); --red-6: color(display-p3 0.955 0.751 0.749); --red-7: color(display-p3 0.915 0.675 0.672); --red-8: color(display-p3 0.872 0.575 0.572); --red-9: color(display-p3 0.83 0.329 0.324); --red-10: color(display-p3 0.798 0.294 0.285); --red-11: color(display-p3 0.744 0.234 0.222); --red-12: color(display-p3 0.36 0.115 0.143); } } } /** Code mirror */ .mdxeditor .cm-editor { --sp-font-mono: var(--font-mono); --sp-font-body: var(--font-body); padding: var(--sp-space-4) 0; } .mdxeditor .sp-editor .cm-editor { padding-bottom: 0; } .mdxeditor .cm-scroller { padding: 0 !important; } .mdxeditor .cm-focused { outline: none; } .mdxeditor .sp-wrapper { overflow: hidden; } .mdxeditor .sp-layout { border: none; } .mdxeditor .sp-cm pre { white-space: break-spaces; word-break: break-word; overflow-wrap: anywhere; flex-shrink: 1; } /** Diff viewer */ .mdxeditor .cm-mergeView .cm-scroller { font-family: var(--font-mono); line-height: 1.3rem; font-size: var(--text-xs); } /** Diff viewer */ .mdxeditor .cm-sourceView .cm-scroller { font-family: var(--font-mono); line-height: 1.3rem; font-size: var(--text-xs); } .mdxeditor .cm-gutters { background: transparent; font-size: var(--text-xxs); } .mdxeditor .cm-activeLine { background: transparent; } .mdxeditor .cm-tooltip-autocomplete { background: var(--baseBgSubtle); } .mdxeditor hr.selected[data-lexical-decorator=true] { outline: 2px solid highlight; } ._editorRoot_1e2ox_53 { --accentBase: var(--blue-1); --accentBgSubtle: var(--blue-2); --accentBg: var(--blue-3); --accentBgHover: var(--blue-4); --accentBgActive: var(--blue-5); --accentLine: var(--blue-6); --accentBorder: var(--blue-7); --accentBorderHover: var(--blue-8); --accentSolid: var(--blue-9); --accentSolidHover: var(--blue-10); --accentText: var(--blue-11); --accentTextContrast: var(--blue-12); --basePageBg: white; --baseBase: var(--slate-1); --baseBgSubtle: var(--slate-2); --baseBg: var(--slate-3); --baseBgHover: var(--slate-4); --baseBgActive: var(--slate-5); --baseLine: var(--slate-6); --baseBorder: var(--slate-7); --baseBorderHover: var(--slate-8); --baseSolid: var(--slate-9); --baseSolidHover: var(--slate-10); --baseText: var(--slate-11); --baseTextContrast: var(--slate-12); --admonitionTipBg: var(--cyan-4); --admonitionTipBorder: var(--cyan-8); --admonitionInfoBg: var(--grass-4); --admonitionInfoBorder: var(--grass-8); --admonitionCautionBg: var(--amber-4); --admonitionCautionBorder: var(--amber-8); --admonitionDangerBg: var(--red-4); --admonitionDangerBorder: var(--red-8); --admonitionNoteBg: var(--slate-4); --admonitionNoteBorder: var(--slate-8); --error-color: var(--red-10); --spacing-0: 0px; --spacing-px: 1px; --spacing-0_5: 0.125rem; --spacing-1: 0.25rem; --spacing-1_5: 0.375rem; --spacing-2: 0.5rem; --spacing-2_5: 0.625rem; --spacing-3: 0.75rem; --spacing-3_5: 0.875rem; --spacing-4: 1rem; --spacing-5: 1.25rem; --spacing-6: 1.5rem; --spacing-7: 1.75rem; --spacing-8: 2rem; --spacing-9: 2.25rem; --spacing-10: 2.5rem; --spacing-11: 2.75rem; --spacing-12: 3rem; --spacing-14: 3.5rem; --spacing-16: 4rem; --spacing-20: 5rem; --spacing-24: 6rem; --spacing-28: 7rem; --spacing-32: 8rem; --spacing-36: 9rem; --spacing-40: 10rem; --spacing-44: 11rem; --spacing-48: 12rem; --spacing-52: 13rem; --spacing-56: 14rem; --spacing-60: 15rem; --spacing-64: 16rem; --spacing-72: 18rem; --spacing-80: 20rem; --spacing-96: 24rem; --radius-none: 0px; --radius-small: var(--spacing-0_5); --radius-base: var(--spacing-1); --radius-medium: var(--spacing-1_5); --radius-large: var(--spacing-2); --radius-extra-large: var(--spacing-3); --radius-full: 9999px; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; --text-base: 1rem; --text-sm: 0.875rem; --text-xs: 0.75rem; --text-xxs: 0.6rem; font-family: var(--font-body); color: var(--baseText); } ._editorWrapper_1e2ox_155 { } ._nestedListItem_1e2ox_158 { list-style: none; } ._toolbarRoot_1e2ox_162 { z-index: 2; display: flex; flex-direction: row; gap: var(--spacing-1); border-radius: var(--radius-medium); padding: var(--spacing-1_5); align-items: center; overflow-x: auto; position: sticky; top: 0; background-color: var(--baseBg); width: inherit; } ._toolbarRoot_1e2ox_162 div[role='separator'] { margin: var(--spacing-2) var(--spacing-1); border-left: 1px solid var(--baseBorder); border-right: 1px solid var(--baseBase); height: var(--spacing-4); } ._toolbarRoot_1e2ox_162 svg { color: var(--baseTextContrast); display: block; } ._readOnlyToolbarRoot_1e2ox_189 { pointer-events: none; background: var(--baseBase); } ._readOnlyToolbarRoot_1e2ox_189 > div { opacity: 0.5; } ._toolbarModeSwitch_1e2ox_198 { opacity: 1 !important; margin-left: auto; align-self: stretch; align-items: stretch; display: flex; border: 1px solid var(--baseBg); border-radius: var(--radius-medium); font-size: var(--text-xs); } ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208 { padding-inline-end: var(--spacing-4); padding-inline-start: var(--spacing-4); } ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:active, ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208[data-state='on'] { background-color: var(--baseBorder); } ._toolbarGroupOfGroups_1e2ox_219 { display: flex; margin: 0 var(--spacing-1); } ._toolbarToggleSingleGroup_1e2ox_224:first-of-type ._toolbarToggleItem_1e2ox_208:only-child, ._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:first-child, ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:first-child { border-top-left-radius: var(--radius-base); border-bottom-left-radius: var(--radius-base); } ._toolbarToggleSingleGroup_1e2ox_224:last-of-type ._toolbarToggleItem_1e2ox_208:only-child, ._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:last-child, ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:last-child { border-top-right-radius: var(--radius-base); border-bottom-right-radius: var(--radius-base); } ._toolbarToggleItem_1e2ox_208, ._toolbarButton_1e2ox_239 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; padding: var(--spacing-0_5); } @media (hover: hover) { ._toolbarToggleItem_1e2ox_208:hover, ._toolbarButton_1e2ox_239:hover { background-color: var(--baseBgActive); } } ._toolbarToggleItem_1e2ox_208:active svg, ._toolbarButton_1e2ox_239:active svg { transform: translate(1px, 1px); } ._toolbarToggleItem_1e2ox_208[data-state='on'], ._toolbarButton_1e2ox_239[data-state='on'], ._toolbarToggleItem_1e2ox_208:active, ._toolbarButton_1e2ox_239:active { color: var(--baseTextContrast); background-color: var(--baseBgActive); } ._toolbarToggleItem_1e2ox_208[data-disabled], ._toolbarButton_1e2ox_239[data-disabled] { pointer-events: none; } ._toolbarToggleItem_1e2ox_208[data-disabled] svg, ._toolbarButton_1e2ox_239[data-disabled] svg { color: var(--baseBorderHover); } ._toolbarButton_1e2ox_239 { border-radius: var(--radius-base); } ._toolbarButton_1e2ox_239 + ._toolbarButton_1e2ox_239 { margin-left: var(--spacing-1); } ._activeToolbarButton_1e2ox_275 { color: var(--accentText); } ._toolbarToggleSingleGroup_1e2ox_224 { display: flex; align-items: center; white-space: nowrap; } ._toolbarNodeKindSelectContainer_1e2ox_285, ._toolbarButtonDropdownContainer_1e2ox_286, ._toolbarCodeBlockLanguageSelectContent_1e2ox_287, ._selectContainer_1e2ox_288 { filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2)); z-index: 3; width: var(--spacing-36); border-bottom-left-radius: var(--radius-base); border-bottom-right-radius: var(--radius-base); background-color: var(--basePageBg); font-size: var(--text-sm); } ._toolbarButtonDropdownContainer_1e2ox_286 { border-top-right-radius: var(--radius-base); } ._toolbarButtonDropdownContainer_1e2ox_286 ._selectItem_1e2ox_301:first-child { border-top-right-radius: var(--radius-base); } ._toolbarNodeKindSelectTrigger_1e2ox_306, ._toolbarButtonSelectTrigger_1e2ox_307, ._selectTrigger_1e2ox_308 { border: 0; background-color: transparent; display: flex; color: inherit; align-items: center; width: var(--spacing-36); padding: var(--spacing-0_5) var(--spacing-1); padding-inline-start: var(--spacing-2); border-radius: var(--radius-medium); white-space: nowrap; flex-wrap: nowrap; font-size: var(--text-sm); background-color: var(--basePageBg); margin: 0 var(--spacing-1); } ._toolbarNodeKindSelectTrigger_1e2ox_306[data-state='open'], ._toolbarButtonSelectTrigger_1e2ox_307[data-state='open'], ._selectTrigger_1e2ox_308[data-state='open'] { filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2)); border-bottom-right-radius: var(--radius-none); border-bottom-left-radius: var(--radius-none); } ._selectTrigger_1e2ox_308[data-placeholder] > span:first-child { color: var(--baseBorderHover); } /** used in the sandpack */ ._toolbarButtonSelectTrigger_1e2ox_307 { width: auto; padding-inline-start: var(--spacing-2); padding-inline-end: var(--spacing-1); padding-block: var(--spacing-0_5); } ._toolbarCodeBlockLanguageSelectTrigger_1e2ox_343, ._toolbarCodeBlockLanguageSelectContent_1e2ox_287 { width: var(--spacing-48); } ._toolbarNodeKindSelectItem_1e2ox_348, ._selectItem_1e2ox_301 { cursor: default; display: flex; padding: var(--spacing-2); } ._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] { background-color: var(--baseBg); } ._toolbarNodeKindSelectItem_1e2ox_348[data-state='checked'], ._selectItem_1e2ox_301[data-state='checked'] { color: var(--baseTextContrast); background-color: var(--baseBg); } ._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] { outline: none; } ._toolbarNodeKindSelectItem_1e2ox_348:last-child, ._selectItem_1e2ox_301:last-child { border-bottom-left-radius: var(--radius-base); border-bottom-right-radius: var(--radius-base); } ._toolbarNodeKindSelectDropdownArrow_1e2ox_373, ._selectDropdownArrow_1e2ox_374 { margin-left: auto; display: flex; align-items: center; } ._contentEditable_1e2ox_380 { box-sizing: border-box; width: 100%; color: var(--baseTextContrast); padding: var(--spacing-3); } ._contentEditable_1e2ox_380:focus { outline: none; } ._codeMirrorWrapper_1e2ox_392 { margin-bottom: var(--spacing-5); border: 1px solid var(--baseLine); border-radius: var(--radius-medium); overflow: hidden; padding: 0.8rem; position: relative; } ._sandPackWrapper_1e2ox_401 { margin-bottom: var(--spacing-5); border: 1px solid var(--baseLine); border-radius: var(--radius-medium); overflow: hidden; position: relative; } ._codeMirrorToolbar_1e2ox_409 { position: absolute; right: 0; top: 0; display: flex; gap: var(--spacing-1); padding: var(--spacing-1); z-index: 1; background-color: var(--baseBase); border-bottom-left-radius: var(--radius-base); } ._frontmatterWrapper_1e2ox_413 { border-radius: var(--radius-medium); padding: var(--spacing-3); background-color: var(--baseBgSubtle); } ._frontmatterWrapper_1e2ox_413[data-expanded='true'] { margin-bottom: var(--spacing-10); } ._frontmatterToggleButton_1e2ox_423 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; display: flex; align-items: center; gap: var(--spacing-1); font-size: var(--text-sm); } ._propertyPanelTitle_1e2ox_431 { font-size: var(--text-xs); font-weight: 400; margin: 0; padding-top: var(--spacing-2); padding-left: var(--spacing-2); } ._propertyEditorTable_1e2ox_439 { table-layout: fixed; border-spacing: var(--spacing-2); } ._propertyEditorTable_1e2ox_439 th { text-align: left; font-size: var(--text-sm); padding: var(--spacing-2) var(--spacing-3); } ._propertyEditorTable_1e2ox_439 col:nth-child(1) { width: 30%; } ._propertyEditorTable_1e2ox_439 col:nth-child(2) { width: 70%; } ._propertyEditorTable_1e2ox_439 td:last-child ._iconButton_1e2ox_457 { margin-left: var(--spacing-4); margin-right: var(--spacing-4); } ._propertyEditorTable_1e2ox_439 ._readOnlyColumnCell_1e2ox_462 { padding-left: 0; } ._propertyEditorLabelCell_1e2ox_467 { font-weight: 400; } ._readOnlyColumnCell_1e2ox_462 { padding-left: 0; } ._buttonsFooter_1e2ox_475 { display: flex; justify-content: flex-end; gap: var(--spacing-2); } ._propertyEditorInput_1e2ox_481 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; width: 100%; padding: var(--spacing-2) var(--spacing-3); border-radius: var(--radius-base); border: 1px solid var(--baseBorder); background-color: var(--baseBase); font-size: var(--text-sm); } ._iconButton_1e2ox_457 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; color: var(--baseText); } @media (hover: hover) { ._iconButton_1e2ox_457:hover { color: var(--baseTextContrast); } } ._iconButton_1e2ox_457:disabled, ._iconButton_1e2ox_457:disabled:hover { color: var(--baseLine); } ._primaryButton_1e2ox_507, ._secondaryButton_1e2ox_508 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; padding: var(--spacing-2) var(--spacing-3); border: 1px solid var(--accentBorder); background-color: var(--accentSolidHover); color: var(--baseBase); font-size: var(--text-xs); border-radius: var(--radius-medium); } ._primaryButton_1e2ox_507:disabled, ._secondaryButton_1e2ox_508:disabled { background: var(--accentLine); border-color: var(--accentBg); } ._smallButton_1e2ox_523 { font-size: var(--text-xs); padding: var(--spacing-1) var(--spacing-2); border-radius: var(--radius-base); } ._secondaryButton_1e2ox_508 { border: 1px solid var(--baseBorder); background-color: var(--baseSolidHover); color: var(--baseBase); } ._dialogForm_1e2ox_535 { display: flex; flex-direction: row; gap: var(--spacing-2); } ._linkDialogEditForm_1e2ox_541 { display: flex; flex-direction: column; align-items: stretch; gap: var(--spacing-2); padding: 0; } ._linkDialogInputContainer_1e2ox_549 { display: flex; flex-direction: column; align-items: stretch; } ._linkDialogInputWrapper_1e2ox_555 { display: flex; align-items: center; background-color: var(--baseBase); border-radius: var(--radius-base); border: 1px solid var(--baseBorder); } ._linkDialogInputWrapper_1e2ox_555[data-visible-dropdown='true'] { border-bottom-left-radius: var(--radius-none); border-bottom-right-radius: var(--radius-none); border-bottom-width: 0; } ._linkDialogInputWrapper_1e2ox_555 > button { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; padding-right: var(--spacing-2); } ._linkDialogInput_1e2ox_549, ._dialogInput_1e2ox_576 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; width: 20rem; padding: var(--spacing-2) var(--spacing-3); font-size: var(--text-sm); } ._linkDialogInput_1e2ox_549::-moz-placeholder, ._dialogInput_1e2ox_576::-moz-placeholder { color: var(--baseBorder); } ._linkDialogInput_1e2ox_549::placeholder, ._dialogInput_1e2ox_576::placeholder { color: var(--baseBorder); } ._linkDialogAnchor_1e2ox_587 { position: fixed; background-color: highlight; z-index: -1; } ._linkDialogAnchor_1e2ox_587[data-visible='true'] { visibility: visible; } ._linkDialogAnchor_1e2ox_587[data-visible='false'] { visibility: hidden; } ._linkDialogPopoverContent_1e2ox_601, ._tableColumnEditorPopoverContent_1e2ox_602, ._dialogContent_1e2ox_603 { filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2)); display: flex; align-items: center; gap: var(--spacing-0_5); border-radius: var(--radius-medium); border: 1px solid var(--baseBg); background-color: var(--basePageBg); padding: var(--spacing-1) var(--spacing-1); font-size: var(--text-sm); } ._largeDialogContent_1e2ox_615 { filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2)); gap: var(--spacing-0_5); border-radius: var(--radius-medium); border: 1px solid var(--baseBorder); background-color: var(--baseBgSubtle); padding: var(--spacing-4); font-size: var(--text-sm); } ._dialogTitle_1e2ox_625 { font-size: var(--text-base); font-weight: 600; padding-left: var(--spacing-2); } ._dialogCloseButton_1e2ox_631 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; position: absolute; top: 10px; right: 10px; } ._popoverContent_1e2ox_638 { filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2)); display: flex; align-items: center; gap: var(--spacing-0_5); border-radius: var(--radius-medium); background-color: var(--baseBgSubtle); padding: var(--spacing-2) var(--spacing-2); font-size: var(--text-sm); z-index: 1; } ._popoverArrow_1e2ox_650 { fill: var(--basePageBg); } ._linkDialogPreviewAnchor_1e2ox_654 { margin-right: var(--spacing-1); display: flex; align-items: center; color: var(--accentText); text-decoration: none; border: 1px solid transparent; } @media (hover: hover) { ._linkDialogPreviewAnchor_1e2ox_654:hover { color: var(--accentSolidHover); } } ._linkDialogPreviewAnchor_1e2ox_654 span { max-width: 14rem; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } ._tooltipTrigger_1e2ox_677 { align-self: center; } ._tooltipContent_1e2ox_681 { z-index: 2; position: relative; border-radius: var(--radius-medium); padding: var(--spacing-1) var(--spacing-2); font-size: var(--text-xs); background-color: var(--baseText); color: var(--baseBase); } ._tooltipContent_1e2ox_681 svg { fill: var(--baseText); } ._actionButton_1e2ox_695 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; padding: var(--spacing-1); color: var(--baseTextContrast); padding: var(--spacing-1) var(--spacing-1); border-radius: var(--radius-medium); color: var(--baseTextContrast); } ._actionButton_1e2ox_695 svg { display: block; } @media (hover: hover) { ._actionButton_1e2ox_695:hover { background-color: var(--baseBg); } } ._actionButton_1e2ox_695:active svg { transform: translate(1px, 1px); } ._actionButton_1e2ox_695[data-state='on'], ._actionButton_1e2ox_695:active { background-color: var(--baseBg); color: var(--baseTextContrast); } ._primaryActionButton_1e2ox_702 { background-color: var(--accentSolid); color: var(--baseBase); } @media (hover: hover) { ._primaryActionButton_1e2ox_702:hover { background-color: var(--accentSolidHover); color: var(--baseBase); } } ._tableEditor_1e2ox_714 { table-layout: fixed; width: 100%; height: 100%; border-spacing: 0; border-collapse: collapse; } ._tableEditor_1e2ox_714 thead > tr > th { text-align: right; } ._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725), ._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true']) { border: 1px solid var(--baseBgActive); padding: var(--spacing-1) var(--spacing-2); white-space: normal; } :is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) > div { outline: none; } :is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) > div > p { margin: 0; } [data-active='true']:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) { outline: solid 1px var(--baseSolid); } ._tableEditor_1e2ox_714 ._tableColumnEditorTrigger_1e2ox_744, ._tableEditor_1e2ox_714 ._tableRowEditorTrigger_1e2ox_745, ._tableEditor_1e2ox_714 ._addRowButton_1e2ox_746, ._tableEditor_1e2ox_714 ._addColumnButton_1e2ox_747, ._tableEditor_1e2ox_714 ._iconButton_1e2ox_457 { opacity: 0.15; } @media (hover: hover) { ._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744, ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745, ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746, ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747, ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457 { opacity: 0.3; } ._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744:hover, ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745:hover, ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746:hover, ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747:hover, ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457:hover { opacity: 1; } } ._toolCell_1e2ox_725 { text-align: right; } ._toolCell_1e2ox_725 button { margin: auto; display: block; } ._tableColumnEditorTrigger_1e2ox_744 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; padding: var(--spacing-1); color: var(--baseTextContrast); padding: var(--spacing-1); border-radius: var(--radius-full); opacity: 0.2; } ._tableColumnEditorTrigger_1e2ox_744 svg { display: block; } @media (hover: hover) { ._tableColumnEditorTrigger_1e2ox_744:hover { background-color: var(--baseBg); } } ._tableColumnEditorTrigger_1e2ox_744:active svg { transform: translate(1px, 1px); } ._tableColumnEditorTrigger_1e2ox_744[data-state='on'], ._tableColumnEditorTrigger_1e2ox_744:active { background-color: var(--baseBg); color: var(--baseTextContrast); } ._tableColumnEditorTrigger_1e2ox_744[data-active='true'] { opacity: 1 !important; } ._tableColumnEditorToolbar_1e2ox_789 { display: flex; } ._tableColumnEditorToolbar_1e2ox_789 > button { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; padding: var(--spacing-1); color: var(--baseTextContrast); } ._tableColumnEditorToolbar_1e2ox_789 > button svg { display: block; } @media (hover: hover) { ._tableColumnEditorToolbar_1e2ox_789 > button:hover { background-color: var(--baseBg); } } ._tableColumnEditorToolbar_1e2ox_789 > button:active svg { transform: translate(1px, 1px); } ._tableColumnEditorToolbar_1e2ox_789 > button[data-state='on'], ._tableColumnEditorToolbar_1e2ox_789 > button:active { background-color: var(--baseBg); color: var(--baseTextContrast); } ._tableColumnEditorToolbar_1e2ox_789 [role='separator'] { margin-left: var(--spacing-1); margin-right: var(--spacing-1); } ._toggleGroupRoot_1e2ox_802 { display: inline-flex; } ._toggleGroupRoot_1e2ox_802 button { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; padding: var(--spacing-1); color: var(--baseTextContrast); } ._toggleGroupRoot_1e2ox_802 button svg { display: block; } @media (hover: hover) { ._toggleGroupRoot_1e2ox_802 button:hover { background-color: var(--baseBg); } } ._toggleGroupRoot_1e2ox_802 button:active svg { transform: translate(1px, 1px); } ._toggleGroupRoot_1e2ox_802 button[data-state='on'], ._toggleGroupRoot_1e2ox_802 button:active { background-color: var(--baseBg); color: var(--baseTextContrast); } ._toggleGroupRoot_1e2ox_802 button:first-child { border-top-left-radius: var(--radius-base); border-bottom-left-radius: var(--radius-base); } ._toggleGroupRoot_1e2ox_802 button:last-child { border-top-right-radius: var(--radius-base); border-bottom-right-radius: var(--radius-base); } ._tableToolsColumn_1e2ox_820 { width: 2rem; } ._tableToolsColumn_1e2ox_820 button { margin: auto; display: block; } ._leftAlignedCell_1e2ox_829 { text-align: left; } ._rightAlignedCell_1e2ox_833 { text-align: right; } ._centeredCell_1e2ox_837 { text-align: center; } ._addColumnButton_1e2ox_747, ._addRowButton_1e2ox_746 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; padding: var(--spacing-1); color: var(--baseTextContrast); background-color: var(--baseBase); display: flex; align-items: center; } ._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg { display: block; } @media (hover: hover) { ._addColumnButton_1e2ox_747:hover, ._addRowButton_1e2ox_746:hover { background-color: var(--baseBg); } } ._addColumnButton_1e2ox_747:active svg, ._addRowButton_1e2ox_746:active svg { transform: translate(1px, 1px); } ._addColumnButton_1e2ox_747[data-state='on'], ._addRowButton_1e2ox_746[data-state='on'], ._addColumnButton_1e2ox_747:active, ._addRowButton_1e2ox_746:active { background-color: var(--baseBg); color: var(--baseTextContrast); } ._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg { margin: auto; } ._addRowButton_1e2ox_746 { width: 100%; margin-top: var(--spacing-px); box-sizing: border-box; border-bottom-right-radius: var(--radius-medium); border-bottom-left-radius: var(--radius-medium); } ._addColumnButton_1e2ox_747 { margin-left: var(--spacing-px); height: 100%; border-top-right-radius: var(--radius-medium); border-bottom-right-radius: var(--radius-medium); } /** Dialog */ ._dialogOverlay_1e2ox_870 { position: fixed; inset: 0; animation: _overlayShow_1e2ox_1 150ms cubic-bezier(0.16, 1, 0.3, 1); background-color: var(--baseBase); z-index: 51; opacity: 0.5; } ._dialogContent_1e2ox_603, ._largeDialogContent_1e2ox_615 { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: _contentShow_1e2ox_1 150ms cubic-bezier(0.16, 1, 0.3, 1); z-index: 52; } ._dialogContent_1e2ox_603:focus, ._largeDialogContent_1e2ox_615:focus { outline: none; } @keyframes _overlayShow_1e2ox_1 { from { opacity: 0; } to { opacity: 0.5; } } @keyframes _contentShow_1e2ox_1 { from { opacity: 0; transform: translate(-50%, -48%) scale(0.96); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } } ._focusedImage_1e2ox_916 { outline: highlight solid 2px; } ._imageWrapper_1e2ox_920 { display: inline-block; position: relative; } ._imageWrapper_1e2ox_920[draggable='true'] { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -webkit-grab; } ._editImageToolbar_1e2ox_933 { position: absolute; right: 0; top: 0; display: flex; gap: var(--spacing-1); padding: var(--spacing-1); z-index: 1; background-color: var(--baseBase); border-bottom-left-radius: var(--radius-base); } ._editImageButton_1e2ox_937 svg { display: block; } ._inlineEditor_1e2ox_943 { display: inline-flex; border-radius: var(--radius-medium); padding: var(--spacing-1); gap: var(--spacing-2); align-items: center; background: var(--baseBg); } ._blockEditor_1e2ox_952 { display: flex; justify-content: stretch; border-radius: var(--radius-medium); padding: var(--spacing-2); gap: var(--spacing-2); align-items: center; background: var(--baseBg); } ._blockEditor_1e2ox_952 ._nestedEditor_1e2ox_961 { flex-grow: 1; } ._nestedEditor_1e2ox_961 { background: var(--basePageBg); padding: var(--spacing-1) var(--spacing-2); border-radius: var(--radius-medium); } ._nestedEditor_1e2ox_961 > p { margin: 0; } ._nestedEditor_1e2ox_961:focus { outline: none; } ._genericComponentName_1e2ox_980 { font-size: var(--text-sm); color: var(--baseText); padding-right: var(--spacing-2); } ._diffSourceToggleWrapper_1e2ox_986 { margin-left: auto; pointer-events: auto; opacity: 1; position: sticky; right: 0; } ._ggDiffSourceToggle_1e2ox_994 { } ._diffSourceToggle_1e2ox_986 { border-radius: var(--radius-medium); background-color: var(--baseBase); display: flex; } ._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 { padding: 0; } ._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 > span { display: block; padding: var(--spacing-1) var(--spacing-1); } ._selectWithLabel_1e2ox_1012 { display: flex; align-items: center; gap: var(--spacing-2); margin-left: var(--spacing-2); } ._selectWithLabel_1e2ox_1012 > label { font-size: var(--text-sm); } ._selectWithLabel_1e2ox_1012 ._selectTrigger_1e2ox_308 { border: 1px solid var(--baseBorder); } ._toolbarTitleMode_1e2ox_1027 { font-size: var(--text-sm); margin-left: var(--spacing-2); } ._imageControlWrapperResizing_1e2ox_1032 { touch-action: none; } ._imageResizer_1e2ox_1036 { display: block; width: 7px; height: 7px; position: absolute; background-color: var(--accentText); border: 1px solid var(--baseBg); } ._imageResizer_1e2ox_1036._imageResizerN_1e2ox_1045 { top: -6px; left: 48%; cursor: n-resize; } ._imageResizer_1e2ox_1036._imageResizerNe_1e2ox_1051 { top: -6px; right: -6px; cursor: ne-resize; } ._imageResizer_1e2ox_1036._imageResizerE_1e2ox_1057 { bottom: 48%; right: -6px; cursor: e-resize; } ._imageResizer_1e2ox_1036._imageResizerSe_1e2ox_1063 { bottom: -2px; right: -6px; cursor: nwse-resize; } ._imageResizer_1e2ox_1036._imageResizerS_1e2ox_1063 { bottom: -2px; left: 48%; cursor: s-resize; } ._imageResizer_1e2ox_1036._imageResizerSw_1e2ox_1075 { bottom: -2px; left: -6px; cursor: sw-resize; } ._imageResizer_1e2ox_1036._imageResizerW_1e2ox_1081 { bottom: 48%; left: -6px; cursor: w-resize; } ._imageResizer_1e2ox_1036._imageResizerNw_1e2ox_1087 { top: -6px; left: -6px; cursor: nw-resize; } ._imagePlaceholder_1e2ox_1093 { border: 2px dashed; padding: 48px; margin: 12px; width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; } ._imageDimensionsContainer_1e2ox_1101 { display: flex; gap: var(--spacing-4); } ._placeholder_1e2ox_1106 { color: var(--baseSolid); overflow: hidden; position: absolute; top: 0; padding: var(--spacing-3); text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: nowrap; display: inline-block; pointer-events: none; } ._rootContentEditableWrapper_1e2ox_1119 { position: relative; } ._downshiftContainer_1e2ox_1123 { display: flex; flex-direction: column; align-items: stretch; } ._downshiftInputWrapper_1e2ox_1129 { display: flex; align-items: center; background-color: var(--baseBase); border-radius: var(--radius-base); border: 1px solid var(--baseBorder); } ._downshiftInputWrapper_1e2ox_1129[data-visible-dropdown='true'] { border-bottom-left-radius: var(--radius-none); border-bottom-right-radius: var(--radius-none); border-bottom-width: 0; } ._downshiftInputWrapper_1e2ox_1129 > button { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; padding-right: var(--spacing-2); } ._downshiftInput_1e2ox_1129 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; width: 20rem; padding: var(--spacing-2) var(--spacing-3); font-size: var(--text-sm); } ._downshiftInput_1e2ox_1129::-moz-placeholder { color: var(--baseBorder); } ._downshiftInput_1e2ox_1129::placeholder { color: var(--baseBorder); } ._downshiftAutocompleteContainer_1e2ox_1160 { position: relative; } ._downshiftAutocompleteContainer_1e2ox_1160 ul { all: unset; box-sizing: border-box; position: absolute; font-size: var(--text-sm); width: 100%; display: none; border-bottom-left-radius: var(--radius-medium); border-bottom-right-radius: var(--radius-medium); max-height: var(--spacing-48); overflow-x: hidden; overflow-y: auto; border: 1px solid var(--baseBorder); border-top-width: 0; background-color: var(--baseBase); } ._downshiftAutocompleteContainer_1e2ox_1160 ul[data-visible='true'] { display: block; } ._downshiftAutocompleteContainer_1e2ox_1160 ul li { padding: var(--spacing-2) var(--spacing-3); white-space: nowrap; margin-bottom: var(--spacing-1); overflow-x: hidden; text-overflow: ellipsis; } ._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-selected='true'] { background-color: var(--baseBgSubtle); } ._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-highlighted='true'] { background-color: var(--baseBgHover); } ._downshiftAutocompleteContainer_1e2ox_1160 ul li:last-of-type { border-bottom-left-radius: var(--radius-medium); border-bottom-right-radius: var(--radius-medium); } ._textInput_1e2ox_1206 { all: unset; border-radius: var(--radius-base); border: 1px solid var(--baseBorder); background-color: var(--baseBase); padding: var(--spacing-2) var(--spacing-3); } form._multiFieldForm_1e2ox_1214 { display: flex; flex-direction: column; padding: var(--spacing-2); gap: var(--spacing-2); } form._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 { display: flex; flex-direction: column; gap: var(--spacing-2); } form._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 label { font-size: var(--text-xs); } ._markdownParseError_1e2ox_1231 { border-radius: var(--radius-base); border: 1px solid var(--error-color); padding: var(--spacing-2); margin-block: var(--spacing-2); color: var(--error-color); font-size: var(--text-xs); } ._popupContainer_1e2ox_1240 { position: relative; z-index: 2; } ._inputSizer_1e2ox_1245 { display: inline-grid; vertical-align: baseline; align-items: center; position: relative; } ._inputSizer_1e2ox_1245::after, ._inputSizer_1e2ox_1245 input { width: auto; min-width: 1rem; grid-area: 1 / 2; font: inherit; margin: 0; padding: 0 2px; resize: none; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; color: inherit; } ._inputSizer_1e2ox_1245 span { padding: 0.25em; } ._inputSizer_1e2ox_1245::after { content: attr(data-value); white-space: pre-wrap; } :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --blue-1: #fbfdff; --blue-2: #f4faff; --blue-3: #e6f4fe; --blue-4: #d5efff; --blue-5: #c2e5ff; --blue-6: #acd8fc; --blue-7: #8ec8f6; --blue-8: #5eb1ef; --blue-9: #0090ff; --blue-10: #0588f0; --blue-11: #0d74ce; --blue-12: #113264; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --blue-1: color(display-p3 0.986 0.992 0.999); --blue-2: color(display-p3 0.96 0.979 0.998); --blue-3: color(display-p3 0.912 0.956 0.991); --blue-4: color(display-p3 0.853 0.932 1); --blue-5: color(display-p3 0.788 0.894 0.998); --blue-6: color(display-p3 0.709 0.843 0.976); --blue-7: color(display-p3 0.606 0.777 0.947); --blue-8: color(display-p3 0.451 0.688 0.917); --blue-9: color(display-p3 0.247 0.556 0.969); --blue-10: color(display-p3 0.234 0.523 0.912); --blue-11: color(display-p3 0.15 0.44 0.84); --blue-12: color(display-p3 0.102 0.193 0.379); } } } ._dark_1tncs_1, ._dark-theme_1tncs_1 { --blue-1: #0d1520; --blue-2: #111927; --blue-3: #0d2847; --blue-4: #003362; --blue-5: #004074; --blue-6: #104d87; --blue-7: #205d9e; --blue-8: #2870bd; --blue-9: #0090ff; --blue-10: #3b9eff; --blue-11: #70b8ff; --blue-12: #c2e6ff; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { ._dark_1tncs_1, ._dark-theme_1tncs_1 { --blue-1: color(display-p3 0.057 0.081 0.122); --blue-2: color(display-p3 0.072 0.098 0.147); --blue-3: color(display-p3 0.078 0.154 0.27); --blue-4: color(display-p3 0.033 0.197 0.37); --blue-5: color(display-p3 0.08 0.245 0.441); --blue-6: color(display-p3 0.14 0.298 0.511); --blue-7: color(display-p3 0.195 0.361 0.6); --blue-8: color(display-p3 0.239 0.434 0.72); --blue-9: color(display-p3 0.247 0.556 0.969); --blue-10: color(display-p3 0.344 0.612 0.973); --blue-11: color(display-p3 0.49 0.72 1); --blue-12: color(display-p3 0.788 0.898 0.99); } } } :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --slate-1: #fcfcfd; --slate-2: #f9f9fb; --slate-3: #f0f0f3; --slate-4: #e8e8ec; --slate-5: #e0e1e6; --slate-6: #d9d9e0; --slate-7: #cdced6; --slate-8: #b9bbc6; --slate-9: #8b8d98; --slate-10: #80838d; --slate-11: #60646c; --slate-12: #1c2024; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --slate-1: color(display-p3 0.988 0.988 0.992); --slate-2: color(display-p3 0.976 0.976 0.984); --slate-3: color(display-p3 0.94 0.941 0.953); --slate-4: color(display-p3 0.908 0.909 0.925); --slate-5: color(display-p3 0.88 0.881 0.901); --slate-6: color(display-p3 0.85 0.852 0.876); --slate-7: color(display-p3 0.805 0.808 0.838); --slate-8: color(display-p3 0.727 0.733 0.773); --slate-9: color(display-p3 0.547 0.553 0.592); --slate-10: color(display-p3 0.503 0.512 0.549); --slate-11: color(display-p3 0.379 0.392 0.421); --slate-12: color(display-p3 0.113 0.125 0.14); } } } ._dark_1tncs_1, ._dark-theme_1tncs_1 { --slate-1: #111113; --slate-2: #18191b; --slate-3: #212225; --slate-4: #272a2d; --slate-5: #2e3135; --slate-6: #363a3f; --slate-7: #43484e; --slate-8: #5a6169; --slate-9: #696e77; --slate-10: #777b84; --slate-11: #b0b4ba; --slate-12: #edeef0; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { ._dark_1tncs_1, ._dark-theme_1tncs_1 { --slate-1: color(display-p3 0.067 0.067 0.074); --slate-2: color(display-p3 0.095 0.098 0.105); --slate-3: color(display-p3 0.13 0.135 0.145); --slate-4: color(display-p3 0.156 0.163 0.176); --slate-5: color(display-p3 0.183 0.191 0.206); --slate-6: color(display-p3 0.215 0.226 0.244); --slate-7: color(display-p3 0.265 0.28 0.302); --slate-8: color(display-p3 0.357 0.381 0.409); --slate-9: color(display-p3 0.415 0.431 0.463); --slate-10: color(display-p3 0.469 0.483 0.514); --slate-11: color(display-p3 0.692 0.704 0.728); --slate-12: color(display-p3 0.93 0.933 0.94); } } } :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --grass-1: #fbfefb; --grass-2: #f5fbf5; --grass-3: #e9f6e9; --grass-4: #daf1db; --grass-5: #c9e8ca; --grass-6: #b2ddb5; --grass-7: #94ce9a; --grass-8: #65ba74; --grass-9: #46a758; --grass-10: #3e9b4f; --grass-11: #2a7e3b; --grass-12: #203c25; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --grass-1: color(display-p3 0.986 0.996 0.985); --grass-2: color(display-p3 0.966 0.983 0.964); --grass-3: color(display-p3 0.923 0.965 0.917); --grass-4: color(display-p3 0.872 0.94 0.865); --grass-5: color(display-p3 0.811 0.908 0.802); --grass-6: color(display-p3 0.733 0.864 0.724); --grass-7: color(display-p3 0.628 0.803 0.622); --grass-8: color(display-p3 0.477 0.72 0.482); --grass-9: color(display-p3 0.38 0.647 0.378); --grass-10: color(display-p3 0.344 0.598 0.342); --grass-11: color(display-p3 0.263 0.488 0.261); --grass-12: color(display-p3 0.151 0.233 0.153); } } } :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --cyan-1: #fafdfe; --cyan-2: #f2fafb; --cyan-3: #def7f9; --cyan-4: #caf1f6; --cyan-5: #b5e9f0; --cyan-6: #9ddde7; --cyan-7: #7dcedc; --cyan-8: #3db9cf; --cyan-9: #00a2c7; --cyan-10: #0797b9; --cyan-11: #107d98; --cyan-12: #0d3c48; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --cyan-1: color(display-p3 0.982 0.992 0.996); --cyan-2: color(display-p3 0.955 0.981 0.984); --cyan-3: color(display-p3 0.888 0.965 0.975); --cyan-4: color(display-p3 0.821 0.941 0.959); --cyan-5: color(display-p3 0.751 0.907 0.935); --cyan-6: color(display-p3 0.671 0.862 0.9); --cyan-7: color(display-p3 0.564 0.8 0.854); --cyan-8: color(display-p3 0.388 0.715 0.798); --cyan-9: color(display-p3 0.282 0.627 0.765); --cyan-10: color(display-p3 0.264 0.583 0.71); --cyan-11: color(display-p3 0.08 0.48 0.63); --cyan-12: color(display-p3 0.108 0.232 0.277); } } } :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --amber-1: #fefdfb; --amber-2: #fefbe9; --amber-3: #fff7c2; --amber-4: #ffee9c; --amber-5: #fbe577; --amber-6: #f3d673; --amber-7: #e9c162; --amber-8: #e2a336; --amber-9: #ffc53d; --amber-10: #ffba18; --amber-11: #ab6400; --amber-12: #4f3422; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --amber-1: color(display-p3 0.995 0.992 0.985); --amber-2: color(display-p3 0.994 0.986 0.921); --amber-3: color(display-p3 0.994 0.969 0.782); --amber-4: color(display-p3 0.989 0.937 0.65); --amber-5: color(display-p3 0.97 0.902 0.527); --amber-6: color(display-p3 0.936 0.844 0.506); --amber-7: color(display-p3 0.89 0.762 0.443); --amber-8: color(display-p3 0.85 0.65 0.3); --amber-9: color(display-p3 1 0.77 0.26); --amber-10: color(display-p3 0.959 0.741 0.274); --amber-11: color(display-p3 0.64 0.4 0); --amber-12: color(display-p3 0.294 0.208 0.145); } } } :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --red-1: #fffcfc; --red-2: #fff7f7; --red-3: #feebec; --red-4: #ffdbdc; --red-5: #ffcdce; --red-6: #fdbdbe; --red-7: #f4a9aa; --red-8: #eb8e90; --red-9: #e5484d; --red-10: #dc3e42; --red-11: #ce2c31; --red-12: #641723; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --red-1: color(display-p3 0.998 0.989 0.988); --red-2: color(display-p3 0.995 0.971 0.971); --red-3: color(display-p3 0.985 0.925 0.925); --red-4: color(display-p3 0.999 0.866 0.866); --red-5: color(display-p3 0.984 0.812 0.811); --red-6: color(display-p3 0.955 0.751 0.749); --red-7: color(display-p3 0.915 0.675 0.672); --red-8: color(display-p3 0.872 0.575 0.572); --red-9: color(display-p3 0.83 0.329 0.324); --red-10: color(display-p3 0.798 0.294 0.285); --red-11: color(display-p3 0.744 0.234 0.222); --red-12: color(display-p3 0.36 0.115 0.143); } } } ._bold_1tncs_10 { font-weight: bold; } ._italic_1tncs_14 { font-style: italic; } ._underline_1tncs_18 { text-decoration: underline; } ._bold_1tncs_10 { font-weight: 700; } ._italic_1tncs_14 { font-style: italic; } ._underline_1tncs_18 { text-decoration: underline } ._strikethrough_1tncs_34 { text-decoration: line-through } ._underlineStrikethrough_1tncs_38 { text-decoration: underline line-through } ._subscript_1tncs_42 { font-size: .8em; vertical-align: sub !important } ._superscript_1tncs_47 { font-size: .8em; vertical-align: super } ._code_1tncs_52 { background-color: var(--baseBg); padding: 1px .25rem; font-family: var(--font-mono); font-size: 94% } ._nestedListItem_1tncs_59 { list-style: none; list-style-type: none; } ._nestedListItem_1tncs_59:before, ._nestedListItem_1tncs_59:after { display: none; } ._listitem_1tncs_69 { margin: var(--spacing-2) 0; } ._listItemChecked_1tncs_73, ._listItemUnchecked_1tncs_74 { position: relative; margin-left: 0; margin-right: 0; margin-inline-start: -1rem; padding-left: var(--spacing-6); padding-right: var(--spacing-6); list-style-type: none; outline: none; } ._listItemChecked_1tncs_73 { text-decoration: line-through; } ._listItemUnchecked_1tncs_74:before, ._listItemChecked_1tncs_73:before { content: ''; width: var(--spacing-4); height: var(--spacing-4); top: 0; left: 0; cursor: pointer; display: block; background-size: cover; position: absolute; } ._listItemUnchecked_1tncs_74[dir='rtl']:before, ._listItemChecked_1tncs_73[dir='rtl']:before { left: auto; right: 0; } ._listItemUnchecked_1tncs_74:focus:before, ._listItemChecked_1tncs_73:focus:before { box-shadow: 0 0 0 2px var(--accentBgActive); border-radius: var(--radius-small); } ._listItemUnchecked_1tncs_74:before { border: 1px solid var(--baseBorder); border-radius: var(--radius-small); } ._listItemChecked_1tncs_73:before { border: 1px solid var(--accentBorder); border-radius: var(--radius-small); background-color: var(--accentSolid); background-repeat: no-repeat; } ._listItemChecked_1tncs_73:after { content: ''; cursor: pointer; border-color: var(--baseBase); border-style: solid; position: absolute; display: block; top: var(--spacing-0_5); width: var(--spacing-1); left: var(--spacing-1_5); right: var(--spacing-1_5); height: var(--spacing-2); transform: rotate(45deg); border-width: 0 var(--spacing-0_5) var(--spacing-0_5) 0; } ._nestedListItem_1tncs_59 { list-style-type: none; } ._nestedListItem_1tncs_59:before, ._nestedListItem_1tncs_59:after { display: none; } ._admonitionDanger_1tncs_151, ._admonitionInfo_1tncs_152, ._admonitionNote_1tncs_153, ._admonitionTip_1tncs_154, ._admonitionCaution_1tncs_155 { padding: var(--spacing-2); margin-top: var(--spacing-2); margin-bottom: var(--spacing-2); border-left: 3px solid var(--admonitionBorder); background-color: var(--admonitionBg); } ._admonitionInfo_1tncs_152 { --admonitionBorder: var(--admonitionInfoBorder); --admonitionBg: var(--admonitionInfoBg); } ._admonitionTip_1tncs_154 { --admonitionBorder: var(--admonitionTipBorder); --admonitionBg: var(--admonitionTipBg); } ._admonitionCaution_1tncs_155 { --admonitionBorder: var(--admonitionCautionBorder); --admonitionBg: var(--admonitionCautionBg); } ._admonitionDanger_1tncs_151 { --admonitionBorder: var(--admonitionDangerBorder); --admonitionBg: var(--admonitionDangerBg); } ._admonitionNote_1tncs_153 { --admonitionBorder: var(--admonitionNoteBorder); --admonitionBg: var(--admonitionNoteBg); } ._mdxExpression_1tncs_188 { font-family: var(--font-mono); font-size: 84%; color: var(--accentText); } ._mdxExpression_1tncs_188 input:focus-visible { outline: none; } /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% 0.013 17.38); --color-red-100: oklch(93.6% 0.032 17.717); --color-red-200: oklch(88.5% 0.062 18.334); --color-red-300: oklch(80.8% 0.114 19.571); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-700: oklch(50.5% 0.213 27.518); --color-red-800: oklch(44.4% 0.177 26.899); --color-red-900: oklch(39.6% 0.141 25.723); --color-red-950: oklch(25.8% 0.092 26.042); --color-orange-100: oklch(95.4% 0.038 75.164); --color-orange-200: oklch(90.1% 0.076 70.697); --color-orange-300: oklch(83.7% 0.128 66.29); --color-orange-400: oklch(75% 0.183 55.934); --color-orange-500: oklch(70.5% 0.213 47.604); --color-orange-700: oklch(55.3% 0.195 38.402); --color-orange-800: oklch(47% 0.157 37.304); --color-orange-900: oklch(40.8% 0.123 38.172); --color-orange-950: oklch(26.6% 0.079 36.259); --color-amber-50: oklch(98.7% 0.022 95.277); --color-amber-100: oklch(96.2% 0.059 95.617); --color-amber-200: oklch(92.4% 0.12 95.746); --color-amber-300: oklch(87.9% 0.169 91.605); --color-amber-400: oklch(82.8% 0.189 84.429); --color-amber-500: oklch(76.9% 0.188 70.08); --color-amber-600: oklch(66.6% 0.179 58.318); --color-amber-700: oklch(55.5% 0.163 48.998); --color-amber-800: oklch(47.3% 0.137 46.201); --color-amber-900: oklch(41.4% 0.112 45.904); --color-amber-950: oklch(27.9% 0.077 45.635); --color-yellow-50: oklch(98.7% 0.026 102.212); --color-yellow-100: oklch(97.3% 0.071 103.193); --color-yellow-200: oklch(94.5% 0.129 101.54); --color-yellow-300: oklch(90.5% 0.182 98.111); --color-yellow-400: oklch(85.2% 0.199 91.936); --color-yellow-500: oklch(79.5% 0.184 86.047); --color-yellow-600: oklch(68.1% 0.162 75.834); --color-yellow-700: oklch(55.4% 0.135 66.442); --color-lime-500: oklch(76.8% 0.233 130.85); --color-green-50: oklch(98.2% 0.018 155.826); --color-green-100: oklch(96.2% 0.044 156.743); --color-green-200: oklch(92.5% 0.084 155.995); --color-green-300: oklch(87.1% 0.15 154.449); --color-green-400: oklch(79.2% 0.209 151.711); --color-green-500: oklch(72.3% 0.219 149.579); --color-green-600: oklch(62.7% 0.194 149.214); --color-green-700: oklch(52.7% 0.154 150.069); --color-green-800: oklch(44.8% 0.119 151.328); --color-green-900: oklch(39.3% 0.095 152.535); --color-green-950: oklch(26.6% 0.065 152.934); --color-emerald-50: oklch(97.9% 0.021 166.113); --color-emerald-100: oklch(95% 0.052 163.051); --color-emerald-200: oklch(90.5% 0.093 164.15); --color-emerald-300: oklch(84.5% 0.143 164.978); --color-emerald-500: oklch(69.6% 0.17 162.48); --color-emerald-600: oklch(59.6% 0.145 163.225); --color-emerald-700: oklch(50.8% 0.118 165.612); --color-emerald-900: oklch(37.8% 0.077 168.94); --color-emerald-950: oklch(26.2% 0.051 172.552); --color-teal-500: oklch(70.4% 0.14 182.503); --color-cyan-50: oklch(98.4% 0.019 200.873); --color-cyan-500: oklch(71.5% 0.143 215.221); --color-cyan-800: oklch(45% 0.085 224.283); --color-sky-50: oklch(97.7% 0.013 236.62); --color-sky-200: oklch(90.1% 0.058 230.902); --color-sky-500: oklch(68.5% 0.169 237.323); --color-sky-700: oklch(50% 0.134 242.749); --color-sky-900: oklch(39.1% 0.09 240.876); --color-sky-950: oklch(29.3% 0.066 243.157); --color-blue-50: oklch(97% 0.014 254.604); --color-blue-100: oklch(93.2% 0.032 255.585); --color-blue-200: oklch(88.2% 0.059 254.128); --color-blue-300: oklch(80.9% 0.105 251.813); --color-blue-400: oklch(70.7% 0.165 254.624); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: oklch(54.6% 0.245 262.881); --color-blue-700: oklch(48.8% 0.243 264.376); --color-blue-800: oklch(42.4% 0.199 265.638); --color-blue-900: oklch(37.9% 0.146 265.522); --color-blue-950: oklch(28.2% 0.091 267.935); --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-300: oklch(78.5% 0.115 274.713); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-800: oklch(39.8% 0.195 277.366); --color-violet-50: oklch(96.9% 0.016 293.756); --color-violet-200: oklch(89.4% 0.057 293.283); --color-violet-300: oklch(81.1% 0.111 293.571); --color-violet-500: oklch(60.6% 0.25 292.717); --color-violet-700: oklch(49.1% 0.27 292.581); --color-purple-50: oklch(97.7% 0.014 308.299); --color-purple-100: oklch(94.6% 0.033 307.174); --color-purple-500: oklch(62.7% 0.265 303.9); --color-purple-700: oklch(49.6% 0.265 301.924); --color-purple-900: oklch(38.1% 0.176 304.987); --color-fuchsia-500: oklch(66.7% 0.295 322.15); --color-pink-500: oklch(65.6% 0.241 354.308); --color-rose-50: oklch(96.9% 0.015 12.422); --color-rose-500: oklch(64.5% 0.246 16.439); --color-rose-700: oklch(51.4% 0.222 16.935); --color-slate-50: oklch(98.4% 0.003 247.858); --color-slate-100: oklch(96.8% 0.007 247.896); --color-slate-300: oklch(86.9% 0.022 252.894); --color-slate-500: oklch(55.4% 0.046 257.417); --color-slate-600: oklch(44.6% 0.043 257.281); --color-slate-900: oklch(20.8% 0.042 265.755); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-800: oklch(27.8% 0.033 256.848); --color-gray-900: oklch(21% 0.034 264.665); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% 0.001 286.375); --color-zinc-200: oklch(92% 0.004 286.32); --color-zinc-300: oklch(87.1% 0.006 286.286); --color-zinc-400: oklch(70.5% 0.015 286.067); --color-zinc-500: oklch(55.2% 0.016 285.938); --color-zinc-600: oklch(44.2% 0.017 285.786); --color-zinc-700: oklch(37% 0.013 285.805); --color-zinc-800: oklch(27.4% 0.006 286.033); --color-zinc-900: oklch(21% 0.006 285.885); --color-zinc-950: oklch(14.1% 0.005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-500: oklch(55.3% 0.013 58.071); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --breakpoint-2xl: 96rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-6xl: 3.75rem; --text-6xl--line-height: 1; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -0.025em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --radius-xs: 0.125rem; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15); --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --animate-bounce: bounce 1s infinite; --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --text-display: 2.25rem; --text-display--line-height: 2.5rem; --text-page-title: 1.5rem; --text-page-title--line-height: 2rem; --text-section-title: 1.125rem; --text-section-title--line-height: 1.75rem; --text-subsection-title: 1rem; --text-subsection-title--line-height: 1.5rem; --text-body: 0.875rem; --text-body--line-height: 1.25rem; --text-caption: 0.75rem; --text-caption--line-height: 1rem; --color-forml-ai-50: oklch(97% 0.02 292.717); --color-forml-ai-100: oklch(94% 0.05 292.717); --color-forml-ai-200: oklch(88% 0.1 292.717); --color-forml-ai-300: oklch(80% 0.15 292.717); --color-forml-ai-400: oklch(70% 0.2 292.717); --color-forml-ai: oklch(60.6% 0.25 292.717); --color-forml-ai-500: oklch(60.6% 0.25 292.717); --color-forml-ai-600: oklch(52% 0.22 292.717); --color-forml-ai-700: oklch(44% 0.18 292.717); --color-forml-ai-800: oklch(36% 0.14 292.717); --color-forml-ai-900: oklch(28% 0.1 292.717); --color-forml-ai-950: oklch(20% 0.08 292.717); --color-dev-50: #fff9eb; --color-dev-100: #ffedc6; --color-dev-200: #ffd988; --color-dev-300: #ffbc42; --color-dev-400: #ffa620; --color-dev: #f98207; --color-dev-500: #f98207; --color-dev-600: #dd5d02; --color-dev-700: #b73e06; --color-dev-800: #942f0c; --color-dev-900: #7a280d; --color-dev-950: #461202; } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .\@container\/personen { container-type: inline-size; container-name: personen; } .\@container\/row { container-type: inline-size; container-name: row; } .\@container\/section-cards { container-type: inline-size; container-name: section-cards; } .\@container\/vh { container-type: inline-size; container-name: vh; } .\@container { container-type: inline-size; } .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .-inset-px { inset: -1px; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .inset-y-3 { inset-block: calc(var(--spacing) * 3); } .start-0 { inset-inline-start: calc(var(--spacing) * 0); } .start-1\.5 { inset-inline-start: calc(var(--spacing) * 1.5); } .start-2 { inset-inline-start: calc(var(--spacing) * 2); } .start-3 { inset-inline-start: calc(var(--spacing) * 3); } .start-auto { inset-inline-start: auto; } .start-px { inset-inline-start: 1px; } .end-0 { inset-inline-end: calc(var(--spacing) * 0); } .end-0\.5 { inset-inline-end: calc(var(--spacing) * 0.5); } .end-1 { inset-inline-end: calc(var(--spacing) * 1); } .end-1\.5 { inset-inline-end: calc(var(--spacing) * 1.5); } .end-2 { inset-inline-end: calc(var(--spacing) * 2); } .end-3 { inset-inline-end: calc(var(--spacing) * 3); } .end-18 { inset-inline-end: calc(var(--spacing) * 18); } .end-auto { inset-inline-end: auto; } .-top-0\.5 { top: calc(var(--spacing) * -0.5); } .-top-1 { top: calc(var(--spacing) * -1); } .-top-1\.5 { top: calc(var(--spacing) * -1.5); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-4 { top: calc(var(--spacing) * -4); } .-top-20 { top: calc(var(--spacing) * -20); } .-top-\[0\.125em\] { top: calc(0.125em * -1); } .-top-px { top: -1px; } .top-0 { top: calc(var(--spacing) * 0); } .top-0\.5 { top: calc(var(--spacing) * 0.5); } .top-1 { top: calc(var(--spacing) * 1); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-2 { top: calc(var(--spacing) * 2); } .top-3 { top: calc(var(--spacing) * 3); } .top-3\.5 { top: calc(var(--spacing) * 3.5); } .top-4 { top: calc(var(--spacing) * 4); } .top-10 { top: calc(var(--spacing) * 10); } .top-11 { top: calc(var(--spacing) * 11); } .top-14 { top: calc(var(--spacing) * 14); } .top-16 { top: calc(var(--spacing) * 16); } .top-24 { top: calc(var(--spacing) * 24); } .top-\[1\.35rem\] { top: 1.35rem; } .top-\[5\%\] { top: 5%; } .top-\[10\%\] { top: 10%; } .top-\[20\%\] { top: 20%; } .top-\[50\%\] { top: 50%; } .top-\[calc\(46\%\)\] { top: calc(46%); } .top-\[calc\(100\%_\+_2px\)\] { top: calc(100% + 2px); } .top-\[var\(--navbar-height\)\] { top: var(--navbar-height); } .-right-0\.5 { right: calc(var(--spacing) * -0.5); } .-right-1 { right: calc(var(--spacing) * -1); } .-right-1\.5 { right: calc(var(--spacing) * -1.5); } .-right-2 { right: calc(var(--spacing) * -2); } .-right-4 { right: calc(var(--spacing) * -4); } .-right-6 { right: calc(var(--spacing) * -6); } .-right-px { right: -1px; } .right-0 { right: calc(var(--spacing) * 0); } .right-1 { right: calc(var(--spacing) * 1); } .right-1\.5 { right: calc(var(--spacing) * 1.5); } .right-2 { right: calc(var(--spacing) * 2); } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .right-5 { right: calc(var(--spacing) * 5); } .right-6 { right: calc(var(--spacing) * 6); } .right-8 { right: calc(var(--spacing) * 8); } .right-\[4\.5rem\] { right: 4.5rem; } .right-\[5\%\] { right: 5%; } .right-\[10\%\] { right: 10%; } .right-\[24px\] { right: 24px; } .-bottom-2 { bottom: calc(var(--spacing) * -2); } .-bottom-3 { bottom: calc(var(--spacing) * -3); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-0\.5 { bottom: calc(var(--spacing) * 0.5); } .bottom-1 { bottom: calc(var(--spacing) * 1); } .bottom-1\/2 { bottom: calc(1 / 2 * 100%); } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .bottom-\[5\%\] { bottom: 5%; } .bottom-\[10\%\] { bottom: 10%; } .bottom-\[calc\(100\%-1\.35rem\)\] { bottom: calc(100% - 1.35rem); } .bottom-full { bottom: 100%; } .-left-2 { left: calc(var(--spacing) * -2); } .-left-3 { left: calc(var(--spacing) * -3); } .-left-\[7px\] { left: calc(7px * -1); } .-left-\[9px\] { left: calc(9px * -1); } .left-0 { left: calc(var(--spacing) * 0); } .left-1 { left: calc(var(--spacing) * 1); } .left-1\/2 { left: calc(1 / 2 * 100%); } .left-2 { left: calc(var(--spacing) * 2); } .left-3 { left: calc(var(--spacing) * 3); } .left-4 { left: calc(var(--spacing) * 4); } .left-\[5\%\] { left: 5%; } .left-\[9rem\] { left: 9rem; } .left-\[10\%\] { left: 10%; } .left-\[11px\] { left: 11px; } .left-\[50\%\] { left: 50%; } .left-\[calc\(37\.5\%\)\] { left: calc(37.5%); } .left-auto { left: auto; } .isolate { isolation: isolate; } .-z-1 { z-index: calc(1 * -1); } .-z-30 { z-index: calc(30 * -1); } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-2 { z-index: 2; } .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-\[1\] { z-index: 1; } .z-\[100\] { z-index: 100; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .col-span-1 { grid-column: span 1 / span 1; } .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; } .col-start-1 { grid-column-start: 1; } .col-start-2 { grid-column-start: 2; } .col-start-3 { grid-column-start: 3; } .row-span-2 { grid-row: span 2 / span 2; } .row-start-1 { grid-row-start: 1; } .row-start-2 { grid-row-start: 2; } .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .-m-1 { margin: calc(var(--spacing) * -1); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-2\.5 { margin: calc(var(--spacing) * -2.5); } .m-0 { margin: calc(var(--spacing) * 0); } .m-1 { margin: calc(var(--spacing) * 1); } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .-mx-1\.5 { margin-inline: calc(var(--spacing) * -1.5); } .-mx-2 { margin-inline: calc(var(--spacing) * -2); } .-mx-6 { margin-inline: calc(var(--spacing) * -6); } .mx-\(--cell-size\) { margin-inline: var(--cell-size); } .mx-0 { margin-inline: calc(var(--spacing) * 0); } .mx-0\.5 { margin-inline: calc(var(--spacing) * 0.5); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-3\.5 { margin-inline: calc(var(--spacing) * 3.5); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\] { margin-inline: calc((1.25rem - 0.25rem) / 2); } .mx-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\] { margin-inline: calc((1.5rem - 0.75rem) / 2); } .mx-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\] { margin-inline: calc((1.75rem - 1.25rem) / 2); } .mx-auto { margin-inline: auto; } .mx-px { margin-inline: 1px; } .-my-0\.5 { margin-block: calc(var(--spacing) * -0.5); } .-my-1 { margin-block: calc(var(--spacing) * -1); } .my-0 { margin-block: calc(var(--spacing) * 0); } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-1\.5 { margin-block: calc(var(--spacing) * 1.5); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-16 { margin-block: calc(var(--spacing) * 16); } .my-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\] { margin-block: calc((1.25rem - 0.25rem) / 2); } .my-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\] { margin-block: calc((1.5rem - 0.75rem) / 2); } .my-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\] { margin-block: calc((1.75rem - 1.25rem) / 2); } .my-auto { margin-block: auto; } .-ms-0\.5 { margin-inline-start: calc(var(--spacing) * -0.5); } .-ms-2 { margin-inline-start: calc(var(--spacing) * -2); } .ms-2 { margin-inline-start: calc(var(--spacing) * 2); } .ms-3 { margin-inline-start: calc(var(--spacing) * 3); } .ms-auto { margin-inline-start: auto; } .-me-0\.5 { margin-inline-end: calc(var(--spacing) * -0.5); } .-me-1 { margin-inline-end: calc(var(--spacing) * -1); } .me-2 { margin-inline-end: calc(var(--spacing) * 2); } .me-4 { margin-inline-end: calc(var(--spacing) * 4); } .prose { color: var(--tw-prose-body); max-width: 65ch; :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :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; } :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; } :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :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; } :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; } :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; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } :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; } :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); 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; } :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: open-quote; } :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: close-quote; } :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 900; color: inherit; } :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 800; color: inherit; } :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :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; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: "`"; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: "`"; } :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); 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.375rem; padding-top: 0.8571429em; padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em; padding-inline-start: 1.1428571em; } :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; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: none; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: none; } :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; } :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } :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; } :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 0; } :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: baseline; } :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: top; } :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-align: start; } :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :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; } --tw-prose-body: oklch(37.3% 0.034 259.733); --tw-prose-headings: oklch(21% 0.034 264.665); --tw-prose-lead: oklch(44.6% 0.03 256.802); --tw-prose-links: oklch(21% 0.034 264.665); --tw-prose-bold: oklch(21% 0.034 264.665); --tw-prose-counters: oklch(55.1% 0.027 264.364); --tw-prose-bullets: oklch(87.2% 0.01 258.338); --tw-prose-hr: oklch(92.8% 0.006 264.531); --tw-prose-quotes: oklch(21% 0.034 264.665); --tw-prose-quote-borders: oklch(92.8% 0.006 264.531); --tw-prose-captions: oklch(55.1% 0.027 264.364); --tw-prose-kbd: oklch(21% 0.034 264.665); --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent); --tw-prose-code: oklch(21% 0.034 264.665); --tw-prose-pre-code: oklch(92.8% 0.006 264.531); --tw-prose-pre-bg: oklch(27.8% 0.033 256.848); --tw-prose-th-borders: oklch(87.2% 0.01 258.338); --tw-prose-td-borders: oklch(92.8% 0.006 264.531); --tw-prose-invert-body: oklch(87.2% 0.01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% 0.022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% 0.022 261.325); --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802); --tw-prose-invert-hr: oklch(37.3% 0.034 259.733); --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733); --tw-prose-invert-captions: oklch(70.7% 0.022 261.325); --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: oklch(87.2% 0.01 258.338); --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802); --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733); font-size: 1rem; line-height: 1.75; :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } :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; } :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; } :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :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; } :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } } .-mt-2\.5 { margin-top: calc(var(--spacing) * -2.5); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-7 { margin-top: calc(var(--spacing) * 7); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .mt-\[-2px\] { margin-top: -2px; } .mt-\[3px\] { margin-top: 3px; } .mt-auto { margin-top: auto; } .mt-px { margin-top: 1px; } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .-mr-2 { margin-right: calc(var(--spacing) * -2); } .-mr-3 { margin-right: calc(var(--spacing) * -3); } .mr-0 { margin-right: calc(var(--spacing) * 0); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .-mb-3 { margin-bottom: calc(var(--spacing) * -3); } .-mb-\[1px\] { margin-bottom: calc(1px * -1); } .-mb-\[max\(0px\,calc\(var\(--drawer-snap-point-offset\,0px\)\+clamp\(0\,1\,var\(--drawer-snap-point-offset\,0px\)\/1px\)\*var\(--drawer-swipe-movement-y\,0px\)\)\)\] { margin-bottom: calc(max(0px, calc(var(--drawer-snap-point-offset,0px) + clamp(0, 1, var(--drawer-snap-point-offset,0px) / 1px) * var(--drawer-swipe-movement-y,0px))) * -1); } .-mb-px { margin-bottom: -1px; } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-0\.5 { margin-bottom: calc(var(--spacing) * 0.5); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-px { margin-bottom: 1px; } .-ml-1 { margin-left: calc(var(--spacing) * -1); } .-ml-2 { margin-left: calc(var(--spacing) * -2); } .-ml-2\.5 { margin-left: calc(var(--spacing) * -2.5); } .-ml-3 { margin-left: calc(var(--spacing) * -3); } .ml-0 { margin-left: calc(var(--spacing) * 0); } .ml-0\.5 { margin-left: calc(var(--spacing) * 0.5); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-\[7px\] { margin-left: 7px; } .ml-auto { margin-left: auto; } .box-border { box-sizing: border-box; } .box-content { box-sizing: content-box; } .scrollbar-default { -ms-overflow-style: auto; scrollbar-width: auto; &::-webkit-scrollbar { display: block; } } .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display: none; } } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .inline-grid { display: inline-grid; } .table { display: table; } .table-caption { display: table-caption; } .table-cell { display: table-cell; } .table-row { display: table-row; } .\[field-sizing\:content\] { field-sizing: content; } .field-sizing-content { field-sizing: content; } .aspect-square { aspect-ratio: 1 / 1; } .size-\(--cell-size\) { width: var(--cell-size); height: var(--cell-size); } .size-1 { width: calc(var(--spacing) * 1); height: calc(var(--spacing) * 1); } .size-1\.5 { width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5); } .size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } .size-2\.5 { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); } .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-4\.5 { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11); } .size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20); } .size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24); } .size-full { width: 100%; height: 100%; } .\!h-5 { height: calc(var(--spacing) * 5) !important; } .\!h-6 { height: calc(var(--spacing) * 6) !important; } .\!h-10 { height: calc(var(--spacing) * 10) !important; } .\!h-auto { height: auto !important; } .h-\(--active-tab-height\) { height: var(--active-tab-height); } .h-\(--cell-size\) { height: var(--cell-size); } .h-\(--drawer-height\,auto\) { height: var(--drawer-height,auto); } .h-\(--popup-height\,auto\) { height: var(--popup-height,auto); } .h-\(--positioner-height\) { height: var(--positioner-height); } .h-\(--radix-select-trigger-height\) { height: var(--radix-select-trigger-height); } .h-\(--visual-viewport-height\) { height: var(--visual-viewport-height); } .h-0 { height: calc(var(--spacing) * 0); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-5\.5 { height: calc(var(--spacing) * 5.5); } .h-6 { height: calc(var(--spacing) * 6); } .h-6\.5 { height: calc(var(--spacing) * 6.5); } .h-7 { height: calc(var(--spacing) * 7); } .h-7\.5 { height: calc(var(--spacing) * 7.5); } .h-8 { height: calc(var(--spacing) * 8); } .h-8\.5 { height: calc(var(--spacing) * 8.5); } .h-9 { height: calc(var(--spacing) * 9); } .h-9\.5 { height: calc(var(--spacing) * 9.5); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-24 { height: calc(var(--spacing) * 24); } .h-32 { height: calc(var(--spacing) * 32); } .h-40 { height: calc(var(--spacing) * 40); } .h-48 { height: calc(var(--spacing) * 48); } .h-64 { height: calc(var(--spacing) * 64); } .h-\[2px\] { height: 2px; } .h-\[8\%\] { height: 8%; } .h-\[16px\] { height: 16px; } .h-\[20px\] { height: 20px; } .h-\[22px\] { height: 22px; } .h-\[30px\] { height: 30px; } .h-\[39px\] { height: 39px; } .h-\[40px\] { height: 40px; } .h-\[41px\] { height: 41px; } .h-\[50\%\] { height: 50%; } .h-\[60vh\] { height: 60vh; } .h-\[72px\] { height: 72px; } .h-\[95vh\] { height: 95vh; } .h-\[100\%\] { height: 100%; } .h-\[100dvh\] { height: 100dvh; } .h-\[360px\] { height: 360px; } .h-\[calc\(100dvh_-_var\(--navbar-height\)\)\] { height: calc(100dvh - var(--navbar-height)); } .h-\[calc\(var\(--thumb-size\)\+2px\)\] { height: calc(var(--thumb-size) + 2px); } .h-\[min\(680px\,calc\(100vh-180px\)\)\] { height: min(680px, calc(100vh - 180px)); } .h-\[var\(--accordion-panel-height\)\] { height: var(--accordion-panel-height); } .h-\[var\(--navbar-height\)\] { height: var(--navbar-height); } .h-\[var\(--picker-height\)\] { height: var(--picker-height); } .h-auto { height: auto; } .h-divider { height: var(--heroui-divider-weight); } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .h-svh { height: 100svh; } .max-h-\(--available-height\) { max-height: var(--available-height); } .max-h-\(--radix-dropdown-menu-content-available-height\) { max-height: var(--radix-dropdown-menu-content-available-height); } .max-h-32 { max-height: calc(var(--spacing) * 32); } .max-h-48 { max-height: calc(var(--spacing) * 48); } .max-h-60 { max-height: calc(var(--spacing) * 60); } .max-h-64 { max-height: calc(var(--spacing) * 64); } .max-h-80 { max-height: calc(var(--spacing) * 80); } .max-h-96 { max-height: calc(var(--spacing) * 96); } .max-h-\[4\.5rem\] { max-height: 4.5rem; } .max-h-\[20rem\] { max-height: 20rem; } .max-h-\[24rem\] { max-height: 24rem; } .max-h-\[28rem\] { max-height: 28rem; } .max-h-\[32rem\] { max-height: 32rem; } .max-h-\[36rem\] { max-height: 36rem; } .max-h-\[42rem\] { max-height: 42rem; } .max-h-\[48rem\] { max-height: 48rem; } .max-h-\[56rem\] { max-height: 56rem; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[64rem\] { max-height: 64rem; } .max-h-\[75dvh\] { max-height: 75dvh; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[95vh\] { max-height: 95vh; } .max-h-\[178px\] { max-height: 178px; } .max-h-\[280px\] { max-height: 280px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[320px\] { max-height: 320px; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[405px\] { max-height: 405px; } .max-h-\[480px\] { max-height: 480px; } .max-h-\[calc\(100\%_-_8rem\)\] { max-height: calc(100% - 8rem); } .max-h-\[calc\(100vh-112px\)\] { max-height: calc(100vh - 112px); } .max-h-\[min\(32rem\,70vh\)\] { max-height: min(32rem, 70vh); } .max-h-\[min\(38rem\,calc\(100dvh-2rem\)\)\] { max-height: min(38rem, calc(100dvh - 2rem)); } .max-h-\[min\(420px\,60vh\)\] { max-height: min(420px, 60vh); } .max-h-\[min\(var\(--available-height\)\,23rem\)\] { max-height: min(var(--available-height), 23rem); } .max-h-\[none\] { max-height: none; } .max-h-full { max-height: 100%; } .max-h-screen { max-height: 100vh; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-3 { min-height: calc(var(--spacing) * 3); } .min-h-3\.5 { min-height: calc(var(--spacing) * 3.5); } .min-h-4 { min-height: calc(var(--spacing) * 4); } .min-h-5 { min-height: calc(var(--spacing) * 5); } .min-h-6 { min-height: calc(var(--spacing) * 6); } .min-h-7 { min-height: calc(var(--spacing) * 7); } .min-h-8 { min-height: calc(var(--spacing) * 8); } .min-h-9 { min-height: calc(var(--spacing) * 9); } .min-h-10 { min-height: calc(var(--spacing) * 10); } .min-h-11 { min-height: calc(var(--spacing) * 11); } .min-h-12 { min-height: calc(var(--spacing) * 12); } .min-h-14 { min-height: calc(var(--spacing) * 14); } .min-h-16 { min-height: calc(var(--spacing) * 16); } .min-h-16\.5 { min-height: calc(var(--spacing) * 16.5); } .min-h-17\.5 { min-height: calc(var(--spacing) * 17.5); } .min-h-18\.5 { min-height: calc(var(--spacing) * 18.5); } .min-h-20 { min-height: calc(var(--spacing) * 20); } .min-h-24 { min-height: calc(var(--spacing) * 24); } .min-h-\[1\.5rem\] { min-height: 1.5rem; } .min-h-\[5rem\] { min-height: 5rem; } .min-h-\[32px\] { min-height: 32px; } .min-h-\[35vh\] { min-height: 35vh; } .min-h-\[40vh\] { min-height: 40vh; } .min-h-\[78px\] { min-height: 78px; } .min-h-\[100dvh\] { min-height: 100dvh; } .min-h-\[180px\] { min-height: 180px; } .min-h-\[250px\] { min-height: 250px; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .min-h-svh { min-height: 100svh; } .\!w-5 { width: calc(var(--spacing) * 5) !important; } .\!w-6 { width: calc(var(--spacing) * 6) !important; } .\!w-10 { width: calc(var(--spacing) * 10) !important; } .w-\(--active-tab-width\) { width: var(--active-tab-width); } .w-\(--popup-width\,auto\) { width: var(--popup-width,auto); } .w-\(--positioner-width\) { width: var(--positioner-width); } .w-\(--sidebar-width\) { width: var(--sidebar-width); } .w-0 { width: calc(var(--spacing) * 0); } .w-0\.5 { width: calc(var(--spacing) * 0.5); } .w-1 { width: calc(var(--spacing) * 1); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\/2 { width: calc(1 / 2 * 100%); } .w-1\/3 { width: calc(1 / 3 * 100%); } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2\/3 { width: calc(2 / 3 * 100%); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/4 { width: calc(3 / 4 * 100%); } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-28 { width: calc(var(--spacing) * 28); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-48 { width: calc(var(--spacing) * 48); } .w-56 { width: calc(var(--spacing) * 56); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-80 { width: calc(var(--spacing) * 80); } .w-96 { width: calc(var(--spacing) * 96); } .w-240 { width: calc(var(--spacing) * 240); } .w-\[2px\] { width: 2px; } .w-\[6\.25rem\] { width: 6.25rem; } .w-\[7rem\] { width: 7rem; } .w-\[8\%\] { width: 8%; } .w-\[8\.75rem\] { width: 8.75rem; } .w-\[10vw\] { width: 10vw; } .w-\[11\%\] { width: 11%; } .w-\[11rem\] { width: 11rem; } .w-\[12\%\] { width: 12%; } .w-\[14\%\] { width: 14%; } .w-\[16px\] { width: 16px; } .w-\[19\%\] { width: 19%; } .w-\[22px\] { width: 22px; } .w-\[25\%\] { width: 25%; } .w-\[36\%\] { width: 36%; } .w-\[52px\] { width: 52px; } .w-\[66vw\] { width: 66vw; } .w-\[75vw\] { width: 75vw; } .w-\[80\%\] { width: 80%; } .w-\[85vw\] { width: 85vw; } .w-\[95vw\] { width: 95vw; } .w-\[100px\] { width: 100px; } .w-\[110px\] { width: 110px; } .w-\[200px\] { width: 200px; } .w-\[220px\] { width: 220px; } .w-\[288px\] { width: 288px; } .w-\[300px\] { width: 300px; } .w-\[320px\] { width: 320px; } .w-\[360px\] { width: 360px; } .w-\[420px\] { width: 420px; } .w-\[440px\] { width: 440px; } .w-\[calc\(100\%-\(--spacing\(12\)\)\)\] { width: calc(100% - (calc(var(--spacing) * 12))); } .w-\[calc\(100\%_-_16px\)\] { width: calc(100% - 16px); } .w-\[calc\(100\%_-theme\(spacing\.6\)\)\] { width: calc(100% - 1.5rem); } .w-\[calc\(var\(--thumb-size\)\*2-2px\)\] { width: calc(var(--thumb-size) * 2 - 2px); } .w-\[calc\(var\(--visible-months\)_\*_var\(--calendar-width\)\)\] { width: calc(var(--visible-months) * var(--calendar-width)); } .w-\[min\(42rem\,calc\(100vw-2rem\)\)\] { width: min(42rem, calc(100vw - 2rem)); } .w-\[min\(560px\,calc\(100vw-280px\)\)\] { width: min(560px, calc(100vw - 280px)); } .w-\[min\(880px\,calc\(100vw-48px\)\)\] { width: min(880px, calc(100vw - 48px)); } .w-auto { width: auto; } .w-divider { width: var(--heroui-divider-weight); } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-max { width: max-content; } .w-px { width: 1px; } .w-screen { width: 100vw; } .max-w-\(--available-width\) { max-width: var(--available-width); } .max-w-\(--skeleton-width\) { max-width: var(--skeleton-width); } .max-w-0 { max-width: calc(var(--spacing) * 0); } .max-w-1\/4 { max-width: calc(1 / 4 * 100%); } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-5xl { max-width: var(--container-5xl); } .max-w-6xl { max-width: var(--container-6xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-70 { max-width: calc(var(--spacing) * 70); } .max-w-72 { max-width: calc(var(--spacing) * 72); } .max-w-120 { max-width: calc(var(--spacing) * 120); } .max-w-\[12ch\] { max-width: 12ch; } .max-w-\[12rem\] { max-width: 12rem; } .max-w-\[18rem\] { max-width: 18rem; } .max-w-\[20em\] { max-width: 20em; } .max-w-\[20vw\] { max-width: 20vw; } .max-w-\[23vw\] { max-width: 23vw; } .max-w-\[24rem\] { max-width: 24rem; } .max-w-\[25em\] { max-width: 25em; } .max-w-\[25rem\] { max-width: 25rem; } .max-w-\[28rem\] { max-width: 28rem; } .max-w-\[38rem\] { max-width: 38rem; } .max-w-\[42em\] { max-width: 42em; } .max-w-\[42rem\] { max-width: 42rem; } .max-w-\[45ch\] { max-width: 45ch; } .max-w-\[50ch\] { max-width: 50ch; } .max-w-\[50em\] { max-width: 50em; } .max-w-\[60\%\] { max-width: 60%; } .max-w-\[70vw\] { max-width: 70vw; } .max-w-\[80vw\] { max-width: 80vw; } .max-w-\[88\%\] { max-width: 88%; } .max-w-\[90vw\] { max-width: 90vw; } .max-w-\[95vw\] { max-width: 95vw; } .max-w-\[96px\] { max-width: 96px; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[140px\] { max-width: 140px; } .max-w-\[150px\] { max-width: 150px; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[250px\] { max-width: 250px; } .max-w-\[270px\] { max-width: 270px; } .max-w-\[280px\] { max-width: 280px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[420px\] { max-width: 420px; } .max-w-\[440px\] { max-width: 440px; } .max-w-\[480px\] { max-width: 480px; } .max-w-\[640px\] { max-width: 640px; } .max-w-\[768px\] { max-width: 768px; } .max-w-\[1000px\] { max-width: 1000px; } .max-w-\[1024px\] { max-width: 1024px; } .max-w-\[1280px\] { max-width: 1280px; } .max-w-\[1500px\] { max-width: 1500px; } .max-w-\[1536px\] { max-width: 1536px; } .max-w-\[calc\(100\%-2rem\)\] { max-width: calc(100% - 2rem); } .max-w-\[calc\(100vw-2rem\)\] { max-width: calc(100vw - 2rem); } .max-w-\[min\(320px\,calc\(100vw-2rem\)\)\] { max-width: min(320px, calc(100vw - 2rem)); } .max-w-\[none\] { max-width: none; } .max-w-fit { max-width: fit-content; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-screen-2xl { max-width: var(--breakpoint-2xl); } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .min-w-\(--anchor-width\) { min-width: var(--anchor-width); } .min-w-\(--radix-select-trigger-width\) { min-width: var(--radix-select-trigger-width); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-3 { min-width: calc(var(--spacing) * 3); } .min-w-3\.5 { min-width: calc(var(--spacing) * 3.5); } .min-w-4 { min-width: calc(var(--spacing) * 4); } .min-w-5 { min-width: calc(var(--spacing) * 5); } .min-w-5\.5 { min-width: calc(var(--spacing) * 5.5); } .min-w-6 { min-width: calc(var(--spacing) * 6); } .min-w-6\.5 { min-width: calc(var(--spacing) * 6.5); } .min-w-7 { min-width: calc(var(--spacing) * 7); } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-9 { min-width: calc(var(--spacing) * 9); } .min-w-10 { min-width: calc(var(--spacing) * 10); } .min-w-12 { min-width: calc(var(--spacing) * 12); } .min-w-14 { min-width: calc(var(--spacing) * 14); } .min-w-16 { min-width: calc(var(--spacing) * 16); } .min-w-20 { min-width: calc(var(--spacing) * 20); } .min-w-24 { min-width: calc(var(--spacing) * 24); } .min-w-28 { min-width: calc(var(--spacing) * 28); } .min-w-32 { min-width: calc(var(--spacing) * 32); } .min-w-36 { min-width: calc(var(--spacing) * 36); } .min-w-40 { min-width: calc(var(--spacing) * 40); } .min-w-48 { min-width: calc(var(--spacing) * 48); } .min-w-56 { min-width: calc(var(--spacing) * 56); } .min-w-64 { min-width: calc(var(--spacing) * 64); } .min-w-\[2rem\] { min-width: 2rem; } .min-w-\[5\.75rem\] { min-width: 5.75rem; } .min-w-\[6\.5rem\] { min-width: 6.5rem; } .min-w-\[9\.55em\] { min-width: 9.55em; } .min-w-\[9ch\] { min-width: 9ch; } .min-w-\[10rem\] { min-width: 10rem; } .min-w-\[14rem\] { min-width: 14rem; } .min-w-\[20rem\] { min-width: 20rem; } .min-w-\[50px\] { min-width: 50px; } .min-w-\[53rem\] { min-width: 53rem; } .min-w-\[60px\] { min-width: 60px; } .min-w-\[68rem\] { min-width: 68rem; } .min-w-\[70px\] { min-width: 70px; } .min-w-\[80px\] { min-width: 80px; } .min-w-\[88px\] { min-width: 88px; } .min-w-\[90px\] { min-width: 90px; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[208px\] { min-width: 208px; } .min-w-\[250px\] { min-width: 250px; } .min-w-\[260px\] { min-width: 260px; } .min-w-\[280px\] { min-width: 280px; } .min-w-\[300px\] { min-width: 300px; } .min-w-\[360px\] { min-width: 360px; } .min-w-\[400px\] { min-width: 400px; } .min-w-\[440px\] { min-width: 440px; } .min-w-\[700px\] { min-width: 700px; } .min-w-fit { min-width: fit-content; } .min-w-full { min-width: 100%; } .min-w-max { min-width: max-content; } .min-w-min { min-width: min-content; } .flex-1 { flex: 1; } .flex-2 { flex: 2; } .flex-auto { flex: auto; } .flex-initial { flex: 0 auto; } .flex-none { flex: none; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .basis-0 { flex-basis: calc(var(--spacing) * 0); } .table-auto { table-layout: auto; } .table-fixed { table-layout: fixed; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .border-separate { border-collapse: separate; } .border-spacing-0 { --tw-border-spacing-x: calc(var(--spacing) * 0); --tw-border-spacing-y: calc(var(--spacing) * 0); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } .\[transform-origin\:var\(--trigger-anchor-point\)\] { transform-origin: var(--trigger-anchor-point); } .origin-\(--radix-dropdown-menu-content-transform-origin\) { transform-origin: var(--radix-dropdown-menu-content-transform-origin); } .origin-\(--radix-popover-content-transform-origin\) { transform-origin: var(--radix-popover-content-transform-origin); } .origin-\(--radix-tooltip-content-transform-origin\) { transform-origin: var(--radix-tooltip-content-transform-origin); } .origin-\(--transform-origin\) { transform-origin: var(--transform-origin); } .origin-\[50\%_calc\(100\%-var\(--inset\)\)\] { transform-origin: 50% calc(100% - var(--inset)); } .origin-\[50\%_var\(--inset\)\] { transform-origin: 50% var(--inset); } .origin-center { transform-origin: center; } .origin-left { transform-origin: 0; } .origin-right { transform-origin: 100%; } .origin-top { transform-origin: top; } .origin-top-left { transform-origin: 0 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-px { --tw-translate-x: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\(--active-tab-left\) { --tw-translate-x: var(--active-tab-left); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0\.5 { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1 { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1\/2 { --tw-translate-x: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-4 { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[-50\%\] { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-px { --tw-translate-x: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\(--active-tab-bottom\) { --tw-translate-y: calc(var(--active-tab-bottom) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1 { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-px { --tw-translate-y: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0\.5 { --tw-translate-y: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-1 { --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-1\/2 { --tw-translate-y: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-2\/4 { --tw-translate-y: calc(2 / 4 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-3\/4 { --tw-translate-y: calc(3 / 4 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-50\%\] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-0 { --tw-scale-x: 0%; --tw-scale-y: 0%; --tw-scale-z: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-50 { --tw-scale-x: 50%; --tw-scale-y: 50%; --tw-scale-z: 50%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-90 { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-105 { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .-scale-x-100 { --tw-scale-x: calc(100% * -1); scale: var(--tw-scale-x) var(--tw-scale-y); } .rotate-0 { rotate: 0deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .spinner-bar-animation { animation: fade-out 1.2s linear infinite; animation-delay: calc(-1.2s + (0.1s * var(--bar-index))); transform: rotate(calc(30deg * var(--bar-index))) translate(140%); } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .transform-\[translateX\(var\(--drawer-swipe-movement-x\)\)\] { transform: translateX(var(--drawer-swipe-movement-x)); } .transform-\[translateY\(calc\(var\(--drawer-snap-point-offset\)\+var\(--drawer-swipe-movement-y\)\)\)\] { transform: translateY(calc(var(--drawer-snap-point-offset) + var(--drawer-swipe-movement-y))); } .transform-\[translateY\(var\(--drawer-swipe-movement-y\)\)\] { transform: translateY(var(--drawer-swipe-movement-y)); } .transform-gpu { transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .\[animation\:spin_2s_linear_infinite\] { animation: spin 2s linear infinite; } .animate-\[appearance-in_1s_infinite\] { animation: appearance-in 1s infinite; } .animate-blink { animation: blink 1.4s infinite both; } .animate-bounce { animation: var(--animate-bounce); } .animate-drip-expand { animation: drip-expand 420ms linear; } .animate-flower-rise { animation: flower-rise 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; } .animate-in { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .animate-indeterminate-bar { animation: indeterminate-bar 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite normal none running; } .animate-none { animation: none; } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .animate-spinner-ease-spin { animation: spinner-spin 0.8s ease infinite; } .animate-spinner-linear-spin { animation: spinner-spin 0.8s linear infinite; } .animate-sway { animation: sway 750ms ease infinite; } .cursor-col-resize { cursor: col-resize; } .cursor-crosshair { cursor: crosshair; } .cursor-default { cursor: default; } .cursor-grab { cursor: grab; } .cursor-grabbing { cursor: grabbing; } .cursor-help { cursor: help; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .cursor-wait { cursor: wait; } .touch-auto { touch-action: auto; } .touch-none { touch-action: none; } .resize { resize: both; } .resize-none { resize: none; } .resize-y { resize: vertical; } .snap-y { scroll-snap-type: y var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-center { scroll-snap-align: center; } .scroll-mt-4 { scroll-margin-top: calc(var(--spacing) * 4); } .scroll-mt-24 { scroll-margin-top: calc(var(--spacing) * 24); } .scroll-py-6 { scroll-padding-block: calc(var(--spacing) * 6); } .\[scrollbar-width\:none\] { scrollbar-width: none; } .\[scrollbar-width\:thin\] { scrollbar-width: thin; } .\[scrollbar-gutter\:stable\] { scrollbar-gutter: stable; } .scrollbar-gutter-stable { scrollbar-gutter: stable; } .list-inside { list-style-position: inside; } .list-outside { list-style-position: outside; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .appearance-none { appearance: none; } .columns-2 { columns: 2; } .auto-rows-min { grid-auto-rows: min-content; } .\[grid-template-columns\:repeat\(auto-fit\,minmax\(15rem\,max-content\)\)\] { grid-template-columns: repeat(auto-fit,minmax(15rem,max-content)); } .\[grid-template-columns\:repeat\(auto-fit\,minmax\(24rem\,max-content\)\)\] { grid-template-columns: repeat(auto-fit,minmax(24rem,max-content)); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-\[\.75rem_1fr\] { grid-template-columns: .75rem 1fr; } .grid-cols-\[1fr_1fr_2fr\] { grid-template-columns: 1fr 1fr 2fr; } .grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; } .grid-cols-\[1rem_1fr\] { grid-template-columns: 1rem 1fr; } .grid-cols-\[6\.5rem_minmax\(10rem\,1fr\)_minmax\(18rem\,2fr\)_minmax\(12rem\,1fr\)_8\.5rem\] { grid-template-columns: 6.5rem minmax(10rem,1fr) minmax(18rem,2fr) minmax(12rem,1fr) 8.5rem; } .grid-cols-\[7rem_6\.5rem_minmax\(10rem\,1fr\)_minmax\(18rem\,2fr\)_minmax\(12rem\,1fr\)_8rem_8rem\] { grid-template-columns: 7rem 6.5rem minmax(10rem,1fr) minmax(18rem,2fr) minmax(12rem,1fr) 8rem 8rem; } .grid-cols-\[8\.75rem_7rem\] { grid-template-columns: 8.75rem 7rem; } .grid-cols-\[40\%_25\%_15\%_20\%\] { grid-template-columns: 40% 25% 15% 20%; } .grid-cols-\[40\%_25\%_auto_20\%\] { grid-template-columns: 40% 25% auto 20%; } .grid-cols-\[64px_1fr_1fr_1fr_64px\] { grid-template-columns: 64px 1fr 1fr 1fr 64px; } .grid-cols-\[180px_minmax\(0\,680px\)\] { grid-template-columns: 180px minmax(0,680px); } .grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .grid-cols-\[auto_max-content\] { grid-template-columns: auto max-content; } .grid-cols-\[auto_minmax\(0\,1fr\)\] { grid-template-columns: auto minmax(0,1fr); } .grid-cols-\[auto_minmax\(0\,1fr\)_auto_auto\] { grid-template-columns: auto minmax(0,1fr) auto auto; } .grid-cols-\[max-content_minmax\(8rem\,1fr\)\] { grid-template-columns: max-content minmax(8rem,1fr); } .grid-cols-\[max-content_minmax\(12rem\,_1fr\)\] { grid-template-columns: max-content minmax(12rem, 1fr); } .grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0,1.4fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) auto; } .grid-cols-\[minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0,1fr) auto; } .grid-cols-\[minmax\(0\,1fr\)_auto_auto\] { grid-template-columns: minmax(0,1fr) auto auto; } .grid-cols-\[minmax\(0\,1fr\)_auto_auto_auto\] { grid-template-columns: minmax(0,1fr) auto auto auto; } .grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); } .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_12ch\] { grid-template-columns: minmax(0,1fr) minmax(0,1fr) 12ch; } .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto; } .grid-cols-\[minmax\(12ch\,22ch\)_auto\] { grid-template-columns: minmax(12ch,22ch) auto; } .grid-cols-\[minmax\(var\(--label-min-width\,115px\)\,1fr\)_minmax\(0\,2fr\)\] { grid-template-columns: minmax(var(--label-min-width,115px),1fr) minmax(0,2fr); } .grid-cols-\[repeat\(auto-fit\,minmax\(24rem\,max-content\)\)\] { grid-template-columns: repeat(auto-fit,minmax(24rem,max-content)); } .grid-rows-\[0fr\] { grid-template-rows: 0fr; } .grid-rows-\[1fr\] { grid-template-rows: 1fr; } .grid-rows-\[1fr_auto\] { grid-template-rows: 1fr auto; } .grid-rows-\[auto_1fr\] { grid-template-rows: auto 1fr; } .grid-rows-\[auto_auto\] { grid-template-rows: auto auto; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .place-content-center { place-content: center; } .place-items-center { place-items: center; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .justify-items-center { justify-items: center; } .\!gap-0 { gap: calc(var(--spacing) * 0) !important; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-0\.5 { gap: calc(var(--spacing) * 0.5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-7 { gap: calc(var(--spacing) * 7); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-20 { gap: calc(var(--spacing) * 20); } .space-y-0 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-0\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-2 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-3 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-4 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-6 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-8 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-12 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))); } } .gap-x-0 { column-gap: calc(var(--spacing) * 0); } .gap-x-0\.5 { column-gap: calc(var(--spacing) * 0.5); } .gap-x-1 { column-gap: calc(var(--spacing) * 1); } .gap-x-1\.5 { column-gap: calc(var(--spacing) * 1.5); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .space-x-0\.5 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-2 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } } .gap-y-0 { row-gap: calc(var(--spacing) * 0); } .gap-y-0\.5 { row-gap: calc(var(--spacing) * 0.5); } .gap-y-1 { row-gap: calc(var(--spacing) * 1); } .gap-y-1\.5 { row-gap: calc(var(--spacing) * 1.5); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } .divide-x { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } } .divide-y { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } } .divide-gray-100 { :where(& > :not(:last-child)) { border-color: var(--color-gray-100); } } .divide-gray-200 { :where(& > :not(:last-child)) { border-color: var(--color-gray-200); } } .divide-neutral-100 { :where(& > :not(:last-child)) { border-color: var(--color-neutral-100); } } .divide-neutral-200 { :where(& > :not(:last-child)) { border-color: var(--color-neutral-200); } } .divide-neutral-300\/50 { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, oklch(87% 0 0) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-neutral-300) 50%, transparent); } } } .self-center { align-self: center; } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .justify-self-end { justify-self: flex-end; } .\!truncate { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-auto { overflow: auto; } .overflow-clip { overflow: clip; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-clip { overflow-x: clip; } .overflow-x-hidden { overflow-x: hidden; } .overflow-x-scroll { overflow-x: scroll; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-scroll { overflow-y: scroll; } .overscroll-contain { overscroll-behavior: contain; } .overscroll-none { overscroll-behavior: none; } .\!rounded-none { border-radius: 0 !important; } .rounded { border-radius: 0.25rem; } .rounded-\(--thumb-size\) { border-radius: var(--thumb-size); } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[\.25rem\] { border-radius: .25rem; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[14px\] { border-radius: 14px; } .rounded-\[22px\] { border-radius: 22px; } .rounded-\[calc\(var\(--heroui-radius-large\)\/1\.5\)\] { border-radius: calc(var(--heroui-radius-large) / 1.5); } .rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.5\)\] { border-radius: calc(var(--heroui-radius-medium) * 0.5); } .rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.6\)\] { border-radius: calc(var(--heroui-radius-medium) * 0.6); } .rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.7\)\] { border-radius: calc(var(--heroui-radius-medium) * 0.7); } .rounded-\[calc\(var\(--heroui-radius-medium\)\/2\)\] { border-radius: calc(var(--heroui-radius-medium) / 2); } .rounded-\[calc\(var\(--heroui-radius-small\)\/2\)\] { border-radius: calc(var(--heroui-radius-small) / 2); } .rounded-\[calc\(var\(--panel-radius\)-0\.25rem\)\] { border-radius: calc(var(--panel-radius) - 0.25rem); } .rounded-\[calc\(var\(--radius-md\)-1px\)\] { border-radius: calc(var(--radius-md) - 1px); } .rounded-\[inherit\] { border-radius: inherit; } .rounded-\[var\(--panel-radius\)\] { border-radius: var(--panel-radius); } .rounded-fml { border-radius: 14px; } .rounded-fmlb { border-radius: 28px; } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-large { border-radius: var(--heroui-radius-large); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-medium { border-radius: var(--heroui-radius-medium); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-small { border-radius: var(--heroui-radius-small); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-xs { border-radius: var(--radius-xs); } .\!rounded-s-none { border-start-start-radius: 0 !important; border-end-start-radius: 0 !important; } .rounded-s-2xl { border-start-start-radius: var(--radius-2xl); border-end-start-radius: var(--radius-2xl); } .\!rounded-e-none { border-start-end-radius: 0 !important; border-end-end-radius: 0 !important; } .rounded-e-2xl { border-start-end-radius: var(--radius-2xl); border-end-end-radius: var(--radius-2xl); } .\!rounded-t-none { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } .rounded-t-\[10px\] { border-top-left-radius: 10px; border-top-right-radius: 10px; } .rounded-t-\[14px\] { border-top-left-radius: 14px; border-top-right-radius: 14px; } .rounded-t-\[22px\] { border-top-left-radius: 22px; border-top-right-radius: 22px; } .rounded-t-large { border-top-left-radius: var(--heroui-radius-large); border-top-right-radius: var(--heroui-radius-large); } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .rounded-t-md { border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); } .rounded-t-medium { border-top-left-radius: var(--heroui-radius-medium); border-top-right-radius: var(--heroui-radius-medium); } .rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; } .rounded-t-small { border-top-left-radius: var(--heroui-radius-small); border-top-right-radius: var(--heroui-radius-small); } .rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rounded-r-lg { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); } .rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rounded-b-2xl { border-bottom-right-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); } .rounded-b-\[20px\] { border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .rounded-b-large { border-bottom-right-radius: var(--heroui-radius-large); border-bottom-left-radius: var(--heroui-radius-large); } .rounded-b-medium { border-bottom-right-radius: var(--heroui-radius-medium); border-bottom-left-radius: var(--heroui-radius-medium); } .rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .rounded-b-small { border-bottom-right-radius: var(--heroui-radius-small); border-bottom-left-radius: var(--heroui-radius-small); } .rounded-br-md { border-bottom-right-radius: var(--radius-md); } .rounded-bl-md { border-bottom-left-radius: var(--radius-md); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-1 { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-3 { border-style: var(--tw-border-style); border-width: 3px; } .border-medium { border-style: var(--tw-border-style); border-width: var(--heroui-border-width-medium); } .border-small { border-style: var(--tw-border-style); border-width: var(--heroui-border-width-small); } .border-x-\[calc\(theme\(spacing\.5\)\/2\)\] { border-inline-style: var(--tw-border-style); border-inline-width: calc(1.25rem / 2); } .border-x-\[calc\(theme\(spacing\.6\)\/2\)\] { border-inline-style: var(--tw-border-style); border-inline-width: calc(1.5rem / 2); } .border-x-\[calc\(theme\(spacing\.7\)\/2\)\] { border-inline-style: var(--tw-border-style); border-inline-width: calc(1.75rem / 2); } .border-y-\[calc\(theme\(spacing\.5\)\/2\)\] { border-block-style: var(--tw-border-style); border-block-width: calc(1.25rem / 2); } .border-y-\[calc\(theme\(spacing\.6\)\/2\)\] { border-block-style: var(--tw-border-style); border-block-width: calc(1.5rem / 2); } .border-y-\[calc\(theme\(spacing\.7\)\/2\)\] { border-block-style: var(--tw-border-style); border-block-width: calc(1.75rem / 2); } .border-s { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; } .border-e { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-t-\[3px\] { border-top-style: var(--tw-border-style); border-top-width: 3px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-r-1 { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-b-3 { border-bottom-style: var(--tw-border-style); border-bottom-width: 3px; } .border-b-medium { border-bottom-style: var(--tw-border-style); border-bottom-width: var(--heroui-border-width-medium); } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-l-3 { border-left-style: var(--tw-border-style); border-left-width: 3px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .\!border-none { --tw-border-style: none !important; border-style: none !important; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-dotted { --tw-border-style: dotted; border-style: dotted; } .border-double { --tw-border-style: double; border-style: double; } .border-none { --tw-border-style: none; border-style: none; } .border-solid { --tw-border-style: solid; border-style: solid; } .\!border-danger { border-color: hsl(var(--heroui-danger) / 1) !important; } .border-\[oklch\(0\.21_0\.006_285\.885\)\] { border-color: oklch(0.21 0.006 285.885); } .border-\[oklch\(0\.21_0\.006_285\.885_\/_12\%\)\] { border-color: oklch(0.21 0.006 285.885 / 12%); } .border-\[oklch\(0\.92_0\.004_286\.32\)\] { border-color: oklch(0.92 0.004 286.32); } .border-\[oklch\(0\.577_0\.245_27\.325\)\] { border-color: oklch(0.577 0.245 27.325); } .border-amber-100 { border-color: var(--color-amber-100); } .border-amber-200 { border-color: var(--color-amber-200); } .border-amber-300 { border-color: var(--color-amber-300); } .border-amber-300\/90 { border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-300) 90%, transparent); } } .border-amber-400 { border-color: var(--color-amber-400); } .border-background { border-color: hsl(var(--heroui-background) / 1); } .border-black { border-color: var(--color-black); } .border-blue-200 { border-color: var(--color-blue-200); } .border-blue-300 { border-color: var(--color-blue-300); } .border-blue-400 { border-color: var(--color-blue-400); } .border-blue-500 { border-color: var(--color-blue-500); } .border-danger { border-color: hsl(var(--heroui-danger) / 1); } .border-danger-100 { border-color: hsl(var(--heroui-danger-100) / 1); } .border-danger-200 { border-color: hsl(var(--heroui-danger-200) / 1); } .border-danger-400 { border-color: hsl(var(--heroui-danger-400) / 1); } .border-default { border-color: hsl(var(--heroui-default) / 1); } .border-default-100 { border-color: hsl(var(--heroui-default-100) / 1); } .border-default-200 { border-color: hsl(var(--heroui-default-200) / 1); } .border-default-300 { border-color: hsl(var(--heroui-default-300) / 1); } .border-default-400 { border-color: hsl(var(--heroui-default-400) / 1); } .border-divider { border-color: hsl(var(--heroui-divider) / 0.15); } .border-foreground { border-color: hsl(var(--heroui-foreground) / 1); } .border-foreground-400 { border-color: hsl(var(--heroui-foreground-400) / 1); } .border-forml { border-color: #0097a7; } .border-forml\! { border-color: #0097a7 !important; } .border-forml-600 { border-color: #00b3c4; } .border-forml-800 { border-color: #0b717f; } .border-forml-ai { border-color: var(--color-forml-ai); } .border-forml-ai-100 { border-color: var(--color-forml-ai-100); } .border-forml-ai-100\/80 { border-color: color-mix(in srgb, oklch(94% 0.05 292.717) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-forml-ai-100) 80%, transparent); } } .border-forml-ai-200 { border-color: var(--color-forml-ai-200); } .border-forml-ai-400\/90 { border-color: color-mix(in srgb, oklch(70% 0.2 292.717) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-forml-ai-400) 90%, transparent); } } .border-forml\/30 { border-color: color-mix(in oklab, #0097a7 30%, transparent); } .border-gray-50 { border-color: var(--color-gray-50); } .border-gray-100 { border-color: var(--color-gray-100); } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-300 { border-color: var(--color-gray-300); } .border-gray-300\! { border-color: var(--color-gray-300) !important; } .border-green-200 { border-color: var(--color-green-200); } .border-green-300 { border-color: var(--color-green-300); } .border-green-600 { border-color: var(--color-green-600); } .border-neutral-50 { border-color: var(--color-neutral-50); } .border-neutral-100 { border-color: var(--color-neutral-100); } .border-neutral-200 { border-color: var(--color-neutral-200); } .border-neutral-200\! { border-color: var(--color-neutral-200) !important; } .border-neutral-200\/0 { border-color: color-mix(in srgb, oklch(92.2% 0 0) 0%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-neutral-200) 0%, transparent); } } .border-neutral-200\/60 { border-color: color-mix(in srgb, oklch(92.2% 0 0) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-neutral-200) 60%, transparent); } } .border-neutral-200\/70 { border-color: color-mix(in srgb, oklch(92.2% 0 0) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-neutral-200) 70%, transparent); } } .border-neutral-200\/80 { border-color: color-mix(in srgb, oklch(92.2% 0 0) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-neutral-200) 80%, transparent); } } .border-neutral-300 { border-color: var(--color-neutral-300); } .border-neutral-300\/70 { border-color: color-mix(in srgb, oklch(87% 0 0) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-neutral-300) 70%, transparent); } } .border-neutral-300\/80 { border-color: color-mix(in srgb, oklch(87% 0 0) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-neutral-300) 80%, transparent); } } .border-neutral-400 { border-color: var(--color-neutral-400); } .border-neutral-600 { border-color: var(--color-neutral-600); } .border-neutral-800\/10 { border-color: color-mix(in srgb, oklch(26.9% 0 0) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-neutral-800) 10%, transparent); } } .border-neutral-800\/95 { border-color: color-mix(in srgb, oklch(26.9% 0 0) 95%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-neutral-800) 95%, transparent); } } .border-neutral-900 { border-color: var(--color-neutral-900); } .border-orange-200\/80 { border-color: color-mix(in srgb, oklch(90.1% 0.076 70.697) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-orange-200) 80%, transparent); } } .border-primary { border-color: #0097a7; } .border-primary-100 { border-color: hsl(var(--heroui-primary-100) / 1); } .border-primary-200 { border-color: hsl(var(--heroui-primary-200) / 1); } .border-primary-400 { border-color: hsl(var(--heroui-primary-400) / 1); } .border-primary-500 { border-color: hsl(var(--heroui-primary-500) / 1); } .border-purple-500 { border-color: var(--color-purple-500); } .border-red-200 { border-color: var(--color-red-200); } .border-red-300 { border-color: var(--color-red-300); } .border-red-500\! { border-color: var(--color-red-500) !important; } .border-secondary { border-color: hsl(var(--heroui-secondary) / 1); } .border-secondary-100 { border-color: hsl(var(--heroui-secondary-100) / 1); } .border-secondary-200 { border-color: hsl(var(--heroui-secondary-200) / 1); } .border-secondary-400 { border-color: hsl(var(--heroui-secondary-400) / 1); } .border-sidebar-border { border-color: var(--sidebar-border); } .border-sky-200 { border-color: var(--color-sky-200); } .border-success { border-color: hsl(var(--heroui-success) / 1); } .border-success-100 { border-color: hsl(var(--heroui-success-100) / 1); } .border-success-200 { border-color: hsl(var(--heroui-success-200) / 1); } .border-success-300 { border-color: hsl(var(--heroui-success-300) / 1); } .border-success-400 { border-color: hsl(var(--heroui-success-400) / 1); } .border-transparent { border-color: transparent; } .border-violet-200 { border-color: var(--color-violet-200); } .border-violet-300 { border-color: var(--color-violet-300); } .border-warning { border-color: hsl(var(--heroui-warning) / 1); } .border-warning-100 { border-color: hsl(var(--heroui-warning-100) / 1); } .border-warning-200 { border-color: hsl(var(--heroui-warning-200) / 1); } .border-warning-300 { border-color: hsl(var(--heroui-warning-300) / 1); } .border-warning-400 { border-color: hsl(var(--heroui-warning-400) / 1); } .border-yellow-300 { border-color: var(--color-yellow-300); } .border-yellow-400 { border-color: var(--color-yellow-400); } .border-zinc-200 { border-color: var(--color-zinc-200); } .border-zinc-200\/90 { border-color: color-mix(in srgb, oklch(92% 0.004 286.32) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-zinc-200) 90%, transparent); } } .border-zinc-950 { border-color: var(--color-zinc-950); } .border-x-transparent { border-inline-color: transparent; } .border-y-transparent { border-block-color: transparent; } .border-t-neutral-400 { border-top-color: var(--color-neutral-400); } .border-t-transparent { border-top-color: transparent; } .border-r-transparent { border-right-color: transparent; } .border-b-current { border-bottom-color: currentcolor; } .border-b-danger { border-bottom-color: hsl(var(--heroui-danger) / 1); } .border-b-default { border-bottom-color: hsl(var(--heroui-default) / 1); } .border-b-primary { border-bottom-color: #0097a7; } .border-b-secondary { border-bottom-color: hsl(var(--heroui-secondary) / 1); } .border-b-success { border-bottom-color: hsl(var(--heroui-success) / 1); } .border-b-warning { border-bottom-color: hsl(var(--heroui-warning) / 1); } .border-b-white { border-bottom-color: var(--color-white); } .border-l-blue-500 { border-left-color: var(--color-blue-500); } .border-l-gray-400 { border-left-color: var(--color-gray-400); } .border-l-green-500 { border-left-color: var(--color-green-500); } .border-l-red-500 { border-left-color: var(--color-red-500); } .border-l-transparent { border-left-color: transparent; } .border-l-yellow-500 { border-left-color: var(--color-yellow-500); } .\!bg-danger-50 { background-color: hsl(var(--heroui-danger-50) / 1) !important; } .\!bg-transparent { background-color: transparent !important; } .bg-\[\#2b9ca9\] { background-color: #2b9ca9; } .bg-\[\#F79E00\] { background-color: #F79E00; } .bg-\[\#F4520C\] { background-color: #F4520C; } .bg-\[\#f1f3f5\] { background-color: #f1f3f5; } .bg-\[\#fcfcfc\] { background-color: #fcfcfc; } .bg-\[oklch\(0\.21_0\.006_285\.885\)\] { background-color: oklch(0.21 0.006 285.885); } .bg-\[oklch\(0\.92_0\.004_286\.32\)\] { background-color: oklch(0.92 0.004 286.32); } .bg-\[oklch\(0\.141_0\.005_285\.823\)\]\/20 { background-color: color-mix(in oklab, oklch(0.141 0.005 285.823) 20%, transparent); } .bg-\[oklch\(0\.577_0\.245_27\.325\)\] { background-color: oklch(0.577 0.245 27.325); } .bg-\[oklch\(0\.577_0\.245_27\.325\)\]\/8 { background-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 8%, transparent); } .bg-\[oklch\(0\.967_0\.001_286\.375\)\] { background-color: oklch(0.967 0.001 286.375); } .bg-\[oklch\(0\.967_0\.001_286\.375\)\]\/72 { background-color: color-mix(in oklab, oklch(0.967 0.001 286.375) 72%, transparent); } .bg-\[oklch\(1_0_0\)\] { background-color: oklch(1 0 0); } .bg-amber-50 { background-color: var(--color-amber-50); } .bg-amber-50\/40 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 40%, transparent); } } .bg-amber-50\/50 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 50%, transparent); } } .bg-amber-50\/60 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 60%, transparent); } } .bg-amber-50\/70 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 70%, transparent); } } .bg-amber-50\/85 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 85%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 85%, transparent); } } .bg-amber-100 { background-color: var(--color-amber-100); } .bg-amber-100\/90 { background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-100) 90%, transparent); } } .bg-amber-200 { background-color: var(--color-amber-200); } .bg-amber-300\/30 { background-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-300) 30%, transparent); } } .bg-amber-500 { background-color: var(--color-amber-500); } .bg-background { background-color: hsl(var(--heroui-background) / 1); } .bg-background\/10 { background-color: hsl(var(--heroui-background) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-background) / 1) 10%, transparent); } } .bg-background\/70 { background-color: hsl(var(--heroui-background) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-background) / 1) 70%, transparent); } } .bg-background\/80 { background-color: hsl(var(--heroui-background) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-background) / 1) 80%, transparent); } } .bg-bi-50 { background-color: oklch(96.9% 0.016 293.756); } .bg-bi-100 { background-color: oklch(94.3% 0.029 294.588); } .bg-bi-200 { background-color: oklch(89.4% 0.057 293.283); } .bg-bi-300 { background-color: oklch(81.1% 0.111 293.571); } .bg-bi-400 { background-color: oklch(70.2% 0.183 293.541); } .bg-bi-500 { background-color: oklch(60.6% 0.25 292.717); } .bg-bi-600 { background-color: oklch(54.1% 0.281 293.009); } .bg-bi-700 { background-color: oklch(49.1% 0.27 292.581); } .bg-bi-800 { background-color: oklch(43.2% 0.232 292.759); } .bg-bi-900 { background-color: oklch(38% 0.189 293.745); } .bg-bi-950 { background-color: oklch(28.3% 0.141 291.089); } .bg-black\/20 { background-color: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .bg-black\/30 { background-color: color-mix(in srgb, #000 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } .bg-black\/32 { background-color: color-mix(in srgb, #000 32%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 32%, transparent); } } .bg-black\/50 { background-color: color-mix(in srgb, #000 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .bg-black\/80 { background-color: color-mix(in srgb, #000 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-100\/60 { background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-100) 60%, transparent); } } .bg-blue-200 { background-color: var(--color-blue-200); } .bg-blue-300 { background-color: var(--color-blue-300); } .bg-blue-300\/20 { background-color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-300) 20%, transparent); } } .bg-blue-400 { background-color: var(--color-blue-400); } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-500\/10 { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } .bg-blue-600 { background-color: var(--color-blue-600); } .bg-blue-700 { background-color: var(--color-blue-700); } .bg-blue-800 { background-color: var(--color-blue-800); } .bg-blue-900 { background-color: var(--color-blue-900); } .bg-blue-950 { background-color: var(--color-blue-950); } .bg-content1 { background-color: hsl(var(--heroui-content1) / 1); } .bg-content3 { background-color: hsl(var(--heroui-content3) / 1); } .bg-current { background-color: currentcolor; } .bg-cyan-50 { background-color: var(--color-cyan-50); } .bg-danger { background-color: hsl(var(--heroui-danger) / 1); } .bg-danger-50 { background-color: hsl(var(--heroui-danger-50) / 1); } .bg-danger-100 { background-color: hsl(var(--heroui-danger-100) / 1); } .bg-danger-400 { background-color: hsl(var(--heroui-danger-400) / 1); } .bg-danger\/20 { background-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger) / 1) 20%, transparent); } } .bg-default { background-color: hsl(var(--heroui-default) / 1); } .bg-default-50 { background-color: hsl(var(--heroui-default-50) / 1); } .bg-default-100 { background-color: hsl(var(--heroui-default-100) / 1); } .bg-default-200 { background-color: hsl(var(--heroui-default-200) / 1); } .bg-default-300\/50 { background-color: hsl(var(--heroui-default-300) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-default-300) / 1) 50%, transparent); } } .bg-default-400 { background-color: hsl(var(--heroui-default-400) / 1); } .bg-default-500 { background-color: hsl(var(--heroui-default-500) / 1); } .bg-default-800 { background-color: hsl(var(--heroui-default-800) / 1); } .bg-default\/40 { background-color: hsl(var(--heroui-default) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-default) / 1) 40%, transparent); } } .bg-dev { background-color: var(--color-dev); } .bg-dev-50 { background-color: var(--color-dev-50); } .bg-dev-100 { background-color: var(--color-dev-100); } .bg-dev-200 { background-color: var(--color-dev-200); } .bg-dev-300 { background-color: var(--color-dev-300); } .bg-dev-400 { background-color: var(--color-dev-400); } .bg-dev-500 { background-color: var(--color-dev-500); } .bg-dev-600 { background-color: var(--color-dev-600); } .bg-dev-700 { background-color: var(--color-dev-700); } .bg-dev-800 { background-color: var(--color-dev-800); } .bg-dev-900 { background-color: var(--color-dev-900); } .bg-dev-950 { background-color: var(--color-dev-950); } .bg-divider { background-color: hsl(var(--heroui-divider) / 0.15); } .bg-emerald-50 { background-color: var(--color-emerald-50); } .bg-foreground { background-color: hsl(var(--heroui-foreground) / 1); } .bg-foreground-100 { background-color: hsl(var(--heroui-foreground-100) / 1); } .bg-foreground-400 { background-color: hsl(var(--heroui-foreground-400) / 1); } .bg-foreground\/10 { background-color: hsl(var(--heroui-foreground) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 10%, transparent); } } .bg-forml { background-color: #0097a7; } .bg-forml-50 { background-color: #eafffc; } .bg-forml-100 { background-color: #cafffa; } .bg-forml-200 { background-color: #9cfff8; } .bg-forml-300 { background-color: #57fff6; } .bg-forml-400 { background-color: #0cfffe; } .bg-forml-500 { background-color: #00e2ea; } .bg-forml-600 { background-color: #00b3c4; } .bg-forml-600\/30 { background-color: color-mix(in oklab, #00b3c4 30%, transparent); } .bg-forml-700 { background-color: #0097a7; } .bg-forml-700\/10 { background-color: color-mix(in oklab, #0097a7 10%, transparent); } .bg-forml-700\/15 { background-color: color-mix(in oklab, #0097a7 15%, transparent); } .bg-forml-700\/20 { background-color: color-mix(in oklab, #0097a7 20%, transparent); } .bg-forml-700\/50 { background-color: color-mix(in oklab, #0097a7 50%, transparent); } .bg-forml-700\/60 { background-color: color-mix(in oklab, #0097a7 60%, transparent); } .bg-forml-800 { background-color: #0b717f; } .bg-forml-900 { background-color: #0e5d6b; } .bg-forml-950 { background-color: #023f4a; } .bg-forml-ai { background-color: var(--color-forml-ai); } .bg-forml-ai-50 { background-color: var(--color-forml-ai-50); } .bg-forml-ai-50\/30 { background-color: color-mix(in srgb, oklch(97% 0.02 292.717) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-forml-ai-50) 30%, transparent); } } .bg-forml-ai-50\/60 { background-color: color-mix(in srgb, oklch(97% 0.02 292.717) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-forml-ai-50) 60%, transparent); } } .bg-forml-ai-100 { background-color: var(--color-forml-ai-100); } .bg-forml-ai-100\/90 { background-color: color-mix(in srgb, oklch(94% 0.05 292.717) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-forml-ai-100) 90%, transparent); } } .bg-forml-ai-200 { background-color: var(--color-forml-ai-200); } .bg-forml-ai-300 { background-color: var(--color-forml-ai-300); } .bg-forml-ai-400 { background-color: var(--color-forml-ai-400); } .bg-forml-ai-500 { background-color: var(--color-forml-ai-500); } .bg-forml-ai-600 { background-color: var(--color-forml-ai-600); } .bg-forml-ai-700 { background-color: var(--color-forml-ai-700); } .bg-forml-ai-800 { background-color: var(--color-forml-ai-800); } .bg-forml-ai-900 { background-color: var(--color-forml-ai-900); } .bg-forml-ai-950 { background-color: var(--color-forml-ai-950); } .bg-forml-hinweis-50 { background-color: oklch(98.7% 0.022 95.277); } .bg-forml-hinweis-100 { background-color: oklch(96.2% 0.059 95.617); } .bg-forml-hinweis-200 { background-color: oklch(92.4% 0.12 95.746); } .bg-forml-hinweis-300 { background-color: oklch(87.9% 0.169 91.605); } .bg-forml-hinweis-400 { background-color: oklch(82.8% 0.189 84.429); } .bg-forml-hinweis-500 { background-color: oklch(76.9% 0.188 70.08); } .bg-forml-hinweis-600 { background-color: oklch(66.6% 0.179 58.318); } .bg-forml-hinweis-700 { background-color: oklch(55.5% 0.163 48.998); } .bg-forml-hinweis-800 { background-color: oklch(47.3% 0.137 46.201); } .bg-forml-hinweis-900 { background-color: oklch(41.4% 0.112 45.904); } .bg-forml-hinweis-950 { background-color: oklch(27.9% 0.077 45.635); } .bg-forml\/5 { background-color: color-mix(in oklab, #0097a7 5%, transparent); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-50\/50 { background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent); } } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-green-50 { background-color: var(--color-green-50); } .bg-green-100 { background-color: var(--color-green-100); } .bg-green-200 { background-color: var(--color-green-200); } .bg-green-300 { background-color: var(--color-green-300); } .bg-green-300\/20 { background-color: color-mix(in srgb, oklch(87.1% 0.15 154.449) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-300) 20%, transparent); } } .bg-green-400 { background-color: var(--color-green-400); } .bg-green-500 { background-color: var(--color-green-500); } .bg-green-500\/30 { background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-500) 30%, transparent); } } .bg-green-600 { background-color: var(--color-green-600); } .bg-green-700 { background-color: var(--color-green-700); } .bg-green-800 { background-color: var(--color-green-800); } .bg-green-900 { background-color: var(--color-green-900); } .bg-green-950 { background-color: var(--color-green-950); } .bg-indigo-50 { background-color: var(--color-indigo-50); } .bg-indigo-300\/40 { background-color: color-mix(in srgb, oklch(78.5% 0.115 274.713) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-300) 40%, transparent); } } .bg-neutral-50 { background-color: var(--color-neutral-50); } .bg-neutral-50\/50 { background-color: color-mix(in srgb, oklch(98.5% 0 0) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-50) 50%, transparent); } } .bg-neutral-50\/60 { background-color: color-mix(in srgb, oklch(98.5% 0 0) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-50) 60%, transparent); } } .bg-neutral-50\/72 { background-color: color-mix(in srgb, oklch(98.5% 0 0) 72%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-50) 72%, transparent); } } .bg-neutral-50\/80 { background-color: color-mix(in srgb, oklch(98.5% 0 0) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-50) 80%, transparent); } } .bg-neutral-50\/90 { background-color: color-mix(in srgb, oklch(98.5% 0 0) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-50) 90%, transparent); } } .bg-neutral-100 { background-color: var(--color-neutral-100); } .bg-neutral-100\/30 { background-color: color-mix(in srgb, oklch(97% 0 0) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-100) 30%, transparent); } } .bg-neutral-100\/60 { background-color: color-mix(in srgb, oklch(97% 0 0) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-100) 60%, transparent); } } .bg-neutral-200 { background-color: var(--color-neutral-200); } .bg-neutral-200\/20 { background-color: color-mix(in srgb, oklch(92.2% 0 0) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-200) 20%, transparent); } } .bg-neutral-200\/50 { background-color: color-mix(in srgb, oklch(92.2% 0 0) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-200) 50%, transparent); } } .bg-neutral-200\/80 { background-color: color-mix(in srgb, oklch(92.2% 0 0) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-200) 80%, transparent); } } .bg-neutral-300 { background-color: var(--color-neutral-300); } .bg-neutral-300\/60 { background-color: color-mix(in srgb, oklch(87% 0 0) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-300) 60%, transparent); } } .bg-neutral-400 { background-color: var(--color-neutral-400); } .bg-neutral-500 { background-color: var(--color-neutral-500); } .bg-neutral-600 { background-color: var(--color-neutral-600); } .bg-neutral-700 { background-color: var(--color-neutral-700); } .bg-neutral-800 { background-color: var(--color-neutral-800); } .bg-neutral-800\/95 { background-color: color-mix(in srgb, oklch(26.9% 0 0) 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-800) 95%, transparent); } } .bg-neutral-900 { background-color: var(--color-neutral-900); } .bg-neutral-950 { background-color: var(--color-neutral-950); } .bg-orange-100 { background-color: var(--color-orange-100); } .bg-orange-100\/65 { background-color: color-mix(in srgb, oklch(95.4% 0.038 75.164) 65%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-100) 65%, transparent); } } .bg-orange-200 { background-color: var(--color-orange-200); } .bg-orange-500 { background-color: var(--color-orange-500); } .bg-overlay\/30 { background-color: hsl(var(--heroui-overlay) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-overlay) / 1) 30%, transparent); } } .bg-overlay\/50 { background-color: hsl(var(--heroui-overlay) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-overlay) / 1) 50%, transparent); } } .bg-primary { background-color: #0097a7; } .bg-primary-50 { background-color: hsl(var(--heroui-primary-50) / 1); } .bg-primary-100 { background-color: hsl(var(--heroui-primary-100) / 1); } .bg-primary-400 { background-color: hsl(var(--heroui-primary-400) / 1); } .bg-primary\/10 { background-color: color-mix(in oklab, #0097a7 10%, transparent); } .bg-primary\/20 { background-color: color-mix(in oklab, #0097a7 20%, transparent); } .bg-purple-50 { background-color: var(--color-purple-50); } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-100 { background-color: var(--color-red-100); } .bg-red-100\/60 { background-color: color-mix(in srgb, oklch(93.6% 0.032 17.717) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-100) 60%, transparent); } } .bg-red-200 { background-color: var(--color-red-200); } .bg-red-300 { background-color: var(--color-red-300); } .bg-red-400 { background-color: var(--color-red-400); } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-600 { background-color: var(--color-red-600); } .bg-red-700 { background-color: var(--color-red-700); } .bg-red-800 { background-color: var(--color-red-800); } .bg-red-900 { background-color: var(--color-red-900); } .bg-red-950 { background-color: var(--color-red-950); } .bg-rose-50 { background-color: var(--color-rose-50); } .bg-secondary { background-color: hsl(var(--heroui-secondary) / 1); } .bg-secondary-50 { background-color: hsl(var(--heroui-secondary-50) / 1); } .bg-secondary-100 { background-color: hsl(var(--heroui-secondary-100) / 1); } .bg-secondary-400 { background-color: hsl(var(--heroui-secondary-400) / 1); } .bg-secondary\/20 { background-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 20%, transparent); } } .bg-sidebar { background-color: var(--sidebar); } .bg-sidebar-accent { background-color: var(--sidebar-accent); } .bg-sidebar-border { background-color: var(--sidebar-border); } .bg-sky-50 { background-color: var(--color-sky-50); } .bg-sky-50\/70 { background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-50) 70%, transparent); } } .bg-sky-50\/85 { background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 85%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-50) 85%, transparent); } } .bg-slate-50 { background-color: var(--color-slate-50); } .bg-success { background-color: hsl(var(--heroui-success) / 1); } .bg-success-50 { background-color: hsl(var(--heroui-success-50) / 1); } .bg-success-100 { background-color: hsl(var(--heroui-success-100) / 1); } .bg-success-400 { background-color: hsl(var(--heroui-success-400) / 1); } .bg-success\/20 { background-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-success) / 1) 20%, transparent); } } .bg-transparent { background-color: transparent; } .bg-violet-50 { background-color: var(--color-violet-50); } .bg-violet-500 { background-color: var(--color-violet-500); } .bg-warning { background-color: hsl(var(--heroui-warning) / 1); } .bg-warning-50 { background-color: hsl(var(--heroui-warning-50) / 1); } .bg-warning-100 { background-color: hsl(var(--heroui-warning-100) / 1); } .bg-warning-400 { background-color: hsl(var(--heroui-warning-400) / 1); } .bg-warning\/20 { background-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-warning) / 1) 20%, transparent); } } .bg-white { background-color: var(--color-white); } .bg-white\! { background-color: var(--color-white) !important; } .bg-white\/20 { background-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-white\/50 { background-color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .bg-white\/60 { background-color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .bg-white\/80 { background-color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .bg-white\/90 { background-color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .bg-white\/95 { background-color: color-mix(in srgb, #fff 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 95%, transparent); } } .bg-yellow-50 { background-color: var(--color-yellow-50); } .bg-yellow-100 { background-color: var(--color-yellow-100); } .bg-yellow-200\/40 { background-color: color-mix(in srgb, oklch(94.5% 0.129 101.54) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-200) 40%, transparent); } } .bg-yellow-300 { background-color: var(--color-yellow-300); } .bg-zinc-50 { background-color: var(--color-zinc-50); } .bg-zinc-100 { background-color: var(--color-zinc-100); } .bg-zinc-200 { background-color: var(--color-zinc-200); } .bg-zinc-300 { background-color: var(--color-zinc-300); } .bg-zinc-400 { background-color: var(--color-zinc-400); } .bg-zinc-500 { background-color: var(--color-zinc-500); } .bg-zinc-600 { background-color: var(--color-zinc-600); } .bg-zinc-700 { background-color: var(--color-zinc-700); } .bg-zinc-800 { background-color: var(--color-zinc-800); } .bg-zinc-900 { background-color: var(--color-zinc-900); } .bg-zinc-950 { background-color: var(--color-zinc-950); } .bg-linear-to-l { --tw-gradient-position: to left; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to left in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-img-inherit { background-image: inherit; } .bg-stripe-gradient-danger { background-image: linear-gradient(45deg, hsl(var(--heroui-danger-200)) 25%, hsl(var(--heroui-danger)) 25%, hsl(var(--heroui-danger)) 50%, hsl(var(--heroui-danger-200)) 50%, hsl(var(--heroui-danger-200)) 75%, hsl(var(--heroui-danger)) 75%, hsl(var(--heroui-danger))); } .bg-stripe-gradient-default { background-image: linear-gradient(45deg, hsl(var(--heroui-default-200)) 25%, hsl(var(--heroui-default-400)) 25%, hsl(var(--heroui-default-400)) 50%, hsl(var(--heroui-default-200)) 50%, hsl(var(--heroui-default-200)) 75%, hsl(var(--heroui-default-400)) 75%, hsl(var(--heroui-default-400))); } .bg-stripe-gradient-primary { background-image: linear-gradient(45deg, hsl(var(--heroui-primary-200)) 25%, hsl(var(--heroui-primary)) 25%, hsl(var(--heroui-primary)) 50%, hsl(var(--heroui-primary-200)) 50%, hsl(var(--heroui-primary-200)) 75%, hsl(var(--heroui-primary)) 75%, hsl(var(--heroui-primary))); } .bg-stripe-gradient-secondary { background-image: linear-gradient(45deg, hsl(var(--heroui-secondary-200)) 25%, hsl(var(--heroui-secondary)) 25%, hsl(var(--heroui-secondary)) 50%, hsl(var(--heroui-secondary-200)) 50%, hsl(var(--heroui-secondary-200)) 75%, hsl(var(--heroui-secondary)) 75%, hsl(var(--heroui-secondary))); } .bg-stripe-gradient-success { background-image: linear-gradient(45deg, hsl(var(--heroui-success-200)) 25%, hsl(var(--heroui-success)) 25%, hsl(var(--heroui-success)) 50%, hsl(var(--heroui-success-200)) 50%, hsl(var(--heroui-success-200)) 75%, hsl(var(--heroui-success)) 75%, hsl(var(--heroui-success))); } .bg-stripe-gradient-warning { background-image: linear-gradient(45deg, hsl(var(--heroui-warning-200)) 25%, hsl(var(--heroui-warning)) 25%, hsl(var(--heroui-warning)) 50%, hsl(var(--heroui-warning-200)) 50%, hsl(var(--heroui-warning-200)) 75%, hsl(var(--heroui-warning)) 75%, hsl(var(--heroui-warning))); } .from-\[\#fcfcfc\] { --tw-gradient-from: #fcfcfc; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-transparent { --tw-gradient-via: transparent; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-current { --tw-gradient-to: currentcolor; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-danger { --tw-gradient-to: hsl(var(--heroui-danger) / 1); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-default { --tw-gradient-to: hsl(var(--heroui-default) / 1); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary { --tw-gradient-to: #0097a7; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-secondary { --tw-gradient-to: hsl(var(--heroui-secondary) / 1); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-success { --tw-gradient-to: hsl(var(--heroui-success) / 1); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-warning { --tw-gradient-to: hsl(var(--heroui-warning) / 1); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-white { --tw-gradient-to: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mask-t-from-\[calc\(100\%-min\(var\(--fade-size\)\,var\(--scroll-area-overflow-y-start\)\)\)\] { mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-composite: intersect; --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color) var(--tw-mask-top-from-position), var(--tw-mask-top-to-color) var(--tw-mask-top-to-position)); --tw-mask-top-from-position: calc(100% - min(var(--fade-size), var(--scroll-area-overflow-y-start))); } .mask-r-from-\[calc\(100\%-1\.75rem\)\] { mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-composite: intersect; --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position)); --tw-mask-right-from-position: calc(100% - 1.75rem); } .mask-r-from-\[calc\(100\%-min\(var\(--fade-size\)\,var\(--scroll-area-overflow-x-end\)\)\)\] { mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-composite: intersect; --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position)); --tw-mask-right-from-position: calc(100% - min(var(--fade-size), var(--scroll-area-overflow-x-end))); } .mask-b-from-\[calc\(100\%-min\(var\(--fade-size\)\,var\(--scroll-area-overflow-y-end\)\)\)\] { mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-composite: intersect; --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position)); --tw-mask-bottom-from-position: calc(100% - min(var(--fade-size), var(--scroll-area-overflow-y-end))); } .mask-l-from-\[calc\(100\%-min\(var\(--fade-size\)\,var\(--scroll-area-overflow-x-start\)\)\)\] { mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-composite: intersect; --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-left: linear-gradient(to left, var(--tw-mask-left-from-color) var(--tw-mask-left-from-position), var(--tw-mask-left-to-color) var(--tw-mask-left-to-position)); --tw-mask-left-from-position: calc(100% - min(var(--fade-size), var(--scroll-area-overflow-x-start))); } .\[mask-image\:linear-gradient\(\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\] { mask-image: linear-gradient(#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent); } .bg-cover { background-size: cover; } .bg-clip-inherit { background-clip: inherit; } .bg-clip-padding { background-clip: padding-box; } .bg-clip-text { background-clip: text; } .bg-center { background-position: center; } .bg-no-repeat { background-repeat: no-repeat; } .fill-current { fill: currentcolor; } .fill-zinc-900 { fill: var(--color-zinc-900); } .stroke-current { stroke: currentcolor; } .stroke-default-300\/50 { stroke: hsl(var(--heroui-default-300) / 1); @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, hsl(var(--heroui-default-300) / 1) 50%, transparent); } } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-fill { object-fit: fill; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * 0.5); } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-12 { padding: calc(var(--spacing) * 12); } .p-\[calc\(--spacing\(1\)-1px\)\] { padding: calc(calc(var(--spacing) * 1) - 1px); } .p-px { padding: 1px; } .\!px-1 { padding-inline: calc(var(--spacing) * 1) !important; } .px-\(--inset\) { padding-inline: var(--inset); } .px-\(--viewport-inline-padding\) { padding-inline: var(--viewport-inline-padding); } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-0\.5 { padding-inline: calc(var(--spacing) * 0.5); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-12 { padding-inline: calc(var(--spacing) * 12); } .px-\[calc\(--spacing\(1\)-1px\)\] { padding-inline: calc(calc(var(--spacing) * 1) - 1px); } .px-\[calc\(--spacing\(1\.5\)-1px\)\] { padding-inline: calc(calc(var(--spacing) * 1.5) - 1px); } .px-\[calc\(--spacing\(2\)-1px\)\] { padding-inline: calc(calc(var(--spacing) * 2) - 1px); } .px-\[calc\(--spacing\(2\.5\)-1px\)\] { padding-inline: calc(calc(var(--spacing) * 2.5) - 1px); } .px-\[calc\(--spacing\(3\)-1px\)\] { padding-inline: calc(calc(var(--spacing) * 3) - 1px); } .px-\[calc\(--spacing\(3\.5\)-1px\)\] { padding-inline: calc(calc(var(--spacing) * 3.5) - 1px); } .px-\[calc\(--spacing\(4\)-1px\)\] { padding-inline: calc(calc(var(--spacing) * 4) - 1px); } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-\[1px\] { padding-block: 1px; } .py-\[calc\(--spacing\(1\)-1px\)\] { padding-block: calc(calc(var(--spacing) * 1) - 1px); } .py-\[calc\(--spacing\(1\.5\)-1px\)\] { padding-block: calc(calc(var(--spacing) * 1.5) - 1px); } .py-\[calc\(--spacing\(2\)-1px\)\] { padding-block: calc(calc(var(--spacing) * 2) - 1px); } .py-px { padding-block: 1px; } .ps-1 { padding-inline-start: calc(var(--spacing) * 1); } .ps-1\.5 { padding-inline-start: calc(var(--spacing) * 1.5); } .ps-2 { padding-inline-start: calc(var(--spacing) * 2); } .ps-\[calc\(--spacing\(3\)-1px\)\] { padding-inline-start: calc(calc(var(--spacing) * 3) - 1px); } .pe-1\.5 { padding-inline-end: calc(var(--spacing) * 1.5); } .pe-2 { padding-inline-end: calc(var(--spacing) * 2); } .pe-4 { padding-inline-end: calc(var(--spacing) * 4); } .pe-6 { padding-inline-end: calc(var(--spacing) * 6); } .pt-\(--inset\) { padding-top: var(--inset); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-0\.5 { padding-top: calc(var(--spacing) * 0.5); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-3\.5 { padding-top: calc(var(--spacing) * 3.5); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-12 { padding-top: calc(var(--spacing) * 12); } .pt-20 { padding-top: calc(var(--spacing) * 20); } .pt-24 { padding-top: calc(var(--spacing) * 24); } .pt-\[22px\] { padding-top: 22px; } .pr-0 { padding-right: calc(var(--spacing) * 0); } .pr-0\.5 { padding-right: calc(var(--spacing) * 0.5); } .pr-1 { padding-right: calc(var(--spacing) * 1); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-6 { padding-right: calc(var(--spacing) * 6); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-9 { padding-right: calc(var(--spacing) * 9); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pr-32 { padding-right: calc(var(--spacing) * 32); } .pr-\[68px\] { padding-right: 68px; } .\!pb-0 { padding-bottom: calc(var(--spacing) * 0) !important; } .pb-\(--inset\) { padding-bottom: var(--inset); } .pb-\(--safe-area-inset-bottom\,0px\) { padding-bottom: var(--safe-area-inset-bottom,0px); } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-0\.5 { padding-bottom: calc(var(--spacing) * 0.5); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pb-20 { padding-bottom: calc(var(--spacing) * 20); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pb-\[calc\(env\(safe-area-inset-bottom\,0px\)\+--spacing\(4\)\)\] { padding-bottom: calc(env(safe-area-inset-bottom,0px) + calc(var(--spacing) * 4)); } .pb-\[calc\(env\(safe-area-inset-bottom\,0px\)\+--spacing\(6\)\)\] { padding-bottom: calc(env(safe-area-inset-bottom,0px) + calc(var(--spacing) * 6)); } .pb-\[max\(0px\,calc\(env\(safe-area-inset-bottom\,0px\)\+var\(--drawer-snap-point-offset\,0px\)\+clamp\(0\,1\,var\(--drawer-snap-point-offset\,0px\)\/1px\)\*var\(--drawer-swipe-movement-y\,0px\)\)\)\] { padding-bottom: max(0px, calc(env(safe-area-inset-bottom,0px) + var(--drawer-snap-point-offset,0px) + clamp(0, 1, var(--drawer-snap-point-offset,0px) / 1px) * var(--drawer-swipe-movement-y,0px))); } .pl-0 { padding-left: calc(var(--spacing) * 0); } .pl-0\.5 { padding-left: calc(var(--spacing) * 0.5); } .pl-1 { padding-left: calc(var(--spacing) * 1); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-14 { padding-left: calc(var(--spacing) * 14); } .pl-\[1px\] { padding-left: 1px; } .pl-\[9px\] { padding-left: 9px; } .text-center { text-align: center; } .text-end { text-align: end; } .text-left { text-align: left; } .text-right { text-align: right; } .text-start { text-align: start; } .align-middle { vertical-align: middle; } .align-top { vertical-align: top; } .type-mono { font-family: var(--font-mono); font-size: var(--text-caption); line-height: var(--tw-leading, var(--text-caption--line-height)); color: var(--color-neutral-700); } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .type-display { font-size: var(--text-display); line-height: var(--tw-leading, var(--text-display--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); color: var(--color-neutral-900); } .type-page-title { font-size: var(--text-page-title); line-height: var(--tw-leading, var(--text-page-title--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); color: var(--color-neutral-900); } .type-section { font-size: var(--text-section-title); line-height: var(--tw-leading, var(--text-section-title--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-neutral-900); } .type-subsection { font-size: var(--text-subsection-title); line-height: var(--tw-leading, var(--text-subsection-title--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-neutral-900); } .type-body { font-size: var(--text-body); line-height: var(--tw-leading, var(--text-body--line-height)); color: var(--color-neutral-900); } .type-body-muted { font-size: var(--text-body); line-height: var(--tw-leading, var(--text-body--line-height)); color: var(--color-neutral-600); } .type-caption { font-size: var(--text-caption); line-height: var(--tw-leading, var(--text-caption--line-height)); color: var(--color-neutral-500); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-base\/4\.5 { font-size: var(--text-base); line-height: calc(var(--spacing) * 4.5); } .text-large { font-size: var(--heroui-font-size-large); line-height: var(--heroui-line-height-large); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-medium { font-size: var(--heroui-font-size-medium); line-height: var(--heroui-line-height-medium); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-small { font-size: var(--heroui-font-size-small); line-height: var(--heroui-line-height-small); } .text-tiny { font-size: var(--heroui-font-size-tiny); line-height: var(--heroui-line-height-tiny); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[0\.5rem\] { font-size: 0.5rem; } .text-\[0\.6rem\] { font-size: 0.6rem; } .text-\[0\.55rem\] { font-size: 0.55rem; } .text-\[0\.65rem\] { font-size: 0.65rem; } .text-\[0\.70rem\] { font-size: 0.70rem; } .text-\[0\.75rem\] { font-size: 0.75rem; } .text-\[7px\] { font-size: 7px; } .text-\[8px\] { font-size: 8px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[13px\] { font-size: 13px; } .text-\[100\%\] { font-size: 100%; } .leading-3 { --tw-leading: calc(var(--spacing) * 3); line-height: calc(var(--spacing) * 3); } .leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-7\.5 { --tw-leading: calc(var(--spacing) * 7.5); line-height: calc(var(--spacing) * 7.5); } .leading-8\.5 { --tw-leading: calc(var(--spacing) * 8.5); line-height: calc(var(--spacing) * 8.5); } .leading-9\.5 { --tw-leading: calc(var(--spacing) * 9.5); line-height: calc(var(--spacing) * 9.5); } .leading-\[1\.15\] { --tw-leading: 1.15; line-height: 1.15; } .leading-\[32px\] { --tw-leading: 32px; line-height: 32px; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .leading-inherit { line-height: inherit; } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-extralight { --tw-font-weight: var(--font-weight-extralight); font-weight: var(--font-weight-extralight); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-balance { text-wrap: balance; } .\[overflow-wrap\:anywhere\] { overflow-wrap: anywhere; } .break-words { overflow-wrap: break-word; } .wrap-anywhere { overflow-wrap: anywhere; } .wrap-break-word { overflow-wrap: break-word; } .break-all { word-break: break-all; } .text-clip { text-overflow: clip; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .\!text-danger { color: hsl(var(--heroui-danger) / 1) !important; } .text-\[oklch\(0\.21_0\.006_285\.885\)\] { color: oklch(0.21 0.006 285.885); } .text-\[oklch\(0\.141_0\.005_285\.823\)\] { color: oklch(0.141 0.005 285.823); } .text-\[oklch\(0\.552_0\.016_285\.938\)\] { color: oklch(0.552 0.016 285.938); } .text-\[oklch\(0\.552_0\.016_285\.938\)\]\/72 { color: color-mix(in oklab, oklch(0.552 0.016 285.938) 72%, transparent); } .text-\[oklch\(0\.552_0\.016_285\.938_\/_80\%\)\] { color: oklch(0.552 0.016 285.938 / 80%); } .text-\[oklch\(0\.985_0_0\)\] { color: oklch(0.985 0 0); } .text-amber-500 { color: var(--color-amber-500); } .text-amber-600 { color: var(--color-amber-600); } .text-amber-700 { color: var(--color-amber-700); } .text-amber-800 { color: var(--color-amber-800); } .text-amber-900 { color: var(--color-amber-900); } .text-background { color: hsl(var(--heroui-background) / 1); } .text-black { color: var(--color-black); } .text-blue-300 { color: var(--color-blue-300); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-600 { color: var(--color-blue-600); } .text-blue-700 { color: var(--color-blue-700); } .text-blue-800 { color: var(--color-blue-800); } .text-blue-900 { color: var(--color-blue-900); } .text-current { color: currentcolor; } .text-cyan-500 { color: var(--color-cyan-500); } .text-cyan-800 { color: var(--color-cyan-800); } .text-danger { color: hsl(var(--heroui-danger) / 1); } .text-danger-300 { color: hsl(var(--heroui-danger-300) / 1); } .text-danger-400 { color: hsl(var(--heroui-danger-400) / 1); } .text-danger-500 { color: hsl(var(--heroui-danger-500) / 1); } .text-danger-600 { color: hsl(var(--heroui-danger-600) / 1); } .text-danger-foreground { color: hsl(var(--heroui-danger-foreground) / 1); } .text-danger\/80 { color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, hsl(var(--heroui-danger) / 1) 80%, transparent); } } .text-default { color: hsl(var(--heroui-default) / 1); } .text-default-400 { color: hsl(var(--heroui-default-400) / 1); } .text-default-500 { color: hsl(var(--heroui-default-500) / 1); } .text-default-600 { color: hsl(var(--heroui-default-600) / 1); } .text-default-700 { color: hsl(var(--heroui-default-700) / 1); } .text-default-foreground { color: hsl(var(--heroui-default-foreground) / 1); } .text-destructive-foreground { color: var(--destructive-foreground); } .text-emerald-100 { color: var(--color-emerald-100); } .text-emerald-300 { color: var(--color-emerald-300); } .text-emerald-500 { color: var(--color-emerald-500); } .text-emerald-600 { color: var(--color-emerald-600); } .text-emerald-700 { color: var(--color-emerald-700); } .text-foreground { color: hsl(var(--heroui-foreground) / 1); } .text-foreground-400 { color: hsl(var(--heroui-foreground-400) / 1); } .text-foreground-500 { color: hsl(var(--heroui-foreground-500) / 1); } .text-foreground-600 { color: hsl(var(--heroui-foreground-600) / 1); } .text-foreground\/50 { color: hsl(var(--heroui-foreground) / 1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 50%, transparent); } } .text-forml { color: #0097a7; } .text-forml-600 { color: #00b3c4; } .text-forml-700 { color: #0097a7; } .text-forml-700\/60 { color: color-mix(in oklab, #0097a7 60%, transparent); } .text-forml-800 { color: #0b717f; } .text-forml-900 { color: #0e5d6b; } .text-forml-950 { color: #023f4a; } .text-forml-ai { color: var(--color-forml-ai); } .text-forml-ai-700 { color: var(--color-forml-ai-700); } .text-forml-ai-800 { color: var(--color-forml-ai-800); } .text-forml-ai-900 { color: var(--color-forml-ai-900); } .text-fuchsia-500 { color: var(--color-fuchsia-500); } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-800 { color: var(--color-gray-800); } .text-gray-900 { color: var(--color-gray-900); } .text-green-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-green-700 { color: var(--color-green-700); } .text-green-800 { color: var(--color-green-800); } .text-green-900 { color: var(--color-green-900); } .text-indigo-500 { color: var(--color-indigo-500); } .text-indigo-800 { color: var(--color-indigo-800); } .text-inherit { color: inherit; } .text-lime-500 { color: var(--color-lime-500); } .text-neutral-50 { color: var(--color-neutral-50); } .text-neutral-200 { color: var(--color-neutral-200); } .text-neutral-300 { color: var(--color-neutral-300); } .text-neutral-400 { color: var(--color-neutral-400); } .text-neutral-500 { color: var(--color-neutral-500); } .text-neutral-500\/72 { color: color-mix(in srgb, oklch(55.6% 0 0) 72%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-neutral-500) 72%, transparent); } } .text-neutral-600 { color: var(--color-neutral-600); } .text-neutral-700 { color: var(--color-neutral-700); } .text-neutral-800 { color: var(--color-neutral-800); } .text-neutral-800\/20 { color: color-mix(in srgb, oklch(26.9% 0 0) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-neutral-800) 20%, transparent); } } .text-neutral-900 { color: var(--color-neutral-900); } .text-neutral-900\! { color: var(--color-neutral-900) !important; } .text-neutral-950 { color: var(--color-neutral-950); } .text-orange-400 { color: var(--color-orange-400); } .text-orange-500 { color: var(--color-orange-500); } .text-orange-700 { color: var(--color-orange-700); } .text-orange-800 { color: var(--color-orange-800); } .text-orange-900 { color: var(--color-orange-900); } .text-orange-950 { color: var(--color-orange-950); } .text-pink-500 { color: var(--color-pink-500); } .text-primary { color: #0097a7; } .text-primary-300 { color: hsl(var(--heroui-primary-300) / 1); } .text-primary-400 { color: hsl(var(--heroui-primary-400) / 1); } .text-primary-500 { color: hsl(var(--heroui-primary-500) / 1); } .text-primary-500\/70 { color: hsl(var(--heroui-primary-500) / 1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, hsl(var(--heroui-primary-500) / 1) 70%, transparent); } } .text-primary-600 { color: hsl(var(--heroui-primary-600) / 1); } .text-primary-foreground { color: hsl(var(--heroui-primary-foreground) / 1); } .text-primary\/80 { color: color-mix(in oklab, #0097a7 80%, transparent); } .text-purple-500 { color: var(--color-purple-500); } .text-purple-700 { color: var(--color-purple-700); } .text-red-200 { color: var(--color-red-200); } .text-red-300 { color: var(--color-red-300); } .text-red-400 { color: var(--color-red-400); } .text-red-500 { color: var(--color-red-500); } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-red-800 { color: var(--color-red-800); } .text-red-900 { color: var(--color-red-900); } .text-rose-500 { color: var(--color-rose-500); } .text-rose-700 { color: var(--color-rose-700); } .text-secondary { color: hsl(var(--heroui-secondary) / 1); } .text-secondary-300 { color: hsl(var(--heroui-secondary-300) / 1); } .text-secondary-400 { color: hsl(var(--heroui-secondary-400) / 1); } .text-secondary-500 { color: hsl(var(--heroui-secondary-500) / 1); } .text-secondary-600 { color: hsl(var(--heroui-secondary-600) / 1); } .text-secondary-foreground { color: hsl(var(--heroui-secondary-foreground) / 1); } .text-secondary\/80 { color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 80%, transparent); } } .text-sidebar-foreground { color: var(--sidebar-foreground); } .text-sidebar-foreground\/70 { color: var(--sidebar-foreground); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent); } } .text-sky-500 { color: var(--color-sky-500); } .text-sky-700 { color: var(--color-sky-700); } .text-sky-900 { color: var(--color-sky-900); } .text-slate-500 { color: var(--color-slate-500); } .text-slate-600 { color: var(--color-slate-600); } .text-slate-900 { color: var(--color-slate-900); } .text-stone-500 { color: var(--color-stone-500); } .text-success { color: hsl(var(--heroui-success) / 1); } .text-success-400 { color: hsl(var(--heroui-success-400) / 1); } .text-success-500 { color: hsl(var(--heroui-success-500) / 1); } .text-success-600 { color: hsl(var(--heroui-success-600) / 1); } .text-success-700 { color: hsl(var(--heroui-success-700) / 1); } .text-success-foreground { color: hsl(var(--heroui-success-foreground) / 1); } .text-success\/80 { color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, hsl(var(--heroui-success) / 1) 80%, transparent); } } .text-teal-500 { color: var(--color-teal-500); } .text-transparent { color: transparent; } .text-violet-500 { color: var(--color-violet-500); } .text-violet-700 { color: var(--color-violet-700); } .text-warning { color: hsl(var(--heroui-warning) / 1); } .text-warning-400 { color: hsl(var(--heroui-warning-400) / 1); } .text-warning-500 { color: hsl(var(--heroui-warning-500) / 1); } .text-warning-600 { color: hsl(var(--heroui-warning-600) / 1); } .text-warning-700 { color: hsl(var(--heroui-warning-700) / 1); } .text-warning-foreground { color: hsl(var(--heroui-warning-foreground) / 1); } .text-warning\/80 { color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, hsl(var(--heroui-warning) / 1) 80%, transparent); } } .text-white { color: var(--color-white); } .text-white\/80 { color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .text-white\/90 { color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .text-yellow-500 { color: var(--color-yellow-500); } .text-yellow-600 { color: var(--color-yellow-600); } .text-yellow-700 { color: var(--color-yellow-700); } .text-zinc-50 { color: var(--color-zinc-50); } .text-zinc-500 { color: var(--color-zinc-500); } .text-zinc-600 { color: var(--color-zinc-600); } .text-zinc-800 { color: var(--color-zinc-800); } .text-zinc-900 { color: var(--color-zinc-900); } .text-zinc-950 { color: var(--color-zinc-950); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .not-italic { font-style: normal; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .line-through { text-decoration-line: line-through; } .no-underline { text-decoration-line: none; } .underline { text-decoration-line: underline; } .decoration-forml-700 { text-decoration-color: #0097a7; } .decoration-neutral-400 { text-decoration-color: var(--color-neutral-400); } .underline-offset-2 { text-underline-offset: 2px; } .underline-offset-4 { text-underline-offset: 4px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .subpixel-antialiased { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .accent-foreground { accent-color: hsl(var(--heroui-foreground) / 1); } .accent-forml-700 { accent-color: #0097a7; } .dark { color-scheme: dark; --heroui-background: 0 0% 0%; --heroui-foreground-50: 240 5.88% 10%; --heroui-foreground-100: 240 3.7% 15.88%; --heroui-foreground-200: 240 5.26% 26.08%; --heroui-foreground-300: 240 5.2% 33.92%; --heroui-foreground-400: 240 3.83% 46.08%; --heroui-foreground-500: 240 5.03% 64.9%; --heroui-foreground-600: 240 4.88% 83.92%; --heroui-foreground-700: 240 5.88% 90%; --heroui-foreground-800: 240 4.76% 95.88%; --heroui-foreground-900: 0 0% 98.04%; --heroui-foreground: 210 5.56% 92.94%; --heroui-focus: 212.01999999999998 100% 46.67%; --heroui-overlay: 0 0% 0%; --heroui-divider: 0 0% 100%; --heroui-content1: 240 5.88% 10%; --heroui-content1-foreground: 0 0% 98.04%; --heroui-content2: 240 3.7% 15.88%; --heroui-content2-foreground: 240 4.76% 95.88%; --heroui-content3: 240 5.26% 26.08%; --heroui-content3-foreground: 240 5.88% 90%; --heroui-content4: 240 5.2% 33.92%; --heroui-content4-foreground: 240 4.88% 83.92%; --heroui-default-50: 240 5.88% 10%; --heroui-default-100: 240 3.7% 15.88%; --heroui-default-200: 240 5.26% 26.08%; --heroui-default-300: 240 5.2% 33.92%; --heroui-default-400: 240 3.83% 46.08%; --heroui-default-500: 240 5.03% 64.9%; --heroui-default-600: 240 4.88% 83.92%; --heroui-default-700: 240 5.88% 90%; --heroui-default-800: 240 4.76% 95.88%; --heroui-default-900: 0 0% 98.04%; --heroui-default-foreground: 0 0% 100%; --heroui-default: 240 5.26% 26.08%; --heroui-primary-50: 211.84000000000003 100% 9.61%; --heroui-primary-100: 211.84000000000003 100% 19.22%; --heroui-primary-200: 212.24 100% 28.82%; --heroui-primary-300: 212.14 100% 38.43%; --heroui-primary-400: 212.01999999999998 100% 46.67%; --heroui-primary-500: 212.14 92.45% 58.43%; --heroui-primary-600: 212.24 92.45% 68.82%; --heroui-primary-700: 211.84000000000003 92.45% 79.22%; --heroui-primary-800: 211.84000000000003 92.45% 89.61%; --heroui-primary-900: 212.5 92.31% 94.9%; --heroui-primary-foreground: 0 0% 100%; --heroui-primary: 212.01999999999998 100% 46.67%; --heroui-secondary-50: 270 66.67% 9.41%; --heroui-secondary-100: 270 66.67% 18.82%; --heroui-secondary-200: 270 66.67% 28.24%; --heroui-secondary-300: 270 66.67% 37.65%; --heroui-secondary-400: 270 66.67% 47.06%; --heroui-secondary-500: 270 59.26% 57.65%; --heroui-secondary-600: 270 59.26% 68.24%; --heroui-secondary-700: 270 59.26% 78.82%; --heroui-secondary-800: 270 59.26% 89.41%; --heroui-secondary-900: 270 61.54% 94.9%; --heroui-secondary-foreground: 0 0% 100%; --heroui-secondary: 270 59.26% 57.65%; --heroui-success-50: 145.71000000000004 77.78% 8.82%; --heroui-success-100: 146.2 79.78% 17.45%; --heroui-success-200: 145.78999999999996 79.26% 26.47%; --heroui-success-300: 146.01 79.89% 35.1%; --heroui-success-400: 145.96000000000004 79.46% 43.92%; --heroui-success-500: 146.01 62.45% 55.1%; --heroui-success-600: 145.78999999999996 62.57% 66.47%; --heroui-success-700: 146.2 61.74% 77.45%; --heroui-success-800: 145.71000000000004 61.4% 88.82%; --heroui-success-900: 146.66999999999996 64.29% 94.51%; --heroui-success-foreground: 0 0% 0%; --heroui-success: 145.96000000000004 79.46% 43.92%; --heroui-warning-50: 37.139999999999986 75% 10.98%; --heroui-warning-100: 37.139999999999986 75% 21.96%; --heroui-warning-200: 36.95999999999998 73.96% 33.14%; --heroui-warning-300: 37.00999999999999 74.22% 44.12%; --heroui-warning-400: 37.02999999999997 91.27% 55.1%; --heroui-warning-500: 37.00999999999999 91.26% 64.12%; --heroui-warning-600: 36.95999999999998 91.24% 73.14%; --heroui-warning-700: 37.139999999999986 91.3% 81.96%; --heroui-warning-800: 37.139999999999986 91.3% 90.98%; --heroui-warning-900: 54.55000000000001 91.67% 95.29%; --heroui-warning-foreground: 0 0% 0%; --heroui-warning: 37.02999999999997 91.27% 55.1%; --heroui-danger-50: 340 84.91% 10.39%; --heroui-danger-100: 339.3299999999999 86.54% 20.39%; --heroui-danger-200: 339.11 85.99% 30.78%; --heroui-danger-300: 339 86.54% 40.78%; --heroui-danger-400: 339.20000000000005 90.36% 51.18%; --heroui-danger-500: 339 90% 60.78%; --heroui-danger-600: 339.11 90.6% 70.78%; --heroui-danger-700: 339.3299999999999 90% 80.39%; --heroui-danger-800: 340 91.84% 90.39%; --heroui-danger-900: 339.13 92% 95.1%; --heroui-danger-foreground: 0 0% 100%; --heroui-danger: 339.20000000000005 90.36% 51.18%; --heroui-divider-weight: 1px; --heroui-disabled-opacity: .5; --heroui-font-size-tiny: 0.75rem; --heroui-font-size-small: 0.875rem; --heroui-font-size-medium: 1rem; --heroui-font-size-large: 1.125rem; --heroui-line-height-tiny: 1rem; --heroui-line-height-small: 1.25rem; --heroui-line-height-medium: 1.5rem; --heroui-line-height-large: 1.75rem; --heroui-radius-small: 8px; --heroui-radius-medium: 12px; --heroui-radius-large: 14px; --heroui-border-width-small: 1px; --heroui-border-width-medium: 2px; --heroui-border-width-large: 3px; --heroui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / 0.05), 0px 2px 10px 0px rgb(0 0 0 / 0.2), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15); --heroui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / 0.06), 0px 2px 30px 0px rgb(0 0 0 / 0.22), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15); --heroui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / 0.07), 0px 30px 60px 0px rgb(0 0 0 / 0.26), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15); --heroui-hover-opacity: .9; } .light { color-scheme: light; --heroui-background: 0 0% 100%; --heroui-foreground-50: 0 0% 98.04%; --heroui-foreground-100: 240 4.76% 95.88%; --heroui-foreground-200: 240 5.88% 90%; --heroui-foreground-300: 240 4.88% 83.92%; --heroui-foreground-400: 240 5.03% 64.9%; --heroui-foreground-500: 240 3.83% 46.08%; --heroui-foreground-600: 240 5.2% 33.92%; --heroui-foreground-700: 240 5.26% 26.08%; --heroui-foreground-800: 240 3.7% 15.88%; --heroui-foreground-900: 240 5.88% 10%; --heroui-foreground: 201.81999999999994 24.44% 8.82%; --heroui-divider: 0 0% 6.67%; --heroui-focus: 212.01999999999998 100% 46.67%; --heroui-overlay: 0 0% 0%; --heroui-content1: 0 0% 100%; --heroui-content1-foreground: 201.81999999999994 24.44% 8.82%; --heroui-content2: 240 4.76% 95.88%; --heroui-content2-foreground: 240 3.7% 15.88%; --heroui-content3: 240 5.88% 90%; --heroui-content3-foreground: 240 5.26% 26.08%; --heroui-content4: 240 4.88% 83.92%; --heroui-content4-foreground: 240 5.2% 33.92%; --heroui-default-50: 0 0% 98.04%; --heroui-default-100: 240 4.76% 95.88%; --heroui-default-200: 240 5.88% 90%; --heroui-default-300: 240 4.88% 83.92%; --heroui-default-400: 240 5.03% 64.9%; --heroui-default-500: 240 3.83% 46.08%; --heroui-default-600: 240 5.2% 33.92%; --heroui-default-700: 240 5.26% 26.08%; --heroui-default-800: 240 3.7% 15.88%; --heroui-default-900: 240 5.88% 10%; --heroui-default-foreground: 0 0% 0%; --heroui-default: 240 4.88% 83.92%; --heroui-primary-50: 212.5 92.31% 94.9%; --heroui-primary-100: 211.84000000000003 92.45% 89.61%; --heroui-primary-200: 211.84000000000003 92.45% 79.22%; --heroui-primary-300: 212.24 92.45% 68.82%; --heroui-primary-400: 212.14 92.45% 58.43%; --heroui-primary-500: 212.01999999999998 100% 46.67%; --heroui-primary-600: 212.14 100% 38.43%; --heroui-primary-700: 212.24 100% 28.82%; --heroui-primary-800: 211.84000000000003 100% 19.22%; --heroui-primary-900: 211.84000000000003 100% 9.61%; --heroui-primary-foreground: 0 0% 100%; --heroui-primary: 212.01999999999998 100% 46.67%; --heroui-secondary-50: 270 61.54% 94.9%; --heroui-secondary-100: 270 59.26% 89.41%; --heroui-secondary-200: 270 59.26% 78.82%; --heroui-secondary-300: 270 59.26% 68.24%; --heroui-secondary-400: 270 59.26% 57.65%; --heroui-secondary-500: 270 66.67% 47.06%; --heroui-secondary-600: 270 66.67% 37.65%; --heroui-secondary-700: 270 66.67% 28.24%; --heroui-secondary-800: 270 66.67% 18.82%; --heroui-secondary-900: 270 66.67% 9.41%; --heroui-secondary-foreground: 0 0% 100%; --heroui-secondary: 270 66.67% 47.06%; --heroui-success-50: 146.66999999999996 64.29% 94.51%; --heroui-success-100: 145.71000000000004 61.4% 88.82%; --heroui-success-200: 146.2 61.74% 77.45%; --heroui-success-300: 145.78999999999996 62.57% 66.47%; --heroui-success-400: 146.01 62.45% 55.1%; --heroui-success-500: 145.96000000000004 79.46% 43.92%; --heroui-success-600: 146.01 79.89% 35.1%; --heroui-success-700: 145.78999999999996 79.26% 26.47%; --heroui-success-800: 146.2 79.78% 17.45%; --heroui-success-900: 145.71000000000004 77.78% 8.82%; --heroui-success-foreground: 0 0% 0%; --heroui-success: 145.96000000000004 79.46% 43.92%; --heroui-warning-50: 54.55000000000001 91.67% 95.29%; --heroui-warning-100: 37.139999999999986 91.3% 90.98%; --heroui-warning-200: 37.139999999999986 91.3% 81.96%; --heroui-warning-300: 36.95999999999998 91.24% 73.14%; --heroui-warning-400: 37.00999999999999 91.26% 64.12%; --heroui-warning-500: 37.02999999999997 91.27% 55.1%; --heroui-warning-600: 37.00999999999999 74.22% 44.12%; --heroui-warning-700: 36.95999999999998 73.96% 33.14%; --heroui-warning-800: 37.139999999999986 75% 21.96%; --heroui-warning-900: 37.139999999999986 75% 10.98%; --heroui-warning-foreground: 0 0% 0%; --heroui-warning: 37.02999999999997 91.27% 55.1%; --heroui-danger-50: 339.13 92% 95.1%; --heroui-danger-100: 340 91.84% 90.39%; --heroui-danger-200: 339.3299999999999 90% 80.39%; --heroui-danger-300: 339.11 90.6% 70.78%; --heroui-danger-400: 339 90% 60.78%; --heroui-danger-500: 339.20000000000005 90.36% 51.18%; --heroui-danger-600: 339 86.54% 40.78%; --heroui-danger-700: 339.11 85.99% 30.78%; --heroui-danger-800: 339.3299999999999 86.54% 20.39%; --heroui-danger-900: 340 84.91% 10.39%; --heroui-danger-foreground: 0 0% 100%; --heroui-danger: 339.20000000000005 90.36% 51.18%; --heroui-divider-weight: 1px; --heroui-disabled-opacity: .5; --heroui-font-size-tiny: 0.75rem; --heroui-font-size-small: 0.875rem; --heroui-font-size-medium: 1rem; --heroui-font-size-large: 1.125rem; --heroui-line-height-tiny: 1rem; --heroui-line-height-small: 1.25rem; --heroui-line-height-medium: 1.5rem; --heroui-line-height-large: 1.75rem; --heroui-radius-small: 8px; --heroui-radius-medium: 12px; --heroui-radius-large: 14px; --heroui-border-width-small: 1px; --heroui-border-width-medium: 2px; --heroui-border-width-large: 3px; --heroui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / 0.02), 0px 2px 10px 0px rgb(0 0 0 / 0.06), 0px 0px 1px 0px rgb(0 0 0 / 0.3); --heroui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / 0.03), 0px 2px 30px 0px rgb(0 0 0 / 0.08), 0px 0px 1px 0px rgb(0 0 0 / 0.3); --heroui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / 0.04), 0px 30px 60px 0px rgb(0 0 0 / 0.12), 0px 0px 1px 0px rgb(0 0 0 / 0.3); --heroui-hover-opacity: .8; } .opacity-0 { opacity: 0%; } .opacity-20 { opacity: 20%; } .opacity-25 { opacity: 25%; } .opacity-30 { opacity: 30%; } .opacity-40 { opacity: 40%; } .opacity-50 { opacity: 50%; } .opacity-60 { opacity: 60%; } .opacity-70 { opacity: 70%; } .opacity-75 { opacity: 75%; } .opacity-80 { opacity: 80%; } .opacity-100 { opacity: 100%; } .opacity-\[0\.0001\] { opacity: 0.0001; } .opacity-\[calc\(1-var\(--drawer-swipe-progress\)\)\] { opacity: calc(1 - var(--drawer-swipe-progress)); } .opacity-\[value\] { opacity: value; } .opacity-disabled { opacity: var(--heroui-disabled-opacity); } .shadow-lg\/5 { --tw-shadow-alpha: 5%; --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 5%)), 0 4px 6px -4px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 5%)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md\/5 { --tw-shadow-alpha: 5%; --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 5%)), 0 2px 4px -2px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 5%)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm\/5 { --tw-shadow-alpha: 5%; --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 5%)), 0 1px 2px -1px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 5%)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs\/5 { --tw-shadow-alpha: 5%; --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.05) l a b / 5%)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .\!shadow-none { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_0px_0_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 1px 0px 0 var(--tw-shadow-color, rgba(0,0,0,0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_1px_rgba\(15\,23\,42\,0\.03\)\] { --tw-shadow: 0 1px 1px var(--tw-shadow-color, rgba(15,23,42,0.03)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_20px_20px_0px_rgb\(0_0_0\/0\.05\)\] { --tw-shadow: 0px 20px 20px 0px var(--tw-shadow-color, rgb(0 0 0/0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.25\)\,0_0_0_1px_rgba\(244\,82\,12\,0\.6\)\,0_4px_14px_-2px_rgba\(244\,82\,12\,0\.55\)\] { --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.25)), 0 0 0 1px var(--tw-shadow-color, rgba(244,82,12,0.6)), 0 4px 14px -2px var(--tw-shadow-color, rgba(244,82,12,0.55)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.28\)\,0_1px_0_rgba\(0\,0\,0\,0\.06\)\,0_20px_48px_-12px_rgba\(0\,0\,0\,0\.35\)\] { --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.28)), 0 1px 0 var(--tw-shadow-color, rgba(0,0,0,0.06)), 0 20px 48px -12px var(--tw-shadow-color, rgba(0,0,0,0.35)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-large { --tw-shadow: var(--heroui-box-shadow-large); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-medium { --tw-shadow: var(--heroui-box-shadow-medium); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none\! { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-small { --tw-shadow: var(--heroui-box-shadow-small); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-2 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-\[3px\] { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .inset-shadow-\[0_1px_--theme\(--color-black\/4\%\)\] { --tw-inset-shadow: inset 0 1px var(--tw-inset-shadow-color, color-mix(in srgb, #000 4%, transparent)); @supports (color: color-mix(in lab, red, red)) { --tw-inset-shadow: inset 0 1px var(--tw-inset-shadow-color, color-mix(in oklab, var(--color-black) 4%, transparent)); } box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-black\/5 { --tw-shadow-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-danger\/40 { --tw-shadow-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-danger) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-default\/50 { --tw-shadow-color: hsl(var(--heroui-default) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-default) / 1) 50%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-foreground\/40 { --tw-shadow-color: hsl(var(--heroui-foreground) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-primary\/24 { --tw-shadow-color: color-mix(in srgb, #0097a7 24%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #0097a7 24%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-primary\/40 { --tw-shadow-color: color-mix(in srgb, #0097a7 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #0097a7 40%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-secondary\/40 { --tw-shadow-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-success\/40 { --tw-shadow-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-success) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-warning\/40 { --tw-shadow-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-warning) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-\[\#FF7A2A\] { --tw-ring-color: #FF7A2A; } .ring-\[oklch\(0\.705_0\.015_286\.067\)\] { --tw-ring-color: oklch(0.705 0.015 286.067); } .ring-\[oklch\(0\.705_0\.015_286\.067\)\]\/24 { --tw-ring-color: color-mix(in oklab, oklch(0.705 0.015 286.067) 24%, transparent); } .ring-amber-200 { --tw-ring-color: var(--color-amber-200); } .ring-amber-400\/55 { --tw-ring-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 55%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 55%, transparent); } } .ring-background { --tw-ring-color: hsl(var(--heroui-background) / 1); } .ring-black\/5 { --tw-ring-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .ring-blue-400\/55 { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 55%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-400) 55%, transparent); } } .ring-danger { --tw-ring-color: hsl(var(--heroui-danger) / 1); } .ring-default { --tw-ring-color: hsl(var(--heroui-default) / 1); } .ring-focus { --tw-ring-color: hsl(var(--heroui-focus) / 1); } .ring-forml { --tw-ring-color: #0097a7; } .ring-forml-ai-200 { --tw-ring-color: var(--color-forml-ai-200); } .ring-forml-ai-500\/65 { --tw-ring-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 65%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-forml-ai-500) 65%, transparent); } } .ring-forml\/20 { --tw-ring-color: color-mix(in oklab, #0097a7 20%, transparent); } .ring-forml\/50 { --tw-ring-color: color-mix(in oklab, #0097a7 50%, transparent); } .ring-neutral-200 { --tw-ring-color: var(--color-neutral-200); } .ring-neutral-200\/80 { --tw-ring-color: color-mix(in srgb, oklch(92.2% 0 0) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-neutral-200) 80%, transparent); } } .ring-neutral-400\/24 { --tw-ring-color: color-mix(in srgb, oklch(70.8% 0 0) 24%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-neutral-400) 24%, transparent); } } .ring-primary { --tw-ring-color: #0097a7; } .ring-secondary { --tw-ring-color: hsl(var(--heroui-secondary) / 1); } .ring-sidebar-ring { --tw-ring-color: var(--sidebar-ring); } .ring-success { --tw-ring-color: hsl(var(--heroui-success) / 1); } .ring-transparent { --tw-ring-color: transparent; } .ring-warning { --tw-ring-color: hsl(var(--heroui-warning) / 1); } .ring-white { --tw-ring-color: var(--color-white); } .ring-white\/10 { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .ring-zinc-950\/20 { --tw-ring-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-zinc-950) 20%, transparent); } } .ring-offset-2 { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .ring-offset-background { --tw-ring-offset-color: hsl(var(--heroui-background) / 1); } .ring-offset-white { --tw-ring-offset-color: var(--color-white); } .outline-hidden { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-transparent { outline-color: transparent; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-lg { --tw-blur: blur(var(--blur-lg)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-2xl { --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-sm { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .saturate-150 { --tw-saturate: saturate(150%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .backdrop-blur { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-lg { --tw-backdrop-blur: blur(var(--blur-lg)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-xs { --tw-backdrop-blur: blur(var(--blur-xs)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-opacity-disabled { --tw-backdrop-opacity: opacity(var(--heroui-disabled-opacity)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-saturate-150 { --tw-backdrop-saturate: saturate(150%); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[background-color\,box-shadow\] { transition-property: background-color,box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[background-color\,padding\] { transition-property: background-color,padding; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\,background-color\,box-shadow\] { transition-property: color,background-color,box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\,box-shadow\] { transition-property: color,box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\,opacity\] { transition-property: color,opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[flex-grow\] { transition-property: flex-grow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[grid-template-rows\] { transition-property: grid-template-rows; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[height\] { transition-property: height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[left\,right\,width\] { transition-property: left,right,width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[margin\,opacity\] { transition-property: margin,opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[max-width\,opacity\,margin\] { transition-property: max-width,opacity,margin; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[opacity\,scale\] { transition-property: opacity,scale; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[opacity\,transform\] { transition-property: opacity,transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[scale\,opacity\] { transition-property: scale,opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[top\,left\,right\,bottom\,transform\] { transition-property: top,left,right,bottom,transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,background-color\,color\] { transition-property: transform,background-color,color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,box-shadow\,height\,background-color\] { transition-property: transform,box-shadow,height,background-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,color\,left\,opacity\,translate\,scale\] { transition-property: transform,color,left,opacity,translate,scale; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\,background-color\] { transition-property: width,background-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\,height\,padding\] { transition-property: width,height,padding; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\,height\,scale\,opacity\] { transition-property: width,height,scale,opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\,opacity\] { transition-property: width,opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\,translate\] { transition-property: width,translate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-background { transition-property: background; transition-timing-function: ease; transition-duration: 250ms; } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors-opacity { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity; transition-timing-function: ease; transition-duration: 250ms; } .transition-height { transition-property: height; transition-timing-function: ease; transition-duration: 250ms; } .transition-left { transition-property: left; transition-timing-function: ease; transition-duration: 250ms; } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-size { transition-property: width, height; transition-timing-function: ease; transition-duration: 250ms; } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform-background { transition-property: transform, scale, background; transition-timing-function: ease; transition-duration: 250ms; } .transition-transform-colors { transition-property: transform, scale, color, background, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: ease; transition-duration: 250ms; } .transition-transform-colors-opacity { transition-property: transform, scale, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity; transition-timing-function: ease; transition-duration: 250ms; } .transition-transform-opacity { transition-property: transform, scale, opacity rotate; transition-timing-function: ease; transition-duration: 250ms; } .transition-width { transition-property: width; transition-timing-function: ease; transition-duration: 250ms; } .\!transition-none { transition-property: none !important; } .transition-none { transition-property: none; } .delay-0 { transition-delay: 0ms; } .delay-100 { transition-delay: 100ms; } .delay-150 { transition-delay: 150ms; } .delay-300 { transition-delay: 300ms; } .\!duration-100 { --tw-duration: 100ms !important; transition-duration: 100ms !important; } .\!duration-150 { --tw-duration: 150ms !important; transition-duration: 150ms !important; } .\!duration-200 { --tw-duration: 200ms !important; transition-duration: 200ms !important; } .\!duration-250 { --tw-duration: 250ms !important; transition-duration: 250ms !important; } .\!duration-300 { --tw-duration: 300ms !important; transition-duration: 300ms !important; } .\!duration-500 { --tw-duration: 500ms !important; transition-duration: 500ms !important; } .duration-0 { --tw-duration: 0ms; transition-duration: 0ms; } .duration-100 { --tw-duration: 100ms; transition-duration: 100ms; } .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-250 { --tw-duration: 250ms; transition-duration: 250ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-350 { --tw-duration: 350ms; transition-duration: 350ms; } .duration-400 { --tw-duration: 400ms; transition-duration: 400ms; } .duration-450 { --tw-duration: 450ms; transition-duration: 450ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .duration-700 { --tw-duration: 700ms; transition-duration: 700ms; } .\!ease-out { --tw-ease: var(--ease-out) !important; transition-timing-function: var(--ease-out) !important; } .\!ease-soft-spring { --tw-ease: cubic-bezier(0.155, 1.105, 0.295, 1.12) !important; transition-timing-function: cubic-bezier(0.155, 1.105, 0.295, 1.12) !important; } .ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\] { --tw-ease: cubic-bezier(0.32,0.72,0,1); transition-timing-function: cubic-bezier(0.32,0.72,0,1); } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-linear { --tw-ease: linear; transition-timing-function: linear; } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .will-change-\[flex-grow\] { will-change: flex-grow; } .will-change-\[transform\,width\,height\] { will-change: transform,width,height; } .will-change-auto { will-change: auto; } .will-change-transform { will-change: transform; } .prose-neutral { --tw-prose-body: oklch(37.1% 0 0); --tw-prose-headings: oklch(20.5% 0 0); --tw-prose-lead: oklch(43.9% 0 0); --tw-prose-links: oklch(20.5% 0 0); --tw-prose-bold: oklch(20.5% 0 0); --tw-prose-counters: oklch(55.6% 0 0); --tw-prose-bullets: oklch(87% 0 0); --tw-prose-hr: oklch(92.2% 0 0); --tw-prose-quotes: oklch(20.5% 0 0); --tw-prose-quote-borders: oklch(92.2% 0 0); --tw-prose-captions: oklch(55.6% 0 0); --tw-prose-kbd: oklch(20.5% 0 0); --tw-prose-kbd-shadows: color-mix(in oklab, oklch(20.5% 0 0) 10%, transparent); --tw-prose-code: oklch(20.5% 0 0); --tw-prose-pre-code: oklch(92.2% 0 0); --tw-prose-pre-bg: oklch(26.9% 0 0); --tw-prose-th-borders: oklch(87% 0 0); --tw-prose-td-borders: oklch(92.2% 0 0); --tw-prose-invert-body: oklch(87% 0 0); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.8% 0 0); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.8% 0 0); --tw-prose-invert-bullets: oklch(43.9% 0 0); --tw-prose-invert-hr: oklch(37.1% 0 0); --tw-prose-invert-quotes: oklch(97% 0 0); --tw-prose-invert-quote-borders: oklch(37.1% 0 0); --tw-prose-invert-captions: oklch(70.8% 0 0); --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: oklch(87% 0 0); --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: oklch(43.9% 0 0); --tw-prose-invert-td-borders: oklch(37.1% 0 0); } .delay-0 { animation-delay: calc(0*1ms); animation-delay: 0s; --tw-animation-delay: calc(0*1ms); --tw-animation-delay: 0s; } .delay-100 { animation-delay: calc(100*1ms); animation-delay: .1s; --tw-animation-delay: calc(100*1ms); --tw-animation-delay: .1s; } .delay-150 { animation-delay: calc(150*1ms); animation-delay: .15s; --tw-animation-delay: calc(150*1ms); --tw-animation-delay: .15s; } .delay-300 { animation-delay: calc(300*1ms); animation-delay: .3s; --tw-animation-delay: calc(300*1ms); --tw-animation-delay: .3s; } .\!outline-solid { --tw-outline-style: solid !important; outline-style: solid !important; } .fade-in-0 { --tw-enter-opacity: calc(0/100); --tw-enter-opacity: 0; } .outline-none { --tw-outline-style: none; outline-style: none; } .outline-solid { --tw-outline-style: solid; outline-style: solid; } .select-none { -webkit-user-select: none; user-select: none; } .zoom-in-95 { --tw-enter-scale: calc(95*1%); --tw-enter-scale: .95; } .\[--bleed\:--spacing\(12\)\] { --bleed: calc(var(--spacing) * 12); } .\[--cell-size\:--spacing\(10\)\] { --cell-size: calc(var(--spacing) * 10); } .\[--clip-bottom\:-1rem\] { --clip-bottom: -1rem; } .\[--clip-top\:-1rem\] { --clip-top: -1rem; } .\[--fade-size\:1\.5rem\] { --fade-size: 1.5rem; } .\[--height\:max\(0px\,calc\(var\(--drawer-frontmost-height\,var\(--drawer-height\)\)\)\)\] { --height: max(0px, calc(var(--drawer-frontmost-height,var(--drawer-height)))); } .\[--inset\:--spacing\(0\)\] { --inset: calc(var(--spacing) * 0); } .\[--panel-radius\:1rem\] { --panel-radius: 1rem; } .\[--peek\:calc\(--spacing\(6\)-1px\)\] { --peek: calc(calc(var(--spacing) * 6) - 1px); } .\[--picker-height\:224px\] { --picker-height: 224px; } .\[--scale-base\:calc\(max\(0\,1-\(var\(--nested-drawers\)\*var\(--stack-step\)\)\)\)\] { --scale-base: calc(max(0, 1 - (var(--nested-drawers) * var(--stack-step)))); } .\[--scale-enter\:100\%\] { --scale-enter: 100%; } .\[--scale-exit\:100\%\] { --scale-exit: 100%; } .\[--scale\:clamp\(0\,calc\(var\(--scale-base\)\+\(var\(--stack-step\)\*var\(--stack-progress\)\)\)\,1\)\] { --scale: clamp(0, calc(var(--scale-base) + (var(--stack-step) * var(--stack-progress))), 1); } .\[--scroll-shadow-size\:100px\] { --scroll-shadow-size: 100px; } .\[--shrink\:calc\(1-var\(--scale\)\)\] { --shrink: calc(1 - var(--scale)); } .\[--slide-enter\:0px\] { --slide-enter: 0px; } .\[--slide-exit\:80px\] { --slide-exit: 80px; } .\[--stack-peek-offset\:max\(0px\,calc\(\(var\(--nested-drawers\)-var\(--stack-progress\)\)\*var\(--peek\)\)\)\] { --stack-peek-offset: max(0px, calc((var(--nested-drawers) - var(--stack-progress)) * var(--peek))); } .\[--stack-progress\:clamp\(0\,var\(--drawer-swipe-progress\)\,1\)\] { --stack-progress: clamp(0, var(--drawer-swipe-progress), 1); } .\[--stack-step\:0\.05\] { --stack-step: 0.05; } .\[--stack-step\:0\] { --stack-step: 0; } .\[--thumb-size\:--spacing\(4\)\] { --thumb-size: calc(var(--spacing) * 4); } .\[--thumb-size\:--spacing\(5\)\] { --thumb-size: calc(var(--spacing) * 5); } .\[--viewport-inline-padding\:--spacing\(2\)\] { --viewport-inline-padding: calc(var(--spacing) * 2); } .\[--viewport-inline-padding\:--spacing\(3\)\] { --viewport-inline-padding: calc(var(--spacing) * 3); } .\[--viewport-inline-padding\:--spacing\(4\)\] { --viewport-inline-padding: calc(var(--spacing) * 4); } .\[-webkit-mask\:radial-gradient\(closest-side\,rgba\(0\,0\,0\,0\.0\)calc\(100\%-3px\)\,rgba\(0\,0\,0\,1\)calc\(100\%-3px\)\)\] { -webkit-mask: radial-gradient(closest-side,rgba(0,0,0,0.0)calc(100% - 3px),rgba(0,0,0,1)calc(100% - 3px)); } .\[animation-delay\:-0\.3s\] { animation-delay: -0.3s; } .\[animation-delay\:-0\.15s\] { animation-delay: -0.15s; } .\[animation-duration\:1s\] { animation-duration: 1s; } .\[overflow-anchor\:none\] { overflow-anchor: none; } .\[transition\:background-color_5000000s_ease-in-out_0s\] { transition: background-color 5000000s ease-in-out 0s; } .\[transition\:translate_\.15s\,border-radius_\.15s\,scale_\.1s_\.1s\,transform-origin_\.15s\] { transition: translate .15s,border-radius .15s,scale .1s .1s,transform-origin .15s; } .fade-in { --tw-enter-opacity: 0; } .fade-out { --tw-exit-opacity: 0; } .input-search-cancel-button-none { &::-webkit-search-cancel-button { -webkit-appearance: none; } } .paused { animation-play-state: paused; } .ring-inset { --tw-ring-inset: inset; } .running { animation-play-state: running; } .slide-in-from-bottom-2 { --tw-enter-translate-y: calc(2*var(--spacing)); } .spinner-dot-animation { animation-delay: calc(250ms * var(--dot-index)); } .spinner-dot-blink-animation { animation-delay: calc(200ms * var(--dot-index)); } .tap-highlight-transparent { -webkit-tap-highlight-color: transparent; } .text-fill-inherit { -webkit-text-fill-color: inherit; } .\*\:min-h-7 { :is(& > *) { min-height: calc(var(--spacing) * 7); } } .\*\*\:whitespace-nowrap\! { :is(& *) { white-space: nowrap !important; } } .not-empty\:scroll-py-1 { &:not(*:empty) { scroll-padding-block: calc(var(--spacing) * 1); } } .not-empty\:p-2 { &:not(*:empty) { padding: calc(var(--spacing) * 2); } } .not-empty\:px-1 { &:not(*:empty) { padding-inline: calc(var(--spacing) * 1); } } .not-empty\:py-1 { &:not(*:empty) { padding-block: calc(var(--spacing) * 1); } } .not-disabled\:inset-shadow-\[0_1px_--theme\(--color-white\/16\%\)\] { &:not(*:disabled) { --tw-inset-shadow: inset 0 1px var(--tw-inset-shadow-color, color-mix(in srgb, #fff 16%, transparent)); @supports (color: color-mix(in lab, red, red)) { --tw-inset-shadow: inset 0 1px var(--tw-inset-shadow-color, color-mix(in oklab, var(--color-white) 16%, transparent)); } box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .not-in-data-\[slot\=field\]\:mb-2 { &:not(:where(*[data-slot="field"]) *) { margin-bottom: calc(var(--spacing) * 2); } } .not-in-data-\[variant\=card\]\:bg-\[color-mix\(in_srgb\,var\(--card\)\,var\(--color-black\)_2\%\)\] { &:not(:where(*[data-variant="card"]) *) { background-color: var(--card); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb,var(--card),var(--color-black) 2%); } } } .not-hover\:not-focus\:not-has-focus\:mask-r-from-\[calc\(100\%-1\.75rem\)\] { &:not(*:hover) { &:not(*:focus) { &:not(*:has(*:focus)) { mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-composite: intersect; --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position)); --tw-mask-right-from-position: calc(100% - 1.75rem); } } } @media not (hover: hover) { &:not(*:focus) { &:not(*:has(*:focus)) { mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-composite: intersect; --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position)); --tw-mask-right-from-position: calc(100% - 1.75rem); } } } } .not-has-\[\>\*\.w-full\]\:w-fit { &:not(*:has(>*.w-full)) { width: fit-content; } } .not-data-starting-style\:not-data-ending-style\:transition-\[transform\,box-shadow\,height\,background-color\,margin\,padding\] { &:not(*[data-starting-style]) { &:not(*[data-ending-style]) { transition-property: transform,box-shadow,height,background-color,margin,padding; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } } .not-data-transitioning\:overflow-y-auto { &:not(*[data-transitioning]) { overflow-y: auto; } } .not-dark\:bg-clip-padding { &:not(*:is(.dark *)) { background-clip: padding-box; } } .not-\[class\*\=\'w-\'\]\:min-w-32 { &:not(*:is(class*='w-')) { min-width: calc(var(--spacing) * 32); } } .group-open\:rotate-90 { &:is(:where(.group):is([open], :popover-open, :open) *) { rotate: 90deg; } } .group-open\:grid-rows-\[1fr\] { &:is(:where(.group):is([open], :popover-open, :open) *) { grid-template-rows: 1fr; } } .group-open\:opacity-100 { &:is(:where(.group):is([open], :popover-open, :open) *) { opacity: 100%; } } .group-focus-within\/menu-item\:opacity-100 { &:is(:where(.group\/menu-item):focus-within *) { opacity: 100%; } } .group-hover\:pointer-events-auto { &:is(:where(.group):hover *) { @media (hover: hover) { pointer-events: auto; } } } .group-hover\:visible { &:is(:where(.group):hover *) { @media (hover: hover) { visibility: visible; } } } .group-hover\:block { &:is(:where(.group):hover *) { @media (hover: hover) { display: block; } } } .group-hover\:hidden { &:is(:where(.group):hover *) { @media (hover: hover) { display: none; } } } .group-hover\:scale-110 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .group-hover\:border-current { &:is(:where(.group):hover *) { @media (hover: hover) { border-color: currentcolor; } } } .group-hover\:border-neutral-200 { &:is(:where(.group):hover *) { @media (hover: hover) { border-color: var(--color-neutral-200); } } } .group-hover\:border-yellow-300 { &:is(:where(.group):hover *) { @media (hover: hover) { border-color: var(--color-yellow-300); } } } .group-hover\:bg-black\/40 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: color-mix(in srgb, #000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } } } .group-hover\:bg-forml { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: #0097a7; } } } .group-hover\:bg-neutral-200 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-neutral-200); } } } .group-hover\:bg-white { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-white); } } } .group-hover\:bg-yellow-100 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-yellow-100); } } } .group-hover\:text-sm { &:is(:where(.group):hover *) { @media (hover: hover) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } } .group-hover\:text-\[11px\] { &:is(:where(.group):hover *) { @media (hover: hover) { font-size: 11px; } } } .group-hover\:leading-3 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-leading: calc(var(--spacing) * 3); line-height: calc(var(--spacing) * 3); } } } .group-hover\:leading-4 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); } } } .group-hover\:text-current { &:is(:where(.group):hover *) { @media (hover: hover) { color: currentcolor; } } } .group-hover\:text-forml-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: #0097a7; } } } .group-hover\:text-gray-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-gray-700); } } } .group-hover\:text-white { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-white); } } } .group-hover\:opacity-75 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 75%; } } } .group-hover\:opacity-100 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/dokumenteRow\:border-neutral-200 { &:is(:where(.group\/dokumenteRow):hover *) { @media (hover: hover) { border-color: var(--color-neutral-200); } } } .group-hover\/dokumenteRow\:bg-neutral-100 { &:is(:where(.group\/dokumenteRow):hover *) { @media (hover: hover) { background-color: var(--color-neutral-100); } } } .group-hover\/dokumenteRow\:bg-white { &:is(:where(.group\/dokumenteRow):hover *) { @media (hover: hover) { background-color: var(--color-white); } } } .group-hover\/einnahme\:opacity-100 { &:is(:where(.group\/einnahme):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/kinderbetreuung\:opacity-100 { &:is(:where(.group\/kinderbetreuung):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/menu-item\:opacity-100 { &:is(:where(.group\/menu-item):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/mietminderung\:opacity-100 { &:is(:where(.group\/mietminderung):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/mietzuschuss\:opacity-100 { &:is(:where(.group\/mietzuschuss):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/mygroup\:block { &:is(:where(.group\/mygroup):hover *) { @media (hover: hover) { display: block; } } } .group-hover\/nachweisrow\:visible { &:is(:where(.group\/nachweisrow):hover *) { @media (hover: hover) { visibility: visible; } } } .group-hover\/resize\:bg-neutral-400 { &:is(:where(.group\/resize):hover *) { @media (hover: hover) { background-color: var(--color-neutral-400); } } } .group-hover\/transferleistung\:opacity-100 { &:is(:where(.group\/transferleistung):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/unterhaltanspr\:opacity-100 { &:is(:where(.group\/unterhaltanspr):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/unterhaltverpfl\:opacity-100 { &:is(:where(.group\/unterhaltverpfl):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/vermoegen\:opacity-100 { &:is(:where(.group\/vermoegen):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8 { &:is(:where(.group\/menu-item):has(*[data-sidebar="menu-action"]) *) { padding-right: calc(var(--spacing) * 8); } } .group-data-open\/akte-item\:rotate-180 { &:is(:where(.group\/akte-item)[data-open] *) { rotate: 180deg; } } .group-data-open\/counted-item\:rotate-180 { &:is(:where(.group\/counted-item)[data-open] *) { rotate: 180deg; } } .group-data-open\/originale-item\:rotate-180 { &:is(:where(.group\/originale-item)[data-open] *) { rotate: 180deg; } } .group-data-\[collapsible\=icon\]\:-mt-8 { &:is(:where(.group)[data-collapsible="icon"] *) { margin-top: calc(var(--spacing) * -8); } } .group-data-\[collapsible\=icon\]\:hidden { &:is(:where(.group)[data-collapsible="icon"] *) { display: none; } } .group-data-\[collapsible\=icon\]\:size-8\! { &:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--spacing) * 8) !important; height: calc(var(--spacing) * 8) !important; } } .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\) { &:is(:where(.group)[data-collapsible="icon"] *) { width: var(--sidebar-width-icon); } } .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] { &:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4))); } } .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] { &:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px); } } .group-data-\[collapsible\=icon\]\:overflow-hidden { &:is(:where(.group)[data-collapsible="icon"] *) { overflow: hidden; } } .group-data-\[collapsible\=icon\]\:p-0\! { &:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing) * 0) !important; } } .group-data-\[collapsible\=icon\]\:p-2\! { &:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing) * 2) !important; } } .group-data-\[collapsible\=icon\]\:opacity-0 { &:is(:where(.group)[data-collapsible="icon"] *) { opacity: 0%; } } .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] { &:is(:where(.group)[data-collapsible="offcanvas"] *) { right: calc(var(--sidebar-width) * -1); } } .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] { &:is(:where(.group)[data-collapsible="offcanvas"] *) { left: calc(var(--sidebar-width) * -1); } } .group-data-\[collapsible\=offcanvas\]\:w-0 { &:is(:where(.group)[data-collapsible="offcanvas"] *) { width: calc(var(--spacing) * 0); } } .group-data-\[collapsible\=offcanvas\]\:translate-x-0 { &:is(:where(.group)[data-collapsible="offcanvas"] *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[copied\=true\]\:scale-50 { &:is(:where(.group)[data-copied="true"] *) { --tw-scale-x: 50%; --tw-scale-y: 50%; --tw-scale-z: 50%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .group-data-\[copied\=true\]\:scale-100 { &:is(:where(.group)[data-copied="true"] *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .group-data-\[copied\=true\]\:opacity-0 { &:is(:where(.group)[data-copied="true"] *) { opacity: 0%; } } .group-data-\[copied\=true\]\:opacity-100 { &:is(:where(.group)[data-copied="true"] *) { opacity: 100%; } } .group-data-\[disabled\=true\]\/tr\:cursor-not-allowed { &:is(:where(.group\/tr)[data-disabled="true"] *) { cursor: not-allowed; } } .group-data-\[disabled\=true\]\/tr\:text-foreground-300 { &:is(:where(.group\/tr)[data-disabled="true"] *) { color: hsl(var(--heroui-foreground-300) / 1); } } .group-data-\[filled-within\=true\]\:pointer-events-auto { &:is(:where(.group)[data-filled-within="true"] *) { pointer-events: auto; } } .group-data-\[filled-within\=true\]\:start-0 { &:is(:where(.group)[data-filled-within="true"] *) { inset-inline-start: calc(var(--spacing) * 0); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_3\.5px\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 3.5px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_4px\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 4px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 6px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px_-_var\(--heroui-border-width-medium\)\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 6px - var(--heroui-border-width-medium)) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 8px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 8px - var(--heroui-border-width-medium)) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_5px\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 5px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 8px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 8px - var(--heroui-border-width-medium)) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_20px\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 20px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_24px\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 24px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-tiny\)\/2_\+_16px\)\] { &:is(:where(.group)[data-filled-within="true"] *) { --tw-translate-y: calc(calc(100% + var(--heroui-font-size-tiny) / 2 + 16px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled-within\=true\]\:scale-85 { &:is(:where(.group)[data-filled-within="true"] *) { --tw-scale-x: 0.85; --tw-scale-y: 0.85; --tw-scale-z: 0.85; scale: var(--tw-scale-x) var(--tw-scale-y); } } .group-data-\[filled-within\=true\]\:text-default-600 { &:is(:where(.group)[data-filled-within="true"] *) { color: hsl(var(--heroui-default-600) / 1); } } .group-data-\[filled-within\=true\]\:text-foreground { &:is(:where(.group)[data-filled-within="true"] *) { color: hsl(var(--heroui-foreground) / 1); } } .group-data-\[filled\=true\]\:start-0 { &:is(:where(.group)[data-filled="true"] *) { inset-inline-start: calc(var(--spacing) * 0); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_3\.5px\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 3.5px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_4px\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 4px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 6px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px_-_var\(--heroui-border-width-medium\)\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 6px - var(--heroui-border-width-medium)) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 8px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small) / 2 - 8px - var(--heroui-border-width-medium)) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_5px\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 5px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 8px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny) / 2 - 8px - var(--heroui-border-width-medium)) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_20px\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 20px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_24px\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small) / 2 + 24px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+var\(--heroui-font-size-tiny\)\/2_\+_16px\)\] { &:is(:where(.group)[data-filled="true"] *) { --tw-translate-y: calc(calc(100% + var(--heroui-font-size-tiny) / 2 + 16px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[filled\=true\]\:scale-85 { &:is(:where(.group)[data-filled="true"] *) { --tw-scale-x: 0.85; --tw-scale-y: 0.85; --tw-scale-z: 0.85; scale: var(--tw-scale-x) var(--tw-scale-y); } } .group-data-\[filled\=true\]\:text-default-600 { &:is(:where(.group)[data-filled="true"] *) { color: hsl(var(--heroui-default-600) / 1); } } .group-data-\[filled\=true\]\:text-foreground { &:is(:where(.group)[data-filled="true"] *) { color: hsl(var(--heroui-foreground) / 1); } } .group-data-\[focus-visible\=true\]\:z-10 { &:is(:where(.group)[data-focus-visible="true"] *) { z-index: 10; } } .group-data-\[focus-visible\=true\]\:block { &:is(:where(.group)[data-focus-visible="true"] *) { display: block; } } .group-data-\[focus-visible\=true\]\:hidden { &:is(:where(.group)[data-focus-visible="true"] *) { display: none; } } .group-data-\[focus-visible\=true\]\:ring-2 { &:is(:where(.group)[data-focus-visible="true"] *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .group-data-\[focus-visible\=true\]\:ring-focus { &:is(:where(.group)[data-focus-visible="true"] *) { --tw-ring-color: hsl(var(--heroui-focus) / 1); } } .group-data-\[focus-visible\=true\]\:ring-offset-2 { &:is(:where(.group)[data-focus-visible="true"] *) { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .group-data-\[focus-visible\=true\]\:ring-offset-background { &:is(:where(.group)[data-focus-visible="true"] *) { --tw-ring-offset-color: hsl(var(--heroui-background) / 1); } } .group-data-\[focus\=true\]\:\!border-danger { &:is(:where(.group)[data-focus="true"] *) { border-color: hsl(var(--heroui-danger) / 1) !important; } } .group-data-\[focus\=true\]\:border-danger { &:is(:where(.group)[data-focus="true"] *) { border-color: hsl(var(--heroui-danger) / 1); } } .group-data-\[focus\=true\]\:border-default-foreground { &:is(:where(.group)[data-focus="true"] *) { border-color: hsl(var(--heroui-default-foreground) / 1); } } .group-data-\[focus\=true\]\:border-primary { &:is(:where(.group)[data-focus="true"] *) { border-color: #0097a7; } } .group-data-\[focus\=true\]\:border-secondary { &:is(:where(.group)[data-focus="true"] *) { border-color: hsl(var(--heroui-secondary) / 1); } } .group-data-\[focus\=true\]\:border-success { &:is(:where(.group)[data-focus="true"] *) { border-color: hsl(var(--heroui-success) / 1); } } .group-data-\[focus\=true\]\:border-warning { &:is(:where(.group)[data-focus="true"] *) { border-color: hsl(var(--heroui-warning) / 1); } } .group-data-\[focus\=true\]\:\!bg-danger-50 { &:is(:where(.group)[data-focus="true"] *) { background-color: hsl(var(--heroui-danger-50) / 1) !important; } } .group-data-\[focus\=true\]\:bg-danger-50 { &:is(:where(.group)[data-focus="true"] *) { background-color: hsl(var(--heroui-danger-50) / 1); } } .group-data-\[focus\=true\]\:bg-default-100 { &:is(:where(.group)[data-focus="true"] *) { background-color: hsl(var(--heroui-default-100) / 1); } } .group-data-\[focus\=true\]\:bg-default-200 { &:is(:where(.group)[data-focus="true"] *) { background-color: hsl(var(--heroui-default-200) / 1); } } .group-data-\[focus\=true\]\:bg-primary-50 { &:is(:where(.group)[data-focus="true"] *) { background-color: hsl(var(--heroui-primary-50) / 1); } } .group-data-\[focus\=true\]\:bg-secondary-50 { &:is(:where(.group)[data-focus="true"] *) { background-color: hsl(var(--heroui-secondary-50) / 1); } } .group-data-\[focus\=true\]\:bg-success-50 { &:is(:where(.group)[data-focus="true"] *) { background-color: hsl(var(--heroui-success-50) / 1); } } .group-data-\[focus\=true\]\:bg-warning-50 { &:is(:where(.group)[data-focus="true"] *) { background-color: hsl(var(--heroui-warning-50) / 1); } } .group-data-\[has-end-content\=true\]\:left-2 { &:is(:where(.group)[data-has-end-content="true"] *) { left: calc(var(--spacing) * 2); } } .group-data-\[has-end-content\=true\]\:mt-4 { &:is(:where(.group)[data-has-end-content="true"] *) { margin-top: calc(var(--spacing) * 4); } } .group-data-\[has-helper\=true\]\:relative { &:is(:where(.group)[data-has-helper="true"] *) { position: relative; } } .group-data-\[has-helper\=true\]\:flex { &:is(:where(.group)[data-has-helper="true"] *) { display: flex; } } .group-data-\[has-helper\=true\]\:-translate-y-0 { &:is(:where(.group)[data-has-helper="true"] *) { --tw-translate-y: calc(var(--spacing) * -0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[has-helper\=true\]\:pe-2 { &:is(:where(.group)[data-has-helper="true"] *) { padding-inline-end: calc(var(--spacing) * 2); } } .group-data-\[has-helper\=true\]\:pt-2 { &:is(:where(.group)[data-has-helper="true"] *) { padding-top: calc(var(--spacing) * 2); } } .group-data-\[has-helper\=true\]\:pt-3 { &:is(:where(.group)[data-has-helper="true"] *) { padding-top: calc(var(--spacing) * 3); } } .group-data-\[has-helper\=true\]\:pt-4 { &:is(:where(.group)[data-has-helper="true"] *) { padding-top: calc(var(--spacing) * 4); } } .group-data-\[has-helper\=true\]\:pb-1\.5 { &:is(:where(.group)[data-has-helper="true"] *) { padding-bottom: calc(var(--spacing) * 1.5); } } .group-data-\[has-label-outside\=true\]\:pointer-events-auto { &:is(:where(.group)[data-has-label-outside="true"] *) { pointer-events: auto; } } .group-data-\[has-label\=true\]\:items-end { &:is(:where(.group)[data-has-label="true"] *) { align-items: flex-end; } } .group-data-\[has-label\=true\]\:items-start { &:is(:where(.group)[data-has-label="true"] *) { align-items: flex-start; } } .group-data-\[has-label\=true\]\:pt-4 { &:is(:where(.group)[data-has-label="true"] *) { padding-top: calc(var(--spacing) * 4); } } .group-data-\[has-label\=true\]\:pt-5 { &:is(:where(.group)[data-has-label="true"] *) { padding-top: calc(var(--spacing) * 5); } } .group-data-\[has-multiple-months\=true\]\:flex-row { &:is(:where(.group)[data-has-multiple-months="true"] *) { flex-direction: row; } } .group-data-\[has-value\=true\]\:pointer-events-auto { &:is(:where(.group)[data-has-value="true"] *) { pointer-events: auto; } } .group-data-\[has-value\=true\]\:block { &:is(:where(.group)[data-has-value="true"] *) { display: block; } } .group-data-\[has-value\=true\]\:scale-100 { &:is(:where(.group)[data-has-value="true"] *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .group-data-\[has-value\=true\]\:text-default-foreground { &:is(:where(.group)[data-has-value="true"] *) { color: hsl(var(--heroui-default-foreground) / 1); } } .group-data-\[has-value\=true\]\:text-foreground { &:is(:where(.group)[data-has-value="true"] *) { color: hsl(var(--heroui-foreground) / 1); } } .group-data-\[has-value\=true\]\:opacity-70 { &:is(:where(.group)[data-has-value="true"] *) { opacity: 70%; } } .group-data-\[hover-unselected\=true\]\:bg-default-100 { &:is(:where(.group)[data-hover-unselected="true"] *) { background-color: hsl(var(--heroui-default-100) / 1); } } .group-data-\[hover\=true\]\/th\:opacity-100 { &:is(:where(.group\/th)[data-hover="true"] *) { opacity: 100%; } } .group-data-\[invalid\=true\]\:border-danger { &:is(:where(.group)[data-invalid="true"] *) { border-color: hsl(var(--heroui-danger) / 1); } } .group-data-\[invalid\=true\]\:bg-danger-50 { &:is(:where(.group)[data-invalid="true"] *) { background-color: hsl(var(--heroui-danger-50) / 1); } } .group-data-\[invalid\=true\]\:text-danger { &:is(:where(.group)[data-invalid="true"] *) { color: hsl(var(--heroui-danger) / 1); } } .group-data-\[loaded\=true\]\:opacity-100 { &:is(:where(.group)[data-loaded="true"] *) { opacity: 100%; } } .group-data-\[pressed\=true\]\:w-5 { &:is(:where(.group)[data-pressed="true"] *) { width: calc(var(--spacing) * 5); } } .group-data-\[pressed\=true\]\:w-6 { &:is(:where(.group)[data-pressed="true"] *) { width: calc(var(--spacing) * 6); } } .group-data-\[pressed\=true\]\:w-7 { &:is(:where(.group)[data-pressed="true"] *) { width: calc(var(--spacing) * 7); } } .group-data-\[pressed\=true\]\:scale-95 { &:is(:where(.group)[data-pressed="true"] *) { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .group-data-\[pressed\=true\]\:opacity-70 { &:is(:where(.group)[data-pressed="true"] *) { opacity: 70%; } } .group-data-\[resize-handle-state\=drag\]\/resize\:bg-neutral-400 { &:is(:where(.group\/resize)[data-resize-handle-state="drag"] *) { background-color: var(--color-neutral-400); } } .group-data-\[selected\]\:group-data-\[pressed\]\:ml-3 { &:is(:where(.group)[data-selected] *) { &:is(:where(.group)[data-pressed] *) { margin-left: calc(var(--spacing) * 3); } } } .group-data-\[selected\]\:group-data-\[pressed\]\:ml-4 { &:is(:where(.group)[data-selected] *) { &:is(:where(.group)[data-pressed] *) { margin-left: calc(var(--spacing) * 4); } } } .group-data-\[selected\]\:group-data-\[pressed\]\:ml-5 { &:is(:where(.group)[data-selected] *) { &:is(:where(.group)[data-pressed] *) { margin-left: calc(var(--spacing) * 5); } } } .group-data-\[selected\=true\]\:ms-3 { &:is(:where(.group)[data-selected="true"] *) { margin-inline-start: calc(var(--spacing) * 3); } } .group-data-\[selected\=true\]\:ms-4 { &:is(:where(.group)[data-selected="true"] *) { margin-inline-start: calc(var(--spacing) * 4); } } .group-data-\[selected\=true\]\:ms-5 { &:is(:where(.group)[data-selected="true"] *) { margin-inline-start: calc(var(--spacing) * 5); } } .group-data-\[selected\=true\]\:ms-6 { &:is(:where(.group)[data-selected="true"] *) { margin-inline-start: calc(var(--spacing) * 6); } } .group-data-\[selected\=true\]\:translate-x-3 { &:is(:where(.group)[data-selected="true"] *) { --tw-translate-x: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y); } } .group-data-\[selected\=true\]\:scale-100 { &:is(:where(.group)[data-selected="true"] *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .group-data-\[selected\=true\]\:border-danger { &:is(:where(.group)[data-selected="true"] *) { border-color: hsl(var(--heroui-danger) / 1); } } .group-data-\[selected\=true\]\:border-default-500 { &:is(:where(.group)[data-selected="true"] *) { border-color: hsl(var(--heroui-default-500) / 1); } } .group-data-\[selected\=true\]\:border-primary { &:is(:where(.group)[data-selected="true"] *) { border-color: #0097a7; } } .group-data-\[selected\=true\]\:border-secondary { &:is(:where(.group)[data-selected="true"] *) { border-color: hsl(var(--heroui-secondary) / 1); } } .group-data-\[selected\=true\]\:border-success { &:is(:where(.group)[data-selected="true"] *) { border-color: hsl(var(--heroui-success) / 1); } } .group-data-\[selected\=true\]\:border-warning { &:is(:where(.group)[data-selected="true"] *) { border-color: hsl(var(--heroui-warning) / 1); } } .group-data-\[selected\=true\]\:bg-danger { &:is(:where(.group)[data-selected="true"] *) { background-color: hsl(var(--heroui-danger) / 1); } } .group-data-\[selected\=true\]\:bg-default-400 { &:is(:where(.group)[data-selected="true"] *) { background-color: hsl(var(--heroui-default-400) / 1); } } .group-data-\[selected\=true\]\:bg-primary { &:is(:where(.group)[data-selected="true"] *) { background-color: #0097a7; } } .group-data-\[selected\=true\]\:bg-secondary { &:is(:where(.group)[data-selected="true"] *) { background-color: hsl(var(--heroui-secondary) / 1); } } .group-data-\[selected\=true\]\:bg-success { &:is(:where(.group)[data-selected="true"] *) { background-color: hsl(var(--heroui-success) / 1); } } .group-data-\[selected\=true\]\:bg-warning { &:is(:where(.group)[data-selected="true"] *) { background-color: hsl(var(--heroui-warning) / 1); } } .group-data-\[selected\=true\]\:text-danger { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-danger) / 1); } } .group-data-\[selected\=true\]\:text-danger-foreground { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-danger-foreground) / 1); } } .group-data-\[selected\=true\]\:text-default-foreground { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-default-foreground) / 1); } } .group-data-\[selected\=true\]\:text-foreground { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-foreground) / 1); } } .group-data-\[selected\=true\]\:text-primary { &:is(:where(.group)[data-selected="true"] *) { color: #0097a7; } } .group-data-\[selected\=true\]\:text-primary-foreground { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-primary-foreground) / 1); } } .group-data-\[selected\=true\]\:text-secondary { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-secondary) / 1); } } .group-data-\[selected\=true\]\:text-secondary-foreground { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-secondary-foreground) / 1); } } .group-data-\[selected\=true\]\:text-success { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-success) / 1); } } .group-data-\[selected\=true\]\:text-success-foreground { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-success-foreground) / 1); } } .group-data-\[selected\=true\]\:text-warning { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-warning) / 1); } } .group-data-\[selected\=true\]\:text-warning-foreground { &:is(:where(.group)[data-selected="true"] *) { color: hsl(var(--heroui-warning-foreground) / 1); } } .group-data-\[selected\=true\]\:opacity-0 { &:is(:where(.group)[data-selected="true"] *) { opacity: 0%; } } .group-data-\[selected\=true\]\:opacity-60 { &:is(:where(.group)[data-selected="true"] *) { opacity: 60%; } } .group-data-\[selected\=true\]\:opacity-100 { &:is(:where(.group)[data-selected="true"] *) { opacity: 100%; } } .group-data-\[side\=left\]\:-right-4 { &:is(:where(.group)[data-side="left"] *) { right: calc(var(--spacing) * -4); } } .group-data-\[side\=left\]\:border-r { &:is(:where(.group)[data-side="left"] *) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .group-data-\[side\=left\]\:border-r-0 { &:is(:where(.group)[data-side="left"] *) { border-right-style: var(--tw-border-style); border-right-width: 0px; } } .group-data-\[side\=right\]\:left-0 { &:is(:where(.group)[data-side="right"] *) { left: calc(var(--spacing) * 0); } } .group-data-\[side\=right\]\:rotate-180 { &:is(:where(.group)[data-side="right"] *) { rotate: 180deg; } } .group-data-\[side\=right\]\:border-l { &:is(:where(.group)[data-side="right"] *) { border-left-style: var(--tw-border-style); border-left-width: 1px; } } .group-data-\[state\=open\]\:rotate-180 { &:is(:where(.group)[data-state="open"] *) { rotate: 180deg; } } .group-data-\[state\=open\]\/collapsible\:rotate-180 { &:is(:where(.group\/collapsible)[data-state="open"] *) { rotate: 180deg; } } .group-data-\[variant\=floating\]\:rounded-lg { &:is(:where(.group)[data-variant="floating"] *) { border-radius: var(--radius-lg); } } .group-data-\[variant\=floating\]\:border { &:is(:where(.group)[data-variant="floating"] *) { border-style: var(--tw-border-style); border-width: 1px; } } .group-data-\[variant\=floating\]\:border-sidebar-border { &:is(:where(.group)[data-variant="floating"] *) { border-color: var(--sidebar-border); } } .group-data-\[variant\=floating\]\:shadow-sm { &:is(:where(.group)[data-variant="floating"] *) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .peer-hover\/menu-button\:text-sidebar-accent-foreground { &:is(:where(.peer\/menu-button):hover ~ *) { @media (hover: hover) { color: var(--sidebar-accent-foreground); } } } .peer-disabled\:cursor-not-allowed { &:is(:where(.peer):disabled ~ *) { cursor: not-allowed; } } .peer-disabled\:opacity-70 { &:is(:where(.peer):disabled ~ *) { opacity: 70%; } } .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground { &:is(:where(.peer\/menu-button)[data-active="true"] ~ *) { color: var(--sidebar-accent-foreground); } } .peer-data-\[filled\=true\]\:pointer-events-auto { &:is(:where(.peer)[data-filled="true"] ~ *) { pointer-events: auto; } } .peer-data-\[filled\=true\]\:pointer-events-none { &:is(:where(.peer)[data-filled="true"] ~ *) { pointer-events: none; } } .peer-data-\[filled\=true\]\:block { &:is(:where(.peer)[data-filled="true"] ~ *) { display: block; } } .peer-data-\[filled\=true\]\:scale-100 { &:is(:where(.peer)[data-filled="true"] ~ *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .peer-data-\[filled\=true\]\:opacity-70 { &:is(:where(.peer)[data-filled="true"] ~ *) { opacity: 70%; } } .peer-data-\[size\=default\]\/menu-button\:top-1\.5 { &:is(:where(.peer\/menu-button)[data-size="default"] ~ *) { top: calc(var(--spacing) * 1.5); } } .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 { &:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) { top: calc(var(--spacing) * 2.5); } } .peer-data-\[size\=sm\]\/menu-button\:top-1 { &:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) { top: calc(var(--spacing) * 1); } } .selection\:bg-zinc-900 { & *::selection { background-color: var(--color-zinc-900); } &::selection { background-color: var(--color-zinc-900); } } .selection\:text-zinc-50 { & *::selection { color: var(--color-zinc-50); } &::selection { color: var(--color-zinc-50); } } .file\:me-3 { &::file-selector-button { margin-inline-end: calc(var(--spacing) * 3); } } .file\:inline-flex { &::file-selector-button { display: inline-flex; } } .file\:h-7 { &::file-selector-button { height: calc(var(--spacing) * 7); } } .file\:cursor-pointer { &::file-selector-button { cursor: pointer; } } .file\:border-0 { &::file-selector-button { border-style: var(--tw-border-style); border-width: 0px; } } .file\:bg-transparent { &::file-selector-button { background-color: transparent; } } .file\:text-sm { &::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .file\:font-medium { &::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .file\:text-\[oklch\(0\.141_0\.005_285\.823\)\] { &::file-selector-button { color: oklch(0.141 0.005 285.823); } } .file\:text-zinc-950 { &::file-selector-button { color: var(--color-zinc-950); } } .placeholder\:text-xs { &::placeholder { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .placeholder\:text-\[oklch\(0\.552_0\.016_285\.938\)\]\/72 { &::placeholder { color: color-mix(in oklab, oklch(0.552 0.016 285.938) 72%, transparent); } } .placeholder\:text-danger { &::placeholder { color: hsl(var(--heroui-danger) / 1); } } .placeholder\:text-foreground-500 { &::placeholder { color: hsl(var(--heroui-foreground-500) / 1); } } .placeholder\:text-neutral-200 { &::placeholder { color: var(--color-neutral-200); } } .placeholder\:text-neutral-300 { &::placeholder { color: var(--color-neutral-300); } } .placeholder\:text-neutral-400 { &::placeholder { color: var(--color-neutral-400); } } .placeholder\:text-primary { &::placeholder { color: #0097a7; } } .placeholder\:text-secondary { &::placeholder { color: hsl(var(--heroui-secondary) / 1); } } .placeholder\:text-success-600 { &::placeholder { color: hsl(var(--heroui-success-600) / 1); } } .placeholder\:text-warning-600 { &::placeholder { color: hsl(var(--heroui-warning-600) / 1); } } .placeholder\:text-zinc-500 { &::placeholder { color: var(--color-zinc-500); } } .placeholder\:opacity-0 { &::placeholder { opacity: 0%; } } .group-hover\:placeholder\:opacity-100 { &:is(:where(.group):hover *) { @media (hover: hover) { &::placeholder { opacity: 100%; } } } } .before\:pointer-events-auto { &::before { content: var(--tw-content); pointer-events: auto; } } .before\:pointer-events-none { &::before { content: var(--tw-content); pointer-events: none; } } .before\:absolute { &::before { content: var(--tw-content); position: absolute; } } .before\:-inset-2 { &::before { content: var(--tw-content); inset: calc(var(--spacing) * -2); } } .before\:inset-0 { &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } } .before\:inset-px { &::before { content: var(--tw-content); inset: 1px; } } .before\:inset-x-px { &::before { content: var(--tw-content); inset-inline: 1px; } } .before\:top-px { &::before { content: var(--tw-content); top: 1px; } } .before\:right-0 { &::before { content: var(--tw-content); right: calc(var(--spacing) * 0); } } .before\:bottom-px { &::before { content: var(--tw-content); bottom: 1px; } } .before\:left-0 { &::before { content: var(--tw-content); left: calc(var(--spacing) * 0); } } .before\:z-0 { &::before { content: var(--tw-content); z-index: 0; } } .before\:z-\[-1\] { &::before { content: var(--tw-content); z-index: -1; } } .before\:box-border { &::before { content: var(--tw-content); box-sizing: border-box; } } .before\:block { &::before { content: var(--tw-content); display: block; } } .before\:hidden { &::before { content: var(--tw-content); display: none; } } .before\:h-0\.5 { &::before { content: var(--tw-content); height: calc(var(--spacing) * 0.5); } } .before\:h-1 { &::before { content: var(--tw-content); height: calc(var(--spacing) * 1); } } .before\:h-2\.5 { &::before { content: var(--tw-content); height: calc(var(--spacing) * 2.5); } } .before\:h-4 { &::before { content: var(--tw-content); height: calc(var(--spacing) * 4); } } .before\:h-6 { &::before { content: var(--tw-content); height: calc(var(--spacing) * 6); } } .before\:h-8 { &::before { content: var(--tw-content); height: calc(var(--spacing) * 8); } } .before\:h-11 { &::before { content: var(--tw-content); height: calc(var(--spacing) * 11); } } .before\:h-12 { &::before { content: var(--tw-content); height: calc(var(--spacing) * 12); } } .before\:h-\[200\%\] { &::before { content: var(--tw-content); height: 200%; } } .before\:h-px { &::before { content: var(--tw-content); height: 1px; } } .before\:w-0 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 0); } } .before\:w-1 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 1); } } .before\:w-2\.5 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 2.5); } } .before\:w-6 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 6); } } .before\:w-8 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 8); } } .before\:w-11 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 11); } } .before\:w-12 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 12); } } .before\:-translate-x-full { &::before { content: var(--tw-content); --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } .before\:-translate-y-1 { &::before { content: var(--tw-content); --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .before\:rotate-0 { &::before { content: var(--tw-content); rotate: 0deg; } } .before\:rotate-45 { &::before { content: var(--tw-content); rotate: 45deg; } } .before\:animate-none { &::before { content: var(--tw-content); animation: none; } } .before\:animate-shimmer { &::before { content: var(--tw-content); animation: shimmer 2s infinite; } } .before\:rounded-\[3px\] { &::before { content: var(--tw-content); border-radius: 3px; } } .before\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.5\)\] { &::before { content: var(--tw-content); border-radius: calc(var(--heroui-radius-medium) * 0.5); } } .before\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.6\)\] { &::before { content: var(--tw-content); border-radius: calc(var(--heroui-radius-medium) * 0.6); } } .before\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.7\)\] { &::before { content: var(--tw-content); border-radius: calc(var(--heroui-radius-medium) * 0.7); } } .before\:rounded-\[calc\(var\(--radius-2xl\)-1px\)\] { &::before { content: var(--tw-content); border-radius: calc(var(--radius-2xl) - 1px); } } .before\:rounded-\[calc\(var\(--radius-lg\)-1px\)\] { &::before { content: var(--tw-content); border-radius: calc(var(--radius-lg) - 1px); } } .before\:rounded-\[calc\(var\(--radius-md\)-1px\)\] { &::before { content: var(--tw-content); border-radius: calc(var(--radius-md) - 1px); } } .before\:rounded-\[calc\(var\(--radius-xl\)-1px\)\] { &::before { content: var(--tw-content); border-radius: calc(var(--radius-xl) - 1px); } } .before\:rounded-full { &::before { content: var(--tw-content); border-radius: calc(infinity * 1px); } } .before\:rounded-none { &::before { content: var(--tw-content); border-radius: 0; } } .before\:rounded-sm { &::before { content: var(--tw-content); border-radius: var(--radius-sm); } } .before\:rounded-s-\[calc\(var\(--radius-2xl\)-1px\)\] { &::before { content: var(--tw-content); border-start-start-radius: calc(var(--radius-2xl) - 1px); border-end-start-radius: calc(var(--radius-2xl) - 1px); } } .before\:rounded-e-\[calc\(var\(--radius-2xl\)-1px\)\] { &::before { content: var(--tw-content); border-start-end-radius: calc(var(--radius-2xl) - 1px); border-end-end-radius: calc(var(--radius-2xl) - 1px); } } .before\:rounded-t-\[calc\(var\(--radius-2xl\)-1px\)\] { &::before { content: var(--tw-content); border-top-left-radius: calc(var(--radius-2xl) - 1px); border-top-right-radius: calc(var(--radius-2xl) - 1px); } } .before\:rounded-t-\[calc\(var\(--radius-lg\)-1px\)\] { &::before { content: var(--tw-content); border-top-left-radius: calc(var(--radius-lg) - 1px); border-top-right-radius: calc(var(--radius-lg) - 1px); } } .before\:rounded-b-\[calc\(var\(--radius-2xl\)-1px\)\] { &::before { content: var(--tw-content); border-bottom-right-radius: calc(var(--radius-2xl) - 1px); border-bottom-left-radius: calc(var(--radius-2xl) - 1px); } } .before\:rounded-b-\[calc\(var\(--radius-lg\)-1px\)\] { &::before { content: var(--tw-content); border-bottom-right-radius: calc(var(--radius-lg) - 1px); border-bottom-left-radius: calc(var(--radius-lg) - 1px); } } .before\:border-2 { &::before { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 2px; } } .before\:border-t { &::before { content: var(--tw-content); border-top-style: var(--tw-border-style); border-top-width: 1px; } } .before\:border-solid { &::before { content: var(--tw-content); --tw-border-style: solid; border-style: solid; } } .before\:border-content4\/30 { &::before { content: var(--tw-content); border-color: hsl(var(--heroui-content4) / 1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, hsl(var(--heroui-content4) / 1) 30%, transparent); } } } .before\:border-danger { &::before { content: var(--tw-content); border-color: hsl(var(--heroui-danger) / 1); } } .before\:border-default { &::before { content: var(--tw-content); border-color: hsl(var(--heroui-default) / 1); } } .before\:bg-\[oklch\(0\.92_0\.004_286\.32\)\] { &::before { content: var(--tw-content); background-color: oklch(0.92 0.004 286.32); } } .before\:bg-\[oklch\(0\.967_0\.001_286\.375_\/_72\%\)\] { &::before { content: var(--tw-content); background-color: oklch(0.967 0.001 286.375 / 72%); } } .before\:bg-content1 { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-content1) / 1); } } .before\:bg-current { &::before { content: var(--tw-content); background-color: currentcolor; } } .before\:bg-danger { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-danger) / 1); } } .before\:bg-danger\/20 { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger) / 1) 20%, transparent); } } } .before\:bg-default\/60 { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-default) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-default) / 1) 60%, transparent); } } } .before\:bg-foreground { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-foreground) / 1); } } .before\:bg-primary { &::before { content: var(--tw-content); background-color: #0097a7; } } .before\:bg-primary\/20 { &::before { content: var(--tw-content); background-color: color-mix(in oklab, #0097a7 20%, transparent); } } .before\:bg-secondary { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-secondary) / 1); } } .before\:bg-secondary\/20 { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 20%, transparent); } } } .before\:bg-success { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-success) / 1); } } .before\:bg-success\/20 { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-success) / 1) 20%, transparent); } } } .before\:bg-transparent { &::before { content: var(--tw-content); background-color: transparent; } } .before\:bg-warning { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-warning) / 1); } } .before\:bg-warning\/20 { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-warning) / 1) 20%, transparent); } } } .before\:bg-linear-to-b { &::before { content: var(--tw-content); --tw-gradient-position: to bottom; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } } .before\:bg-linear-to-t { &::before { content: var(--tw-content); --tw-gradient-position: to top; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to top in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } } .before\:bg-gradient-to-r { &::before { content: var(--tw-content); --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } } .before\:from-transparent { &::before { content: var(--tw-content); --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .before\:from-white { &::before { content: var(--tw-content); --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .before\:from-50\% { &::before { content: var(--tw-content); --tw-gradient-from-position: 50%; } } .before\:via-content4 { &::before { content: var(--tw-content); --tw-gradient-via: hsl(var(--heroui-content4) / 1); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } } .before\:to-transparent { &::before { content: var(--tw-content); --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .before\:opacity-0 { &::before { content: var(--tw-content); opacity: 0%; } } .before\:opacity-100 { &::before { content: var(--tw-content); opacity: 100%; } } .before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\] { &::before { content: var(--tw-content); --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in srgb, #000 4%, transparent)); @supports (color: color-mix(in lab, red, red)) { --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-black) 4%, transparent)); } box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .before\:shadow-none\! { &::before { content: var(--tw-content); --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } } .before\:shadow-small { &::before { content: var(--tw-content); --tw-shadow: var(--heroui-box-shadow-small); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .before\:transition-colors { &::before { content: var(--tw-content); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .before\:transition-transform { &::before { content: var(--tw-content); transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .before\:transition-width { &::before { content: var(--tw-content); transition-property: width; transition-timing-function: ease; transition-duration: 250ms; } } .before\:transition-none { &::before { content: var(--tw-content); transition-property: none; } } .before\:duration-150 { &::before { content: var(--tw-content); --tw-duration: 150ms; transition-duration: 150ms; } } .before\:content-\[\'\'\] { &::before { --tw-content: ''; content: var(--tw-content); } } .not-in-data-\[variant\=card\]\:before\:hidden { &:not(:where(*[data-variant="card"]) *) { &::before { content: var(--tw-content); display: none; } } } .not-has-disabled\:not-has-focus-visible\:not-has-aria-invalid\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\] { &:not(*:has(*:disabled)) { &:not(*:has(*:focus-visible)) { &:not(*:has(*[aria-invalid="true"])) { &::before { content: var(--tw-content); --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in srgb, #000 4%, transparent)); @supports (color: color-mix(in lab, red, red)) { --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-black) 4%, transparent)); } box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } } } .not-has-disabled\:not-has-focus-visible\:not-has-aria-invalid\:before\:shadow-none { &:not(*:has(*:disabled)) { &:not(*:has(*:focus-visible)) { &:not(*:has(*[aria-invalid="true"])) { &::before { content: var(--tw-content); --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } } } .not-has-disabled\:not-focus-within\:not-aria-invalid\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\] { &:not(*:has(*:disabled)) { &:not(*:focus-within) { &:not(*[aria-invalid="true"]) { &::before { content: var(--tw-content); --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in srgb, #000 4%, transparent)); @supports (color: color-mix(in lab, red, red)) { --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-black) 4%, transparent)); } box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } } } .not-data-disabled\:not-data-checked\:not-aria-invalid\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\] { &:not(*[data-disabled]) { &:not(*[data-checked]) { &:not(*[aria-invalid="true"]) { &::before { content: var(--tw-content); --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in srgb, #000 4%, transparent)); @supports (color: color-mix(in lab, red, red)) { --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-black) 4%, transparent)); } box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } } } .not-disabled\:not-active\:not-data-pressed\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\] { &:not(*:disabled) { &:not(*:active) { &:not(*[data-pressed]) { &::before { content: var(--tw-content); --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in srgb, #000 4%, transparent)); @supports (color: color-mix(in lab, red, red)) { --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-black) 4%, transparent)); } box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } } } .not-data-disabled\:not-focus-visible\:not-aria-invalid\:not-data-pressed\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\] { &:not(*[data-disabled]) { &:not(*:focus-visible) { &:not(*[aria-invalid="true"]) { &:not(*[data-pressed]) { &::before { content: var(--tw-content); --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in srgb, #000 4%, transparent)); @supports (color: color-mix(in lab, red, red)) { --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-black) 4%, transparent)); } box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } } } } .group-data-\[hover\=true\]\:before\:bg-default-100 { &:is(:where(.group)[data-hover="true"] *) { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-default-100) / 1); } } } .group-aria-\[selected\=false\]\/tr\:group-data-\[hover\=true\]\/tr\:before\:bg-default-100 { &:is(:where(.group\/tr)[aria-selected="false"] *) { &:is(:where(.group\/tr)[data-hover="true"] *) { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-default-100) / 1); } } } } .group-aria-\[selected\=false\]\/tr\:group-data-\[hover\=true\]\/tr\:before\:opacity-70 { &:is(:where(.group\/tr)[aria-selected="false"] *) { &:is(:where(.group\/tr)[data-hover="true"] *) { &::before { content: var(--tw-content); opacity: 70%; } } } } .group-data-\[middle\=true\]\/tr\:before\:rounded-none { &:is(:where(.group\/tr)[data-middle="true"] *) { &::before { content: var(--tw-content); border-radius: 0; } } } .group-data-\[odd\=true\]\/tr\:before\:-z-10 { &:is(:where(.group\/tr)[data-odd="true"] *) { &::before { content: var(--tw-content); z-index: calc(10 * -1); } } } .group-data-\[odd\=true\]\/tr\:before\:bg-default-100 { &:is(:where(.group\/tr)[data-odd="true"] *) { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-default-100) / 1); } } } .group-data-\[odd\=true\]\/tr\:before\:opacity-100 { &:is(:where(.group\/tr)[data-odd="true"] *) { &::before { content: var(--tw-content); opacity: 100%; } } } .group-data-\[open\=true\]\:before\:translate-y-px { &:is(:where(.group)[data-open="true"] *) { &::before { content: var(--tw-content); --tw-translate-y: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-data-\[open\=true\]\:before\:rotate-45 { &:is(:where(.group)[data-open="true"] *) { &::before { content: var(--tw-content); rotate: 45deg; } } } .group-data-\[selected\=true\]\:before\:w-full { &:is(:where(.group)[data-selected="true"] *) { &::before { content: var(--tw-content); width: 100%; } } } .after\:pointer-events-auto { &::after { content: var(--tw-content); pointer-events: auto; } } .after\:pointer-events-none { &::after { content: var(--tw-content); pointer-events: none; } } .after\:absolute { &::after { content: var(--tw-content); position: absolute; } } .after\:-inset-2 { &::after { content: var(--tw-content); inset: calc(var(--spacing) * -2); } } .after\:inset-0 { &::after { content: var(--tw-content); inset: calc(var(--spacing) * 0); } } .after\:inset-x-0 { &::after { content: var(--tw-content); inset-inline: calc(var(--spacing) * 0); } } .after\:inset-y-0 { &::after { content: var(--tw-content); inset-block: calc(var(--spacing) * 0); } } .after\:start-full { &::after { content: var(--tw-content); inset-inline-start: 100%; } } .after\:end-full { &::after { content: var(--tw-content); inset-inline-end: 100%; } } .after\:top-0 { &::after { content: var(--tw-content); top: calc(var(--spacing) * 0); } } .after\:top-full { &::after { content: var(--tw-content); top: 100%; } } .after\:right-0 { &::after { content: var(--tw-content); right: calc(var(--spacing) * 0); } } .after\:-bottom-1 { &::after { content: var(--tw-content); bottom: calc(var(--spacing) * -1); } } .after\:-bottom-\[2px\] { &::after { content: var(--tw-content); bottom: calc(2px * -1); } } .after\:bottom-0 { &::after { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } } .after\:bottom-full { &::after { content: var(--tw-content); bottom: 100%; } } .after\:left-0 { &::after { content: var(--tw-content); left: calc(var(--spacing) * 0); } } .after\:left-1\/2 { &::after { content: var(--tw-content); left: calc(1 / 2 * 100%); } } .after\:-z-10 { &::after { content: var(--tw-content); z-index: calc(10 * -1); } } .after\:z-0 { &::after { content: var(--tw-content); z-index: 0; } } .after\:z-\[-1\] { &::after { content: var(--tw-content); z-index: -1; } } .after\:ms-0\.5 { &::after { content: var(--tw-content); margin-inline-start: calc(var(--spacing) * 0.5); } } .after\:ml-0\.5 { &::after { content: var(--tw-content); margin-left: calc(var(--spacing) * 0.5); } } .after\:block { &::after { content: var(--tw-content); display: block; } } .after\:table-row { &::after { content: var(--tw-content); display: table-row; } } .after\:h-\(--bleed\) { &::after { content: var(--tw-content); height: var(--bleed); } } .after\:h-0 { &::after { content: var(--tw-content); height: calc(var(--spacing) * 0); } } .after\:h-4 { &::after { content: var(--tw-content); height: calc(var(--spacing) * 4); } } .after\:h-5 { &::after { content: var(--tw-content); height: calc(var(--spacing) * 5); } } .after\:h-\[2px\] { &::after { content: var(--tw-content); height: 2px; } } .after\:h-\[5px\] { &::after { content: var(--tw-content); height: 5px; } } .after\:h-divider { &::after { content: var(--tw-content); height: var(--heroui-divider-weight); } } .after\:h-full { &::after { content: var(--tw-content); height: 100%; } } .after\:h-px { &::after { content: var(--tw-content); height: 1px; } } .after\:w-\(--bleed\) { &::after { content: var(--tw-content); width: var(--bleed); } } .after\:w-0 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 0); } } .after\:w-1 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 1); } } .after\:w-4 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 4); } } .after\:w-5 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 5); } } .after\:w-6 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 6); } } .after\:w-\[2px\] { &::after { content: var(--tw-content); width: 2px; } } .after\:w-\[80\%\] { &::after { content: var(--tw-content); width: 80%; } } .after\:w-full { &::after { content: var(--tw-content); width: 100%; } } .after\:origin-center { &::after { content: var(--tw-content); transform-origin: center; } } .after\:-translate-x-1\/2 { &::after { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .after\:translate-y-1 { &::after { content: var(--tw-content); --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .after\:scale-50 { &::after { content: var(--tw-content); --tw-scale-x: 50%; --tw-scale-y: 50%; --tw-scale-z: 50%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .after\:rotate-0 { &::after { content: var(--tw-content); rotate: 0deg; } } .after\:rounded-\[calc\(var\(--heroui-radius-large\)\/2\)\] { &::after { content: var(--tw-content); border-radius: calc(var(--heroui-radius-large) / 2); } } .after\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.5\)\] { &::after { content: var(--tw-content); border-radius: calc(var(--heroui-radius-medium) * 0.5); } } .after\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.6\)\] { &::after { content: var(--tw-content); border-radius: calc(var(--heroui-radius-medium) * 0.6); } } .after\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.7\)\] { &::after { content: var(--tw-content); border-radius: calc(var(--heroui-radius-medium) * 0.7); } } .after\:rounded-\[calc\(var\(--heroui-radius-medium\)\/3\)\] { &::after { content: var(--tw-content); border-radius: calc(var(--heroui-radius-medium) / 3); } } .after\:rounded-\[calc\(var\(--heroui-radius-small\)\/3\)\] { &::after { content: var(--tw-content); border-radius: calc(var(--heroui-radius-small) / 3); } } .after\:rounded-full { &::after { content: var(--tw-content); border-radius: calc(infinity * 1px); } } .after\:rounded-none { &::after { content: var(--tw-content); border-radius: 0; } } .after\:rounded-xl { &::after { content: var(--tw-content); border-radius: var(--radius-xl); } } .after\:\!bg-danger { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-danger) / 1) !important; } } .after\:bg-\[oklch\(1_0_0\)\] { &::after { content: var(--tw-content); background-color: oklch(1 0 0); } } .after\:bg-background { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-background) / 1); } } .after\:bg-content1 { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-content1) / 1); } } .after\:bg-content3 { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-content3) / 1); } } .after\:bg-current { &::after { content: var(--tw-content); background-color: currentcolor; } } .after\:bg-danger { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-danger) / 1); } } .after\:bg-default { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-default) / 1); } } .after\:bg-default-foreground { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-default-foreground) / 1); } } .after\:bg-divider { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-divider) / 0.15); } } .after\:bg-foreground { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-foreground) / 1); } } .after\:bg-primary { &::after { content: var(--tw-content); background-color: #0097a7; } } .after\:bg-secondary { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-secondary) / 1); } } .after\:bg-success { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-success) / 1); } } .after\:bg-transparent { &::after { content: var(--tw-content); background-color: transparent; } } .after\:bg-warning { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-warning) / 1); } } .after\:text-danger { &::after { content: var(--tw-content); color: hsl(var(--heroui-danger) / 1); } } .after\:text-danger-foreground { &::after { content: var(--tw-content); color: hsl(var(--heroui-danger-foreground) / 1); } } .after\:text-default-foreground { &::after { content: var(--tw-content); color: hsl(var(--heroui-default-foreground) / 1); } } .after\:text-primary-foreground { &::after { content: var(--tw-content); color: hsl(var(--heroui-primary-foreground) / 1); } } .after\:text-secondary-foreground { &::after { content: var(--tw-content); color: hsl(var(--heroui-secondary-foreground) / 1); } } .after\:text-success-foreground { &::after { content: var(--tw-content); color: hsl(var(--heroui-success-foreground) / 1); } } .after\:text-warning-foreground { &::after { content: var(--tw-content); color: hsl(var(--heroui-warning-foreground) / 1); } } .after\:opacity-0 { &::after { content: var(--tw-content); opacity: 0%; } } .after\:opacity-100 { &::after { content: var(--tw-content); opacity: 100%; } } .after\:shadow-\[0_1px_0px_0_rgba\(0\,0\,0\,0\.05\)\] { &::after { content: var(--tw-content); --tw-shadow: 0 1px 0px 0 var(--tw-shadow-color, rgba(0,0,0,0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .after\:shadow-small { &::after { content: var(--tw-content); --tw-shadow: var(--heroui-box-shadow-small); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .after\:transition-all { &::after { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .after\:transition-background { &::after { content: var(--tw-content); transition-property: background; transition-timing-function: ease; transition-duration: 250ms; } } .after\:transition-height { &::after { content: var(--tw-content); transition-property: height; transition-timing-function: ease; transition-duration: 250ms; } } .after\:transition-transform { &::after { content: var(--tw-content); transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .after\:transition-transform-opacity { &::after { content: var(--tw-content); transition-property: transform, scale, opacity rotate; transition-timing-function: ease; transition-duration: 250ms; } } .after\:transition-width { &::after { content: var(--tw-content); transition-property: width; transition-timing-function: ease; transition-duration: 250ms; } } .after\:transition-none { &::after { content: var(--tw-content); transition-property: none; } } .after\:\!duration-200 { &::after { content: var(--tw-content); --tw-duration: 200ms !important; transition-duration: 200ms !important; } } .after\:duration-150 { &::after { content: var(--tw-content); --tw-duration: 150ms; transition-duration: 150ms; } } .after\:\!ease-linear { &::after { content: var(--tw-content); --tw-ease: linear !important; transition-timing-function: linear !important; } } .after\:content-\[\'\'\] { &::after { --tw-content: ''; content: var(--tw-content); } } .after\:content-\[\'\*\'\] { &::after { --tw-content: '*'; content: var(--tw-content); } } .\*\:after\:pointer-events-none { :is(& > *) { &::after { content: var(--tw-content); pointer-events: none; } } } .\*\:after\:absolute { :is(& > *) { &::after { content: var(--tw-content); position: absolute; } } } .\*\:after\:start-1\/2 { :is(& > *) { &::after { content: var(--tw-content); inset-inline-start: calc(1/2 * 100%); } } } .\*\:after\:bottom-1 { :is(& > *) { &::after { content: var(--tw-content); bottom: calc(var(--spacing) * 1); } } } .\*\:after\:z-1 { :is(& > *) { &::after { content: var(--tw-content); z-index: 1; } } } .\*\:after\:size-\[3px\] { :is(& > *) { &::after { content: var(--tw-content); width: 3px; height: 3px; } } } .\*\:after\:-translate-x-1\/2 { :is(& > *) { &::after { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .\*\:after\:rounded-full { :is(& > *) { &::after { content: var(--tw-content); border-radius: calc(infinity * 1px); } } } .\*\:after\:bg-neutral-900 { :is(& > *) { &::after { content: var(--tw-content); background-color: var(--color-neutral-900); } } } .\*\:after\:transition-colors { :is(& > *) { &::after { content: var(--tw-content); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } } .group-data-\[collapsible\=offcanvas\]\:after\:left-full { &:is(:where(.group)[data-collapsible="offcanvas"] *) { &::after { content: var(--tw-content); left: 100%; } } } .group-data-\[focus\=true\]\:after\:w-full { &:is(:where(.group)[data-focus="true"] *) { &::after { content: var(--tw-content); width: 100%; } } } .group-data-\[invalid\=true\]\:after\:bg-danger { &:is(:where(.group)[data-invalid="true"] *) { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-danger) / 1); } } } .group-data-\[open\=true\]\:after\:translate-y-0 { &:is(:where(.group)[data-open="true"] *) { &::after { content: var(--tw-content); --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-data-\[open\=true\]\:after\:-rotate-45 { &:is(:where(.group)[data-open="true"] *) { &::after { content: var(--tw-content); rotate: calc(45deg * -1); } } } .group-data-\[required\=true\]\:after\:ml-0\.5 { &:is(:where(.group)[data-required="true"] *) { &::after { content: var(--tw-content); margin-left: calc(var(--spacing) * 0.5); } } } .group-data-\[required\=true\]\:after\:text-danger { &:is(:where(.group)[data-required="true"] *) { &::after { content: var(--tw-content); color: hsl(var(--heroui-danger) / 1); } } } .group-data-\[required\=true\]\:after\:content-\[\'\*\'\] { &:is(:where(.group)[data-required="true"] *) { &::after { --tw-content: '*'; content: var(--tw-content); } } } .group-data-\[selected\=true\]\:after\:scale-100 { &:is(:where(.group)[data-selected="true"] *) { &::after { content: var(--tw-content); --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .group-data-\[selected\=true\]\:after\:opacity-100 { &:is(:where(.group)[data-selected="true"] *) { &::after { content: var(--tw-content); opacity: 100%; } } } .first\:mt-0 { &:first-child { margin-top: calc(var(--spacing) * 0); } } .first\:mt-2 { &:first-child { margin-top: calc(var(--spacing) * 2); } } .first\:-ml-0\.5 { &:first-child { margin-left: calc(var(--spacing) * -0.5); } } .first\:rounded-s-full { &:first-child { border-start-start-radius: calc(infinity * 1px); border-end-start-radius: calc(infinity * 1px); } } .first\:rounded-s-large { &:first-child { border-start-start-radius: var(--heroui-radius-large); border-end-start-radius: var(--heroui-radius-large); } } .first\:rounded-s-lg { &:first-child { border-start-start-radius: var(--radius-lg); border-end-start-radius: var(--radius-lg); } } .first\:rounded-s-medium { &:first-child { border-start-start-radius: var(--heroui-radius-medium); border-end-start-radius: var(--heroui-radius-medium); } } .first\:rounded-s-none { &:first-child { border-start-start-radius: 0; border-end-start-radius: 0; } } .first\:rounded-s-small { &:first-child { border-start-start-radius: var(--heroui-radius-small); border-end-start-radius: var(--heroui-radius-small); } } .first\:border-t-0 { &:first-child { border-top-style: var(--tw-border-style); border-top-width: 0px; } } .first\:pt-0 { &:first-child { padding-top: calc(var(--spacing) * 0); } } .first\:text-left { &:first-child { text-align: left; } } .first\:font-normal { &:first-child { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } } .first\:text-gray-700 { &:first-child { color: var(--color-gray-700); } } .first\:before\:rounded-s-lg { &:first-child { &::before { content: var(--tw-content); border-start-start-radius: var(--radius-lg); border-end-start-radius: var(--radius-lg); } } } .first\:before\:rounded-s-none { &:first-child { &::before { content: var(--tw-content); border-start-start-radius: 0; border-end-start-radius: 0; } } } .group-data-\[first\=true\]\/tr\:first\:before\:rounded-ss-lg { &:is(:where(.group\/tr)[data-first="true"] *) { &:first-child { &::before { content: var(--tw-content); border-start-start-radius: var(--radius-lg); } } } } .group-data-\[first\=true\]\/tr\:first\:before\:rounded-ss-none { &:is(:where(.group\/tr)[data-first="true"] *) { &:first-child { &::before { content: var(--tw-content); border-start-start-radius: 0; } } } } .group-data-\[last\=true\]\/tr\:first\:before\:rounded-es-lg { &:is(:where(.group\/tr)[data-last="true"] *) { &:first-child { &::before { content: var(--tw-content); border-end-start-radius: var(--radius-lg); } } } } .group-data-\[last\=true\]\/tr\:first\:before\:rounded-es-none { &:is(:where(.group\/tr)[data-last="true"] *) { &:first-child { &::before { content: var(--tw-content); border-end-start-radius: 0; } } } } .last\:mb-0 { &:last-child { margin-bottom: calc(var(--spacing) * 0); } } .last\:hidden { &:last-child { display: none; } } .last\:rounded-e-full { &:last-child { border-start-end-radius: calc(infinity * 1px); border-end-end-radius: calc(infinity * 1px); } } .last\:rounded-e-large { &:last-child { border-start-end-radius: var(--heroui-radius-large); border-end-end-radius: var(--heroui-radius-large); } } .last\:rounded-e-lg { &:last-child { border-start-end-radius: var(--radius-lg); border-end-end-radius: var(--radius-lg); } } .last\:rounded-e-medium { &:last-child { border-start-end-radius: var(--heroui-radius-medium); border-end-end-radius: var(--heroui-radius-medium); } } .last\:rounded-e-none { &:last-child { border-start-end-radius: 0; border-end-end-radius: 0; } } .last\:rounded-e-small { &:last-child { border-start-end-radius: var(--heroui-radius-small); border-end-end-radius: var(--heroui-radius-small); } } .last\:border-b-0 { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .last\:pb-0 { &:last-child { padding-bottom: calc(var(--spacing) * 0); } } .last\:before\:rounded-e-lg { &:last-child { &::before { content: var(--tw-content); border-start-end-radius: var(--radius-lg); border-end-end-radius: var(--radius-lg); } } } .last\:before\:rounded-e-none { &:last-child { &::before { content: var(--tw-content); border-start-end-radius: 0; border-end-end-radius: 0; } } } .group-data-\[first\=true\]\/tr\:last\:before\:rounded-se-lg { &:is(:where(.group\/tr)[data-first="true"] *) { &:last-child { &::before { content: var(--tw-content); border-start-end-radius: var(--radius-lg); } } } } .group-data-\[first\=true\]\/tr\:last\:before\:rounded-se-none { &:is(:where(.group\/tr)[data-first="true"] *) { &:last-child { &::before { content: var(--tw-content); border-start-end-radius: 0; } } } } .group-data-\[last\=true\]\/tr\:last\:before\:rounded-ee-lg { &:is(:where(.group\/tr)[data-last="true"] *) { &:last-child { &::before { content: var(--tw-content); border-end-end-radius: var(--radius-lg); } } } } .group-data-\[last\=true\]\/tr\:last\:before\:rounded-ee-none { &:is(:where(.group\/tr)[data-last="true"] *) { &:last-child { &::before { content: var(--tw-content); border-end-end-radius: 0; } } } } .first-of-type\:rounded-e-none { &:first-of-type { border-start-end-radius: 0; border-end-end-radius: 0; } } .last-of-type\:rounded-s-none { &:last-of-type { border-start-start-radius: 0; border-end-start-radius: 0; } } .autofill\:bg-transparent { &:autofill { background-color: transparent; } } .empty\:m-0 { &:empty { margin: calc(var(--spacing) * 0); } } .empty\:p-0 { &:empty { padding: calc(var(--spacing) * 0); } } .focus-within\:border-\[oklch\(0\.705_0\.015_286\.067\)\] { &:focus-within { border-color: oklch(0.705 0.015 286.067); } } .focus-within\:border-blue-300 { &:focus-within { border-color: var(--color-blue-300); } } .focus-within\:border-danger { &:focus-within { border-color: hsl(var(--heroui-danger) / 1); } } .focus-within\:border-default-400 { &:focus-within { border-color: hsl(var(--heroui-default-400) / 1); } } .focus-within\:border-default-foreground { &:focus-within { border-color: hsl(var(--heroui-default-foreground) / 1); } } .focus-within\:border-neutral-400 { &:focus-within { border-color: var(--color-neutral-400); } } .focus-within\:border-primary { &:focus-within { border-color: #0097a7; } } .focus-within\:border-secondary { &:focus-within { border-color: hsl(var(--heroui-secondary) / 1); } } .focus-within\:border-success { &:focus-within { border-color: hsl(var(--heroui-success) / 1); } } .focus-within\:border-warning { &:focus-within { border-color: hsl(var(--heroui-warning) / 1); } } .focus-within\:bg-danger-50 { &:focus-within { background-color: hsl(var(--heroui-danger-50) / 1); } } .focus-within\:bg-primary-50 { &:focus-within { background-color: hsl(var(--heroui-primary-50) / 1); } } .focus-within\:bg-secondary-50 { &:focus-within { background-color: hsl(var(--heroui-secondary-50) / 1); } } .focus-within\:bg-success-50 { &:focus-within { background-color: hsl(var(--heroui-success-50) / 1); } } .focus-within\:bg-warning-50 { &:focus-within { background-color: hsl(var(--heroui-warning-50) / 1); } } .focus-within\:bg-white { &:focus-within { background-color: var(--color-white); } } .focus-within\:ring-\[3px\] { &:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-within\:ring-neutral-300 { &:focus-within { --tw-ring-color: var(--color-neutral-300); } } .focus-within\:after\:w-full { &:focus-within { &::after { content: var(--tw-content); width: 100%; } } } .hover\:-m-1 { &:hover { @media (hover: hover) { margin: calc(var(--spacing) * -1); } } } .hover\:-translate-x-0 { &:hover { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * -0); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:-translate-x-1 { &:hover { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:scale-105 { &:hover { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:scale-110 { &:hover { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:scale-125 { &:hover { @media (hover: hover) { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:transform { &:hover { @media (hover: hover) { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } } } .hover\:cursor-pointer { &:hover { @media (hover: hover) { cursor: pointer; } } } .hover\:border-\[oklch\(0\.577_0\.245_27\.325_\/_32\%\)\] { &:hover { @media (hover: hover) { border-color: oklch(0.577 0.245 27.325 / 32%); } } } .hover\:border-danger { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-danger) / 1); } } } .hover\:border-default { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-default) / 1); } } } .hover\:border-default-300 { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-default-300) / 1); } } } .hover\:border-default-400 { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-default-400) / 1); } } } .hover\:border-forml { &:hover { @media (hover: hover) { border-color: #0097a7; } } } .hover\:border-forml-700 { &:hover { @media (hover: hover) { border-color: #0097a7; } } } .hover\:border-gray-300 { &:hover { @media (hover: hover) { border-color: var(--color-gray-300); } } } .hover\:border-gray-400 { &:hover { @media (hover: hover) { border-color: var(--color-gray-400); } } } .hover\:border-gray-400\! { &:hover { @media (hover: hover) { border-color: var(--color-gray-400) !important; } } } .hover\:border-green-600 { &:hover { @media (hover: hover) { border-color: var(--color-green-600); } } } .hover\:border-neutral-200 { &:hover { @media (hover: hover) { border-color: var(--color-neutral-200); } } } .hover\:border-neutral-300 { &:hover { @media (hover: hover) { border-color: var(--color-neutral-300); } } } .hover\:border-neutral-400 { &:hover { @media (hover: hover) { border-color: var(--color-neutral-400); } } } .hover\:border-primary { &:hover { @media (hover: hover) { border-color: #0097a7; } } } .hover\:border-primary-500 { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-primary-500) / 1); } } } .hover\:border-secondary { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-secondary) / 1); } } } .hover\:border-slate-300 { &:hover { @media (hover: hover) { border-color: var(--color-slate-300); } } } .hover\:border-success { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-success) / 1); } } } .hover\:border-warning { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-warning) / 1); } } } .hover\:border-zinc-300 { &:hover { @media (hover: hover) { border-color: var(--color-zinc-300); } } } .hover\:border-zinc-400 { &:hover { @media (hover: hover) { border-color: var(--color-zinc-400); } } } .hover\:\!bg-foreground { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-foreground) / 1) !important; } } } .hover\:bg-\[\#DE8E00\] { &:hover { @media (hover: hover) { background-color: #DE8E00; } } } .hover\:bg-\[oklch\(0\.21_0\.006_285\.885_\/_90\%\)\] { &:hover { @media (hover: hover) { background-color: oklch(0.21 0.006 285.885 / 90%); } } } .hover\:bg-\[oklch\(0\.577_0\.245_27\.325_\/_4\%\)\] { &:hover { @media (hover: hover) { background-color: oklch(0.577 0.245 27.325 / 4%); } } } .hover\:bg-\[oklch\(0\.577_0\.245_27\.325_\/_90\%\)\] { &:hover { @media (hover: hover) { background-color: oklch(0.577 0.245 27.325 / 90%); } } } .hover\:bg-\[oklch\(0\.967_0\.001_286\.375\)\] { &:hover { @media (hover: hover) { background-color: oklch(0.967 0.001 286.375); } } } .hover\:bg-\[oklch\(0\.967_0\.001_286\.375_\/_50\%\)\] { &:hover { @media (hover: hover) { background-color: oklch(0.967 0.001 286.375 / 50%); } } } .hover\:bg-\[oklch\(0\.967_0\.001_286\.375_\/_90\%\)\] { &:hover { @media (hover: hover) { background-color: oklch(0.967 0.001 286.375 / 90%); } } } .hover\:bg-amber-100 { &:hover { @media (hover: hover) { background-color: var(--color-amber-100); } } } .hover\:bg-amber-200 { &:hover { @media (hover: hover) { background-color: var(--color-amber-200); } } } .hover\:bg-amber-200\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-200) 90%, transparent); } } } } .hover\:bg-blue-100 { &:hover { @media (hover: hover) { background-color: var(--color-blue-100); } } } .hover\:bg-blue-700 { &:hover { @media (hover: hover) { background-color: var(--color-blue-700); } } } .hover\:bg-danger { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-danger) / 1); } } } .hover\:bg-danger-50 { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-danger-50) / 1); } } } .hover\:bg-default-100 { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-default-100) / 1); } } } .hover\:bg-default-200 { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-default-200) / 1); } } } .hover\:bg-emerald-100 { &:hover { @media (hover: hover) { background-color: var(--color-emerald-100); } } } .hover\:bg-forml { &:hover { @media (hover: hover) { background-color: #0097a7; } } } .hover\:bg-forml-50 { &:hover { @media (hover: hover) { background-color: #eafffc; } } } .hover\:bg-forml-700 { &:hover { @media (hover: hover) { background-color: #0097a7; } } } .hover\:bg-forml-700\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #0097a7 20%, transparent); } } } .hover\:bg-forml-700\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #0097a7 30%, transparent); } } } .hover\:bg-forml-700\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #0097a7 80%, transparent); } } } .hover\:bg-forml-900 { &:hover { @media (hover: hover) { background-color: #0e5d6b; } } } .hover\:bg-forml-ai-200\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(88% 0.1 292.717) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-forml-ai-200) 90%, transparent); } } } } .hover\:bg-gray-50 { &:hover { @media (hover: hover) { background-color: var(--color-gray-50); } } } .hover\:bg-gray-50\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent); } } } } .hover\:bg-gray-100 { &:hover { @media (hover: hover) { background-color: var(--color-gray-100); } } } .hover\:bg-gray-200 { &:hover { @media (hover: hover) { background-color: var(--color-gray-200); } } } .hover\:bg-green-100 { &:hover { @media (hover: hover) { background-color: var(--color-green-100); } } } .hover\:bg-green-600 { &:hover { @media (hover: hover) { background-color: var(--color-green-600); } } } .hover\:bg-green-700 { &:hover { @media (hover: hover) { background-color: var(--color-green-700); } } } .hover\:bg-neutral-50 { &:hover { @media (hover: hover) { background-color: var(--color-neutral-50); } } } .hover\:bg-neutral-100 { &:hover { @media (hover: hover) { background-color: var(--color-neutral-100); } } } .hover\:bg-neutral-200 { &:hover { @media (hover: hover) { background-color: var(--color-neutral-200); } } } .hover\:bg-neutral-200\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(92.2% 0 0) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-200) 30%, transparent); } } } } .hover\:bg-neutral-200\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(92.2% 0 0) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-200) 40%, transparent); } } } } .hover\:bg-neutral-200\/70 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(92.2% 0 0) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-200) 70%, transparent); } } } } .hover\:bg-neutral-200\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(92.2% 0 0) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-200) 90%, transparent); } } } } .hover\:bg-neutral-300 { &:hover { @media (hover: hover) { background-color: var(--color-neutral-300); } } } .hover\:bg-neutral-300\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(87% 0 0) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-300) 40%, transparent); } } } } .hover\:bg-neutral-500 { &:hover { @media (hover: hover) { background-color: var(--color-neutral-500); } } } .hover\:bg-neutral-700\/95 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(37.1% 0 0) 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-700) 95%, transparent); } } } } .hover\:bg-orange-200\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(90.1% 0.076 70.697) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-200) 80%, transparent); } } } } .hover\:bg-primary { &:hover { @media (hover: hover) { background-color: #0097a7; } } } .hover\:bg-primary-50 { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-primary-50) / 1); } } } .hover\:bg-primary-200 { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-primary-200) / 1); } } } .hover\:bg-primary-500 { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-primary-500) / 1); } } } .hover\:bg-purple-100 { &:hover { @media (hover: hover) { background-color: var(--color-purple-100); } } } .hover\:bg-red-50 { &:hover { @media (hover: hover) { background-color: var(--color-red-50); } } } .hover\:bg-red-100 { &:hover { @media (hover: hover) { background-color: var(--color-red-100); } } } .hover\:bg-red-300 { &:hover { @media (hover: hover) { background-color: var(--color-red-300); } } } .hover\:bg-red-500\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 80%, transparent); } } } } .hover\:bg-red-500\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 90%, transparent); } } } } .hover\:bg-red-700 { &:hover { @media (hover: hover) { background-color: var(--color-red-700); } } } .hover\:bg-secondary-50 { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-secondary-50) / 1); } } } .hover\:bg-sidebar-accent { &:hover { @media (hover: hover) { background-color: var(--sidebar-accent); } } } .hover\:bg-sky-50 { &:hover { @media (hover: hover) { background-color: var(--color-sky-50); } } } .hover\:bg-slate-100 { &:hover { @media (hover: hover) { background-color: var(--color-slate-100); } } } .hover\:bg-success-50 { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-success-50) / 1); } } } .hover\:bg-transparent { &:hover { @media (hover: hover) { background-color: transparent; } } } .hover\:bg-warning-50 { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-warning-50) / 1); } } } .hover\:bg-white { &:hover { @media (hover: hover) { background-color: var(--color-white); } } } .hover\:bg-white\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } .hover\:bg-white\/15 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } } } .hover\:bg-zinc-100 { &:hover { @media (hover: hover) { background-color: var(--color-zinc-100); } } } .hover\:bg-zinc-100\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(96.7% 0.001 286.375) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-zinc-100) 80%, transparent); } } } } .hover\:bg-zinc-900\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-zinc-900) 80%, transparent); } } } } .hover\:bg-zinc-900\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-zinc-900) 90%, transparent); } } } } .hover\:p-1 { &:hover { @media (hover: hover) { padding: calc(var(--spacing) * 1); } } } .hover\:text-\[oklch\(0\.21_0\.006_285\.885\)\] { &:hover { @media (hover: hover) { color: oklch(0.21 0.006 285.885); } } } .hover\:text-\[oklch\(0\.552_0\.016_285\.938\)\] { &:hover { @media (hover: hover) { color: oklch(0.552 0.016 285.938); } } } .hover\:text-amber-600 { &:hover { @media (hover: hover) { color: var(--color-amber-600); } } } .hover\:text-amber-700 { &:hover { @media (hover: hover) { color: var(--color-amber-700); } } } .hover\:text-blue-200 { &:hover { @media (hover: hover) { color: var(--color-blue-200); } } } .hover\:text-blue-500 { &:hover { @media (hover: hover) { color: var(--color-blue-500); } } } .hover\:text-blue-600 { &:hover { @media (hover: hover) { color: var(--color-blue-600); } } } .hover\:text-blue-800 { &:hover { @media (hover: hover) { color: var(--color-blue-800); } } } .hover\:text-danger-600 { &:hover { @media (hover: hover) { color: hsl(var(--heroui-danger-600) / 1); } } } .hover\:text-default-600 { &:hover { @media (hover: hover) { color: hsl(var(--heroui-default-600) / 1); } } } .hover\:text-default-700 { &:hover { @media (hover: hover) { color: hsl(var(--heroui-default-700) / 1); } } } .hover\:text-emerald-900 { &:hover { @media (hover: hover) { color: var(--color-emerald-900); } } } .hover\:text-foreground-600 { &:hover { @media (hover: hover) { color: hsl(var(--heroui-foreground-600) / 1); } } } .hover\:text-forml { &:hover { @media (hover: hover) { color: #0097a7; } } } .hover\:text-forml-700 { &:hover { @media (hover: hover) { color: #0097a7; } } } .hover\:text-forml-800 { &:hover { @media (hover: hover) { color: #0b717f; } } } .hover\:text-forml-900 { &:hover { @media (hover: hover) { color: #0e5d6b; } } } .hover\:text-gray-400 { &:hover { @media (hover: hover) { color: var(--color-gray-400); } } } .hover\:text-gray-500 { &:hover { @media (hover: hover) { color: var(--color-gray-500); } } } .hover\:text-gray-600 { &:hover { @media (hover: hover) { color: var(--color-gray-600); } } } .hover\:text-gray-900 { &:hover { @media (hover: hover) { color: var(--color-gray-900); } } } .hover\:text-green-600 { &:hover { @media (hover: hover) { color: var(--color-green-600); } } } .hover\:text-green-900 { &:hover { @media (hover: hover) { color: var(--color-green-900); } } } .hover\:text-neutral-50 { &:hover { @media (hover: hover) { color: var(--color-neutral-50); } } } .hover\:text-neutral-500 { &:hover { @media (hover: hover) { color: var(--color-neutral-500); } } } .hover\:text-neutral-600 { &:hover { @media (hover: hover) { color: var(--color-neutral-600); } } } .hover\:text-neutral-700 { &:hover { @media (hover: hover) { color: var(--color-neutral-700); } } } .hover\:text-neutral-800 { &:hover { @media (hover: hover) { color: var(--color-neutral-800); } } } .hover\:text-neutral-900 { &:hover { @media (hover: hover) { color: var(--color-neutral-900); } } } .hover\:text-primary-600 { &:hover { @media (hover: hover) { color: hsl(var(--heroui-primary-600) / 1); } } } .hover\:text-purple-900 { &:hover { @media (hover: hover) { color: var(--color-purple-900); } } } .hover\:text-red-500 { &:hover { @media (hover: hover) { color: var(--color-red-500); } } } .hover\:text-red-600 { &:hover { @media (hover: hover) { color: var(--color-red-600); } } } .hover\:text-red-800 { &:hover { @media (hover: hover) { color: var(--color-red-800); } } } .hover\:text-red-900 { &:hover { @media (hover: hover) { color: var(--color-red-900); } } } .hover\:text-secondary-600 { &:hover { @media (hover: hover) { color: hsl(var(--heroui-secondary-600) / 1); } } } .hover\:text-sidebar-accent-foreground { &:hover { @media (hover: hover) { color: var(--sidebar-accent-foreground); } } } .hover\:text-slate-900 { &:hover { @media (hover: hover) { color: var(--color-slate-900); } } } .hover\:text-success-600 { &:hover { @media (hover: hover) { color: hsl(var(--heroui-success-600) / 1); } } } .hover\:text-warning-600 { &:hover { @media (hover: hover) { color: hsl(var(--heroui-warning-600) / 1); } } } .hover\:text-white { &:hover { @media (hover: hover) { color: var(--color-white); } } } .hover\:text-zinc-900 { &:hover { @media (hover: hover) { color: var(--color-zinc-900); } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:decoration-forml-800 { &:hover { @media (hover: hover) { text-decoration-color: #0b717f; } } } .hover\:decoration-neutral-800 { &:hover { @media (hover: hover) { text-decoration-color: var(--color-neutral-800); } } } .hover\:\!opacity-100 { &:hover { @media (hover: hover) { opacity: 100% !important; } } } .hover\:opacity-10 { &:hover { @media (hover: hover) { opacity: 10%; } } } .hover\:opacity-80 { &:hover { @media (hover: hover) { opacity: 80%; } } } .hover\:opacity-90 { &:hover { @media (hover: hover) { opacity: 90%; } } } .hover\:opacity-100 { &:hover { @media (hover: hover) { opacity: 100%; } } } .hover\:opacity-hover { &:hover { @media (hover: hover) { opacity: var(--heroui-hover-opacity); } } } .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-sm { &:hover { @media (hover: hover) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:ring-2 { &:hover { @media (hover: hover) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:ring-neutral-200 { &:hover { @media (hover: hover) { --tw-ring-color: var(--color-neutral-200); } } } .hover\:ring-orange-200 { &:hover { @media (hover: hover) { --tw-ring-color: var(--color-orange-200); } } } .hover\:ring-violet-200 { &:hover { @media (hover: hover) { --tw-ring-color: var(--color-violet-200); } } } .not-in-data-selected\:hover\:bg-neutral-100 { &:not(:where(*[data-selected]) *) { &:hover { @media (hover: hover) { background-color: var(--color-neutral-100); } } } } .not-in-data-\[variant\=card\]\:hover\:bg-\[color-mix\(in_srgb\,var\(--background\)\,var\(--color-black\)_2\%\)\] { &:not(:where(*[data-variant="card"]) *) { &:hover { @media (hover: hover) { background-color: var(--background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb,var(--background),var(--color-black) 2%); } } } } } .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar { &:hover { @media (hover: hover) { &:is(:where(.group)[data-collapsible="offcanvas"] *) { background-color: var(--sidebar); } } } } .group-data-\[invalid\=true\]\:hover\:border-danger { &:is(:where(.group)[data-invalid="true"] *) { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-danger) / 1); } } } } .group-data-\[invalid\=true\]\:hover\:bg-danger-100 { &:is(:where(.group)[data-invalid="true"] *) { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-danger-100) / 1); } } } } .hover\:after\:bg-danger\/20 { &:hover { @media (hover: hover) { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger) / 1) 20%, transparent); } } } } } .hover\:after\:bg-foreground\/10 { &:hover { @media (hover: hover) { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-foreground) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 10%, transparent); } } } } } .hover\:after\:bg-primary\/20 { &:hover { @media (hover: hover) { &::after { content: var(--tw-content); background-color: color-mix(in oklab, #0097a7 20%, transparent); } } } } .hover\:after\:bg-secondary\/20 { &:hover { @media (hover: hover) { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 20%, transparent); } } } } } .hover\:after\:bg-sidebar-border { &:hover { @media (hover: hover) { &::after { content: var(--tw-content); background-color: var(--sidebar-border); } } } } .hover\:after\:bg-success\/20 { &:hover { @media (hover: hover) { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-success) / 1) 20%, transparent); } } } } } .hover\:after\:bg-warning\/20 { &:hover { @media (hover: hover) { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-warning) / 1) 20%, transparent); } } } } } .hover\:after\:opacity-100 { &:hover { @media (hover: hover) { &::after { content: var(--tw-content); opacity: 100%; } } } } .focus-within\:hover\:border-danger { &:focus-within { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-danger) / 1); } } } } .focus-within\:hover\:border-default-foreground { &:focus-within { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-default-foreground) / 1); } } } } .focus-within\:hover\:border-primary { &:focus-within { &:hover { @media (hover: hover) { border-color: #0097a7; } } } } .focus-within\:hover\:border-secondary { &:focus-within { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-secondary) / 1); } } } } .focus-within\:hover\:border-success { &:focus-within { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-success) / 1); } } } } .focus-within\:hover\:border-warning { &:focus-within { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-warning) / 1); } } } } .focus-within\:hover\:bg-default-100 { &:focus-within { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-default-100) / 1); } } } } .group-data-\[invalid\=true\]\:focus-within\:hover\:border-danger { &:is(:where(.group)[data-invalid="true"] *) { &:focus-within { &:hover { @media (hover: hover) { border-color: hsl(var(--heroui-danger) / 1); } } } } } .group-data-\[invalid\=true\]\:focus-within\:hover\:bg-danger-50 { &:is(:where(.group)[data-invalid="true"] *) { &:focus-within { &:hover { @media (hover: hover) { background-color: hsl(var(--heroui-danger-50) / 1); } } } } } .focus\:border-2 { &:focus { border-style: var(--tw-border-style); border-width: 2px; } } .focus\:border-forml-600 { &:focus { border-color: #00b3c4; } } .focus\:border-neutral-400 { &:focus { border-color: var(--color-neutral-400); } } .focus\:bg-danger-400\/50 { &:focus { background-color: hsl(var(--heroui-danger-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger-400) / 1) 50%, transparent); } } } .focus\:bg-default-400\/50 { &:focus { background-color: hsl(var(--heroui-default-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-default-400) / 1) 50%, transparent); } } } .focus\:bg-forml-50 { &:focus { background-color: #eafffc; } } .focus\:bg-gray-100 { &:focus { background-color: var(--color-gray-100); } } .focus\:bg-primary-400\/50 { &:focus { background-color: hsl(var(--heroui-primary-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-primary-400) / 1) 50%, transparent); } } } .focus\:bg-secondary-400\/50 { &:focus { background-color: hsl(var(--heroui-secondary-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-secondary-400) / 1) 50%, transparent); } } } .focus\:bg-success-400\/50 { &:focus { background-color: hsl(var(--heroui-success-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-success-400) / 1) 50%, transparent); } } } .focus\:bg-warning-400\/50 { &:focus { background-color: hsl(var(--heroui-warning-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-warning-400) / 1) 50%, transparent); } } } .focus\:bg-zinc-100 { &:focus { background-color: var(--color-zinc-100); } } .focus\:text-zinc-900 { &:focus { color: var(--color-zinc-900); } } .focus\:underline { &:focus { text-decoration-line: underline; } } .focus\:shadow-xs { &:focus { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-1 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-2 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-primary { &:focus { --tw-ring-color: #0097a7; } } .focus\:ring-zinc-950 { &:focus { --tw-ring-color: var(--color-zinc-950); } } .focus\:ring-offset-2 { &:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus\:outline-hidden { &:focus { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } } .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } .focus\:placeholder\:opacity-100 { &:focus { &::placeholder { opacity: 100%; } } } .focus-visible\:z-1 { &:focus-visible { z-index: 1; } } .focus-visible\:z-10 { &:focus-visible { z-index: 10; } } .focus-visible\:border-blue-300 { &:focus-visible { border-color: var(--color-blue-300); } } .focus-visible\:border-neutral-400 { &:focus-visible { border-color: var(--color-neutral-400); } } .focus-visible\:border-transparent { &:focus-visible { border-color: transparent; } } .focus-visible\:border-zinc-950 { &:focus-visible { border-color: var(--color-zinc-950); } } .focus-visible\:bg-white { &:focus-visible { background-color: var(--color-white); } } .focus-visible\:text-forml { &:focus-visible { color: #0097a7; } } .focus-visible\:ring-0 { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-1 { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-2 { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-\[3px\] { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-\[oklch\(0\.705_0\.015_286\.067\)\] { &:focus-visible { --tw-ring-color: oklch(0.705 0.015 286.067); } } .focus-visible\:ring-amber-400 { &:focus-visible { --tw-ring-color: var(--color-amber-400); } } .focus-visible\:ring-blue-100 { &:focus-visible { --tw-ring-color: var(--color-blue-100); } } .focus-visible\:ring-blue-400 { &:focus-visible { --tw-ring-color: var(--color-blue-400); } } .focus-visible\:ring-forml-300 { &:focus-visible { --tw-ring-color: #57fff6; } } .focus-visible\:ring-forml-500 { &:focus-visible { --tw-ring-color: #00e2ea; } } .focus-visible\:ring-forml-700 { &:focus-visible { --tw-ring-color: #0097a7; } } .focus-visible\:ring-forml-ai-400 { &:focus-visible { --tw-ring-color: var(--color-forml-ai-400); } } .focus-visible\:ring-forml\/40 { &:focus-visible { --tw-ring-color: color-mix(in oklab, #0097a7 40%, transparent); } } .focus-visible\:ring-neutral-300 { &:focus-visible { --tw-ring-color: var(--color-neutral-300); } } .focus-visible\:ring-neutral-400 { &:focus-visible { --tw-ring-color: var(--color-neutral-400); } } .focus-visible\:ring-neutral-400\/24 { &:focus-visible { --tw-ring-color: color-mix(in srgb, oklch(70.8% 0 0) 24%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-neutral-400) 24%, transparent); } } } .focus-visible\:ring-neutral-400\/40 { &:focus-visible { --tw-ring-color: color-mix(in srgb, oklch(70.8% 0 0) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-neutral-400) 40%, transparent); } } } .focus-visible\:ring-neutral-400\/50 { &:focus-visible { --tw-ring-color: color-mix(in srgb, oklch(70.8% 0 0) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-neutral-400) 50%, transparent); } } } .focus-visible\:ring-orange-300 { &:focus-visible { --tw-ring-color: var(--color-orange-300); } } .focus-visible\:ring-red-500\/20 { &:focus-visible { --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } } .focus-visible\:ring-violet-300 { &:focus-visible { --tw-ring-color: var(--color-violet-300); } } .focus-visible\:ring-zinc-950 { &:focus-visible { --tw-ring-color: var(--color-zinc-950); } } .focus-visible\:ring-zinc-950\/50 { &:focus-visible { --tw-ring-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-zinc-950) 50%, transparent); } } } .focus-visible\:ring-offset-1 { &:focus-visible { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus-visible\:ring-offset-2 { &:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus-visible\:ring-offset-\[oklch\(1_0_0\)\] { &:focus-visible { --tw-ring-offset-color: oklch(1 0 0); } } .focus-visible\:outline-hidden { &:focus-visible { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } } .focus-visible\:outline-2 { &:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } } .focus-visible\:outline-offset-2 { &:focus-visible { outline-offset: 2px; } } .focus-visible\:outline-focus { &:focus-visible { outline-color: hsl(var(--heroui-focus) / 1); } } .focus-visible\:outline-forml-800 { &:focus-visible { outline-color: #0b717f; } } .focus-visible\:outline-none { &:focus-visible { --tw-outline-style: none; outline-style: none; } } .focus-visible\:outline-solid { &:focus-visible { --tw-outline-style: solid; outline-style: solid; } } .focus-visible\:ring-inset { &:focus-visible { --tw-ring-inset: inset; } } .active\:cursor-grabbing { &:active { cursor: grabbing; } } .active\:bg-default-200 { &:active { background-color: hsl(var(--heroui-default-200) / 1); } } .active\:bg-default-300 { &:active { background-color: hsl(var(--heroui-default-300) / 1); } } .active\:bg-green-200 { &:active { background-color: var(--color-green-200); } } .active\:bg-red-200 { &:active { background-color: var(--color-red-200); } } .active\:bg-sidebar-accent { &:active { background-color: var(--sidebar-accent); } } .active\:text-sidebar-accent-foreground { &:active { color: var(--sidebar-accent-foreground); } } .active\:underline { &:active { text-decoration-line: underline; } } .active\:\!opacity-70 { &:active { opacity: 70% !important; } } .active\:opacity-disabled { &:active { opacity: var(--heroui-disabled-opacity); } } .disabled\:pointer-events-none { &:disabled { pointer-events: none; } } .disabled\:cursor-default { &:disabled { cursor: default; } } .disabled\:cursor-not-allowed { &:disabled { cursor: not-allowed; } } .disabled\:bg-white\/40 { &:disabled { background-color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 40%, transparent); } } } .disabled\:text-neutral-300 { &:disabled { color: var(--color-neutral-300); } } .disabled\:text-neutral-700 { &:disabled { color: var(--color-neutral-700); } } .disabled\:opacity-30 { &:disabled { opacity: 30%; } } .disabled\:opacity-50 { &:disabled { opacity: 50%; } } .disabled\:opacity-60 { &:disabled { opacity: 60%; } } .disabled\:opacity-64 { &:disabled { opacity: 64%; } } .disabled\:opacity-100 { &:disabled { opacity: 100%; } } .disabled\:opacity-\[0\.45\] { &:disabled { opacity: 0.45; } } .disabled\:blur-\[0\.6px\] { &:disabled { --tw-blur: blur(0.6px); 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,); } } .disabled\:saturate-\[0\.75\] { &:disabled { --tw-saturate: saturate(0.75); 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,); } } .disabled\:hover\:bg-neutral-100 { &:disabled { &:hover { @media (hover: hover) { background-color: var(--color-neutral-100); } } } } .disabled\:hover\:bg-transparent { &:disabled { &:hover { @media (hover: hover) { background-color: transparent; } } } } .disabled\:hover\:text-current { &:disabled { &:hover { @media (hover: hover) { color: currentcolor; } } } } .disabled\:hover\:text-neutral-400 { &:disabled { &:hover { @media (hover: hover) { color: var(--color-neutral-400); } } } } .in-data-disabled\:pointer-events-none { :where(*[data-disabled]) & { pointer-events: none; } } .in-data-disabled\:text-neutral-400 { :where(*[data-disabled]) & { color: var(--color-neutral-400); } } .in-data-disabled\:line-through { :where(*[data-disabled]) & { text-decoration-line: line-through; } } .in-data-has-overflow-y\:pe-3 { :where(*[data-has-overflow-y]) & { padding-inline-end: calc(var(--spacing) * 3); } } .in-data-outside\:text-neutral-400 { :where(*[data-outside]) & { color: var(--color-neutral-400); } } .in-data-placeholder\:text-\[oklch\(0\.552_0\.016_285\.938\)\]\/72 { :where(*[data-placeholder]) & { color: color-mix(in oklab, oklch(0.552 0.016 285.938) 72%, transparent); } } .in-data-selected\:bg-neutral-900 { :where(*[data-selected]) & { background-color: var(--color-neutral-900); } } .in-data-selected\:text-white { :where(*[data-selected]) & { color: var(--color-white); } } .in-data-selected\:in-data-outside\:text-white { :where(*[data-selected]) & { :where(*[data-outside]) & { color: var(--color-white); } } } .in-data-\[side\=left\]\:cursor-w-resize { :where(*[data-side="left"]) & { cursor: w-resize; } } .in-data-\[side\=none\]\:min-w-\[calc\(var\(--anchor-width\)\+1\.25rem\)\] { :where(*[data-side="none"]) & { min-width: calc(var(--anchor-width) + 1.25rem); } } .in-data-\[side\=right\]\:cursor-e-resize { :where(*[data-side="right"]) & { cursor: e-resize; } } .in-data-\[slot\=table-footer\]\:py-3\.5 { :where(*[data-slot="table-footer"]) & { padding-block: calc(var(--spacing) * 3.5); } } .in-data-\[variant\=card\]\:my-4 { :where(*[data-variant="card"]) & { margin-block: calc(var(--spacing) * 4); } } .in-data-\[variant\=card\]\:border-separate { :where(*[data-variant="card"]) & { border-collapse: separate; } } .in-data-\[variant\=card\]\:border-spacing-0 { :where(*[data-variant="card"]) & { --tw-border-spacing-x: calc(var(--spacing) * 0); --tw-border-spacing-y: calc(var(--spacing) * 0); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } } .in-data-\[variant\=card\]\:rounded-xl { :where(*[data-variant="card"]) & { border-radius: var(--radius-xl); } } .in-data-\[variant\=card\]\:border-none { :where(*[data-variant="card"]) & { --tw-border-style: none; border-style: none; } } .in-data-\[variant\=card\]\:shadow-xs\/5 { :where(*[data-variant="card"]) & { --tw-shadow-alpha: 5%; --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.05) l a b / 5%)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .in-data-\[variant\=card\]\:first\:ps-\[calc\(--spacing\(2\.5\)-1px\)\] { :where(*[data-variant="card"]) & { &:first-child { padding-inline-start: calc(calc(var(--spacing) * 2.5) - 1px); } } } .in-data-\[variant\=card\]\:last\:pe-\[calc\(--spacing\(2\.5\)-1px\)\] { :where(*[data-variant="card"]) & { &:last-child { padding-inline-end: calc(calc(var(--spacing) * 2.5) - 1px); } } } .in-\[\.range-end\:not\(\.range-start\)\]\:rounded-s-none { :where(*:is(.range-end:not(.range-start))) & { border-start-start-radius: 0; border-end-start-radius: 0; } } .in-\[\.range-middle\]\:rounded-none { :where(*:is(.range-middle)) & { border-radius: 0; } } .in-\[\.range-middle\]\:in-data-selected\:bg-neutral-100 { :where(*:is(.range-middle)) & { :where(*[data-selected]) & { background-color: var(--color-neutral-100); } } } .in-\[\.range-middle\]\:in-data-selected\:text-neutral-900 { :where(*:is(.range-middle)) & { :where(*[data-selected]) & { color: var(--color-neutral-900); } } } .in-\[\.range-start\:not\(\.range-end\)\]\:rounded-e-none { :where(*:is(.range-start:not(.range-end))) & { border-start-end-radius: 0; border-end-end-radius: 0; } } .in-\[\[data-selected\]\:not\(\.range-middle\)\]\:transition-\[color\,background-color\,border-radius\,box-shadow\] { :where(*:is([data-selected]:not(.range-middle))) & { transition-property: color,background-color,border-radius,box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .in-\[\[data-slot\=card\]\:has\(\>\[data-slot\=card-footer\]\:not\(\.border-t\)\)\]\:pb-0 { :where(*:is([data-slot=card]:has(>[data-slot=card-footer]:not(.border-t)))) & { padding-bottom: calc(var(--spacing) * 0); } } .in-\[\[data-slot\=card\]\:has\(\>\[data-slot\=card-header\]\:not\(\.border-b\)\)\]\:pt-0 { :where(*:is([data-slot=card]:has(>[data-slot=card-header]:not(.border-b)))) & { padding-top: calc(var(--spacing) * 0); } } .in-\[\[data-slot\=card\]\:has\(\>\[data-slot\=card-panel\]\)\]\:pt-4 { :where(*:is([data-slot=card]:has(>[data-slot=card-panel]))) & { padding-top: calc(var(--spacing) * 4); } } .in-\[\[data-slot\=card\]\:has\(\>\[data-slot\=card-panel\]\)\]\:pb-4 { :where(*:is([data-slot=card]:has(>[data-slot=card-panel]))) & { padding-bottom: calc(var(--spacing) * 4); } } .in-\[\[data-slot\=drawer-menu-checkbox-item\]\:active\]\:rounded-\[var\(--thumb-size\)\/calc\(var\(--thumb-size\)\*1\.10\)\] { :where(*:is([data-slot=drawer-menu-checkbox-item]:active)) & { border-radius: var(--thumb-size)/calc(var(--thumb-size) * 1.10); } } .in-\[\[data-slot\=drawer-menu-checkbox-item\]\:active\]\:not-data-disabled\:scale-x-110 { :where(*:is([data-slot=drawer-menu-checkbox-item]:active)) & { &:not(*[data-disabled]) { --tw-scale-x: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .in-\[\[data-slot\=drawer-menu-checkbox-item\]\[data-checked\]\]\:origin-\[var\(--thumb-size\)_50\%\] { :where(*:is([data-slot=drawer-menu-checkbox-item][data-checked])) & { transform-origin: var(--thumb-size) 50%; } } .in-\[\[data-slot\=drawer-menu-checkbox-item\]\[data-checked\]\]\:translate-x-\[calc\(var\(--thumb-size\)-4px\)\] { :where(*:is([data-slot=drawer-menu-checkbox-item][data-checked])) & { --tw-translate-x: calc(var(--thumb-size) - 4px); translate: var(--tw-translate-x) var(--tw-translate-y); } } .in-\[\[data-slot\=drawer-popup\]\:has\(\[data-slot\=drawer-footer\]\:not\(\.border-t\)\)\]\:pb-1 { :where(*:is([data-slot=drawer-popup]:has([data-slot=drawer-footer]:not(.border-t)))) & { padding-bottom: calc(var(--spacing) * 1); } } .in-\[\[data-slot\=drawer-popup\]\:has\(\[data-slot\=drawer-header\]\)\]\:pt-1 { :where(*:is([data-slot=drawer-popup]:has([data-slot=drawer-header]))) & { padding-top: calc(var(--spacing) * 1); } } .in-\[\[data-slot\=drawer-popup\]\:has\(\[data-slot\=drawer-panel\]\)\]\:pt-3 { :where(*:is([data-slot=drawer-popup]:has([data-slot=drawer-panel]))) & { padding-top: calc(var(--spacing) * 3); } } .in-\[\[data-slot\=drawer-popup\]\:has\(\[data-slot\=drawer-panel\]\)\]\:pb-3 { :where(*:is([data-slot=drawer-popup]:has([data-slot=drawer-panel]))) & { padding-bottom: calc(var(--spacing) * 3); } } .in-\[\[data-slot\=menu-checkbox-item\]\:active\]\:rounded-\[var\(--thumb-size\)\/calc\(var\(--thumb-size\)\*1\.10\)\] { :where(*:is([data-slot=menu-checkbox-item]:active)) & { border-radius: var(--thumb-size)/calc(var(--thumb-size) * 1.10); } } .in-\[\[data-slot\=menu-checkbox-item\]\:active\]\:not-data-disabled\:scale-x-110 { :where(*:is([data-slot=menu-checkbox-item]:active)) & { &:not(*[data-disabled]) { --tw-scale-x: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .in-\[\[data-slot\=menu-checkbox-item\]\[data-checked\]\]\:origin-\[var\(--thumb-size\)_50\%\] { :where(*:is([data-slot=menu-checkbox-item][data-checked])) & { transform-origin: var(--thumb-size) 50%; } } .in-\[\[data-slot\=menu-checkbox-item\]\[data-checked\]\]\:translate-x-\[calc\(var\(--thumb-size\)-4px\)\] { :where(*:is([data-slot=menu-checkbox-item][data-checked])) & { --tw-translate-x: calc(var(--thumb-size) - 4px); translate: var(--tw-translate-x) var(--tw-translate-y); } } .in-\[\[role\=switch\]\:active\,\[data-slot\=label\]\:active\,\[data-slot\=field-label\]\:active\]\:rounded-\[var\(--thumb-size\)\/calc\(var\(--thumb-size\)\*1\.1\)\] { :where(*:is([role=switch]:active,[data-slot=label]:active,[data-slot=field-label]:active)) & { border-radius: var(--thumb-size)/calc(var(--thumb-size) * 1.1); } } .in-\[\[role\=switch\]\:active\,\[data-slot\=label\]\:active\,\[data-slot\=field-label\]\:active\]\:not-data-disabled\:scale-x-110 { :where(*:is([role=switch]:active,[data-slot=label]:active,[data-slot=field-label]:active)) & { &:not(*[data-disabled]) { --tw-scale-x: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .not-has-disabled\:has-not-focus-visible\:not-has-aria-invalid\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\] { &:not(*:has(*:disabled)) { &:has(*:not(*:focus-visible)) { &:not(*:has(*[aria-invalid="true"])) { &::before { content: var(--tw-content); --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in srgb, #000 4%, transparent)); @supports (color: color-mix(in lab, red, red)) { --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-black) 4%, transparent)); } box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } } } .has-autofill\:bg-\[oklch\(0\.141_0\.005_285\.823\)\]\/4 { &:has(*:autofill) { background-color: color-mix(in oklab, oklch(0.141 0.005 285.823) 4%, transparent); } } .has-focus\:border-neutral-400 { &:has(*:focus) { border-color: var(--color-neutral-400); } } .has-focus\:ring-\[3px\] { &:has(*:focus) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .has-focus\:ring-neutral-400\/50 { &:has(*:focus) { --tw-ring-color: color-mix(in srgb, oklch(70.8% 0 0) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-neutral-400) 50%, transparent); } } } .has-focus-visible\:border-\[oklch\(0\.705_0\.015_286\.067\)\] { &:has(*:focus-visible) { border-color: oklch(0.705 0.015 286.067); } } .has-focus-visible\:border-neutral-400 { &:has(*:focus-visible) { border-color: var(--color-neutral-400); } } .has-focus-visible\:ring-\[3px\] { &:has(*:focus-visible) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .has-disabled\:pointer-events-none { &:has(*:disabled) { pointer-events: none; } } .has-disabled\:opacity-64 { &:has(*:disabled) { opacity: 64%; } } .has-disabled\:opacity-100 { &:has(*:disabled) { opacity: 100%; } } .has-aria-invalid\:border-\[oklch\(0\.577_0\.245_27\.325\)\]\/36 { &:has(*[aria-invalid="true"]) { border-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 36%, transparent); } } .has-aria-invalid\:border-red-500\/36 { &:has(*[aria-invalid="true"]) { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 36%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 36%, transparent); } } } .focus-within\:has-aria-invalid\:border-\[oklch\(0\.577_0\.245_27\.325\)\]\/64 { &:focus-within { &:has(*[aria-invalid="true"]) { border-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 64%, transparent); } } } .focus-within\:has-aria-invalid\:ring-\[oklch\(0\.577_0\.245_27\.325\)\]\/16 { &:focus-within { &:has(*[aria-invalid="true"]) { --tw-ring-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 16%, transparent); } } } .has-focus-visible\:has-aria-invalid\:border-\[oklch\(0\.577_0\.245_27\.325\)\]\/64 { &:has(*:focus-visible) { &:has(*[aria-invalid="true"]) { border-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 64%, transparent); } } } .has-focus-visible\:has-aria-invalid\:border-red-500\/64 { &:has(*:focus-visible) { &:has(*[aria-invalid="true"]) { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 64%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 64%, transparent); } } } } .has-focus-visible\:has-aria-invalid\:ring-\[oklch\(0\.577_0\.245_27\.325\)\]\/16 { &:has(*:focus-visible) { &:has(*[aria-invalid="true"]) { --tw-ring-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 16%, transparent); } } } .has-focus-visible\:has-aria-invalid\:ring-red-500\/16 { &:has(*:focus-visible) { &:has(*[aria-invalid="true"]) { --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 16%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 16%, transparent); } } } } .has-data-\[size\=lg\]\:min-h-10 { &:has(*[data-size="lg"]) { min-height: calc(var(--spacing) * 10); } } .has-data-\[size\=lg\]\:\*\:min-h-8 { &:has(*[data-size="lg"]) { :is(& > *) { min-height: calc(var(--spacing) * 8); } } } .has-data-\[size\=sm\]\:min-h-8 { &:has(*[data-size="sm"]) { min-height: calc(var(--spacing) * 8); } } .has-data-\[size\=sm\]\:\*\:min-h-6 { &:has(*[data-size="sm"]) { :is(& > *) { min-height: calc(var(--spacing) * 6); } } } .has-data-\[slot\=calendar\]\:rounded-xl { &:has(*[data-slot="calendar"]) { border-radius: var(--radius-xl); } } .has-data-\[slot\=calendar\]\:p-2 { &:has(*[data-slot="calendar"]) { padding: calc(var(--spacing) * 2); } } .has-data-\[slot\=calendar\]\:before\:rounded-\[calc\(var\(--radius-xl\)-1px\)\] { &:has(*[data-slot="calendar"]) { &::before { content: var(--tw-content); border-radius: calc(var(--radius-xl) - 1px); } } } .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] { &:has(*[data-slot="card-action"]) { grid-template-columns: 1fr auto; } } .has-data-\[slot\=card-frame-action\]\:grid-cols-\[1fr_auto\] { &:has(*[data-slot="card-frame-action"]) { grid-template-columns: 1fr auto; } } .has-data-\[slot\=drawer-bar\]\:ps-2 { &:has(*[data-slot="drawer-bar"]) { padding-inline-start: calc(var(--spacing) * 2); } } .has-data-\[slot\=drawer-bar\]\:pe-2 { &:has(*[data-slot="drawer-bar"]) { padding-inline-end: calc(var(--spacing) * 2); } } .has-data-\[slot\=drawer-bar\]\:pt-2 { &:has(*[data-slot="drawer-bar"]) { padding-top: calc(var(--spacing) * 2); } } .has-data-\[slot\=drawer-bar\]\:pb-2 { &:has(*[data-slot="drawer-bar"]) { padding-bottom: calc(var(--spacing) * 2); } } .has-data-\[slot\=table-container\]\:overflow-hidden { &:has(*[data-slot="table-container"]) { overflow: hidden; } } .has-data-\[variant\=inset\]\:bg-sidebar { &:has(*[data-variant="inset"]) { background-color: var(--sidebar); } } .has-\[\:disabled\]\:opacity-60 { &:has(*:is(:disabled)) { opacity: 60%; } } .has-\[\:disabled\,\:focus-visible\,\[aria-invalid\]\]\:shadow-none { &:has(*:is(:disabled,:focus-visible,[aria-invalid])) { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .has-\[\:disabled\,\:focus-within\,\[aria-invalid\]\]\:shadow-none { &:has(*:is(:disabled,:focus-within,[aria-invalid])) { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .has-\[\[data-bank-toggle\]\:hover\]\:bg-neutral-200\/70 { &:has(*:is([data-bank-toggle]:hover)) { background-color: color-mix(in srgb, oklch(92.2% 0 0) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-200) 70%, transparent); } } } .has-\[\[role\=checkbox\]\]\:w-px { &:has(*:is([role=checkbox])) { width: 1px; } } .first\:has-\[\[role\=checkbox\]\]\:pe-0 { &:first-child { &:has(*:is([role=checkbox])) { padding-inline-end: calc(var(--spacing) * 0); } } } .last\:has-\[\[role\=checkbox\]\]\:ps-0 { &:last-child { &:has(*:is([role=checkbox])) { padding-inline-start: calc(var(--spacing) * 0); } } } .has-\[\+\[data-size\=sm\]\]\:ps-\[calc\(--spacing\(2\.5\)-1px\)\] { &:has(+[data-size=sm]) { padding-inline-start: calc(calc(var(--spacing) * 2.5) - 1px); } } .has-\[\+\[data-slot\=combobox-chip\]\]\:pe-2 { &:has(+[data-slot=combobox-chip]) { padding-inline-end: calc(var(--spacing) * 2); } } .has-\[\+\[data-slot\=combobox-clear\]\]\:hidden { &:has(+[data-slot=combobox-clear]) { display: none; } } .has-\[\>svg\]\:px-2\.5 { &:has(>svg) { padding-inline: calc(var(--spacing) * 2.5); } } .has-\[\>svg\]\:px-3 { &:has(>svg) { padding-inline: calc(var(--spacing) * 3); } } .has-\[\>svg\]\:px-4 { &:has(>svg) { padding-inline: calc(var(--spacing) * 4); } } .has-\[\~\[data-size\=sm\]\]\:ps-1\.5 { &:has(~[data-size=sm]) { padding-inline-start: calc(var(--spacing) * 1.5); } } .has-\[\~\[data-size\=sm\]\]\:has-\[\+\[data-slot\=combobox-chip\]\]\:pe-1\.5 { &:has(~[data-size=sm]) { &:has(+[data-slot=combobox-chip]) { padding-inline-end: calc(var(--spacing) * 1.5); } } } .aria-disabled\:pointer-events-none { &[aria-disabled="true"] { pointer-events: none; } } .aria-disabled\:opacity-50 { &[aria-disabled="true"] { opacity: 50%; } } .aria-expanded\:scale-\[0\.97\] { &[aria-expanded="true"] { scale: 0.97; } } .aria-expanded\:opacity-70 { &[aria-expanded="true"] { opacity: 70%; } } .aria-invalid\:border-\[oklch\(0\.577_0\.245_27\.325\)\]\/36 { &[aria-invalid="true"] { border-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 36%, transparent); } } .aria-invalid\:border-red-500 { &[aria-invalid="true"] { border-color: var(--color-red-500); } } .aria-invalid\:border-red-500\/36 { &[aria-invalid="true"] { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 36%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 36%, transparent); } } } .aria-invalid\:ring-red-500\/20 { &[aria-invalid="true"] { --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } } .focus-visible\:aria-invalid\:border-\[oklch\(0\.577_0\.245_27\.325\)\]\/64 { &:focus-visible { &[aria-invalid="true"] { border-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 64%, transparent); } } } .focus-visible\:aria-invalid\:border-red-500\/64 { &:focus-visible { &[aria-invalid="true"] { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 64%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 64%, transparent); } } } } .focus-visible\:aria-invalid\:ring-\[oklch\(0\.577_0\.245_27\.325\)\]\/48 { &:focus-visible { &[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 48%, transparent); } } } .focus-visible\:aria-invalid\:ring-red-500\/16 { &:focus-visible { &[aria-invalid="true"] { --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 16%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 16%, transparent); } } } } .data-active\:text-\[oklch\(0\.141_0\.005_285\.823\)\] { &[data-active] { color: oklch(0.141 0.005 285.823); } } .data-checked\:origin-\[var\(--thumb-size\)_50\%\] { &[data-checked] { transform-origin: var(--thumb-size) 50%; } } .data-checked\:translate-x-\[calc\(var\(--thumb-size\)-4px\)\] { &[data-checked] { --tw-translate-x: calc(var(--thumb-size) - 4px); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-checked\:bg-\[oklch\(0\.21_0\.006_285\.885\)\] { &[data-checked] { background-color: oklch(0.21 0.006 285.885); } } .data-checked\:bg-neutral-900 { &[data-checked] { background-color: var(--color-neutral-900); } } .\*\*\:data-current\:w-\[calc\(var\(--popup-width\)-2\*var\(--viewport-inline-padding\)-2px\)\] { :is(& *) { &[data-current] { width: calc(var(--popup-width) - 2 * var(--viewport-inline-padding) - 2px); } } } .\*\*\:data-current\:opacity-100 { :is(& *) { &[data-current] { opacity: 100%; } } } .\*\*\:data-current\:transition-opacity { :is(& *) { &[data-current] { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } } .data-disabled\:pointer-events-none { &[data-disabled] { pointer-events: none; } } .data-disabled\:cursor-default { &[data-disabled] { cursor: default; } } .data-disabled\:cursor-not-allowed { &[data-disabled] { cursor: not-allowed; } } .data-disabled\:opacity-50 { &[data-disabled] { opacity: 50%; } } .data-disabled\:opacity-60 { &[data-disabled] { opacity: 60%; } } .data-disabled\:opacity-64 { &[data-disabled] { opacity: 64%; } } .data-ending-style\:mb-0 { &[data-ending-style] { margin-bottom: calc(var(--spacing) * 0); } } .data-ending-style\:h-0 { &[data-ending-style] { height: calc(var(--spacing) * 0); } } .data-ending-style\:scale-95 { &[data-ending-style] { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .data-ending-style\:scale-98 { &[data-ending-style] { --tw-scale-x: 98%; --tw-scale-y: 98%; --tw-scale-z: 98%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .data-ending-style\:transform-\[translateX\(calc\(-100\%-var\(--inset\)\)\)\] { &[data-ending-style] { transform: translateX(calc(-100% - var(--inset))); } } .data-ending-style\:transform-\[translateX\(calc\(100\%\+var\(--inset\)\)\)\] { &[data-ending-style] { transform: translateX(calc(100% + var(--inset))); } } .data-ending-style\:transform-\[translateY\(calc\(-100\%-var\(--inset\)\)\)\] { &[data-ending-style] { transform: translateY(calc(-100% - var(--inset))); } } .data-ending-style\:transform-\[translateY\(calc\(100\%\+env\(safe-area-inset-bottom\,0px\)\+var\(--inset\)\)\)\] { &[data-ending-style] { transform: translateY(calc(100% + env(safe-area-inset-bottom,0px) + var(--inset))); } } .data-ending-style\:pb-0 { &[data-ending-style] { padding-bottom: calc(var(--spacing) * 0); } } .data-ending-style\:opacity-0 { &[data-ending-style] { opacity: 0%; } } .data-ending-style\:shadow-transparent { &[data-ending-style] { --tw-shadow-color: transparent; @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, transparent var(--tw-shadow-alpha), transparent); } } } .data-ending-style\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\] { &[data-ending-style] { --tw-duration: calc(var(--drawer-swipe-strength) * 400ms); transition-duration: calc(var(--drawer-swipe-strength) * 400ms); } } .\*\*\:data-current\:data-ending-style\:opacity-0 { :is(& *) { &[data-current] { &[data-ending-style] { opacity: 0%; } } } } .data-has-overflow-x\:overscroll-x-contain { &[data-has-overflow-x] { overscroll-behavior-x: contain; } } .data-has-overflow-x\:pb-2\.5 { &[data-has-overflow-x] { padding-bottom: calc(var(--spacing) * 2.5); } } .data-has-overflow-y\:overscroll-y-contain { &[data-has-overflow-y] { overscroll-behavior-y: contain; } } .data-has-overflow-y\:pe-2\.5 { &[data-has-overflow-y] { padding-inline-end: calc(var(--spacing) * 2.5); } } .data-highlighted\:bg-\[oklch\(0\.967_0\.001_286\.375\)\] { &[data-highlighted] { background-color: oklch(0.967 0.001 286.375); } } .data-highlighted\:bg-neutral-100 { &[data-highlighted] { background-color: var(--color-neutral-100); } } .data-highlighted\:text-\[oklch\(0\.21_0\.006_285\.885\)\] { &[data-highlighted] { color: oklch(0.21 0.006 285.885); } } .data-highlighted\:text-\[oklch\(0\.141_0\.005_285\.823\)\] { &[data-highlighted] { color: oklch(0.141 0.005 285.823); } } .data-highlighted\:text-neutral-900 { &[data-highlighted] { color: var(--color-neutral-900); } } .data-hovering\:opacity-100 { &[data-hovering] { opacity: 100%; } } .data-hovering\:delay-0 { &[data-hovering] { transition-delay: 0ms; } } .data-hovering\:duration-100 { &[data-hovering] { --tw-duration: 100ms; transition-duration: 100ms; } } .data-hovering\:delay-0 { &[data-hovering] { animation-delay: calc(0*1ms); animation-delay: 0s; --tw-animation-delay: calc(0*1ms); --tw-animation-delay: 0s; } } .data-indeterminate\:text-neutral-900 { &[data-indeterminate] { color: var(--color-neutral-900); } } .data-inset\:ps-8 { &[data-inset] { padding-inline-start: calc(var(--spacing) * 8); } } .data-inset\:ps-9 { &[data-inset] { padding-inline-start: calc(var(--spacing) * 9); } } .data-instant\:transition-none { &[data-instant] { transition-property: none; } } .data-loading\:text-transparent { &[data-loading] { color: transparent; } } .data-loading\:select-none { &[data-loading] { -webkit-user-select: none; user-select: none; } } .data-nested-drawer-open\:h-\(--height\) { &[data-nested-drawer-open] { height: var(--height); } } .data-nested-drawer-open\:transform-\[translateX\(calc\(var\(--drawer-swipe-movement-x\)\+var\(--stack-peek-offset\)\)\)_scale\(var\(--scale\)\)\] { &[data-nested-drawer-open] { transform: translateX(calc(var(--drawer-swipe-movement-x) + var(--stack-peek-offset))) scale(var(--scale)); } } .data-nested-drawer-open\:transform-\[translateX\(calc\(var\(--drawer-swipe-movement-x\)-var\(--stack-peek-offset\)\)\)_scale\(var\(--scale\)\)\] { &[data-nested-drawer-open] { transform: translateX(calc(var(--drawer-swipe-movement-x) - var(--stack-peek-offset))) scale(var(--scale)); } } .data-nested-drawer-open\:transform-\[translateY\(calc\(var\(--drawer-swipe-movement-y\)\+var\(--stack-peek-offset\)\+\(var\(--shrink\)\*var\(--height\)\)\)\)_scale\(var\(--scale\)\)\] { &[data-nested-drawer-open] { transform: translateY(calc(var(--drawer-swipe-movement-y) + var(--stack-peek-offset) + (var(--shrink) * var(--height)))) scale(var(--scale)); } } .data-nested-drawer-open\:transform-\[translateY\(calc\(var\(--drawer-swipe-movement-y\)-var\(--stack-peek-offset\)-\(var\(--shrink\)\*var\(--height\)\)\)\)_scale\(var\(--scale\)\)\] { &[data-nested-drawer-open] { transform: translateY(calc(var(--drawer-swipe-movement-y) - var(--stack-peek-offset) - (var(--shrink) * var(--height)))) scale(var(--scale)); } } .data-nested-drawer-open\:overflow-hidden { &[data-nested-drawer-open] { overflow: hidden; } } .data-nested-drawer-open\:bg-\[color-mix\(in_srgb\,var\(--popover\)\,var\(--color-black\)_calc\(2\%\*\(var\(--nested-drawers\)-var\(--stack-progress\)\)\)\)\] { &[data-nested-drawer-open] { background-color: var(--popover); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb,var(--popover),var(--color-black) calc(2% * (var(--nested-drawers) - var(--stack-progress)))); } } } .data-placeholder\:text-\[oklch\(0\.552_0\.016_285\.938\)\] { &[data-placeholder] { color: oklch(0.552 0.016 285.938); } } .data-popup-open\:bg-\[oklch\(0\.967_0\.001_286\.375\)\] { &[data-popup-open] { background-color: oklch(0.967 0.001 286.375); } } .data-popup-open\:bg-neutral-100 { &[data-popup-open] { background-color: var(--color-neutral-100); } } .data-popup-open\:text-\[oklch\(0\.141_0\.005_285\.823\)\] { &[data-popup-open] { color: oklch(0.141 0.005 285.823); } } .data-pressed\:border-\[oklch\(0\.577_0\.245_27\.325_\/_32\%\)\] { &[data-pressed] { border-color: oklch(0.577 0.245 27.325 / 32%); } } .data-pressed\:bg-\[oklch\(0\.21_0\.006_285\.885_\/_90\%\)\] { &[data-pressed] { background-color: oklch(0.21 0.006 285.885 / 90%); } } .data-pressed\:bg-\[oklch\(0\.577_0\.245_27\.325_\/_4\%\)\] { &[data-pressed] { background-color: oklch(0.577 0.245 27.325 / 4%); } } .data-pressed\:bg-\[oklch\(0\.577_0\.245_27\.325_\/_90\%\)\] { &[data-pressed] { background-color: oklch(0.577 0.245 27.325 / 90%); } } .data-pressed\:bg-\[oklch\(0\.967_0\.001_286\.375\)\] { &[data-pressed] { background-color: oklch(0.967 0.001 286.375); } } .data-pressed\:bg-\[oklch\(0\.967_0\.001_286\.375_\/_50\%\)\] { &[data-pressed] { background-color: oklch(0.967 0.001 286.375 / 50%); } } .data-pressed\:bg-\[oklch\(0\.967_0\.001_286\.375_\/_90\%\)\] { &[data-pressed] { background-color: oklch(0.967 0.001 286.375 / 90%); } } .data-pressed\:underline { &[data-pressed] { text-decoration-line: underline; } } .\*\*\:data-previous\:w-\[calc\(var\(--popup-width\)-2\*var\(--viewport-inline-padding\)-2px\)\] { :is(& *) { &[data-previous] { width: calc(var(--popup-width) - 2 * var(--viewport-inline-padding) - 2px); } } } .\*\*\:data-previous\:opacity-100 { :is(& *) { &[data-previous] { opacity: 100%; } } } .\*\*\:data-previous\:transition-opacity { :is(& *) { &[data-previous] { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } } .\*\*\:data-previous\:data-ending-style\:opacity-0 { :is(& *) { &[data-previous] { &[data-ending-style] { opacity: 0%; } } } } .data-scrolling\:opacity-100 { &[data-scrolling] { opacity: 100%; } } .data-scrolling\:delay-0 { &[data-scrolling] { transition-delay: 0ms; } } .data-scrolling\:duration-100 { &[data-scrolling] { --tw-duration: 100ms; transition-duration: 100ms; } } .data-scrolling\:delay-0 { &[data-scrolling] { animation-delay: calc(0*1ms); animation-delay: 0s; --tw-animation-delay: calc(0*1ms); --tw-animation-delay: 0s; } } .data-selected\:bg-neutral-100\/50 { &[data-selected] { background-color: color-mix(in srgb, oklch(97% 0 0) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-100) 50%, transparent); } } } .data-selected\:text-neutral-400 { &[data-selected] { color: var(--color-neutral-400); } } .data-starting-style\:mb-0 { &[data-starting-style] { margin-bottom: calc(var(--spacing) * 0); } } .data-starting-style\:h-0 { &[data-starting-style] { height: calc(var(--spacing) * 0); } } .data-starting-style\:scale-95 { &[data-starting-style] { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .data-starting-style\:scale-98 { &[data-starting-style] { --tw-scale-x: 98%; --tw-scale-y: 98%; --tw-scale-z: 98%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .data-starting-style\:transform-\[translateX\(calc\(-100\%-var\(--inset\)\)\)\] { &[data-starting-style] { transform: translateX(calc(-100% - var(--inset))); } } .data-starting-style\:transform-\[translateX\(calc\(100\%\+var\(--inset\)\)\)\] { &[data-starting-style] { transform: translateX(calc(100% + var(--inset))); } } .data-starting-style\:transform-\[translateY\(calc\(-100\%-var\(--inset\)\)\)\] { &[data-starting-style] { transform: translateY(calc(-100% - var(--inset))); } } .data-starting-style\:transform-\[translateY\(calc\(100\%\+env\(safe-area-inset-bottom\,0px\)\+var\(--inset\)\)\)\] { &[data-starting-style] { transform: translateY(calc(100% + env(safe-area-inset-bottom,0px) + var(--inset))); } } .data-starting-style\:pb-0 { &[data-starting-style] { padding-bottom: calc(var(--spacing) * 0); } } .data-starting-style\:opacity-0 { &[data-starting-style] { opacity: 0%; } } .data-starting-style\:shadow-transparent { &[data-starting-style] { --tw-shadow-color: transparent; @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, transparent var(--tw-shadow-alpha), transparent); } } } .\*\*\:data-current\:data-starting-style\:opacity-0 { :is(& *) { &[data-current] { &[data-starting-style] { opacity: 0%; } } } } .\*\*\:data-previous\:data-starting-style\:opacity-0 { :is(& *) { &[data-previous] { &[data-starting-style] { opacity: 0%; } } } } .data-swiping\:duration-0 { &[data-swiping] { --tw-duration: 0ms; transition-duration: 0ms; } } .data-swiping\:select-none { &[data-swiping] { -webkit-user-select: none; user-select: none; } } .data-unchecked\:hidden { &[data-unchecked] { display: none; } } .data-unchecked\:bg-\[oklch\(0\.92_0\.004_286\.32\)\] { &[data-unchecked] { background-color: oklch(0.92 0.004 286.32); } } .data-\[active\=true\]\:scale-100 { &[data-active="true"] { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .data-\[active\=true\]\:scale-110 { &[data-active="true"] { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .data-\[active\=true\]\:border-danger { &[data-active="true"] { border-color: hsl(var(--heroui-danger) / 1); } } .data-\[active\=true\]\:border-danger-400 { &[data-active="true"] { border-color: hsl(var(--heroui-danger-400) / 1); } } .data-\[active\=true\]\:border-default-300 { &[data-active="true"] { border-color: hsl(var(--heroui-default-300) / 1); } } .data-\[active\=true\]\:border-default-400 { &[data-active="true"] { border-color: hsl(var(--heroui-default-400) / 1); } } .data-\[active\=true\]\:border-foreground { &[data-active="true"] { border-color: hsl(var(--heroui-foreground) / 1); } } .data-\[active\=true\]\:border-primary { &[data-active="true"] { border-color: #0097a7; } } .data-\[active\=true\]\:border-secondary { &[data-active="true"] { border-color: hsl(var(--heroui-secondary) / 1); } } .data-\[active\=true\]\:border-success { &[data-active="true"] { border-color: hsl(var(--heroui-success) / 1); } } .data-\[active\=true\]\:border-warning { &[data-active="true"] { border-color: hsl(var(--heroui-warning) / 1); } } .data-\[active\=true\]\:bg-danger { &[data-active="true"] { background-color: hsl(var(--heroui-danger) / 1); } } .data-\[active\=true\]\:bg-danger-100 { &[data-active="true"] { background-color: hsl(var(--heroui-danger-100) / 1); } } .data-\[active\=true\]\:bg-danger-200 { &[data-active="true"] { background-color: hsl(var(--heroui-danger-200) / 1); } } .data-\[active\=true\]\:bg-default-200 { &[data-active="true"] { background-color: hsl(var(--heroui-default-200) / 1); } } .data-\[active\=true\]\:bg-default-400 { &[data-active="true"] { background-color: hsl(var(--heroui-default-400) / 1); } } .data-\[active\=true\]\:bg-primary { &[data-active="true"] { background-color: #0097a7; } } .data-\[active\=true\]\:bg-primary-200 { &[data-active="true"] { background-color: hsl(var(--heroui-primary-200) / 1); } } .data-\[active\=true\]\:bg-secondary { &[data-active="true"] { background-color: hsl(var(--heroui-secondary) / 1); } } .data-\[active\=true\]\:bg-secondary-200 { &[data-active="true"] { background-color: hsl(var(--heroui-secondary-200) / 1); } } .data-\[active\=true\]\:bg-sidebar-accent { &[data-active="true"] { background-color: var(--sidebar-accent); } } .data-\[active\=true\]\:bg-success { &[data-active="true"] { background-color: hsl(var(--heroui-success) / 1); } } .data-\[active\=true\]\:bg-success-200 { &[data-active="true"] { background-color: hsl(var(--heroui-success-200) / 1); } } .data-\[active\=true\]\:bg-warning { &[data-active="true"] { background-color: hsl(var(--heroui-warning) / 1); } } .data-\[active\=true\]\:bg-warning-200 { &[data-active="true"] { background-color: hsl(var(--heroui-warning-200) / 1); } } .data-\[active\=true\]\:font-medium { &[data-active="true"] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .data-\[active\=true\]\:font-semibold { &[data-active="true"] { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .data-\[active\=true\]\:text-danger-foreground { &[data-active="true"] { color: hsl(var(--heroui-danger-foreground) / 1); } } .data-\[active\=true\]\:text-default-foreground { &[data-active="true"] { color: hsl(var(--heroui-default-foreground) / 1); } } .data-\[active\=true\]\:text-primary-foreground { &[data-active="true"] { color: hsl(var(--heroui-primary-foreground) / 1); } } .data-\[active\=true\]\:text-secondary-foreground { &[data-active="true"] { color: hsl(var(--heroui-secondary-foreground) / 1); } } .data-\[active\=true\]\:text-sidebar-accent-foreground { &[data-active="true"] { color: var(--sidebar-accent-foreground); } } .data-\[active\=true\]\:text-success-foreground { &[data-active="true"] { color: hsl(var(--heroui-success-foreground) / 1); } } .data-\[active\=true\]\:text-warning-foreground { &[data-active="true"] { color: hsl(var(--heroui-warning-foreground) / 1); } } .data-\[active\=true\]\:shadow-md { &[data-active="true"] { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .data-\[active\=true\]\:shadow-danger\/40 { &[data-active="true"] { --tw-shadow-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-danger) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[active\=true\]\:shadow-default\/50 { &[data-active="true"] { --tw-shadow-color: hsl(var(--heroui-default) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-default) / 1) 50%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[active\=true\]\:shadow-primary\/40 { &[data-active="true"] { --tw-shadow-color: color-mix(in srgb, #0097a7 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #0097a7 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[active\=true\]\:shadow-secondary\/40 { &[data-active="true"] { --tw-shadow-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[active\=true\]\:shadow-success\/40 { &[data-active="true"] { --tw-shadow-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-success) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[active\=true\]\:shadow-warning\/40 { &[data-active="true"] { --tw-shadow-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-warning) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[active\=true\]\:after\:w-full { &[data-active="true"] { &::after { content: var(--tw-content); width: 100%; } } } .data-\[active\=true\]\:after\:bg-danger-400 { &[data-active="true"] { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-danger-400) / 1); } } } .data-\[animated\=true\]\:transition-\[left\,top\,width\,height\] { &[data-animated="true"] { transition-property: left,top,width,height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .data-\[animated\=true\]\:duration-250 { &[data-animated="true"] { --tw-duration: 250ms; transition-duration: 250ms; } } .data-\[animated\=true\]\:ease-out { &[data-animated="true"] { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } } .data-\[animation\=exiting\]\:opacity-0 { &[data-animation="exiting"] { opacity: 0%; } } .data-\[arrow\=true\]\:before\:block { &[data-arrow="true"] { &::before { content: var(--tw-content); display: block; } } } .data-\[before\=true\]\:rotate-180 { &[data-before="true"] { rotate: 180deg; } } .data-\[bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(180deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\] { &[data-bottom-scroll="true"] { mask-image: linear-gradient(180deg,#000 calc(100% - var(--scroll-shadow-size)),transparent); } } .data-\[direction\=ascending\]\:rotate-180 { &[data-direction="ascending"] { rotate: 180deg; } } .data-\[disabled\=true\]\:pointer-events-none { &[data-disabled="true"] { pointer-events: none; } } .data-\[disabled\=true\]\:cursor-default { &[data-disabled="true"] { cursor: default; } } .data-\[disabled\=true\]\:cursor-not-allowed { &[data-disabled="true"] { cursor: not-allowed; } } .data-\[disabled\=true\]\:text-default-300 { &[data-disabled="true"] { color: hsl(var(--heroui-default-300) / 1); } } .data-\[disabled\=true\]\:opacity-30 { &[data-disabled="true"] { opacity: 30%; } } .data-\[disabled\=true\]\:opacity-50 { &[data-disabled="true"] { opacity: 50%; } } .data-\[disabled\=true\]\:transition-none { &[data-disabled="true"] { transition-property: none; } } .data-\[dragging\=true\]\:cursor-grabbing { &[data-dragging="true"] { cursor: grabbing; } } .data-\[dragging\=true\]\:after\:scale-80 { &[data-dragging="true"] { &::after { content: var(--tw-content); --tw-scale-x: 0.8; --tw-scale-y: 0.8; --tw-scale-z: 0.8; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .data-\[dragging\=true\]\:after\:scale-100 { &[data-dragging="true"] { &::after { content: var(--tw-content); --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .data-\[editable\=true\]\:text-danger { &[data-editable="true"] { color: hsl(var(--heroui-danger) / 1); } } .data-\[editable\=true\]\:text-foreground { &[data-editable="true"] { color: hsl(var(--heroui-foreground) / 1); } } .data-\[editable\=true\]\:text-primary { &[data-editable="true"] { color: #0097a7; } } .data-\[editable\=true\]\:text-secondary { &[data-editable="true"] { color: hsl(var(--heroui-secondary) / 1); } } .data-\[editable\=true\]\:text-success-600 { &[data-editable="true"] { color: hsl(var(--heroui-success-600) / 1); } } .data-\[editable\=true\]\:text-warning-600 { &[data-editable="true"] { color: hsl(var(--heroui-warning-600) / 1); } } .data-\[editable\=true\]\:focus\:text-danger { &[data-editable="true"] { &:focus { color: hsl(var(--heroui-danger) / 1); } } } .data-\[editable\=true\]\:focus\:text-default-foreground { &[data-editable="true"] { &:focus { color: hsl(var(--heroui-default-foreground) / 1); } } } .data-\[editable\=true\]\:focus\:text-primary { &[data-editable="true"] { &:focus { color: #0097a7; } } } .data-\[editable\=true\]\:focus\:text-secondary { &[data-editable="true"] { &:focus { color: hsl(var(--heroui-secondary) / 1); } } } .data-\[editable\=true\]\:focus\:text-success { &[data-editable="true"] { &:focus { color: hsl(var(--heroui-success) / 1); } } } .data-\[editable\=true\]\:focus\:text-success-600 { &[data-editable="true"] { &:focus { color: hsl(var(--heroui-success-600) / 1); } } } .data-\[editable\=true\]\:focus\:text-warning { &[data-editable="true"] { &:focus { color: hsl(var(--heroui-warning) / 1); } } } .data-\[editable\=true\]\:focus\:text-warning-600 { &[data-editable="true"] { &:focus { color: hsl(var(--heroui-warning-600) / 1); } } } .data-\[fill-end\=true\]\:border-e-danger { &[data-fill-end="true"] { border-inline-end-color: hsl(var(--heroui-danger) / 1); } } .data-\[fill-end\=true\]\:border-e-foreground { &[data-fill-end="true"] { border-inline-end-color: hsl(var(--heroui-foreground) / 1); } } .data-\[fill-end\=true\]\:border-e-primary { &[data-fill-end="true"] { border-inline-end-color: #0097a7; } } .data-\[fill-end\=true\]\:border-e-secondary { &[data-fill-end="true"] { border-inline-end-color: hsl(var(--heroui-secondary) / 1); } } .data-\[fill-end\=true\]\:border-e-success { &[data-fill-end="true"] { border-inline-end-color: hsl(var(--heroui-success) / 1); } } .data-\[fill-end\=true\]\:border-e-warning { &[data-fill-end="true"] { border-inline-end-color: hsl(var(--heroui-warning) / 1); } } .data-\[fill-end\=true\]\:border-t-danger { &[data-fill-end="true"] { border-top-color: hsl(var(--heroui-danger) / 1); } } .data-\[fill-end\=true\]\:border-t-foreground { &[data-fill-end="true"] { border-top-color: hsl(var(--heroui-foreground) / 1); } } .data-\[fill-end\=true\]\:border-t-primary { &[data-fill-end="true"] { border-top-color: #0097a7; } } .data-\[fill-end\=true\]\:border-t-secondary { &[data-fill-end="true"] { border-top-color: hsl(var(--heroui-secondary) / 1); } } .data-\[fill-end\=true\]\:border-t-success { &[data-fill-end="true"] { border-top-color: hsl(var(--heroui-success) / 1); } } .data-\[fill-end\=true\]\:border-t-warning { &[data-fill-end="true"] { border-top-color: hsl(var(--heroui-warning) / 1); } } .data-\[fill-start\=true\]\:border-s-danger { &[data-fill-start="true"] { border-inline-start-color: hsl(var(--heroui-danger) / 1); } } .data-\[fill-start\=true\]\:border-s-foreground { &[data-fill-start="true"] { border-inline-start-color: hsl(var(--heroui-foreground) / 1); } } .data-\[fill-start\=true\]\:border-s-primary { &[data-fill-start="true"] { border-inline-start-color: #0097a7; } } .data-\[fill-start\=true\]\:border-s-secondary { &[data-fill-start="true"] { border-inline-start-color: hsl(var(--heroui-secondary) / 1); } } .data-\[fill-start\=true\]\:border-s-success { &[data-fill-start="true"] { border-inline-start-color: hsl(var(--heroui-success) / 1); } } .data-\[fill-start\=true\]\:border-s-warning { &[data-fill-start="true"] { border-inline-start-color: hsl(var(--heroui-warning) / 1); } } .data-\[fill-start\=true\]\:border-b-danger { &[data-fill-start="true"] { border-bottom-color: hsl(var(--heroui-danger) / 1); } } .data-\[fill-start\=true\]\:border-b-foreground { &[data-fill-start="true"] { border-bottom-color: hsl(var(--heroui-foreground) / 1); } } .data-\[fill-start\=true\]\:border-b-primary { &[data-fill-start="true"] { border-bottom-color: #0097a7; } } .data-\[fill-start\=true\]\:border-b-secondary { &[data-fill-start="true"] { border-bottom-color: hsl(var(--heroui-secondary) / 1); } } .data-\[fill-start\=true\]\:border-b-success { &[data-fill-start="true"] { border-bottom-color: hsl(var(--heroui-success) / 1); } } .data-\[fill-start\=true\]\:border-b-warning { &[data-fill-start="true"] { border-bottom-color: hsl(var(--heroui-warning) / 1); } } .data-\[focus-visible\]\:outline-danger-foreground { &[data-focus-visible] { outline-color: hsl(var(--heroui-danger-foreground) / 1); } } .data-\[focus-visible\]\:outline-default-foreground { &[data-focus-visible] { outline-color: hsl(var(--heroui-default-foreground) / 1); } } .data-\[focus-visible\]\:outline-primary-foreground { &[data-focus-visible] { outline-color: hsl(var(--heroui-primary-foreground) / 1); } } .data-\[focus-visible\]\:outline-secondary-foreground { &[data-focus-visible] { outline-color: hsl(var(--heroui-secondary-foreground) / 1); } } .data-\[focus-visible\]\:outline-success-foreground { &[data-focus-visible] { outline-color: hsl(var(--heroui-success-foreground) / 1); } } .data-\[focus-visible\]\:outline-warning-foreground { &[data-focus-visible] { outline-color: hsl(var(--heroui-warning-foreground) / 1); } } .data-\[focus-visible\=true\]\:z-10 { &[data-focus-visible="true"] { z-index: 10; } } .data-\[focus-visible\=true\]\:-translate-x-3 { &[data-focus-visible="true"] { --tw-translate-x: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[focus-visible\=true\]\:outline-2 { &[data-focus-visible="true"] { outline-style: var(--tw-outline-style); outline-width: 2px; } } .data-\[focus-visible\=true\]\:outline-offset-2 { &[data-focus-visible="true"] { outline-offset: 2px; } } .data-\[focus-visible\=true\]\:outline-focus { &[data-focus-visible="true"] { outline-color: hsl(var(--heroui-focus) / 1); } } .data-\[focus\=true\]\:border-danger { &[data-focus="true"] { border-color: hsl(var(--heroui-danger) / 1); } } .data-\[focus\=true\]\:border-default-400 { &[data-focus="true"] { border-color: hsl(var(--heroui-default-400) / 1); } } .data-\[focus\=true\]\:border-default-foreground { &[data-focus="true"] { border-color: hsl(var(--heroui-default-foreground) / 1); } } .data-\[focus\=true\]\:border-primary { &[data-focus="true"] { border-color: #0097a7; } } .data-\[focus\=true\]\:border-secondary { &[data-focus="true"] { border-color: hsl(var(--heroui-secondary) / 1); } } .data-\[focus\=true\]\:border-success { &[data-focus="true"] { border-color: hsl(var(--heroui-success) / 1); } } .data-\[focus\=true\]\:border-warning { &[data-focus="true"] { border-color: hsl(var(--heroui-warning) / 1); } } .data-\[focus\=true\]\:after\:w-full { &[data-focus="true"] { &::after { content: var(--tw-content); width: 100%; } } } .data-\[focused\=true\]\:z-10 { &[data-focused="true"] { z-index: 10; } } .data-\[has-end-content\=true\]\:pe-1\.5 { &[data-has-end-content="true"] { padding-inline-end: calc(var(--spacing) * 1.5); } } .data-\[has-helper\=true\]\:items-start { &[data-has-helper="true"] { align-items: flex-start; } } .data-\[has-helper\=true\]\:pb-\[calc\(var\(--heroui-font-size-tiny\)_\+8px\)\] { &[data-has-helper="true"] { padding-bottom: calc(var(--heroui-font-size-tiny) + 8px); } } .data-\[has-helper\=true\]\:pb-\[calc\(var\(--heroui-font-size-tiny\)_\+_8px\)\] { &[data-has-helper="true"] { padding-bottom: calc(var(--heroui-font-size-tiny) + 8px); } } .data-\[has-label\=true\]\:mt-\[calc\(var\(--heroui-font-size-small\)_\+_8px\)\] { &[data-has-label="true"] { margin-top: calc(var(--heroui-font-size-small) + 8px); } } .data-\[has-label\=true\]\:mt-\[calc\(var\(--heroui-font-size-small\)_\+_10px\)\] { &[data-has-label="true"] { margin-top: calc(var(--heroui-font-size-small) + 10px); } } .data-\[has-label\=true\]\:mt-\[calc\(var\(--heroui-font-size-small\)_\+_12px\)\] { &[data-has-label="true"] { margin-top: calc(var(--heroui-font-size-small) + 12px); } } .data-\[has-multiple-rows\=true\]\:rounded-large { &[data-has-multiple-rows="true"] { border-radius: var(--heroui-radius-large); } } .data-\[has-start-content\=true\]\:ps-1\.5 { &[data-has-start-content="true"] { padding-inline-start: calc(var(--spacing) * 1.5); } } .data-\[has-title\=true\]\:pt-1 { &[data-has-title="true"] { padding-top: calc(var(--spacing) * 1); } } .data-\[has-value\=true\]\:text-default-foreground { &[data-has-value="true"] { color: hsl(var(--heroui-default-foreground) / 1); } } .data-\[hidden\=true\]\:hidden { &[data-hidden="true"] { display: none; } } .data-\[hide-scroll\=true\]\:scrollbar-hide { &[data-hide-scroll="true"] { -ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display: none; } } } .data-\[highlighted\]\:bg-red-50 { &[data-highlighted] { background-color: var(--color-red-50); } } .data-\[highlighted\]\:text-red-700 { &[data-highlighted] { color: var(--color-red-700); } } .data-\[hover\]\:bg-danger-50 { &[data-hover] { background-color: hsl(var(--heroui-danger-50) / 1); } } .data-\[hover\]\:bg-danger-200 { &[data-hover] { background-color: hsl(var(--heroui-danger-200) / 1); } } .data-\[hover\]\:bg-default-100 { &[data-hover] { background-color: hsl(var(--heroui-default-100) / 1); } } .data-\[hover\]\:bg-primary-50 { &[data-hover] { background-color: hsl(var(--heroui-primary-50) / 1); } } .data-\[hover\]\:bg-primary-200 { &[data-hover] { background-color: hsl(var(--heroui-primary-200) / 1); } } .data-\[hover\]\:bg-secondary-50 { &[data-hover] { background-color: hsl(var(--heroui-secondary-50) / 1); } } .data-\[hover\]\:bg-secondary-200 { &[data-hover] { background-color: hsl(var(--heroui-secondary-200) / 1); } } .data-\[hover\]\:bg-success-50 { &[data-hover] { background-color: hsl(var(--heroui-success-50) / 1); } } .data-\[hover\]\:bg-success-200 { &[data-hover] { background-color: hsl(var(--heroui-success-200) / 1); } } .data-\[hover\]\:bg-warning-100 { &[data-hover] { background-color: hsl(var(--heroui-warning-100) / 1); } } .data-\[hover\]\:bg-warning-200 { &[data-hover] { background-color: hsl(var(--heroui-warning-200) / 1); } } .data-\[hover-unselected\=true\]\:opacity-disabled { &[data-hover-unselected="true"] { opacity: var(--heroui-disabled-opacity); } } .data-\[hover\=true\]\:-translate-x-3 { &[data-hover="true"] { --tw-translate-x: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[hover\=true\]\:translate-x-0 { &[data-hover="true"] { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[hover\=true\]\:border-danger { &[data-hover="true"] { border-color: hsl(var(--heroui-danger) / 1); } } .data-\[hover\=true\]\:border-default { &[data-hover="true"] { border-color: hsl(var(--heroui-default) / 1); } } .data-\[hover\=true\]\:border-default-400 { &[data-hover="true"] { border-color: hsl(var(--heroui-default-400) / 1); } } .data-\[hover\=true\]\:border-primary { &[data-hover="true"] { border-color: #0097a7; } } .data-\[hover\=true\]\:border-secondary { &[data-hover="true"] { border-color: hsl(var(--heroui-secondary) / 1); } } .data-\[hover\=true\]\:border-success { &[data-hover="true"] { border-color: hsl(var(--heroui-success) / 1); } } .data-\[hover\=true\]\:border-warning { &[data-hover="true"] { border-color: hsl(var(--heroui-warning) / 1); } } .data-\[hover\=true\]\:\!bg-danger { &[data-hover="true"] { background-color: hsl(var(--heroui-danger) / 1) !important; } } .data-\[hover\=true\]\:\!bg-danger-100 { &[data-hover="true"] { background-color: hsl(var(--heroui-danger-100) / 1) !important; } } .data-\[hover\=true\]\:\!bg-default { &[data-hover="true"] { background-color: hsl(var(--heroui-default) / 1) !important; } } .data-\[hover\=true\]\:\!bg-primary { &[data-hover="true"] { background-color: #0097a7 !important; } } .data-\[hover\=true\]\:\!bg-secondary { &[data-hover="true"] { background-color: hsl(var(--heroui-secondary) / 1) !important; } } .data-\[hover\=true\]\:\!bg-success { &[data-hover="true"] { background-color: hsl(var(--heroui-success) / 1) !important; } } .data-\[hover\=true\]\:\!bg-warning { &[data-hover="true"] { background-color: hsl(var(--heroui-warning) / 1) !important; } } .data-\[hover\=true\]\:bg-content2 { &[data-hover="true"] { background-color: hsl(var(--heroui-content2) / 1); } } .data-\[hover\=true\]\:bg-danger { &[data-hover="true"] { background-color: hsl(var(--heroui-danger) / 1); } } .data-\[hover\=true\]\:bg-danger-50 { &[data-hover="true"] { background-color: hsl(var(--heroui-danger-50) / 1); } } .data-\[hover\=true\]\:bg-danger-100 { &[data-hover="true"] { background-color: hsl(var(--heroui-danger-100) / 1); } } .data-\[hover\=true\]\:bg-danger\/20 { &[data-hover="true"] { background-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger) / 1) 20%, transparent); } } } .data-\[hover\=true\]\:bg-default { &[data-hover="true"] { background-color: hsl(var(--heroui-default) / 1); } } .data-\[hover\=true\]\:bg-default-100 { &[data-hover="true"] { background-color: hsl(var(--heroui-default-100) / 1); } } .data-\[hover\=true\]\:bg-default-200 { &[data-hover="true"] { background-color: hsl(var(--heroui-default-200) / 1); } } .data-\[hover\=true\]\:bg-default\/40 { &[data-hover="true"] { background-color: hsl(var(--heroui-default) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-default) / 1) 40%, transparent); } } } .data-\[hover\=true\]\:bg-foreground-200 { &[data-hover="true"] { background-color: hsl(var(--heroui-foreground-200) / 1); } } .data-\[hover\=true\]\:bg-primary { &[data-hover="true"] { background-color: #0097a7; } } .data-\[hover\=true\]\:bg-primary-50 { &[data-hover="true"] { background-color: hsl(var(--heroui-primary-50) / 1); } } .data-\[hover\=true\]\:bg-primary\/20 { &[data-hover="true"] { background-color: color-mix(in oklab, #0097a7 20%, transparent); } } .data-\[hover\=true\]\:bg-secondary { &[data-hover="true"] { background-color: hsl(var(--heroui-secondary) / 1); } } .data-\[hover\=true\]\:bg-secondary-50 { &[data-hover="true"] { background-color: hsl(var(--heroui-secondary-50) / 1); } } .data-\[hover\=true\]\:bg-secondary\/20 { &[data-hover="true"] { background-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 20%, transparent); } } } .data-\[hover\=true\]\:bg-success { &[data-hover="true"] { background-color: hsl(var(--heroui-success) / 1); } } .data-\[hover\=true\]\:bg-success-50 { &[data-hover="true"] { background-color: hsl(var(--heroui-success-50) / 1); } } .data-\[hover\=true\]\:bg-success-100 { &[data-hover="true"] { background-color: hsl(var(--heroui-success-100) / 1); } } .data-\[hover\=true\]\:bg-success\/20 { &[data-hover="true"] { background-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-success) / 1) 20%, transparent); } } } .data-\[hover\=true\]\:bg-transparent { &[data-hover="true"] { background-color: transparent; } } .data-\[hover\=true\]\:bg-warning { &[data-hover="true"] { background-color: hsl(var(--heroui-warning) / 1); } } .data-\[hover\=true\]\:bg-warning-50 { &[data-hover="true"] { background-color: hsl(var(--heroui-warning-50) / 1); } } .data-\[hover\=true\]\:bg-warning-100 { &[data-hover="true"] { background-color: hsl(var(--heroui-warning-100) / 1); } } .data-\[hover\=true\]\:bg-warning\/20 { &[data-hover="true"] { background-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-warning) / 1) 20%, transparent); } } } .data-\[hover\=true\]\:\!text-danger-foreground { &[data-hover="true"] { color: hsl(var(--heroui-danger-foreground) / 1) !important; } } .data-\[hover\=true\]\:\!text-primary-foreground { &[data-hover="true"] { color: hsl(var(--heroui-primary-foreground) / 1) !important; } } .data-\[hover\=true\]\:\!text-secondary-foreground { &[data-hover="true"] { color: hsl(var(--heroui-secondary-foreground) / 1) !important; } } .data-\[hover\=true\]\:\!text-success-foreground { &[data-hover="true"] { color: hsl(var(--heroui-success-foreground) / 1) !important; } } .data-\[hover\=true\]\:\!text-warning-foreground { &[data-hover="true"] { color: hsl(var(--heroui-warning-foreground) / 1) !important; } } .data-\[hover\=true\]\:text-danger { &[data-hover="true"] { color: hsl(var(--heroui-danger) / 1); } } .data-\[hover\=true\]\:text-danger-500 { &[data-hover="true"] { color: hsl(var(--heroui-danger-500) / 1); } } .data-\[hover\=true\]\:text-danger-foreground { &[data-hover="true"] { color: hsl(var(--heroui-danger-foreground) / 1); } } .data-\[hover\=true\]\:text-default-500 { &[data-hover="true"] { color: hsl(var(--heroui-default-500) / 1); } } .data-\[hover\=true\]\:text-default-foreground { &[data-hover="true"] { color: hsl(var(--heroui-default-foreground) / 1); } } .data-\[hover\=true\]\:text-foreground-400 { &[data-hover="true"] { color: hsl(var(--heroui-foreground-400) / 1); } } .data-\[hover\=true\]\:text-foreground-600 { &[data-hover="true"] { color: hsl(var(--heroui-foreground-600) / 1); } } .data-\[hover\=true\]\:text-primary { &[data-hover="true"] { color: #0097a7; } } .data-\[hover\=true\]\:text-primary-400 { &[data-hover="true"] { color: hsl(var(--heroui-primary-400) / 1); } } .data-\[hover\=true\]\:text-primary-foreground { &[data-hover="true"] { color: hsl(var(--heroui-primary-foreground) / 1); } } .data-\[hover\=true\]\:text-secondary { &[data-hover="true"] { color: hsl(var(--heroui-secondary) / 1); } } .data-\[hover\=true\]\:text-secondary-400 { &[data-hover="true"] { color: hsl(var(--heroui-secondary-400) / 1); } } .data-\[hover\=true\]\:text-secondary-foreground { &[data-hover="true"] { color: hsl(var(--heroui-secondary-foreground) / 1); } } .data-\[hover\=true\]\:text-success { &[data-hover="true"] { color: hsl(var(--heroui-success) / 1); } } .data-\[hover\=true\]\:text-success-600 { &[data-hover="true"] { color: hsl(var(--heroui-success-600) / 1); } } .data-\[hover\=true\]\:text-success-foreground { &[data-hover="true"] { color: hsl(var(--heroui-success-foreground) / 1); } } .data-\[hover\=true\]\:text-warning { &[data-hover="true"] { color: hsl(var(--heroui-warning) / 1); } } .data-\[hover\=true\]\:text-warning-600 { &[data-hover="true"] { color: hsl(var(--heroui-warning-600) / 1); } } .data-\[hover\=true\]\:text-warning-foreground { &[data-hover="true"] { color: hsl(var(--heroui-warning-foreground) / 1); } } .data-\[hover\=true\]\:opacity-70 { &[data-hover="true"] { opacity: 70%; } } .data-\[hover\=true\]\:opacity-hover { &[data-hover="true"] { opacity: var(--heroui-hover-opacity); } } .data-\[hover\=true\]\:shadow-lg { &[data-hover="true"] { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .data-\[hover\=true\]\:shadow-danger\/30 { &[data-hover="true"] { --tw-shadow-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-danger) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[hover\=true\]\:shadow-default\/50 { &[data-hover="true"] { --tw-shadow-color: hsl(var(--heroui-default) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-default) / 1) 50%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[hover\=true\]\:shadow-primary\/30 { &[data-hover="true"] { --tw-shadow-color: color-mix(in srgb, #0097a7 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #0097a7 30%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[hover\=true\]\:shadow-secondary\/30 { &[data-hover="true"] { --tw-shadow-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[hover\=true\]\:shadow-success\/30 { &[data-hover="true"] { --tw-shadow-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-success) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[hover\=true\]\:shadow-warning\/30 { &[data-hover="true"] { --tw-shadow-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-warning) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[hover\=true\]\:transition-colors { &[data-hover="true"] { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-danger { &:is(:where(.group)[data-focus="true"] *) { &[data-hover="true"] { border-color: hsl(var(--heroui-danger) / 1); } } } .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-default-foreground { &:is(:where(.group)[data-focus="true"] *) { &[data-hover="true"] { border-color: hsl(var(--heroui-default-foreground) / 1); } } } .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-primary { &:is(:where(.group)[data-focus="true"] *) { &[data-hover="true"] { border-color: #0097a7; } } } .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-secondary { &:is(:where(.group)[data-focus="true"] *) { &[data-hover="true"] { border-color: hsl(var(--heroui-secondary) / 1); } } } .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-success { &:is(:where(.group)[data-focus="true"] *) { &[data-hover="true"] { border-color: hsl(var(--heroui-success) / 1); } } } .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-warning { &:is(:where(.group)[data-focus="true"] *) { &[data-hover="true"] { border-color: hsl(var(--heroui-warning) / 1); } } } .data-\[focus\=true\]\:data-\[hover\=true\]\:border-danger { &[data-focus="true"] { &[data-hover="true"] { border-color: hsl(var(--heroui-danger) / 1); } } } .data-\[focus\=true\]\:data-\[hover\=true\]\:border-default-foreground { &[data-focus="true"] { &[data-hover="true"] { border-color: hsl(var(--heroui-default-foreground) / 1); } } } .data-\[focus\=true\]\:data-\[hover\=true\]\:border-primary { &[data-focus="true"] { &[data-hover="true"] { border-color: #0097a7; } } } .data-\[focus\=true\]\:data-\[hover\=true\]\:border-secondary { &[data-focus="true"] { &[data-hover="true"] { border-color: hsl(var(--heroui-secondary) / 1); } } } .data-\[focus\=true\]\:data-\[hover\=true\]\:border-success { &[data-focus="true"] { &[data-hover="true"] { border-color: hsl(var(--heroui-success) / 1); } } } .data-\[focus\=true\]\:data-\[hover\=true\]\:border-warning { &[data-focus="true"] { &[data-hover="true"] { border-color: hsl(var(--heroui-warning) / 1); } } } .data-\[in-range\=false\]\:bg-default-200 { &[data-in-range="false"] { background-color: hsl(var(--heroui-default-200) / 1); } } .data-\[in-range\=true\]\:bg-background\/50 { &[data-in-range="true"] { background-color: hsl(var(--heroui-background) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-background) / 1) 50%, transparent); } } } .data-\[in-range\=true\]\:bg-danger { &[data-in-range="true"] { background-color: hsl(var(--heroui-danger) / 1); } } .data-\[in-range\=true\]\:bg-foreground { &[data-in-range="true"] { background-color: hsl(var(--heroui-foreground) / 1); } } .data-\[in-range\=true\]\:bg-primary { &[data-in-range="true"] { background-color: #0097a7; } } .data-\[in-range\=true\]\:bg-secondary { &[data-in-range="true"] { background-color: hsl(var(--heroui-secondary) / 1); } } .data-\[in-range\=true\]\:bg-success { &[data-in-range="true"] { background-color: hsl(var(--heroui-success) / 1); } } .data-\[in-range\=true\]\:bg-warning { &[data-in-range="true"] { background-color: hsl(var(--heroui-warning) / 1); } } .data-\[in-range\=true\]\:opacity-100 { &[data-in-range="true"] { opacity: 100%; } } .data-\[inert\=true\]\:hidden { &[data-inert="true"] { display: none; } } .data-\[initialized\=true\]\:visible { &[data-initialized="true"] { visibility: visible; } } .data-\[invalid\=true\]\:text-danger-300 { &[data-invalid="true"] { color: hsl(var(--heroui-danger-300) / 1); } } .data-\[invalid\=true\]\:focus\:bg-danger-400\/50 { &[data-invalid="true"] { &:focus { background-color: hsl(var(--heroui-danger-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger-400) / 1) 50%, transparent); } } } } .data-\[invalid\=true\]\:data-\[editable\=true\]\:text-danger { &[data-invalid="true"] { &[data-editable="true"] { color: hsl(var(--heroui-danger) / 1); } } } .data-\[invalid\=true\]\:data-\[editable\=true\]\:focus\:text-danger { &[data-invalid="true"] { &[data-editable="true"] { &:focus { color: hsl(var(--heroui-danger) / 1); } } } } .data-\[invisible\=true\]\:scale-0 { &[data-invisible="true"] { --tw-scale-x: 0%; --tw-scale-y: 0%; --tw-scale-z: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .data-\[invisible\=true\]\:opacity-0 { &[data-invisible="true"] { opacity: 0%; } } .data-\[justify\=center\]\:justify-center { &[data-justify="center"] { justify-content: center; } } .data-\[justify\=end\]\:flex-grow { &[data-justify="end"] { flex-grow: 1; } } .data-\[justify\=end\]\:basis-0 { &[data-justify="end"] { flex-basis: calc(var(--spacing) * 0); } } .data-\[justify\=end\]\:justify-end { &[data-justify="end"] { justify-content: flex-end; } } .data-\[justify\=start\]\:flex-grow { &[data-justify="start"] { flex-grow: 1; } } .data-\[justify\=start\]\:basis-0 { &[data-justify="start"] { flex-basis: calc(var(--spacing) * 0); } } .data-\[justify\=start\]\:justify-start { &[data-justify="start"] { justify-content: flex-start; } } .data-\[left-right-scroll\=true\]\:\[mask-image\:linear-gradient\(to_right\,\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\] { &[data-left-right-scroll="true"] { mask-image: linear-gradient(to right,#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent); } } .data-\[left-scroll\=true\]\:\[mask-image\:linear-gradient\(270deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\] { &[data-left-scroll="true"] { mask-image: linear-gradient(270deg,#000 calc(100% - var(--scroll-shadow-size)),transparent); } } .data-\[loaded\=true\]\:pointer-events-auto { &[data-loaded="true"] { pointer-events: auto; } } .data-\[loaded\=true\]\:overflow-visible { &[data-loaded="true"] { overflow: visible; } } .data-\[loaded\=true\]\:\!bg-transparent { &[data-loaded="true"] { background-color: transparent !important; } } .data-\[loaded\=true\]\:opacity-100 { &[data-loaded="true"] { opacity: 100%; } } .data-\[loaded\=true\]\:before\:-z-10 { &[data-loaded="true"] { &::before { content: var(--tw-content); z-index: calc(10 * -1); } } } .data-\[loaded\=true\]\:before\:animate-none { &[data-loaded="true"] { &::before { content: var(--tw-content); animation: none; } } } .data-\[loaded\=true\]\:before\:opacity-0 { &[data-loaded="true"] { &::before { content: var(--tw-content); opacity: 0%; } } } .data-\[loaded\=true\]\:after\:opacity-0 { &[data-loaded="true"] { &::after { content: var(--tw-content); opacity: 0%; } } } .data-\[menu-open\=true\]\:border-none { &[data-menu-open="true"] { --tw-border-style: none; border-style: none; } } .data-\[menu-open\=true\]\:backdrop-blur-xl { &[data-menu-open="true"] { --tw-backdrop-blur: blur(var(--blur-xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } } .data-\[moving\]\:opacity-100 { &[data-moving] { opacity: 100%; } } .data-\[moving\=true\]\:transition-transform { &[data-moving="true"] { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .data-\[open\=true\]\:block { &[data-open="true"] { display: block; } } .data-\[open\=true\]\:flex { &[data-open="true"] { display: flex; } } .data-\[open\=true\]\:-rotate-90 { &[data-open="true"] { rotate: calc(90deg * -1); } } .data-\[open\=true\]\:rotate-180 { &[data-open="true"] { rotate: 180deg; } } .data-\[open\=true\]\:border-danger { &[data-open="true"] { border-color: hsl(var(--heroui-danger) / 1); } } .data-\[open\=true\]\:border-default-400 { &[data-open="true"] { border-color: hsl(var(--heroui-default-400) / 1); } } .data-\[open\=true\]\:border-default-foreground { &[data-open="true"] { border-color: hsl(var(--heroui-default-foreground) / 1); } } .data-\[open\=true\]\:border-primary { &[data-open="true"] { border-color: #0097a7; } } .data-\[open\=true\]\:border-secondary { &[data-open="true"] { border-color: hsl(var(--heroui-secondary) / 1); } } .data-\[open\=true\]\:border-success { &[data-open="true"] { border-color: hsl(var(--heroui-success) / 1); } } .data-\[open\=true\]\:border-warning { &[data-open="true"] { border-color: hsl(var(--heroui-warning) / 1); } } .data-\[open\=true\]\:after\:w-full { &[data-open="true"] { &::after { content: var(--tw-content); width: 100%; } } } .data-\[orientation\=horizontal\]\:h-0\.5 { &[data-orientation="horizontal"] { height: calc(var(--spacing) * 0.5); } } .data-\[orientation\=horizontal\]\:h-1\.5 { &[data-orientation="horizontal"] { height: calc(var(--spacing) * 1.5); } } .data-\[orientation\=horizontal\]\:h-px { &[data-orientation="horizontal"] { height: 1px; } } .data-\[orientation\=horizontal\]\:w-full { &[data-orientation="horizontal"] { width: 100%; } } .data-\[orientation\=horizontal\]\:translate-y-px { &[data-orientation="horizontal"] { --tw-translate-y: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[orientation\=horizontal\]\:flex-col { &[data-orientation="horizontal"] { flex-direction: column; } } .data-\[orientation\=horizontal\]\:flex-row { &[data-orientation="horizontal"] { flex-direction: row; } } .data-\[orientation\=horizontal\]\:py-1 { &[data-orientation="horizontal"] { padding-block: calc(var(--spacing) * 1); } } .data-\[orientation\=vertical\]\:h-full { &[data-orientation="vertical"] { height: 100%; } } .data-\[orientation\=vertical\]\:w-0\.5 { &[data-orientation="vertical"] { width: calc(var(--spacing) * 0.5); } } .data-\[orientation\=vertical\]\:w-1\.5 { &[data-orientation="vertical"] { width: calc(var(--spacing) * 1.5); } } .data-\[orientation\=vertical\]\:w-full { &[data-orientation="vertical"] { width: 100%; } } .data-\[orientation\=vertical\]\:w-px { &[data-orientation="vertical"] { width: 1px; } } .data-\[orientation\=vertical\]\:-translate-x-px { &[data-orientation="vertical"] { --tw-translate-x: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[orientation\=vertical\]\:flex-col { &[data-orientation="vertical"] { flex-direction: column; } } .data-\[orientation\=vertical\]\:flex-row { &[data-orientation="vertical"] { flex-direction: row; } } .data-\[orientation\=vertical\]\:justify-start { &[data-orientation="vertical"] { justify-content: flex-start; } } .data-\[orientation\=vertical\]\:px-1 { &[data-orientation="vertical"] { padding-inline: calc(var(--spacing) * 1); } } .data-\[outside-month\=true\]\:before\:hidden { &[data-outside-month="true"] { &::before { content: var(--tw-content); display: none; } } } .data-\[disabled\=true\]\:data-\[outside-month\=true\]\:opacity-0 { &[data-disabled="true"] { &[data-outside-month="true"] { opacity: 0%; } } } .data-\[panel-group-direction\=vertical\]\:h-px { &[data-panel-group-direction="vertical"] { height: 1px; } } .data-\[panel-group-direction\=vertical\]\:w-full { &[data-panel-group-direction="vertical"] { width: 100%; } } .data-\[panel-group-direction\=vertical\]\:flex-col { &[data-panel-group-direction="vertical"] { flex-direction: column; } } .data-\[panel-group-direction\=vertical\]\:after\:left-0 { &[data-panel-group-direction="vertical"] { &::after { content: var(--tw-content); left: calc(var(--spacing) * 0); } } } .data-\[panel-group-direction\=vertical\]\:after\:h-1 { &[data-panel-group-direction="vertical"] { &::after { content: var(--tw-content); height: calc(var(--spacing) * 1); } } } .data-\[panel-group-direction\=vertical\]\:after\:w-full { &[data-panel-group-direction="vertical"] { &::after { content: var(--tw-content); width: 100%; } } } .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0 { &[data-panel-group-direction="vertical"] { &::after { content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2 { &[data-panel-group-direction="vertical"] { &::after { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-danger-300 { &[data-editable="true"] { &[data-placeholder="true"] { color: hsl(var(--heroui-danger-300) / 1); } } } .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-foreground-500 { &[data-editable="true"] { &[data-placeholder="true"] { color: hsl(var(--heroui-foreground-500) / 1); } } } .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-primary-300 { &[data-editable="true"] { &[data-placeholder="true"] { color: hsl(var(--heroui-primary-300) / 1); } } } .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-secondary-300 { &[data-editable="true"] { &[data-placeholder="true"] { color: hsl(var(--heroui-secondary-300) / 1); } } } .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-success-400 { &[data-editable="true"] { &[data-placeholder="true"] { color: hsl(var(--heroui-success-400) / 1); } } } .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-warning-400 { &[data-editable="true"] { &[data-placeholder="true"] { color: hsl(var(--heroui-warning-400) / 1); } } } .data-\[placement\=bottom\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\] { &[data-placement="bottom"] { &::before { content: var(--tw-content); top: calc(calc(1.25rem / 4 - 1.5px) * -1); } } } .data-\[placement\=bottom\]\:before\:left-1\/2 { &[data-placement="bottom"] { &::before { content: var(--tw-content); left: calc(1 / 2 * 100%); } } } .data-\[placement\=bottom\]\:before\:-translate-x-1\/2 { &[data-placement="bottom"] { &::before { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[placement\=bottom-center\]\:fixed { &[data-placement="bottom-center"] { position: fixed; } } .data-\[placement\=bottom-center\]\:right-0 { &[data-placement="bottom-center"] { right: calc(var(--spacing) * 0); } } .data-\[placement\=bottom-center\]\:bottom-0 { &[data-placement="bottom-center"] { bottom: calc(var(--spacing) * 0); } } .data-\[placement\=bottom-center\]\:left-0 { &[data-placement="bottom-center"] { left: calc(var(--spacing) * 0); } } .data-\[placement\=bottom-center\]\:left-1\/2 { &[data-placement="bottom-center"] { left: calc(1 / 2 * 100%); } } .data-\[placement\=bottom-center\]\:flex { &[data-placement="bottom-center"] { display: flex; } } .data-\[placement\=bottom-center\]\:-translate-x-1\/2 { &[data-placement="bottom-center"] { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[placement\=bottom-center\]\:flex-col { &[data-placement="bottom-center"] { flex-direction: column; } } .data-\[placement\=bottom-center\]\:before\:top-\[calc\(-1\*var\(--top-extension\,16px\)\)\] { &[data-placement="bottom-center"] { &::before { content: var(--tw-content); top: calc(-1 * var(--top-extension,16px)); } } } .data-\[placement\=bottom-center\]\:before\:h-\[var\(--top-extension\,16px\)\] { &[data-placement="bottom-center"] { &::before { content: var(--tw-content); height: var(--top-extension,16px); } } } .data-\[placement\=bottom-center\]\:after\:bottom-\[calc\(-1\*var\(--bottom-extension\,16px\)\)\] { &[data-placement="bottom-center"] { &::after { content: var(--tw-content); bottom: calc(-1 * var(--bottom-extension,16px)); } } } .data-\[placement\=bottom-center\]\:after\:h-\[var\(--bottom-extension\,16px\)\] { &[data-placement="bottom-center"] { &::after { content: var(--tw-content); height: var(--bottom-extension,16px); } } } .data-\[placement\=bottom-end\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\] { &[data-placement="bottom-end"] { &::before { content: var(--tw-content); top: calc(calc(1.25rem / 4 - 1.5px) * -1); } } } .data-\[placement\=bottom-end\]\:before\:right-3 { &[data-placement="bottom-end"] { &::before { content: var(--tw-content); right: calc(var(--spacing) * 3); } } } .data-\[placement\=bottom-left\]\:fixed { &[data-placement="bottom-left"] { position: fixed; } } .data-\[placement\=bottom-left\]\:bottom-0 { &[data-placement="bottom-left"] { bottom: calc(var(--spacing) * 0); } } .data-\[placement\=bottom-left\]\:left-0 { &[data-placement="bottom-left"] { left: calc(var(--spacing) * 0); } } .data-\[placement\=bottom-left\]\:mx-auto { &[data-placement="bottom-left"] { margin-inline: auto; } } .data-\[placement\=bottom-left\]\:flex { &[data-placement="bottom-left"] { display: flex; } } .data-\[placement\=bottom-left\]\:flex-col { &[data-placement="bottom-left"] { flex-direction: column; } } .data-\[placement\=bottom-left\]\:before\:top-\[calc\(-1\*var\(--top-extension\,16px\)\)\] { &[data-placement="bottom-left"] { &::before { content: var(--tw-content); top: calc(-1 * var(--top-extension,16px)); } } } .data-\[placement\=bottom-left\]\:before\:h-\[var\(--top-extension\,16px\)\] { &[data-placement="bottom-left"] { &::before { content: var(--tw-content); height: var(--top-extension,16px); } } } .data-\[placement\=bottom-left\]\:after\:bottom-\[calc\(-1\*var\(--bottom-extension\,16px\)\)\] { &[data-placement="bottom-left"] { &::after { content: var(--tw-content); bottom: calc(-1 * var(--bottom-extension,16px)); } } } .data-\[placement\=bottom-left\]\:after\:h-\[var\(--bottom-extension\,16px\)\] { &[data-placement="bottom-left"] { &::after { content: var(--tw-content); height: var(--bottom-extension,16px); } } } .data-\[placement\=bottom-right\]\:fixed { &[data-placement="bottom-right"] { position: fixed; } } .data-\[placement\=bottom-right\]\:right-0 { &[data-placement="bottom-right"] { right: calc(var(--spacing) * 0); } } .data-\[placement\=bottom-right\]\:bottom-0 { &[data-placement="bottom-right"] { bottom: calc(var(--spacing) * 0); } } .data-\[placement\=bottom-right\]\:mx-auto { &[data-placement="bottom-right"] { margin-inline: auto; } } .data-\[placement\=bottom-right\]\:flex { &[data-placement="bottom-right"] { display: flex; } } .data-\[placement\=bottom-right\]\:flex-col { &[data-placement="bottom-right"] { flex-direction: column; } } .data-\[placement\=bottom-right\]\:before\:top-\[calc\(-1\*var\(--top-extension\,16px\)\)\] { &[data-placement="bottom-right"] { &::before { content: var(--tw-content); top: calc(-1 * var(--top-extension,16px)); } } } .data-\[placement\=bottom-right\]\:before\:h-\[var\(--top-extension\,16px\)\] { &[data-placement="bottom-right"] { &::before { content: var(--tw-content); height: var(--top-extension,16px); } } } .data-\[placement\=bottom-right\]\:after\:bottom-\[calc\(-1\*var\(--bottom-extension\,16px\)\)\] { &[data-placement="bottom-right"] { &::after { content: var(--tw-content); bottom: calc(-1 * var(--bottom-extension,16px)); } } } .data-\[placement\=bottom-right\]\:after\:h-\[var\(--bottom-extension\,16px\)\] { &[data-placement="bottom-right"] { &::after { content: var(--tw-content); height: var(--bottom-extension,16px); } } } .data-\[placement\=bottom-start\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\] { &[data-placement="bottom-start"] { &::before { content: var(--tw-content); top: calc(calc(1.25rem / 4 - 1.5px) * -1); } } } .data-\[placement\=bottom-start\]\:before\:left-3 { &[data-placement="bottom-start"] { &::before { content: var(--tw-content); left: calc(var(--spacing) * 3); } } } .data-\[placement\=left\]\:before\:top-1\/2 { &[data-placement="left"] { &::before { content: var(--tw-content); top: calc(1 / 2 * 100%); } } } .data-\[placement\=left\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\] { &[data-placement="left"] { &::before { content: var(--tw-content); right: calc(calc(1.25rem / 4 - 2px) * -1); } } } .data-\[placement\=left\]\:before\:-translate-y-1\/2 { &[data-placement="left"] { &::before { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[placement\=left-end\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\] { &[data-placement="left-end"] { &::before { content: var(--tw-content); right: calc(calc(1.25rem / 4 - 3px) * -1); } } } .data-\[placement\=left-end\]\:before\:bottom-1\/4 { &[data-placement="left-end"] { &::before { content: var(--tw-content); bottom: calc(1 / 4 * 100%); } } } .data-\[placement\=left-start\]\:before\:top-1\/4 { &[data-placement="left-start"] { &::before { content: var(--tw-content); top: calc(1 / 4 * 100%); } } } .data-\[placement\=left-start\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\] { &[data-placement="left-start"] { &::before { content: var(--tw-content); right: calc(calc(1.25rem / 4 - 3px) * -1); } } } .data-\[placement\=right\]\:before\:top-1\/2 { &[data-placement="right"] { &::before { content: var(--tw-content); top: calc(1 / 2 * 100%); } } } .data-\[placement\=right\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\] { &[data-placement="right"] { &::before { content: var(--tw-content); left: calc(calc(1.25rem / 4 - 2px) * -1); } } } .data-\[placement\=right\]\:before\:-translate-y-1\/2 { &[data-placement="right"] { &::before { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[placement\=right-end\]\:before\:bottom-1\/4 { &[data-placement="right-end"] { &::before { content: var(--tw-content); bottom: calc(1 / 4 * 100%); } } } .data-\[placement\=right-end\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\] { &[data-placement="right-end"] { &::before { content: var(--tw-content); left: calc(calc(1.25rem / 4 - 3px) * -1); } } } .data-\[placement\=right-start\]\:before\:top-1\/4 { &[data-placement="right-start"] { &::before { content: var(--tw-content); top: calc(1 / 4 * 100%); } } } .data-\[placement\=right-start\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\] { &[data-placement="right-start"] { &::before { content: var(--tw-content); left: calc(calc(1.25rem / 4 - 3px) * -1); } } } .data-\[placement\=top\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\] { &[data-placement="top"] { &::before { content: var(--tw-content); bottom: calc(calc(1.25rem / 4 - 1.5px) * -1); } } } .data-\[placement\=top\]\:before\:left-1\/2 { &[data-placement="top"] { &::before { content: var(--tw-content); left: calc(1 / 2 * 100%); } } } .data-\[placement\=top\]\:before\:-translate-x-1\/2 { &[data-placement="top"] { &::before { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[placement\=top-center\]\:fixed { &[data-placement="top-center"] { position: fixed; } } .data-\[placement\=top-center\]\:top-0 { &[data-placement="top-center"] { top: calc(var(--spacing) * 0); } } .data-\[placement\=top-center\]\:right-0 { &[data-placement="top-center"] { right: calc(var(--spacing) * 0); } } .data-\[placement\=top-center\]\:left-0 { &[data-placement="top-center"] { left: calc(var(--spacing) * 0); } } .data-\[placement\=top-center\]\:left-1\/2 { &[data-placement="top-center"] { left: calc(1 / 2 * 100%); } } .data-\[placement\=top-center\]\:flex { &[data-placement="top-center"] { display: flex; } } .data-\[placement\=top-center\]\:-translate-x-1\/2 { &[data-placement="top-center"] { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[placement\=top-center\]\:flex-col { &[data-placement="top-center"] { flex-direction: column; } } .data-\[placement\=top-end\]\:before\:right-3 { &[data-placement="top-end"] { &::before { content: var(--tw-content); right: calc(var(--spacing) * 3); } } } .data-\[placement\=top-end\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\] { &[data-placement="top-end"] { &::before { content: var(--tw-content); bottom: calc(calc(1.25rem / 4 - 1.5px) * -1); } } } .data-\[placement\=top-left\]\:fixed { &[data-placement="top-left"] { position: fixed; } } .data-\[placement\=top-left\]\:top-0 { &[data-placement="top-left"] { top: calc(var(--spacing) * 0); } } .data-\[placement\=top-left\]\:left-0 { &[data-placement="top-left"] { left: calc(var(--spacing) * 0); } } .data-\[placement\=top-left\]\:mx-auto { &[data-placement="top-left"] { margin-inline: auto; } } .data-\[placement\=top-left\]\:flex { &[data-placement="top-left"] { display: flex; } } .data-\[placement\=top-left\]\:flex-col { &[data-placement="top-left"] { flex-direction: column; } } .data-\[placement\=top-right\]\:fixed { &[data-placement="top-right"] { position: fixed; } } .data-\[placement\=top-right\]\:top-0 { &[data-placement="top-right"] { top: calc(var(--spacing) * 0); } } .data-\[placement\=top-right\]\:right-0 { &[data-placement="top-right"] { right: calc(var(--spacing) * 0); } } .data-\[placement\=top-right\]\:mx-auto { &[data-placement="top-right"] { margin-inline: auto; } } .data-\[placement\=top-right\]\:flex { &[data-placement="top-right"] { display: flex; } } .data-\[placement\=top-right\]\:flex-col { &[data-placement="top-right"] { flex-direction: column; } } .data-\[placement\=top-start\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\] { &[data-placement="top-start"] { &::before { content: var(--tw-content); bottom: calc(calc(1.25rem / 4 - 1.5px) * -1); } } } .data-\[placement\=top-start\]\:before\:left-3 { &[data-placement="top-start"] { &::before { content: var(--tw-content); left: calc(var(--spacing) * 3); } } } .data-\[pressed\=true\]\:scale-100 { &[data-pressed="true"] { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .data-\[pressed\=true\]\:scale-\[0\.97\] { &[data-pressed="true"] { scale: 0.97; } } .data-\[pressed\=true\]\:opacity-50 { &[data-pressed="true"] { opacity: 50%; } } .data-\[pressed\=true\]\:opacity-70 { &[data-pressed="true"] { opacity: 70%; } } .data-\[pressed\=true\]\:opacity-disabled { &[data-pressed="true"] { opacity: var(--heroui-disabled-opacity); } } .data-\[range-end\=true\]\:before\:rounded-e-full { &[data-range-end="true"] { &::before { content: var(--tw-content); border-start-end-radius: calc(infinity * 1px); border-end-end-radius: calc(infinity * 1px); } } } .data-\[range-start\=true\]\:before\:rounded-s-full { &[data-range-start="true"] { &::before { content: var(--tw-content); border-start-start-radius: calc(infinity * 1px); border-end-start-radius: calc(infinity * 1px); } } } .data-\[readonly\=true\]\:cursor-default { &[data-readonly="true"] { cursor: default; } } .data-\[right-scroll\=true\]\:\[mask-image\:linear-gradient\(90deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\] { &[data-right-scroll="true"] { mask-image: linear-gradient(90deg,#000 calc(100% - var(--scroll-shadow-size)),transparent); } } .data-\[selectable\=true\]\:focus\:border-danger { &[data-selectable="true"] { &:focus { border-color: hsl(var(--heroui-danger) / 1); } } } .data-\[selectable\=true\]\:focus\:border-default { &[data-selectable="true"] { &:focus { border-color: hsl(var(--heroui-default) / 1); } } } .data-\[selectable\=true\]\:focus\:border-primary { &[data-selectable="true"] { &:focus { border-color: #0097a7; } } } .data-\[selectable\=true\]\:focus\:border-secondary { &[data-selectable="true"] { &:focus { border-color: hsl(var(--heroui-secondary) / 1); } } } .data-\[selectable\=true\]\:focus\:border-success { &[data-selectable="true"] { &:focus { border-color: hsl(var(--heroui-success) / 1); } } } .data-\[selectable\=true\]\:focus\:border-warning { &[data-selectable="true"] { &:focus { border-color: hsl(var(--heroui-warning) / 1); } } } .data-\[selectable\=true\]\:focus\:bg-danger { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-danger) / 1); } } } .data-\[selectable\=true\]\:focus\:bg-danger\/20 { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger) / 1) 20%, transparent); } } } } .data-\[selectable\=true\]\:focus\:bg-default { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-default) / 1); } } } .data-\[selectable\=true\]\:focus\:bg-default-100 { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-default-100) / 1); } } } .data-\[selectable\=true\]\:focus\:bg-default\/40 { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-default) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-default) / 1) 40%, transparent); } } } } .data-\[selectable\=true\]\:focus\:bg-primary { &[data-selectable="true"] { &:focus { background-color: #0097a7; } } } .data-\[selectable\=true\]\:focus\:bg-primary\/20 { &[data-selectable="true"] { &:focus { background-color: color-mix(in oklab, #0097a7 20%, transparent); } } } .data-\[selectable\=true\]\:focus\:bg-secondary { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-secondary) / 1); } } } .data-\[selectable\=true\]\:focus\:bg-secondary\/20 { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 20%, transparent); } } } } .data-\[selectable\=true\]\:focus\:bg-success { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-success) / 1); } } } .data-\[selectable\=true\]\:focus\:bg-success\/20 { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-success) / 1) 20%, transparent); } } } } .data-\[selectable\=true\]\:focus\:bg-warning { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-warning) / 1); } } } .data-\[selectable\=true\]\:focus\:bg-warning\/20 { &[data-selectable="true"] { &:focus { background-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-warning) / 1) 20%, transparent); } } } } .data-\[selectable\=true\]\:focus\:text-danger { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-danger) / 1); } } } .data-\[selectable\=true\]\:focus\:text-danger-foreground { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-danger-foreground) / 1); } } } .data-\[selectable\=true\]\:focus\:text-default-500 { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-default-500) / 1); } } } .data-\[selectable\=true\]\:focus\:text-default-foreground { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-default-foreground) / 1); } } } .data-\[selectable\=true\]\:focus\:text-primary { &[data-selectable="true"] { &:focus { color: #0097a7; } } } .data-\[selectable\=true\]\:focus\:text-primary-foreground { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-primary-foreground) / 1); } } } .data-\[selectable\=true\]\:focus\:text-secondary { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-secondary) / 1); } } } .data-\[selectable\=true\]\:focus\:text-secondary-foreground { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-secondary-foreground) / 1); } } } .data-\[selectable\=true\]\:focus\:text-success { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-success) / 1); } } } .data-\[selectable\=true\]\:focus\:text-success-foreground { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-success-foreground) / 1); } } } .data-\[selectable\=true\]\:focus\:text-warning { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-warning) / 1); } } } .data-\[selectable\=true\]\:focus\:text-warning-foreground { &[data-selectable="true"] { &:focus { color: hsl(var(--heroui-warning-foreground) / 1); } } } .data-\[selectable\=true\]\:focus\:shadow-danger\/30 { &[data-selectable="true"] { &:focus { --tw-shadow-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-danger) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } } .data-\[selectable\=true\]\:focus\:shadow-default\/50 { &[data-selectable="true"] { &:focus { --tw-shadow-color: hsl(var(--heroui-default) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-default) / 1) 50%, transparent) var(--tw-shadow-alpha), transparent); } } } } .data-\[selectable\=true\]\:focus\:shadow-primary\/30 { &[data-selectable="true"] { &:focus { --tw-shadow-color: color-mix(in srgb, #0097a7 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #0097a7 30%, transparent) var(--tw-shadow-alpha), transparent); } } } } .data-\[selectable\=true\]\:focus\:shadow-secondary\/30 { &[data-selectable="true"] { &:focus { --tw-shadow-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } } .data-\[selectable\=true\]\:focus\:shadow-success\/30 { &[data-selectable="true"] { &:focus { --tw-shadow-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-success) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } } .data-\[selectable\=true\]\:focus\:shadow-warning\/30 { &[data-selectable="true"] { &:focus { --tw-shadow-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-warning) / 1) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } } .data-\[selected\]\:font-medium { &[data-selected] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .data-\[selected\=true\]\:bg-danger { &[data-selected="true"] { background-color: hsl(var(--heroui-danger) / 1); } } .data-\[selected\=true\]\:bg-default { &[data-selected="true"] { background-color: hsl(var(--heroui-default) / 1); } } .data-\[selected\=true\]\:bg-foreground { &[data-selected="true"] { background-color: hsl(var(--heroui-foreground) / 1); } } .data-\[selected\=true\]\:bg-primary { &[data-selected="true"] { background-color: #0097a7; } } .data-\[selected\=true\]\:bg-secondary { &[data-selected="true"] { background-color: hsl(var(--heroui-secondary) / 1); } } .data-\[selected\=true\]\:bg-success { &[data-selected="true"] { background-color: hsl(var(--heroui-success) / 1); } } .data-\[selected\=true\]\:bg-warning { &[data-selected="true"] { background-color: hsl(var(--heroui-warning) / 1); } } .data-\[selected\=true\]\:bg-zinc-100 { &[data-selected="true"] { background-color: var(--color-zinc-100); } } .data-\[selected\=true\]\:text-background { &[data-selected="true"] { color: hsl(var(--heroui-background) / 1); } } .data-\[selected\=true\]\:text-danger { &[data-selected="true"] { color: hsl(var(--heroui-danger) / 1); } } .data-\[selected\=true\]\:text-danger-foreground { &[data-selected="true"] { color: hsl(var(--heroui-danger-foreground) / 1); } } .data-\[selected\=true\]\:text-default-foreground { &[data-selected="true"] { color: hsl(var(--heroui-default-foreground) / 1); } } .data-\[selected\=true\]\:text-primary { &[data-selected="true"] { color: #0097a7; } } .data-\[selected\=true\]\:text-primary-foreground { &[data-selected="true"] { color: hsl(var(--heroui-primary-foreground) / 1); } } .data-\[selected\=true\]\:text-secondary { &[data-selected="true"] { color: hsl(var(--heroui-secondary) / 1); } } .data-\[selected\=true\]\:text-secondary-foreground { &[data-selected="true"] { color: hsl(var(--heroui-secondary-foreground) / 1); } } .data-\[selected\=true\]\:text-success-600 { &[data-selected="true"] { color: hsl(var(--heroui-success-600) / 1); } } .data-\[selected\=true\]\:text-success-foreground { &[data-selected="true"] { color: hsl(var(--heroui-success-foreground) / 1); } } .data-\[selected\=true\]\:text-warning-600 { &[data-selected="true"] { color: hsl(var(--heroui-warning-600) / 1); } } .data-\[selected\=true\]\:text-warning-foreground { &[data-selected="true"] { color: hsl(var(--heroui-warning-foreground) / 1); } } .data-\[selected\=true\]\:text-zinc-900 { &[data-selected="true"] { color: var(--color-zinc-900); } } .data-\[selected\=true\]\:shadow-md { &[data-selected="true"] { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .data-\[selected\=true\]\:shadow-none { &[data-selected="true"] { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .data-\[selected\=true\]\:shadow-danger\/40 { &[data-selected="true"] { --tw-shadow-color: hsl(var(--heroui-danger) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-danger) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[selected\=true\]\:shadow-foreground\/40 { &[data-selected="true"] { --tw-shadow-color: hsl(var(--heroui-foreground) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[selected\=true\]\:shadow-primary\/40 { &[data-selected="true"] { --tw-shadow-color: color-mix(in srgb, #0097a7 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #0097a7 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[selected\=true\]\:shadow-secondary\/40 { &[data-selected="true"] { --tw-shadow-color: hsl(var(--heroui-secondary) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[selected\=true\]\:shadow-success\/40 { &[data-selected="true"] { --tw-shadow-color: hsl(var(--heroui-success) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-success) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[selected\=true\]\:shadow-warning\/40 { &[data-selected="true"] { --tw-shadow-color: hsl(var(--heroui-warning) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-warning) / 1) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } .data-\[selected\=true\]\:before\:opacity-100 { &[data-selected="true"] { &::before { content: var(--tw-content); opacity: 100%; } } } .data-\[selected\=true\]\:after\:bg-danger { &[data-selected="true"] { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-danger) / 1); } } } .data-\[selected\=true\]\:after\:bg-foreground { &[data-selected="true"] { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-foreground) / 1); } } } .data-\[selected\=true\]\:after\:bg-primary { &[data-selected="true"] { &::after { content: var(--tw-content); background-color: #0097a7; } } } .data-\[selected\=true\]\:after\:bg-secondary { &[data-selected="true"] { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-secondary) / 1); } } } .data-\[selected\=true\]\:after\:bg-success { &[data-selected="true"] { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-success) / 1); } } } .data-\[selected\=true\]\:after\:bg-warning { &[data-selected="true"] { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-warning) / 1); } } } .data-\[selected\=true\]\:after\:opacity-100 { &[data-selected="true"] { &::after { content: var(--tw-content); opacity: 100%; } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger { &[data-selected="true"] { &[data-hover="true"] { background-color: hsl(var(--heroui-danger) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-foreground { &[data-selected="true"] { &[data-hover="true"] { background-color: hsl(var(--heroui-foreground) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-primary { &[data-selected="true"] { &[data-hover="true"] { background-color: #0097a7; } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-secondary { &[data-selected="true"] { &[data-hover="true"] { background-color: hsl(var(--heroui-secondary) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success { &[data-selected="true"] { &[data-hover="true"] { background-color: hsl(var(--heroui-success) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning { &[data-selected="true"] { &[data-hover="true"] { background-color: hsl(var(--heroui-warning) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:text-background { &[data-selected="true"] { &[data-hover="true"] { color: hsl(var(--heroui-background) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground { &[data-selected="true"] { &[data-hover="true"] { color: hsl(var(--heroui-danger-foreground) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:text-primary-foreground { &[data-selected="true"] { &[data-hover="true"] { color: hsl(var(--heroui-primary-foreground) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:text-secondary-foreground { &[data-selected="true"] { &[data-hover="true"] { color: hsl(var(--heroui-secondary-foreground) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground { &[data-selected="true"] { &[data-hover="true"] { color: hsl(var(--heroui-success-foreground) / 1); } } } .data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground { &[data-selected="true"] { &[data-hover="true"] { color: hsl(var(--heroui-warning-foreground) / 1); } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:bg-transparent { &[data-selected="true"] { &[data-range-selection="true"] { background-color: transparent; } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-danger-500 { &[data-selected="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-danger-500) / 1); } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-foreground { &[data-selected="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-foreground) / 1); } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-primary { &[data-selected="true"] { &[data-range-selection="true"] { color: #0097a7; } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-secondary { &[data-selected="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-secondary) / 1); } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-600 { &[data-selected="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-success-600) / 1); } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-warning-500 { &[data-selected="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-warning-500) / 1); } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-danger-50 { &[data-selected="true"] { &[data-range-selection="true"] { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-danger-50) / 1); } } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-foreground\/10 { &[data-selected="true"] { &[data-range-selection="true"] { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-foreground) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-foreground) / 1) 10%, transparent); } } } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-primary-50 { &[data-selected="true"] { &[data-range-selection="true"] { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-primary-50) / 1); } } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-secondary-50 { &[data-selected="true"] { &[data-range-selection="true"] { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-secondary-50) / 1); } } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-100 { &[data-selected="true"] { &[data-range-selection="true"] { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-success-100) / 1); } } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-100 { &[data-selected="true"] { &[data-range-selection="true"] { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-warning-100) / 1); } } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:bg-transparent { &[data-selected="true"] { &[data-range-selection="true"] { &[data-outside-month="true"] { background-color: transparent; } } } } .data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:text-default-300 { &[data-selected="true"] { &[data-range-selection="true"] { &[data-outside-month="true"] { color: hsl(var(--heroui-default-300) / 1); } } } } .data-\[selection-end\=true\]\:before\:rounded-e-full { &[data-selection-end="true"] { &::before { content: var(--tw-content); border-start-end-radius: calc(infinity * 1px); border-end-end-radius: calc(infinity * 1px); } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:shadow-md { &[data-selected="true"] { &[data-selection-end="true"] { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:rounded-full { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { border-radius: calc(infinity * 1px); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-danger { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-danger) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-foreground { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-primary { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { background-color: #0097a7; } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-secondary { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-secondary) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-success { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-success) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-warning { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-warning) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-background { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-background) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-danger-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-primary-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-secondary-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-success-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-warning-foreground) / 1); } } } } .data-\[selection-start\=true\]\:before\:rounded-s-full { &[data-selection-start="true"] { &::before { content: var(--tw-content); border-start-start-radius: calc(infinity * 1px); border-end-start-radius: calc(infinity * 1px); } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:shadow-md { &[data-selected="true"] { &[data-selection-start="true"] { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:rounded-full { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { border-radius: calc(infinity * 1px); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-danger { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-danger) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-foreground { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-primary { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { background-color: #0097a7; } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-secondary { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-secondary) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-success { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-success) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-warning { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { background-color: hsl(var(--heroui-warning) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-background { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-background) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-danger-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-primary-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-secondary-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-success-foreground) / 1); } } } } .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-warning-foreground) / 1); } } } } .data-\[side\=bottom\]\:translate-y-1 { &[data-side="bottom"] { --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[side\=bottom\]\:slide-in-from-top-2 { &[data-side="bottom"] { --tw-enter-translate-y: calc(2*var(--spacing)*-1); } } .data-\[side\=left\]\:-translate-x-1 { &[data-side="left"] { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[side\=left\]\:slide-in-from-right-2 { &[data-side="left"] { --tw-enter-translate-x: calc(2*var(--spacing)); } } .data-\[side\=right\]\:translate-x-1 { &[data-side="right"] { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[side\=right\]\:slide-in-from-left-2 { &[data-side="right"] { --tw-enter-translate-x: calc(2*var(--spacing)*-1); } } .data-\[side\=top\]\:-translate-y-1 { &[data-side="top"] { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[side\=top\]\:slide-in-from-bottom-2 { &[data-side="top"] { --tw-enter-translate-y: calc(2*var(--spacing)); } } .data-panel-open\:\*\:data-\[slot\=accordion-indicator\]\:rotate-180 { &[data-panel-open] { :is(& > *) { &[data-slot="accordion-indicator"] { rotate: 180deg; } } } } .\*\:data-\[slot\=button-loading-indicator\]\:text-\[oklch\(0\.21_0\.006_285\.885\)\] { :is(& > *) { &[data-slot="button-loading-indicator"] { color: oklch(0.21 0.006 285.885); } } } .\*\:data-\[slot\=button-loading-indicator\]\:text-\[oklch\(0\.141_0\.005_285\.823\)\] { :is(& > *) { &[data-slot="button-loading-indicator"] { color: oklch(0.141 0.005 285.823); } } } .\*\:data-\[slot\=button-loading-indicator\]\:text-\[oklch\(0\.985_0_0\)\] { :is(& > *) { &[data-slot="button-loading-indicator"] { color: oklch(0.985 0 0); } } } .\*\:data-\[slot\=button-loading-indicator\]\:text-white { :is(& > *) { &[data-slot="button-loading-indicator"] { color: var(--color-white); } } } .\*\:data-\[slot\=card\]\:-m-px { :is(& > *) { &[data-slot="card"] { margin: -1px; } } } .\*\:data-\[slot\=card\]\:bg-clip-padding { :is(& > *) { &[data-slot="card"] { background-clip: padding-box; } } } .\*\:data-\[slot\=card\]\:shadow-none { :is(& > *) { &[data-slot="card"] { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .\*\:data-\[slot\=card\]\:\[clip-path\:inset\(var\(--clip-top\)_1px_var\(--clip-bottom\)_1px_round_calc\(var\(--radius-2xl\)-1px\)\)\] { :is(& > *) { &[data-slot="card"] { clip-path: inset(var(--clip-top) 1px var(--clip-bottom) 1px round calc(var(--radius-2xl) - 1px)); } } } .\*\:not-first\:data-\[slot\=card\]\:rounded-t-xl { :is(& > *) { &:not(*:first-child) { &[data-slot="card"] { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); } } } } .\*\:not-last\:data-\[slot\=card\]\:rounded-b-xl { :is(& > *) { &:not(*:last-child) { &[data-slot="card"] { border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } } } } .\*\:data-\[slot\=card\]\:before\:hidden { :is(& > *) { &[data-slot="card"] { &::before { content: var(--tw-content); display: none; } } } } .\*\:not-first\:data-\[slot\=card\]\:before\:rounded-t-\[calc\(var\(--radius-xl\)-1px\)\] { :is(& > *) { &:not(*:first-child) { &[data-slot="card"] { &::before { content: var(--tw-content); border-top-left-radius: calc(var(--radius-xl) - 1px); border-top-right-radius: calc(var(--radius-xl) - 1px); } } } } } .\*\:not-last\:data-\[slot\=card\]\:before\:rounded-b-\[calc\(var\(--radius-xl\)-1px\)\] { :is(& > *) { &:not(*:last-child) { &[data-slot="card"] { &::before { content: var(--tw-content); border-bottom-right-radius: calc(var(--radius-xl) - 1px); border-bottom-left-radius: calc(var(--radius-xl) - 1px); } } } } } .\*\:data-\[slot\=card\]\:first\:\[--clip-top\:1px\] { :is(& > *) { &[data-slot="card"] { &:first-child { --clip-top: 1px; } } } } .\*\:data-\[slot\=card\]\:last\:\[--clip-bottom\:1px\] { :is(& > *) { &[data-slot="card"] { &:last-child { --clip-bottom: 1px; } } } } .\*\:data-\[slot\=combobox-input\]\:ps-\[calc\(--spacing\(8\.5\)-1px\)\] { :is(& > *) { &[data-slot="combobox-input"] { padding-inline-start: calc(calc(var(--spacing) * 8.5) - 1px); } } } .has-\[\+\[data-slot\=combobox-trigger\]\,\+\[data-slot\=combobox-clear\]\]\:\*\:data-\[slot\=combobox-input\]\:pe-6\.5 { &:has(+[data-slot=combobox-trigger],+[data-slot=combobox-clear]) { :is(& > *) { &[data-slot="combobox-input"] { padding-inline-end: calc(var(--spacing) * 6.5); } } } } .has-\[\+\[data-slot\=combobox-trigger\]\,\+\[data-slot\=combobox-clear\]\]\:\*\:data-\[slot\=combobox-input\]\:pe-7 { &:has(+[data-slot=combobox-trigger],+[data-slot=combobox-clear]) { :is(& > *) { &[data-slot="combobox-input"] { padding-inline-end: calc(var(--spacing) * 7); } } } } .data-\[size\=sm\]\:\*\:data-\[slot\=combobox-input\]\:ps-\[calc\(--spacing\(7\.5\)-1px\)\] { &[data-size="sm"] { :is(& > *) { &[data-slot="combobox-input"] { padding-inline-start: calc(calc(var(--spacing) * 7.5) - 1px); } } } } .\*\*\:data-\[slot\=drawer-footer\]\:rounded-ee-\[calc\(var\(--radius-2xl\)-1px\)\] { :is(& *) { &[data-slot="drawer-footer"] { border-end-end-radius: calc(var(--radius-2xl) - 1px); } } } .\*\*\:data-\[slot\=drawer-footer\]\:rounded-es-\[calc\(var\(--radius-2xl\)-1px\)\] { :is(& *) { &[data-slot="drawer-footer"] { border-end-start-radius: calc(var(--radius-2xl) - 1px); } } } .\*\*\:data-\[slot\=drawer-footer\]\:rounded-b-\[calc\(var\(--radius-2xl\)-1px\)\] { :is(& *) { &[data-slot="drawer-footer"] { border-bottom-right-radius: calc(var(--radius-2xl) - 1px); border-bottom-left-radius: calc(var(--radius-2xl) - 1px); } } } .\*\:data-\[slot\=table-container\]\:-m-px { :is(& > *) { &[data-slot="table-container"] { margin: -1px; } } } .\*\:data-\[slot\=table-container\]\:w-\[calc\(100\%\+2px\)\] { :is(& > *) { &[data-slot="table-container"] { width: calc(100% + 2px); } } } .\*\:data-\[slot\=tabs-tab\]\:hover\:bg-\[oklch\(0\.967_0\.001_286\.375\)\] { :is(& > *) { &[data-slot="tabs-tab"] { &:hover { @media (hover: hover) { background-color: oklch(0.967 0.001 286.375); } } } } } .data-\[sortable\=true\]\:cursor-pointer { &[data-sortable="true"] { cursor: pointer; } } .data-\[state\=checked\]\:bg-blue-600 { &[data-state="checked"] { background-color: var(--color-blue-600); } } .data-\[state\=checked\]\:text-white { &[data-state="checked"] { color: var(--color-white); } } .data-\[state\=checked\]\:focus\:bg-blue-600 { &[data-state="checked"] { &:focus { background-color: var(--color-blue-600); } } } .data-\[state\=checked\]\:focus\:text-white { &[data-state="checked"] { &:focus { color: var(--color-white); } } } .data-\[state\=closed\]\:hidden { &[data-state="closed"] { display: none; } } .data-\[state\=closed\]\:animate-accordion-up { &[data-state="closed"] { animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } } .data-\[state\=closed\]\:animate-collapsible-up { &[data-state="closed"] { animation: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } } .data-\[state\=closed\]\:animate-out { &[data-state="closed"] { animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } } .data-\[state\=closed\]\:duration-300 { &[data-state="closed"] { --tw-duration: 300ms; transition-duration: 300ms; } } .data-\[state\=closed\]\:fade-out-0 { &[data-state="closed"] { --tw-exit-opacity: calc(0/100); --tw-exit-opacity: 0; } } .data-\[state\=closed\]\:zoom-out-95 { &[data-state="closed"] { --tw-exit-scale: calc(95*1%); --tw-exit-scale: .95; } } .data-\[state\=closed\]\:slide-out-to-bottom { &[data-state="closed"] { --tw-exit-translate-y: 100%; } } .data-\[state\=closed\]\:slide-out-to-bottom-1\/4 { &[data-state="closed"] { --tw-exit-translate-y: calc(1 / 4*100%); } } .data-\[state\=closed\]\:slide-out-to-left { &[data-state="closed"] { --tw-exit-translate-x: -100%; } } .data-\[state\=closed\]\:slide-out-to-left-1\/2 { &[data-state="closed"] { --tw-exit-translate-x: calc(1 / 2*-100%); } } .data-\[state\=closed\]\:slide-out-to-left-1\/4 { &[data-state="closed"] { --tw-exit-translate-x: calc(1 / 4*-100%); } } .data-\[state\=closed\]\:slide-out-to-right { &[data-state="closed"] { --tw-exit-translate-x: 100%; } } .data-\[state\=closed\]\:slide-out-to-top { &[data-state="closed"] { --tw-exit-translate-y: -100%; } } .data-\[state\=closed\]\:slide-out-to-top-\[48\%\] { &[data-state="closed"] { --tw-exit-translate-y: calc(48%*-1); } } .data-\[state\=open\]\:animate-accordion-down { &[data-state="open"] { animation: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } } .data-\[state\=open\]\:animate-collapsible-down { &[data-state="open"] { animation: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } } .data-\[state\=open\]\:animate-in { &[data-state="open"] { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } } .data-\[state\=open\]\:bg-zinc-100 { &[data-state="open"] { background-color: var(--color-zinc-100); } } .data-\[state\=open\]\:text-zinc-500 { &[data-state="open"] { color: var(--color-zinc-500); } } .data-\[state\=open\]\:opacity-100 { &[data-state="open"] { opacity: 100%; } } .data-\[state\=open\]\:duration-500 { &[data-state="open"] { --tw-duration: 500ms; transition-duration: 500ms; } } .data-\[state\=open\]\:fade-in-0 { &[data-state="open"] { --tw-enter-opacity: calc(0/100); --tw-enter-opacity: 0; } } .data-\[state\=open\]\:zoom-in-95 { &[data-state="open"] { --tw-enter-scale: calc(95*1%); --tw-enter-scale: .95; } } .data-\[state\=open\]\:slide-in-from-bottom { &[data-state="open"] { --tw-enter-translate-y: 100%; } } .data-\[state\=open\]\:slide-in-from-left { &[data-state="open"] { --tw-enter-translate-x: -100%; } } .data-\[state\=open\]\:slide-in-from-left-1\/2 { &[data-state="open"] { --tw-enter-translate-x: calc(1 / 2*-100%); } } .data-\[state\=open\]\:slide-in-from-right { &[data-state="open"] { --tw-enter-translate-x: 100%; } } .data-\[state\=open\]\:slide-in-from-top { &[data-state="open"] { --tw-enter-translate-y: -100%; } } .data-\[state\=open\]\:slide-in-from-top-\[48\%\] { &[data-state="open"] { --tw-enter-translate-y: calc(48%*-1); } } .data-\[state\=open\]\:hover\:bg-sidebar-accent { &[data-state="open"] { &:hover { @media (hover: hover) { background-color: var(--sidebar-accent); } } } } .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground { &[data-state="open"] { &:hover { @media (hover: hover) { color: var(--sidebar-accent-foreground); } } } } .not-in-data-\[variant\=card\]\:data-\[state\=selected\]\:bg-\[color-mix\(in_srgb\,var\(--background\)\,var\(--color-black\)_4\%\)\] { &:not(:where(*[data-variant="card"]) *) { &[data-state="selected"] { background-color: var(--background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb,var(--background),var(--color-black) 4%); } } } } .data-\[toast-exiting\=true\]\:transform-gpu { &[data-toast-exiting="true"] { transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } } .data-\[toast-exiting\=true\]\:opacity-0 { &[data-toast-exiting="true"] { opacity: 0%; } } .data-\[toast-exiting\=true\]\:transition-all { &[data-toast-exiting="true"] { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .data-\[toast-exiting\=true\]\:duration-300 { &[data-toast-exiting="true"] { --tw-duration: 300ms; transition-duration: 300ms; } } .data-\[toast-exiting\=true\]\:ease-out { &[data-toast-exiting="true"] { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } } .data-\[toast-exiting\=true\]\:will-change-transform { &[data-toast-exiting="true"] { will-change: transform; } } .data-\[toast-exiting\=true\]\:data-\[placement\=bottom-center\]\:translate-y-full { &[data-toast-exiting="true"] { &[data-placement="bottom-center"] { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[toast-exiting\=true\]\:data-\[placement\=bottom-left\]\:-translate-x-full { &[data-toast-exiting="true"] { &[data-placement="bottom-left"] { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[toast-exiting\=true\]\:data-\[placement\=bottom-right\]\:translate-x-full { &[data-toast-exiting="true"] { &[data-placement="bottom-right"] { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[toast-exiting\=true\]\:data-\[placement\=top-center\]\:-translate-y-full { &[data-toast-exiting="true"] { &[data-placement="top-center"] { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[toast-exiting\=true\]\:data-\[placement\=top-left\]\:-translate-x-full { &[data-toast-exiting="true"] { &[data-placement="top-left"] { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[toast-exiting\=true\]\:data-\[placement\=top-right\]\:translate-x-full { &[data-toast-exiting="true"] { &[data-placement="top-right"] { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[top-bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\] { &[data-top-bottom-scroll="true"] { mask-image: linear-gradient(#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent); } } .data-\[top-scroll\=true\]\:\[mask-image\:linear-gradient\(0deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\] { &[data-top-scroll="true"] { mask-image: linear-gradient(0deg,#000 calc(100% - var(--scroll-shadow-size)),transparent); } } .data-\[type\=color\]\:rounded-none { &[data-type="color"] { border-radius: 0; } } .data-\[unavailable\=true\]\:cursor-default { &[data-unavailable="true"] { cursor: default; } } .data-\[unavailable\=true\]\:text-default-300 { &[data-unavailable="true"] { color: hsl(var(--heroui-default-300) / 1); } } .data-\[unavailable\=true\]\:line-through { &[data-unavailable="true"] { text-decoration-line: line-through; } } .data-\[variant\=destructive\]\:text-destructive-foreground { &[data-variant="destructive"] { color: var(--destructive-foreground); } } .data-\[visible\=true\]\:pointer-events-auto { &[data-visible="true"] { pointer-events: auto; } } .data-\[visible\=true\]\:cursor-pointer { &[data-visible="true"] { cursor: pointer; } } .data-\[visible\=true\]\:opacity-100 { &[data-visible="true"] { opacity: 100%; } } .nth-3\:row-span-2 { &:nth-child(3) { grid-row: span 2 / span 2; } } .nth-3\:row-start-1 { &:nth-child(3) { grid-row-start: 1; } } .supports-backdrop-filter\:bg-white\/60 { @supports (backdrop-filter: var(--tw)) { background-color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } } .supports-\[-webkit-touch-callout\:none\]\:absolute { @supports (-webkit-touch-callout:none) { position: absolute; } } .motion-reduce\:scale-100 { @media (prefers-reduced-motion: reduce) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .motion-reduce\:transition-none { @media (prefers-reduced-motion: reduce) { transition-property: none; } } .motion-reduce\:after\:transition-none { @media (prefers-reduced-motion: reduce) { &::after { content: var(--tw-content); transition-property: none; } } } .max-sm\:max-h-\[calc\(100dvh-1rem\)\] { @media (width < 40rem) { max-height: calc(100dvh - 1rem); } } .max-sm\:min-h-19\.5 { @media (width < 40rem) { min-height: calc(var(--spacing) * 19.5); } } .max-sm\:min-h-20\.5 { @media (width < 40rem) { min-height: calc(var(--spacing) * 20.5); } } .max-sm\:min-h-21\.5 { @media (width < 40rem) { min-height: calc(var(--spacing) * 21.5); } } .max-sm\:items-end { @media (width < 40rem) { align-items: flex-end; } } .max-sm\:rounded-b-none { @media (width < 40rem) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } .max-sm\:p-0 { @media (width < 40rem) { padding: calc(var(--spacing) * 0); } } .max-sm\:pb-4 { @media (width < 40rem) { padding-bottom: calc(var(--spacing) * 4); } } .sm\:inset-y-4 { @media (width >= 40rem) { inset-block: calc(var(--spacing) * 4); } } .sm\:top-10 { @media (width >= 40rem) { top: calc(var(--spacing) * 10); } } .sm\:col-span-2 { @media (width >= 40rem) { grid-column: span 2 / span 2; } } .sm\:col-start-1 { @media (width >= 40rem) { grid-column-start: 1; } } .sm\:col-start-2 { @media (width >= 40rem) { grid-column-start: 2; } } .sm\:row-span-2 { @media (width >= 40rem) { grid-row: span 2 / span 2; } } .sm\:row-start-1 { @media (width >= 40rem) { grid-row-start: 1; } } .sm\:row-start-2 { @media (width >= 40rem) { grid-row-start: 2; } } .sm\:row-start-3 { @media (width >= 40rem) { grid-row-start: 3; } } .sm\:m-0 { @media (width >= 40rem) { margin: calc(var(--spacing) * 0); } } .sm\:mx-0 { @media (width >= 40rem) { margin-inline: calc(var(--spacing) * 0); } } .sm\:mx-1 { @media (width >= 40rem) { margin-inline: calc(var(--spacing) * 1); } } .sm\:mx-6 { @media (width >= 40rem) { margin-inline: calc(var(--spacing) * 6); } } .sm\:my-0 { @media (width >= 40rem) { margin-block: calc(var(--spacing) * 0); } } .sm\:my-2 { @media (width >= 40rem) { margin-block: calc(var(--spacing) * 2); } } .sm\:my-16 { @media (width >= 40rem) { margin-block: calc(var(--spacing) * 16); } } .sm\:mt-0 { @media (width >= 40rem) { margin-top: calc(var(--spacing) * 0); } } .sm\:mr-2 { @media (width >= 40rem) { margin-right: calc(var(--spacing) * 2); } } .sm\:mr-auto { @media (width >= 40rem) { margin-right: auto; } } .sm\:ml-4 { @media (width >= 40rem) { margin-left: calc(var(--spacing) * 4); } } .sm\:block { @media (width >= 40rem) { display: block; } } .sm\:flex { @media (width >= 40rem) { display: flex; } } .sm\:hidden { @media (width >= 40rem) { display: none; } } .sm\:inline { @media (width >= 40rem) { display: inline; } } .sm\:size-3 { @media (width >= 40rem) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } } .sm\:size-4 { @media (width >= 40rem) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } .sm\:size-6 { @media (width >= 40rem) { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } } .sm\:size-7 { @media (width >= 40rem) { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } } .sm\:size-8 { @media (width >= 40rem) { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } } .sm\:size-9 { @media (width >= 40rem) { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } } .sm\:size-10 { @media (width >= 40rem) { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } } .sm\:h-4 { @media (width >= 40rem) { height: calc(var(--spacing) * 4); } } .sm\:h-4\.5 { @media (width >= 40rem) { height: calc(var(--spacing) * 4.5); } } .sm\:h-5\.5 { @media (width >= 40rem) { height: calc(var(--spacing) * 5.5); } } .sm\:h-6 { @media (width >= 40rem) { height: calc(var(--spacing) * 6); } } .sm\:h-6\.5 { @media (width >= 40rem) { height: calc(var(--spacing) * 6.5); } } .sm\:h-7 { @media (width >= 40rem) { height: calc(var(--spacing) * 7); } } .sm\:h-7\.5 { @media (width >= 40rem) { height: calc(var(--spacing) * 7.5); } } .sm\:h-8 { @media (width >= 40rem) { height: calc(var(--spacing) * 8); } } .sm\:h-8\.5 { @media (width >= 40rem) { height: calc(var(--spacing) * 8.5); } } .sm\:h-9 { @media (width >= 40rem) { height: calc(var(--spacing) * 9); } } .sm\:h-10 { @media (width >= 40rem) { height: calc(var(--spacing) * 10); } } .sm\:max-h-\[4rem\] { @media (width >= 40rem) { max-height: 4rem; } } .sm\:min-h-7 { @media (width >= 40rem) { min-height: calc(var(--spacing) * 7); } } .sm\:min-h-8 { @media (width >= 40rem) { min-height: calc(var(--spacing) * 8); } } .sm\:min-h-9 { @media (width >= 40rem) { min-height: calc(var(--spacing) * 9); } } .sm\:w-8 { @media (width >= 40rem) { width: calc(var(--spacing) * 8); } } .sm\:w-\[356px\] { @media (width >= 40rem) { width: 356px; } } .sm\:w-auto { @media (width >= 40rem) { width: auto; } } .sm\:max-w-\[580px\] { @media (width >= 40rem) { max-width: 580px; } } .sm\:max-w-lg { @media (width >= 40rem) { max-width: var(--container-lg); } } .sm\:max-w-sm { @media (width >= 40rem) { max-width: var(--container-sm); } } .sm\:max-w-xl { @media (width >= 40rem) { max-width: var(--container-xl); } } .sm\:min-w-4 { @media (width >= 40rem) { min-width: calc(var(--spacing) * 4); } } .sm\:min-w-4\.5 { @media (width >= 40rem) { min-width: calc(var(--spacing) * 4.5); } } .sm\:min-w-5\.5 { @media (width >= 40rem) { min-width: calc(var(--spacing) * 5.5); } } .sm\:flex-none { @media (width >= 40rem) { flex: none; } } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:grid-cols-\[minmax\(0\,1fr\)_max-content\] { @media (width >= 40rem) { grid-template-columns: minmax(0,1fr) max-content; } } .sm\:flex-row { @media (width >= 40rem) { flex-direction: row; } } .sm\:items-center { @media (width >= 40rem) { align-items: center; } } .sm\:items-end { @media (width >= 40rem) { align-items: flex-end; } } .sm\:items-start { @media (width >= 40rem) { align-items: flex-start; } } .sm\:justify-between { @media (width >= 40rem) { justify-content: space-between; } } .sm\:justify-end { @media (width >= 40rem) { justify-content: flex-end; } } .sm\:gap-3 { @media (width >= 40rem) { gap: calc(var(--spacing) * 3); } } .sm\:space-x-2 { @media (width >= 40rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } } } .sm\:rounded-2xl { @media (width >= 40rem) { border-radius: var(--radius-2xl); } } .sm\:rounded-lg { @media (width >= 40rem) { border-radius: var(--radius-lg); } } .sm\:border { @media (width >= 40rem) { border-style: var(--tw-border-style); border-width: 1px; } } .sm\:border-l { @media (width >= 40rem) { border-left-style: var(--tw-border-style); border-left-width: 1px; } } .sm\:border-neutral-300\/80 { @media (width >= 40rem) { border-color: color-mix(in srgb, oklch(87% 0 0) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-neutral-300) 80%, transparent); } } } .sm\:px-0 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 0); } } .sm\:py-4 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 4); } } .sm\:text-left { @media (width >= 40rem) { text-align: left; } } .sm\:text-base { @media (width >= 40rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .sm\:text-sm { @media (width >= 40rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .sm\:text-sm\/4 { @media (width >= 40rem) { font-size: var(--text-sm); line-height: calc(var(--spacing) * 4); } } .sm\:text-xs { @media (width >= 40rem) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .sm\:text-xs\/\(--text-xs--line-height\) { @media (width >= 40rem) { font-size: var(--text-xs); line-height: var(--text-xs--line-height); } } .sm\:text-\[\.625rem\] { @media (width >= 40rem) { font-size: .625rem; } } .sm\:leading-6\.5 { @media (width >= 40rem) { --tw-leading: calc(var(--spacing) * 6.5); line-height: calc(var(--spacing) * 6.5); } } .sm\:leading-7\.5 { @media (width >= 40rem) { --tw-leading: calc(var(--spacing) * 7.5); line-height: calc(var(--spacing) * 7.5); } } .sm\:leading-8\.5 { @media (width >= 40rem) { --tw-leading: calc(var(--spacing) * 8.5); line-height: calc(var(--spacing) * 8.5); } } .sm\:\[--cell-size\:--spacing\(9\)\] { @media (width >= 40rem) { --cell-size: calc(var(--spacing) * 9); } } .sm\:\[--inset\:--spacing\(4\)\] { @media (width >= 40rem) { --inset: calc(var(--spacing) * 4); } } .sm\:\[--scale-enter\:100\%\] { @media (width >= 40rem) { --scale-enter: 100%; } } .sm\:\[--scale-exit\:103\%\] { @media (width >= 40rem) { --scale-exit: 103%; } } .sm\:\[--slide-enter\:0px\] { @media (width >= 40rem) { --slide-enter: 0px; } } .sm\:\[--slide-exit\:0px\] { @media (width >= 40rem) { --slide-exit: 0px; } } .sm\:\[--thumb-size\:--spacing\(3\)\] { @media (width >= 40rem) { --thumb-size: calc(var(--spacing) * 3); } } .sm\:\[--thumb-size\:--spacing\(4\)\] { @media (width >= 40rem) { --thumb-size: calc(var(--spacing) * 4); } } .sm\:\*\:min-h-6 { @media (width >= 40rem) { :is(& > *) { min-height: calc(var(--spacing) * 6); } } } .sm\:before\:rounded-\[calc\(var\(--radius-2xl\)-1px\)\] { @media (width >= 40rem) { &::before { content: var(--tw-content); border-radius: calc(var(--radius-2xl) - 1px); } } } .sm\:after\:bg-transparent { @media (width >= 40rem) { &::after { content: var(--tw-content); background-color: transparent; } } } .sm\:has-data-\[size\=lg\]\:min-h-9 { @media (width >= 40rem) { &:has(*[data-size="lg"]) { min-height: calc(var(--spacing) * 9); } } } .sm\:has-data-\[size\=lg\]\:\*\:min-h-7 { @media (width >= 40rem) { &:has(*[data-size="lg"]) { :is(& > *) { min-height: calc(var(--spacing) * 7); } } } } .sm\:has-data-\[size\=sm\]\:min-h-7 { @media (width >= 40rem) { &:has(*[data-size="sm"]) { min-height: calc(var(--spacing) * 7); } } } .sm\:has-data-\[size\=sm\]\:\*\:min-h-5 { @media (width >= 40rem) { &:has(*[data-size="sm"]) { :is(& > *) { min-height: calc(var(--spacing) * 5); } } } } .sm\:data-inset\:ps-8 { @media (width >= 40rem) { &[data-inset] { padding-inline-start: calc(var(--spacing) * 8); } } } .sm\:data-\[placement\=bottom-center\]\:mx-auto { @media (width >= 40rem) { &[data-placement="bottom-center"] { margin-inline: auto; } } } .sm\:data-\[placement\=bottom-center\]\:w-max { @media (width >= 40rem) { &[data-placement="bottom-center"] { width: max-content; } } } .sm\:data-\[placement\=bottom-left\]\:ml-2 { @media (width >= 40rem) { &[data-placement="bottom-left"] { margin-left: calc(var(--spacing) * 2); } } } .sm\:data-\[placement\=bottom-left\]\:w-max { @media (width >= 40rem) { &[data-placement="bottom-left"] { width: max-content; } } } .sm\:data-\[placement\=bottom-right\]\:mr-2 { @media (width >= 40rem) { &[data-placement="bottom-right"] { margin-right: calc(var(--spacing) * 2); } } } .sm\:data-\[placement\=bottom-right\]\:w-max { @media (width >= 40rem) { &[data-placement="bottom-right"] { width: max-content; } } } .sm\:data-\[placement\=top-center\]\:mx-auto { @media (width >= 40rem) { &[data-placement="top-center"] { margin-inline: auto; } } } .sm\:data-\[placement\=top-center\]\:w-max { @media (width >= 40rem) { &[data-placement="top-center"] { width: max-content; } } } .sm\:data-\[placement\=top-left\]\:ml-2 { @media (width >= 40rem) { &[data-placement="top-left"] { margin-left: calc(var(--spacing) * 2); } } } .sm\:data-\[placement\=top-left\]\:w-max { @media (width >= 40rem) { &[data-placement="top-left"] { width: max-content; } } } .sm\:data-\[placement\=top-right\]\:mr-2 { @media (width >= 40rem) { &[data-placement="top-right"] { margin-right: calc(var(--spacing) * 2); } } } .sm\:data-\[placement\=top-right\]\:w-max { @media (width >= 40rem) { &[data-placement="top-right"] { width: max-content; } } } .sm\:\*\:data-\[slot\=combobox-input\]\:ps-\[calc\(--spacing\(8\)-1px\)\] { @media (width >= 40rem) { :is(& > *) { &[data-slot="combobox-input"] { padding-inline-start: calc(calc(var(--spacing) * 8) - 1px); } } } } .sm\:data-\[size\=sm\]\:\*\:data-\[slot\=combobox-input\]\:ps-\[calc\(--spacing\(7\)-1px\)\] { @media (width >= 40rem) { &[data-size="sm"] { :is(& > *) { &[data-slot="combobox-input"] { padding-inline-start: calc(calc(var(--spacing) * 7) - 1px); } } } } } .sm\:\*\*\:data-\[slot\=drawer-footer\]\:rounded-b-\[calc\(var\(--radius-2xl\)-1px\)\] { @media (width >= 40rem) { :is(& *) { &[data-slot="drawer-footer"] { border-bottom-right-radius: calc(var(--radius-2xl) - 1px); border-bottom-left-radius: calc(var(--radius-2xl) - 1px); } } } } .sm\:data-\[visible\=true\]\:pointer-events-none { @media (width >= 40rem) { &[data-visible="true"] { pointer-events: none; } } } .sm\:data-\[visible\=true\]\:opacity-0 { @media (width >= 40rem) { &[data-visible="true"] { opacity: 0%; } } } .sm\:group-data-\[hover\=true\]\:data-\[visible\=true\]\:pointer-events-auto { @media (width >= 40rem) { &:is(:where(.group)[data-hover="true"] *) { &[data-visible="true"] { pointer-events: auto; } } } } .sm\:group-data-\[hover\=true\]\:data-\[visible\=true\]\:opacity-100 { @media (width >= 40rem) { &:is(:where(.group)[data-hover="true"] *) { &[data-visible="true"] { opacity: 100%; } } } } .md\:col-span-1 { @media (width >= 48rem) { grid-column: span 1 / span 1; } } .md\:col-span-2 { @media (width >= 48rem) { grid-column: span 2 / span 2; } } .md\:col-span-3 { @media (width >= 48rem) { grid-column: span 3 / span 3; } } .md\:col-span-4 { @media (width >= 48rem) { grid-column: span 4 / span 4; } } .md\:col-span-5 { @media (width >= 48rem) { grid-column: span 5 / span 5; } } .md\:col-span-6 { @media (width >= 48rem) { grid-column: span 6 / span 6; } } .md\:col-span-7 { @media (width >= 48rem) { grid-column: span 7 / span 7; } } .md\:col-span-8 { @media (width >= 48rem) { grid-column: span 8 / span 8; } } .md\:block { @media (width >= 48rem) { display: block; } } .md\:min-h-20 { @media (width >= 48rem) { min-height: calc(var(--spacing) * 20); } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:grid-cols-8 { @media (width >= 48rem) { grid-template-columns: repeat(8, minmax(0, 1fr)); } } .md\:grid-cols-\[1\.2fr_1fr_1fr\] { @media (width >= 48rem) { grid-template-columns: 1.2fr 1fr 1fr; } } .md\:grid-cols-\[1fr_auto\] { @media (width >= 48rem) { grid-template-columns: 1fr auto; } } .md\:grid-cols-\[12rem_1fr\] { @media (width >= 48rem) { grid-template-columns: 12rem 1fr; } } .md\:grid-cols-\[12rem_minmax\(18rem\,24rem\)_1fr\] { @media (width >= 48rem) { grid-template-columns: 12rem minmax(18rem,24rem) 1fr; } } .md\:grid-cols-\[220px_1fr_auto\] { @media (width >= 48rem) { grid-template-columns: 220px 1fr auto; } } .md\:grid-cols-\[220px_minmax\(0\,1fr\)\] { @media (width >= 48rem) { grid-template-columns: 220px minmax(0,1fr); } } .md\:grid-cols-\[minmax\(0\,1fr\)_auto\] { @media (width >= 48rem) { grid-template-columns: minmax(0,1fr) auto; } } .md\:grid-cols-\[minmax\(22rem\,24rem\)_minmax\(24rem\,1fr\)\] { @media (width >= 48rem) { grid-template-columns: minmax(22rem,24rem) minmax(24rem,1fr); } } .md\:flex-row { @media (width >= 48rem) { flex-direction: row; } } .md\:items-center { @media (width >= 48rem) { align-items: center; } } .md\:items-start { @media (width >= 48rem) { align-items: flex-start; } } .md\:justify-between { @media (width >= 48rem) { justify-content: space-between; } } .md\:gap-6 { @media (width >= 48rem) { gap: calc(var(--spacing) * 6); } } .md\:self-center { @media (width >= 48rem) { align-self: center; } } .md\:px-16 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 16); } } .md\:py-0 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 0); } } .md\:text-2xl { @media (width >= 48rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .md\:text-base { @media (width >= 48rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .md\:text-lg { @media (width >= 48rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .md\:text-sm { @media (width >= 48rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .md\:opacity-0 { @media (width >= 48rem) { opacity: 0%; } } .md\:peer-data-\[variant\=inset\]\:m-2 { @media (width >= 48rem) { &:is(:where(.peer)[data-variant="inset"] ~ *) { margin: calc(var(--spacing) * 2); } } } .md\:peer-data-\[variant\=inset\]\:ml-0 { @media (width >= 48rem) { &:is(:where(.peer)[data-variant="inset"] ~ *) { margin-left: calc(var(--spacing) * 0); } } } .md\:peer-data-\[variant\=inset\]\:rounded-xl { @media (width >= 48rem) { &:is(:where(.peer)[data-variant="inset"] ~ *) { border-radius: var(--radius-xl); } } } .md\:peer-data-\[variant\=inset\]\:shadow-sm { @media (width >= 48rem) { &:is(:where(.peer)[data-variant="inset"] ~ *) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2 { @media (width >= 48rem) { &:is(:where(.peer)[data-variant="inset"] ~ *) { &:is(:where(.peer)[data-state="collapsed"] ~ *) { margin-left: calc(var(--spacing) * 2); } } } } .md\:after\:hidden { @media (width >= 48rem) { &::after { content: var(--tw-content); display: none; } } } .lg\:col-span-2 { @media (width >= 64rem) { grid-column: span 2 / span 2; } } .lg\:col-start-3 { @media (width >= 64rem) { grid-column-start: 3; } } .lg\:row-span-3 { @media (width >= 64rem) { grid-row: span 3 / span 3; } } .lg\:row-start-1 { @media (width >= 64rem) { grid-row-start: 1; } } .lg\:block { @media (width >= 64rem) { display: block; } } .lg\:flex { @media (width >= 64rem) { display: flex; } } .lg\:grid { @media (width >= 64rem) { display: grid; } } .lg\:hidden { @media (width >= 64rem) { display: none; } } .lg\:\!h-7 { @media (width >= 64rem) { height: calc(var(--spacing) * 7) !important; } } .lg\:h-7 { @media (width >= 64rem) { height: calc(var(--spacing) * 7); } } .lg\:h-12 { @media (width >= 64rem) { height: calc(var(--spacing) * 12); } } .lg\:\!w-7 { @media (width >= 64rem) { width: calc(var(--spacing) * 7) !important; } } .lg\:w-7 { @media (width >= 64rem) { width: calc(var(--spacing) * 7); } } .lg\:w-12 { @media (width >= 64rem) { width: calc(var(--spacing) * 12); } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:grid-cols-4 { @media (width >= 64rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lg\:grid-cols-\[1fr_24px_1fr\] { @media (width >= 64rem) { grid-template-columns: 1fr 24px 1fr; } } .lg\:grid-cols-\[fit-content\(22rem\)_minmax\(0\,1fr\)\] { @media (width >= 64rem) { grid-template-columns: fit-content(22rem) minmax(0,1fr); } } .lg\:flex-row { @media (width >= 64rem) { flex-direction: row; } } .lg\:items-center { @media (width >= 64rem) { align-items: center; } } .lg\:items-start { @media (width >= 64rem) { align-items: flex-start; } } .lg\:justify-between { @media (width >= 64rem) { justify-content: space-between; } } .lg\:gap-6 { @media (width >= 64rem) { gap: calc(var(--spacing) * 6); } } .lg\:gap-12 { @media (width >= 64rem) { gap: calc(var(--spacing) * 12); } } .lg\:gap-x-6 { @media (width >= 64rem) { column-gap: calc(var(--spacing) * 6); } } .lg\:gap-y-0 { @media (width >= 64rem) { row-gap: calc(var(--spacing) * 0); } } .lg\:border-r { @media (width >= 64rem) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .lg\:border-l { @media (width >= 64rem) { border-left-style: var(--tw-border-style); border-left-width: 1px; } } .lg\:border-neutral-300 { @media (width >= 64rem) { border-color: var(--color-neutral-300); } } .lg\:px-20 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 20); } } .lg\:pr-4 { @media (width >= 64rem) { padding-right: calc(var(--spacing) * 4); } } .lg\:pl-4 { @media (width >= 64rem) { padding-left: calc(var(--spacing) * 4); } } .lg\:opacity-0 { @media (width >= 64rem) { opacity: 0%; } } .lg\:group-focus-within\:opacity-100 { @media (width >= 64rem) { &:is(:where(.group):focus-within *) { opacity: 100%; } } } .lg\:group-hover\:opacity-100 { @media (width >= 64rem) { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } } .xl\:h-auto { @media (width >= 80rem) { height: auto; } } .xl\:w-1\/3 { @media (width >= 80rem) { width: calc(1 / 3 * 100%); } } .xl\:w-2\/3 { @media (width >= 80rem) { width: calc(2 / 3 * 100%); } } .xl\:w-\[380px\] { @media (width >= 80rem) { width: 380px; } } .xl\:grid-cols-2 { @media (width >= 80rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .xl\:grid-cols-5 { @media (width >= 80rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .xl\:flex-row { @media (width >= 80rem) { flex-direction: row; } } .xl\:gap-16 { @media (width >= 80rem) { gap: calc(var(--spacing) * 16); } } .xl\:gap-x-px { @media (width >= 80rem) { column-gap: 1px; } } .\32 xl\:w-\[420px\] { @media (width >= 96rem) { width: 420px; } } .\@max-\[600px\]\/vh\:hidden { @container vh (width < 600px) { display: none; } } .\@max-\[600px\]\/vh\:inline-flex { @container vh (width < 600px) { display: inline-flex; } } .\@max-\[600px\]\/vh\:w-10 { @container vh (width < 600px) { width: calc(var(--spacing) * 10); } } .\@max-\[600px\]\/vh\:justify-center { @container vh (width < 600px) { justify-content: center; } } .\@max-\[600px\]\/vh\:gap-0 { @container vh (width < 600px) { gap: calc(var(--spacing) * 0); } } .\@max-\[600px\]\/vh\:px-0 { @container vh (width < 600px) { padding-inline: calc(var(--spacing) * 0); } } .\@max-\[320px\]\/row\:hidden { @container row (width < 320px) { display: none; } } .\@\[560px\]\:grid-cols-3 { @container (width >= 560px) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .\@\[640px\]\/section-cards\:flex-row { @container section-cards (width >= 640px) { flex-direction: row; } } .\@\[640px\]\/section-cards\:items-start { @container section-cards (width >= 640px) { align-items: flex-start; } } .\@\[640px\]\/section-cards\:gap-x-10 { @container section-cards (width >= 640px) { column-gap: calc(var(--spacing) * 10); } } .\@min-\[700px\]\:hidden { @container (width >= 700px) { display: none; } } .\@min-\[700px\]\:inline { @container (width >= 700px) { display: inline; } } .\@min-\[700px\]\:table-cell { @container (width >= 700px) { display: table-cell; } } .\@min-\[700px\]\:text-xs { @container (width >= 700px) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .\@min-\[800px\]\:hidden { @container (width >= 800px) { display: none; } } .\@min-\[800px\]\:inline { @container (width >= 800px) { display: inline; } } .\@min-\[800px\]\:text-sm { @container (width >= 800px) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .\@3xl\/personen\:contents { @container personen (width >= 48rem) { display: contents; } } .\@3xl\/personen\:w-20 { @container personen (width >= 48rem) { width: calc(var(--spacing) * 20); } } .\@3xl\/personen\:w-32 { @container personen (width >= 48rem) { width: calc(var(--spacing) * 32); } } .\@3xl\/personen\:w-36 { @container personen (width >= 48rem) { width: calc(var(--spacing) * 36); } } .\@3xl\/personen\:flex-1 { @container personen (width >= 48rem) { flex: 1; } } .\@3xl\/personen\:shrink-0 { @container personen (width >= 48rem) { flex-shrink: 0; } } .\@3xl\/personen\:flex-row { @container personen (width >= 48rem) { flex-direction: row; } } .\@3xl\/personen\:items-center { @container personen (width >= 48rem) { align-items: center; } } .\@3xl\/personen\:gap-3 { @container personen (width >= 48rem) { gap: calc(var(--spacing) * 3); } } .rtl\:right-auto { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { right: auto; } } .rtl\:left-2 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { left: calc(var(--spacing) * 2); } } .rtl\:origin-top-right { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { transform-origin: 100% 0; } } .rtl\:-rotate-180 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: calc(180deg * -1); } } .rtl\:rotate-180 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: 180deg; } } .rtl\:flex-row-reverse { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { flex-direction: row-reverse; } } .rtl\:space-x-reverse { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 1; } } } .rtl\:data-\[focus-visible\=true\]\:translate-x-3 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &[data-focus-visible="true"] { --tw-translate-x: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .rtl\:data-\[hover\=true\]\:translate-x-3 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &[data-hover="true"] { --tw-translate-x: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .rtl\:data-\[open\=true\]\:-rotate-90 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { &[data-open="true"] { rotate: calc(90deg * -1); } } } .dark\:divide-gray-700 { &:is(.dark *) { :where(& > :not(:last-child)) { border-color: var(--color-gray-700); } } } .dark\:border-\[oklch\(0\.92_0\.004_286\.32\)\] { &:is(.dark *) { border-color: oklch(0.92 0.004 286.32); } } .dark\:border-\[oklch\(0\.704_0\.191_22\.216\)\] { &:is(.dark *) { border-color: oklch(0.704 0.191 22.216); } } .dark\:border-\[oklch\(1_0_0_\/_10\%\)\] { &:is(.dark *) { border-color: oklch(1 0 0 / 10%); } } .dark\:border-\[oklch\(1_0_0_\/_15\%\)\] { &:is(.dark *) { border-color: oklch(1 0 0 / 15%); } } .dark\:border-danger-100 { &:is(.dark *) { border-color: hsl(var(--heroui-danger-100) / 1); } } .dark\:border-default-200 { &:is(.dark *) { border-color: hsl(var(--heroui-default-200) / 1); } } .dark\:border-neutral-700 { &:is(.dark *) { border-color: var(--color-neutral-700); } } .dark\:border-orange-800\/50 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(47% 0.157 37.304) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-orange-800) 50%, transparent); } } } .dark\:border-primary-100 { &:is(.dark *) { border-color: hsl(var(--heroui-primary-100) / 1); } } .dark\:border-success-100 { &:is(.dark *) { border-color: hsl(var(--heroui-success-100) / 1); } } .dark\:border-warning-100 { &:is(.dark *) { border-color: hsl(var(--heroui-warning-100) / 1); } } .dark\:border-zinc-200 { &:is(.dark *) { border-color: var(--color-zinc-200); } } .dark\:border-zinc-800 { &:is(.dark *) { border-color: var(--color-zinc-800); } } .dark\:dark\:border-zinc-800 { &:is(.dark *) { &:is(.dark *) { border-color: var(--color-zinc-800); } } } .dark\:bg-\[oklch\(0\.21_0\.006_285\.885\)\] { &:is(.dark *) { background-color: oklch(0.21 0.006 285.885); } } .dark\:bg-\[oklch\(0\.92_0\.004_286\.32\)\] { &:is(.dark *) { background-color: oklch(0.92 0.004 286.32); } } .dark\:bg-\[oklch\(0\.92_0\.004_286\.32\)\]\/32 { &:is(.dark *) { background-color: color-mix(in oklab, oklch(0.92 0.004 286.32) 32%, transparent); } } .dark\:bg-\[oklch\(0\.141_0\.005_285\.823\)\] { &:is(.dark *) { background-color: oklch(0.141 0.005 285.823); } } .dark\:bg-\[oklch\(0\.274_0\.006_286\.033\)\] { &:is(.dark *) { background-color: oklch(0.274 0.006 286.033); } } .dark\:bg-\[oklch\(0\.274_0\.006_286\.033\)\]\/72 { &:is(.dark *) { background-color: color-mix(in oklab, oklch(0.274 0.006 286.033) 72%, transparent); } } .dark\:bg-\[oklch\(0\.577_0\.245_27\.325\)\]\/16 { &:is(.dark *) { background-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 16%, transparent); } } .dark\:bg-\[oklch\(0\.704_0\.191_22\.216\)\] { &:is(.dark *) { background-color: oklch(0.704 0.191 22.216); } } .dark\:bg-\[oklch\(0\.704_0\.191_22\.216\)\]\/8 { &:is(.dark *) { background-color: color-mix(in oklab, oklch(0.704 0.191 22.216) 8%, transparent); } } .dark\:bg-\[oklch\(0\.985_0_0\)\] { &:is(.dark *) { background-color: oklch(0.985 0 0); } } .dark\:bg-\[oklch\(0\.985_0_0\)\]\/20 { &:is(.dark *) { background-color: color-mix(in oklab, oklch(0.985 0 0) 20%, transparent); } } .dark\:bg-\[oklch\(1_0_0_\/_8\%\)\] { &:is(.dark *) { background-color: oklch(1 0 0 / 8%); } } .dark\:bg-\[oklch\(1_0_0_\/_10\%\)\] { &:is(.dark *) { background-color: oklch(1 0 0 / 10%); } } .dark\:bg-amber-950 { &:is(.dark *) { background-color: var(--color-amber-950); } } .dark\:bg-background { &:is(.dark *) { background-color: hsl(var(--heroui-background) / 1); } } .dark\:bg-background\/20 { &:is(.dark *) { background-color: hsl(var(--heroui-background) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-background) / 1) 20%, transparent); } } } .dark\:bg-content2 { &:is(.dark *) { background-color: hsl(var(--heroui-content2) / 1); } } .dark\:bg-danger-50 { &:is(.dark *) { background-color: hsl(var(--heroui-danger-50) / 1); } } .dark\:bg-danger-50\/50 { &:is(.dark *) { background-color: hsl(var(--heroui-danger-50) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger-50) / 1) 50%, transparent); } } } .dark\:bg-danger-100 { &:is(.dark *) { background-color: hsl(var(--heroui-danger-100) / 1); } } .dark\:bg-default { &:is(.dark *) { background-color: hsl(var(--heroui-default) / 1); } } .dark\:bg-default-50\/50 { &:is(.dark *) { background-color: hsl(var(--heroui-default-50) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-default-50) / 1) 50%, transparent); } } } .dark\:bg-default-100 { &:is(.dark *) { background-color: hsl(var(--heroui-default-100) / 1); } } .dark\:bg-emerald-950 { &:is(.dark *) { background-color: var(--color-emerald-950); } } .dark\:bg-neutral-700 { &:is(.dark *) { background-color: var(--color-neutral-700); } } .dark\:bg-neutral-800\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(26.9% 0 0) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-800) 20%, transparent); } } } .dark\:bg-neutral-900 { &:is(.dark *) { background-color: var(--color-neutral-900); } } .dark\:bg-orange-950\/35 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 35%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-950) 35%, transparent); } } } .dark\:bg-primary-50 { &:is(.dark *) { background-color: hsl(var(--heroui-primary-50) / 1); } } .dark\:bg-primary-50\/50 { &:is(.dark *) { background-color: hsl(var(--heroui-primary-50) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-primary-50) / 1) 50%, transparent); } } } .dark\:bg-primary-100 { &:is(.dark *) { background-color: hsl(var(--heroui-primary-100) / 1); } } .dark\:bg-red-500\/60 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 60%, transparent); } } } .dark\:bg-red-900 { &:is(.dark *) { background-color: var(--color-red-900); } } .dark\:bg-secondary-50 { &:is(.dark *) { background-color: hsl(var(--heroui-secondary-50) / 1); } } .dark\:bg-secondary-50\/50 { &:is(.dark *) { background-color: hsl(var(--heroui-secondary-50) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-secondary-50) / 1) 50%, transparent); } } } .dark\:bg-secondary-100 { &:is(.dark *) { background-color: hsl(var(--heroui-secondary-100) / 1); } } .dark\:bg-sky-950 { &:is(.dark *) { background-color: var(--color-sky-950); } } .dark\:bg-success-50 { &:is(.dark *) { background-color: hsl(var(--heroui-success-50) / 1); } } .dark\:bg-success-50\/50 { &:is(.dark *) { background-color: hsl(var(--heroui-success-50) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-success-50) / 1) 50%, transparent); } } } .dark\:bg-success-100 { &:is(.dark *) { background-color: hsl(var(--heroui-success-100) / 1); } } .dark\:bg-transparent { &:is(.dark *) { background-color: transparent; } } .dark\:bg-warning-50 { &:is(.dark *) { background-color: hsl(var(--heroui-warning-50) / 1); } } .dark\:bg-warning-50\/50 { &:is(.dark *) { background-color: hsl(var(--heroui-warning-50) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-warning-50) / 1) 50%, transparent); } } } .dark\:bg-warning-100 { &:is(.dark *) { background-color: hsl(var(--heroui-warning-100) / 1); } } .dark\:bg-zinc-50 { &:is(.dark *) { background-color: var(--color-zinc-50); } } .dark\:bg-zinc-200\/30 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(92% 0.004 286.32) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-zinc-200) 30%, transparent); } } } .dark\:bg-zinc-800 { &:is(.dark *) { background-color: var(--color-zinc-800); } } .dark\:bg-zinc-950 { &:is(.dark *) { background-color: var(--color-zinc-950); } } .dark\:dark\:bg-\[oklch\(0\.704_0\.191_22\.216\)\]\/16 { &:is(.dark *) { &:is(.dark *) { background-color: color-mix(in oklab, oklch(0.704 0.191 22.216) 16%, transparent); } } } .dark\:dark\:bg-\[oklch\(1_0_0_\/_15\%\)\] { &:is(.dark *) { &:is(.dark *) { background-color: oklch(1 0 0 / 15%); } } } .dark\:dark\:bg-\[oklch\(1_0_0_\/_15\%\)\]\/32 { &:is(.dark *) { &:is(.dark *) { background-color: color-mix(in oklab, oklch(1 0 0 / 15%) 32%, transparent); } } } .dark\:dark\:bg-red-900\/60 { &:is(.dark *) { &:is(.dark *) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 60%, transparent); } } } } .dark\:dark\:bg-zinc-800\/30 { &:is(.dark *) { &:is(.dark *) { background-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-zinc-800) 30%, transparent); } } } } .dark\:fill-zinc-50 { &:is(.dark *) { fill: var(--color-zinc-50); } } .dark\:text-\[oklch\(0\.21_0\.006_285\.885\)\] { &:is(.dark *) { color: oklch(0.21 0.006 285.885); } } .dark\:text-\[oklch\(0\.705_0\.015_286\.067\)\] { &:is(.dark *) { color: oklch(0.705 0.015 286.067); } } .dark\:text-\[oklch\(0\.705_0\.015_286\.067\)\]\/72 { &:is(.dark *) { color: color-mix(in oklab, oklch(0.705 0.015 286.067) 72%, transparent); } } .dark\:text-\[oklch\(0\.705_0\.015_286\.067_\/_80\%\)\] { &:is(.dark *) { color: oklch(0.705 0.015 286.067 / 80%); } } .dark\:text-\[oklch\(0\.985_0_0\)\] { &:is(.dark *) { color: oklch(0.985 0 0); } } .dark\:text-amber-200 { &:is(.dark *) { color: var(--color-amber-200); } } .dark\:text-danger-500 { &:is(.dark *) { color: hsl(var(--heroui-danger-500) / 1); } } .dark\:text-emerald-200 { &:is(.dark *) { color: var(--color-emerald-200); } } .dark\:text-gray-100 { &:is(.dark *) { color: var(--color-gray-100); } } .dark\:text-gray-400 { &:is(.dark *) { color: var(--color-gray-400); } } .dark\:text-neutral-900 { &:is(.dark *) { color: var(--color-neutral-900); } } .dark\:text-orange-100 { &:is(.dark *) { color: var(--color-orange-100); } } .dark\:text-sky-200 { &:is(.dark *) { color: var(--color-sky-200); } } .dark\:text-success { &:is(.dark *) { color: hsl(var(--heroui-success) / 1); } } .dark\:text-warning { &:is(.dark *) { color: hsl(var(--heroui-warning) / 1); } } .dark\:text-zinc-50 { &:is(.dark *) { color: var(--color-zinc-50); } } .dark\:text-zinc-400 { &:is(.dark *) { color: var(--color-zinc-400); } } .dark\:text-zinc-900 { &:is(.dark *) { color: var(--color-zinc-900); } } .dark\:ring-\[oklch\(0\.552_0\.016_285\.938\)\] { &:is(.dark *) { --tw-ring-color: oklch(0.552 0.016 285.938); } } .dark\:ring-\[oklch\(0\.552_0\.016_285\.938\)\]\/24 { &:is(.dark *) { --tw-ring-color: color-mix(in oklab, oklch(0.552 0.016 285.938) 24%, transparent); } } .dark\:ring-offset-zinc-950 { &:is(.dark *) { --tw-ring-offset-color: var(--color-zinc-950); } } .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); } } .dark\:not-in-data-\[variant\=card\]\:bg-\[color-mix\(in_srgb\,var\(--card\)\,var\(--color-white\)_2\%\)\] { &:is(.dark *) { &:not(:where(*[data-variant="card"]) *) { background-color: var(--card); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb,var(--card),var(--color-white) 2%); } } } } .dark\:dark\:not-has-disabled\:bg-\[oklch\(1_0_0_\/_15\%\)\]\/32 { &:is(.dark *) { &:is(.dark *) { &:not(*:has(*:disabled)) { background-color: color-mix(in oklab, oklch(1 0 0 / 15%) 32%, transparent); } } } } .dark\:not-has-disabled\:bg-\[oklch\(0\.92_0\.004_286\.32\)\]\/32 { &:is(.dark *) { &:not(*:has(*:disabled)) { background-color: color-mix(in oklab, oklch(0.92 0.004 286.32) 32%, transparent); } } } .dark\:dark\:not-data-checked\:bg-\[oklch\(1_0_0_\/_15\%\)\]\/32 { &:is(.dark *) { &:is(.dark *) { &:not(*[data-checked]) { background-color: color-mix(in oklab, oklch(1 0 0 / 15%) 32%, transparent); } } } } .dark\:not-data-checked\:bg-\[oklch\(0\.92_0\.004_286\.32\)\]\/32 { &:is(.dark *) { &:not(*[data-checked]) { background-color: color-mix(in oklab, oklch(0.92 0.004 286.32) 32%, transparent); } } } .dark\:selection\:bg-zinc-50 { &:is(.dark *) { & *::selection { background-color: var(--color-zinc-50); } &::selection { background-color: var(--color-zinc-50); } } } .dark\:selection\:text-zinc-900 { &:is(.dark *) { & *::selection { color: var(--color-zinc-900); } &::selection { color: var(--color-zinc-900); } } } .dark\:file\:text-\[oklch\(0\.985_0_0\)\] { &:is(.dark *) { &::file-selector-button { color: oklch(0.985 0 0); } } } .dark\:file\:text-zinc-50 { &:is(.dark *) { &::file-selector-button { color: var(--color-zinc-50); } } } .dark\:placeholder\:text-\[oklch\(0\.705_0\.015_286\.067\)\]\/72 { &:is(.dark *) { &::placeholder { color: color-mix(in oklab, oklch(0.705 0.015 286.067) 72%, transparent); } } } .dark\:placeholder\:text-danger-500 { &:is(.dark *) { &::placeholder { color: hsl(var(--heroui-danger-500) / 1); } } } .dark\:placeholder\:text-success { &:is(.dark *) { &::placeholder { color: hsl(var(--heroui-success) / 1); } } } .dark\:placeholder\:text-warning { &:is(.dark *) { &::placeholder { color: hsl(var(--heroui-warning) / 1); } } } .dark\:placeholder\:text-zinc-400 { &:is(.dark *) { &::placeholder { color: var(--color-zinc-400); } } } .dark\:before\:bg-\[oklch\(0\.274_0\.006_286\.033_\/_72\%\)\] { &:is(.dark *) { &::before { content: var(--tw-content); background-color: oklch(0.274 0.006 286.033 / 72%); } } } .dark\:before\:bg-\[oklch\(1_0_0_\/_15\%\)\] { &:is(.dark *) { &::before { content: var(--tw-content); background-color: oklch(1 0 0 / 15%); } } } .dark\:before\:via-default-700\/10 { &:is(.dark *) { &::before { content: var(--tw-content); --tw-gradient-via: hsl(var(--heroui-default-700) / 1); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, hsl(var(--heroui-default-700) / 1) 10%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } } } .dark\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\] { &:is(.dark *) { &::before { content: var(--tw-content); --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in srgb, #fff 6%, transparent)); @supports (color: color-mix(in lab, red, red)) { --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 6%, transparent)); } box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .dark\:before\:shadow-\[0_-1px_--theme\(--color-white\/8\%\)\] { &:is(.dark *) { &::before { content: var(--tw-content); --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in srgb, #fff 8%, transparent)); @supports (color: color-mix(in lab, red, red)) { --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 8%, transparent)); } box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .dark\:not-disabled\:before\:shadow-\[0_-1px_--theme\(--color-white\/2\%\)\] { &:is(.dark *) { &:not(*:disabled) { &::before { content: var(--tw-content); --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in srgb, #fff 2%, transparent)); @supports (color: color-mix(in lab, red, red)) { --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 2%, transparent)); } box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } } .dark\:not-has-disabled\:not-focus-within\:not-aria-invalid\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\] { &:is(.dark *) { &:not(*:has(*:disabled)) { &:not(*:focus-within) { &:not(*[aria-invalid="true"]) { &::before { content: var(--tw-content); --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in srgb, #fff 6%, transparent)); @supports (color: color-mix(in lab, red, red)) { --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 6%, transparent)); } box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } } } } .dark\:not-data-disabled\:not-data-checked\:not-aria-invalid\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\] { &:is(.dark *) { &:not(*[data-disabled]) { &:not(*[data-checked]) { &:not(*[aria-invalid="true"]) { &::before { content: var(--tw-content); --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in srgb, #fff 6%, transparent)); @supports (color: color-mix(in lab, red, red)) { --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 6%, transparent)); } box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } } } } .dark\:not-disabled\:not-active\:not-data-pressed\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\] { &:is(.dark *) { &:not(*:disabled) { &:not(*:active) { &:not(*[data-pressed]) { &::before { content: var(--tw-content); --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in srgb, #fff 6%, transparent)); @supports (color: color-mix(in lab, red, red)) { --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 6%, transparent)); } box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } } } } .dark\:after\:bg-\[oklch\(0\.21_0\.006_285\.885\)\] { &:is(.dark *) { &::after { content: var(--tw-content); background-color: oklch(0.21 0.006 285.885); } } } .dark\:after\:bg-content2 { &:is(.dark *) { &::after { content: var(--tw-content); background-color: hsl(var(--heroui-content2) / 1); } } } .dark\:autofill\:\[-webkit-text-fill-color\:hsl\(var\(--heroui-foreground\)\)\] { &:is(.dark *) { &:autofill { -webkit-text-fill-color: hsl(var(--heroui-foreground)); } } } .dark\:focus-within\:border-\[oklch\(0\.552_0\.016_285\.938\)\] { &:is(.dark *) { &:focus-within { border-color: oklch(0.552 0.016 285.938); } } } .dark\:hover\:border-\[oklch\(0\.704_0\.191_22\.216_\/_32\%\)\] { &:is(.dark *) { &:hover { @media (hover: hover) { border-color: oklch(0.704 0.191 22.216 / 32%); } } } } .dark\:dark\:hover\:bg-zinc-800\/50 { &:is(.dark *) { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-zinc-800) 50%, transparent); } } } } } } .dark\:hover\:bg-\[oklch\(0\.92_0\.004_286\.32_\/_90\%\)\] { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: oklch(0.92 0.004 286.32 / 90%); } } } } .dark\:hover\:bg-\[oklch\(0\.274_0\.006_286\.033\)\] { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: oklch(0.274 0.006 286.033); } } } } .dark\:hover\:bg-\[oklch\(0\.274_0\.006_286\.033_\/_90\%\)\] { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: oklch(0.274 0.006 286.033 / 90%); } } } } .dark\:hover\:bg-\[oklch\(0\.704_0\.191_22\.216_\/_12\%\)\] { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: oklch(0.704 0.191 22.216 / 12%); } } } } .dark\:hover\:bg-\[oklch\(0\.704_0\.191_22\.216_\/_90\%\)\] { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: oklch(0.704 0.191 22.216 / 90%); } } } } .dark\:hover\:bg-\[oklch\(1_0_0_\/_12\%\)\] { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: oklch(1 0 0 / 12%); } } } } .dark\:hover\:bg-red-900\/80 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 80%, transparent); } } } } } .dark\:hover\:bg-red-900\/90 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 90%, transparent); } } } } } .dark\:hover\:bg-zinc-50\/80 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(98.5% 0 0) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-zinc-50) 80%, transparent); } } } } } .dark\:hover\:bg-zinc-50\/90 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(98.5% 0 0) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-zinc-50) 90%, transparent); } } } } } .dark\:hover\:bg-zinc-100\/50 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(96.7% 0.001 286.375) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-zinc-100) 50%, transparent); } } } } } .dark\:hover\:bg-zinc-200\/50 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(92% 0.004 286.32) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-zinc-200) 50%, transparent); } } } } } .dark\:hover\:bg-zinc-800 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--color-zinc-800); } } } } .dark\:hover\:bg-zinc-800\/80 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-zinc-800) 80%, transparent); } } } } } .dark\:hover\:text-\[oklch\(0\.705_0\.015_286\.067\)\] { &:is(.dark *) { &:hover { @media (hover: hover) { color: oklch(0.705 0.015 286.067); } } } } .dark\:hover\:text-\[oklch\(0\.985_0_0\)\] { &:is(.dark *) { &:hover { @media (hover: hover) { color: oklch(0.985 0 0); } } } } .dark\:hover\:text-zinc-50 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-zinc-50); } } } } .dark\:not-in-data-\[variant\=card\]\:hover\:bg-\[color-mix\(in_srgb\,var\(--background\)\,var\(--color-white\)_2\%\)\] { &:is(.dark *) { &:not(:where(*[data-variant="card"]) *) { &:hover { @media (hover: hover) { background-color: var(--background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb,var(--background),var(--color-white) 2%); } } } } } } .dark\:focus\:bg-danger-400\/20 { &:is(.dark *) { &:focus { background-color: hsl(var(--heroui-danger-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger-400) / 1) 20%, transparent); } } } } .dark\:focus\:bg-success-400\/20 { &:is(.dark *) { &:focus { background-color: hsl(var(--heroui-success-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-success-400) / 1) 20%, transparent); } } } } .dark\:focus\:bg-warning-400\/20 { &:is(.dark *) { &:focus { background-color: hsl(var(--heroui-warning-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-warning-400) / 1) 20%, transparent); } } } } .dark\:focus\:bg-zinc-800 { &:is(.dark *) { &:focus { background-color: var(--color-zinc-800); } } } .dark\:focus\:text-zinc-50 { &:is(.dark *) { &:focus { color: var(--color-zinc-50); } } } .dark\:focus\:ring-zinc-300 { &:is(.dark *) { &:focus { --tw-ring-color: var(--color-zinc-300); } } } .dark\:focus-visible\:border-zinc-300 { &:is(.dark *) { &:focus-visible { border-color: var(--color-zinc-300); } } } .dark\:dark\:focus-visible\:ring-red-900\/40 { &:is(.dark *) { &:is(.dark *) { &:focus-visible { --tw-ring-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-red-900) 40%, transparent); } } } } } .dark\:focus-visible\:ring-\[oklch\(0\.552_0\.016_285\.938\)\] { &:is(.dark *) { &:focus-visible { --tw-ring-color: oklch(0.552 0.016 285.938); } } } .dark\:focus-visible\:ring-red-500\/40 { &:is(.dark *) { &:focus-visible { --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 40%, transparent); } } } } .dark\:focus-visible\:ring-red-900\/20 { &:is(.dark *) { &:focus-visible { --tw-ring-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-red-900) 20%, transparent); } } } } .dark\:focus-visible\:ring-zinc-300 { &:is(.dark *) { &:focus-visible { --tw-ring-color: var(--color-zinc-300); } } } .dark\:focus-visible\:ring-zinc-300\/50 { &:is(.dark *) { &:focus-visible { --tw-ring-color: color-mix(in srgb, oklch(87.1% 0.006 286.286) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-zinc-300) 50%, transparent); } } } } .dark\:focus-visible\:ring-offset-\[oklch\(0\.141_0\.005_285\.823\)\] { &:is(.dark *) { &:focus-visible { --tw-ring-offset-color: oklch(0.141 0.005 285.823); } } } .dark\:in-data-placeholder\:text-\[oklch\(0\.705_0\.015_286\.067\)\]\/72 { &:is(.dark *) { :where(*[data-placeholder]) & { color: color-mix(in oklab, oklch(0.705 0.015 286.067) 72%, transparent); } } } .dark\:not-has-disabled\:has-not-focus-visible\:not-has-aria-invalid\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\] { &:is(.dark *) { &:not(*:has(*:disabled)) { &:has(*:not(*:focus-visible)) { &:not(*:has(*[aria-invalid="true"])) { &::before { content: var(--tw-content); --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in srgb, #fff 6%, transparent)); @supports (color: color-mix(in lab, red, red)) { --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 6%, transparent)); } box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } } } } .dark\:dark\:has-autofill\:bg-\[oklch\(0\.985_0_0\)\]\/8 { &:is(.dark *) { &:is(.dark *) { &:has(*:autofill) { background-color: color-mix(in oklab, oklch(0.985 0 0) 8%, transparent); } } } } .dark\:has-autofill\:bg-\[oklch\(0\.141_0\.005_285\.823\)\]\/8 { &:is(.dark *) { &:has(*:autofill) { background-color: color-mix(in oklab, oklch(0.141 0.005 285.823) 8%, transparent); } } } .dark\:has-autofill\:bg-\[oklch\(0\.985_0_0\)\]\/4 { &:is(.dark *) { &:has(*:autofill) { background-color: color-mix(in oklab, oklch(0.985 0 0) 4%, transparent); } } } .dark\:has-focus-visible\:border-\[oklch\(0\.552_0\.016_285\.938\)\] { &:is(.dark *) { &:has(*:focus-visible) { border-color: oklch(0.552 0.016 285.938); } } } .dark\:has-aria-invalid\:border-\[oklch\(0\.704_0\.191_22\.216\)\]\/36 { &:is(.dark *) { &:has(*[aria-invalid="true"]) { border-color: color-mix(in oklab, oklch(0.704 0.191 22.216) 36%, transparent); } } } .dark\:dark\:has-aria-invalid\:ring-\[oklch\(0\.704_0\.191_22\.216\)\]\/24 { &:is(.dark *) { &:is(.dark *) { &:has(*[aria-invalid="true"]) { --tw-ring-color: color-mix(in oklab, oklch(0.704 0.191 22.216) 24%, transparent); } } } } .dark\:has-aria-invalid\:ring-\[oklch\(0\.577_0\.245_27\.325\)\]\/24 { &:is(.dark *) { &:has(*[aria-invalid="true"]) { --tw-ring-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 24%, transparent); } } } .dark\:focus-within\:has-aria-invalid\:border-\[oklch\(0\.704_0\.191_22\.216\)\]\/64 { &:is(.dark *) { &:focus-within { &:has(*[aria-invalid="true"]) { border-color: color-mix(in oklab, oklch(0.704 0.191 22.216) 64%, transparent); } } } } .dark\:focus-within\:has-aria-invalid\:ring-\[oklch\(0\.704_0\.191_22\.216\)\]\/16 { &:is(.dark *) { &:focus-within { &:has(*[aria-invalid="true"]) { --tw-ring-color: color-mix(in oklab, oklch(0.704 0.191 22.216) 16%, transparent); } } } } .dark\:has-focus-visible\:has-aria-invalid\:border-\[oklch\(0\.704_0\.191_22\.216\)\]\/64 { &:is(.dark *) { &:has(*:focus-visible) { &:has(*[aria-invalid="true"]) { border-color: color-mix(in oklab, oklch(0.704 0.191 22.216) 64%, transparent); } } } } .dark\:has-focus-visible\:has-aria-invalid\:ring-\[oklch\(0\.704_0\.191_22\.216\)\]\/16 { &:is(.dark *) { &:has(*:focus-visible) { &:has(*[aria-invalid="true"]) { --tw-ring-color: color-mix(in oklab, oklch(0.704 0.191 22.216) 16%, transparent); } } } } .dark\:aria-invalid\:border-\[oklch\(0\.704_0\.191_22\.216\)\]\/36 { &:is(.dark *) { &[aria-invalid="true"] { border-color: color-mix(in oklab, oklch(0.704 0.191 22.216) 36%, transparent); } } } .dark\:aria-invalid\:border-red-900 { &:is(.dark *) { &[aria-invalid="true"] { border-color: var(--color-red-900); } } } .dark\:aria-invalid\:ring-\[oklch\(0\.577_0\.245_27\.325\)\]\/24 { &:is(.dark *) { &[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 24%, transparent); } } } .dark\:aria-invalid\:ring-red-500\/40 { &:is(.dark *) { &[aria-invalid="true"] { --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 40%, transparent); } } } } .dark\:aria-invalid\:ring-red-900\/20 { &:is(.dark *) { &[aria-invalid="true"] { --tw-ring-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-red-900) 20%, transparent); } } } } .dark\:dark\:aria-invalid\:ring-\[oklch\(0\.704_0\.191_22\.216\)\]\/24 { &:is(.dark *) { &:is(.dark *) { &[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, oklch(0.704 0.191 22.216) 24%, transparent); } } } } .dark\:dark\:aria-invalid\:ring-red-900\/40 { &:is(.dark *) { &:is(.dark *) { &[aria-invalid="true"] { --tw-ring-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-red-900) 40%, transparent); } } } } } .dark\:focus-visible\:aria-invalid\:border-\[oklch\(0\.704_0\.191_22\.216\)\]\/64 { &:is(.dark *) { &:focus-visible { &[aria-invalid="true"] { border-color: color-mix(in oklab, oklch(0.704 0.191 22.216) 64%, transparent); } } } } .dark\:focus-visible\:aria-invalid\:ring-\[oklch\(0\.704_0\.191_22\.216\)\]\/48 { &:is(.dark *) { &:focus-visible { &[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, oklch(0.704 0.191 22.216) 48%, transparent); } } } } .dark\:data-active\:text-\[oklch\(0\.985_0_0\)\] { &:is(.dark *) { &[data-active] { color: oklch(0.985 0 0); } } } .dark\:data-checked\:bg-\[oklch\(0\.92_0\.004_286\.32\)\] { &:is(.dark *) { &[data-checked] { background-color: oklch(0.92 0.004 286.32); } } } .dark\:data-checked\:bg-neutral-200 { &:is(.dark *) { &[data-checked] { background-color: var(--color-neutral-200); } } } .dark\:data-highlighted\:bg-\[oklch\(0\.274_0\.006_286\.033\)\] { &:is(.dark *) { &[data-highlighted] { background-color: oklch(0.274 0.006 286.033); } } } .dark\:data-highlighted\:bg-neutral-800 { &:is(.dark *) { &[data-highlighted] { background-color: var(--color-neutral-800); } } } .dark\:data-highlighted\:text-\[oklch\(0\.985_0_0\)\] { &:is(.dark *) { &[data-highlighted] { color: oklch(0.985 0 0); } } } .dark\:data-highlighted\:text-neutral-50 { &:is(.dark *) { &[data-highlighted] { color: var(--color-neutral-50); } } } .dark\:data-indeterminate\:text-white { &:is(.dark *) { &[data-indeterminate] { color: var(--color-white); } } } .dark\:data-nested-drawer-open\:bg-\[color-mix\(in_srgb\,var\(--popover\)\,var\(--color-black\)_calc\(6\%\*\(var\(--nested-drawers\)-var\(--stack-progress\)\)\)\)\] { &:is(.dark *) { &[data-nested-drawer-open] { background-color: var(--popover); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb,var(--popover),var(--color-black) calc(6% * (var(--nested-drawers) - var(--stack-progress)))); } } } } .dark\:data-placeholder\:text-\[oklch\(0\.705_0\.015_286\.067\)\] { &:is(.dark *) { &[data-placeholder] { color: oklch(0.705 0.015 286.067); } } } .dark\:data-popup-open\:bg-\[oklch\(0\.274_0\.006_286\.033\)\] { &:is(.dark *) { &[data-popup-open] { background-color: oklch(0.274 0.006 286.033); } } } .dark\:data-popup-open\:text-\[oklch\(0\.985_0_0\)\] { &:is(.dark *) { &[data-popup-open] { color: oklch(0.985 0 0); } } } .dark\:data-pressed\:border-\[oklch\(0\.704_0\.191_22\.216_\/_32\%\)\] { &:is(.dark *) { &[data-pressed] { border-color: oklch(0.704 0.191 22.216 / 32%); } } } .dark\:data-pressed\:bg-\[oklch\(0\.92_0\.004_286\.32_\/_90\%\)\] { &:is(.dark *) { &[data-pressed] { background-color: oklch(0.92 0.004 286.32 / 90%); } } } .dark\:data-pressed\:bg-\[oklch\(0\.274_0\.006_286\.033\)\] { &:is(.dark *) { &[data-pressed] { background-color: oklch(0.274 0.006 286.033); } } } .dark\:data-pressed\:bg-\[oklch\(0\.274_0\.006_286\.033_\/_90\%\)\] { &:is(.dark *) { &[data-pressed] { background-color: oklch(0.274 0.006 286.033 / 90%); } } } .dark\:data-pressed\:bg-\[oklch\(0\.704_0\.191_22\.216_\/_12\%\)\] { &:is(.dark *) { &[data-pressed] { background-color: oklch(0.704 0.191 22.216 / 12%); } } } .dark\:data-pressed\:bg-\[oklch\(0\.704_0\.191_22\.216_\/_90\%\)\] { &:is(.dark *) { &[data-pressed] { background-color: oklch(0.704 0.191 22.216 / 90%); } } } .dark\:data-pressed\:bg-\[oklch\(1_0_0_\/_12\%\)\] { &:is(.dark *) { &[data-pressed] { background-color: oklch(1 0 0 / 12%); } } } .dark\:data-unchecked\:bg-\[oklch\(1_0_0_\/_15\%\)\] { &:is(.dark *) { &[data-unchecked] { background-color: oklch(1 0 0 / 15%); } } } .dark\:data-\[hover\=true\]\:bg-content2 { &:is(.dark *) { &[data-hover="true"] { background-color: hsl(var(--heroui-content2) / 1); } } } .dark\:data-\[hover\=true\]\:bg-danger-50 { &:is(.dark *) { &[data-hover="true"] { background-color: hsl(var(--heroui-danger-50) / 1); } } } .dark\:data-\[hover\=true\]\:bg-success-50 { &:is(.dark *) { &[data-hover="true"] { background-color: hsl(var(--heroui-success-50) / 1); } } } .dark\:data-\[hover\=true\]\:bg-warning-50 { &:is(.dark *) { &[data-hover="true"] { background-color: hsl(var(--heroui-warning-50) / 1); } } } .dark\:data-\[hover\=true\]\:text-danger-500 { &:is(.dark *) { &[data-hover="true"] { color: hsl(var(--heroui-danger-500) / 1); } } } .dark\:data-\[hover\=true\]\:text-success-500 { &:is(.dark *) { &[data-hover="true"] { color: hsl(var(--heroui-success-500) / 1); } } } .dark\:data-\[hover\=true\]\:text-warning-500 { &:is(.dark *) { &[data-hover="true"] { color: hsl(var(--heroui-warning-500) / 1); } } } .dark\:data-\[invalid\=true\]\:focus\:bg-danger-400\/20 { &:is(.dark *) { &[data-invalid="true"] { &:focus { background-color: hsl(var(--heroui-danger-400) / 1); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, hsl(var(--heroui-danger-400) / 1) 20%, transparent); } } } } } .dark\:data-\[selected\=true\]\:bg-zinc-800 { &:is(.dark *) { &[data-selected="true"] { background-color: var(--color-zinc-800); } } } .dark\:data-\[selected\=true\]\:text-danger-500 { &:is(.dark *) { &[data-selected="true"] { color: hsl(var(--heroui-danger-500) / 1); } } } .dark\:data-\[selected\=true\]\:text-success { &:is(.dark *) { &[data-selected="true"] { color: hsl(var(--heroui-success) / 1); } } } .dark\:data-\[selected\=true\]\:text-warning { &:is(.dark *) { &[data-selected="true"] { color: hsl(var(--heroui-warning) / 1); } } } .dark\:data-\[selected\=true\]\:text-zinc-50 { &:is(.dark *) { &[data-selected="true"] { color: var(--color-zinc-50); } } } .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger { &:is(.dark *) { &[data-selected="true"] { &[data-hover="true"] { background-color: hsl(var(--heroui-danger) / 1); } } } } .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success { &:is(.dark *) { &[data-selected="true"] { &[data-hover="true"] { background-color: hsl(var(--heroui-success) / 1); } } } } .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning { &:is(.dark *) { &[data-selected="true"] { &[data-hover="true"] { background-color: hsl(var(--heroui-warning) / 1); } } } } .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground { &:is(.dark *) { &[data-selected="true"] { &[data-hover="true"] { color: hsl(var(--heroui-danger-foreground) / 1); } } } } .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground { &:is(.dark *) { &[data-selected="true"] { &[data-hover="true"] { color: hsl(var(--heroui-success-foreground) / 1); } } } } .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground { &:is(.dark *) { &[data-selected="true"] { &[data-hover="true"] { color: hsl(var(--heroui-warning-foreground) / 1); } } } } .dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-500 { &:is(.dark *) { &[data-selected="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-success-500) / 1); } } } } .dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-50 { &:is(.dark *) { &[data-selected="true"] { &[data-range-selection="true"] { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-success-50) / 1); } } } } } .dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-50 { &:is(.dark *) { &[data-selected="true"] { &[data-range-selection="true"] { &::before { content: var(--tw-content); background-color: hsl(var(--heroui-warning-50) / 1); } } } } } .dark\:data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground { &:is(.dark *) { &[data-selected="true"] { &[data-selection-end="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-success-foreground) / 1); } } } } } .dark\:data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground { &:is(.dark *) { &[data-selected="true"] { &[data-selection-start="true"] { &[data-range-selection="true"] { color: hsl(var(--heroui-success-foreground) / 1); } } } } } .dark\:\*\:data-\[slot\=button-loading-indicator\]\:text-\[oklch\(0\.21_0\.006_285\.885\)\] { &:is(.dark *) { :is(& > *) { &[data-slot="button-loading-indicator"] { color: oklch(0.21 0.006 285.885); } } } } .dark\:\*\:data-\[slot\=button-loading-indicator\]\:text-\[oklch\(0\.985_0_0\)\] { &:is(.dark *) { :is(& > *) { &[data-slot="button-loading-indicator"] { color: oklch(0.985 0 0); } } } } .dark\:\*\:data-\[slot\=tabs-tab\]\:hover\:bg-\[oklch\(0\.274_0\.006_286\.033\)\] { &:is(.dark *) { :is(& > *) { &[data-slot="tabs-tab"] { &:hover { @media (hover: hover) { background-color: oklch(0.274 0.006 286.033); } } } } } } .dark\:data-\[state\=open\]\:bg-zinc-800 { &:is(.dark *) { &[data-state="open"] { background-color: var(--color-zinc-800); } } } .dark\:data-\[state\=open\]\:text-zinc-400 { &:is(.dark *) { &[data-state="open"] { color: var(--color-zinc-400); } } } .dark\:not-in-data-\[variant\=card\]\:data-\[state\=selected\]\:bg-\[color-mix\(in_srgb\,var\(--background\)\,var\(--color-white\)_4\%\)\] { &:is(.dark *) { &:not(:where(*[data-variant="card"]) *) { &[data-state="selected"] { background-color: var(--background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb,var(--background),var(--color-white) 4%); } } } } } .pointer-coarse\:after\:absolute { @media (pointer: coarse) { &::after { content: var(--tw-content); position: absolute; } } } .pointer-coarse\:after\:size-full { @media (pointer: coarse) { &::after { content: var(--tw-content); width: 100%; height: 100%; } } } .pointer-coarse\:after\:min-h-11 { @media (pointer: coarse) { &::after { content: var(--tw-content); min-height: calc(var(--spacing) * 11); } } } .pointer-coarse\:after\:min-w-11 { @media (pointer: coarse) { &::after { content: var(--tw-content); min-width: calc(var(--spacing) * 11); } } } .prose-headings\:mt-4 { & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: calc(var(--spacing) * 4); } } .prose-headings\:mb-1\.5 { & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: calc(var(--spacing) * 1.5); } } .prose-headings\:scroll-mt-24 { & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { scroll-margin-top: calc(var(--spacing) * 24); } } .prose-headings\:font-semibold { & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .prose-h1\:text-lg { & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .prose-h2\:text-base { & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .prose-h3\:text-sm { & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .prose-p\:my-0 { & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-block: calc(var(--spacing) * 0); } } .prose-p\:mb-2 { & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: calc(var(--spacing) * 2); } } .prose-p\:leading-relaxed { & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } } .prose-p\:last\:mb-0 { & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &:last-child { margin-bottom: calc(var(--spacing) * 0); } } } .prose-a\:text-forml-700 { & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: #0097a7; } } .prose-a\:underline { & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { text-decoration-line: underline; } } .prose-a\:underline-offset-2 { & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { text-underline-offset: 2px; } } .prose-code\:text-\[0\.95em\] { & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 0.95em; } } .prose-pre\:bg-neutral-950 { & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { background-color: var(--color-neutral-950); } } .prose-pre\:p-0 { & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding: calc(var(--spacing) * 0); } } .prose-pre\:text-neutral-100 { & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-neutral-100); } } .\[\&_\.chevron-icon\]\:flex-none { & .chevron-icon { flex: none; } } .\[\&_\.chevron-icon\]\:rotate-180 { & .chevron-icon { rotate: 180deg; } } .\[\&_\.chevron-icon\]\:transition-transform { & .chevron-icon { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .\[\&_\[cmdk-group-heading\]\]\:mb-1 { & [cmdk-group-heading] { margin-bottom: calc(var(--spacing) * 1); } } .\[\&_\[cmdk-group-heading\]\]\:border-b { & [cmdk-group-heading] { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } .\[\&_\[cmdk-group-heading\]\]\:px-2 { & [cmdk-group-heading] { padding-inline: calc(var(--spacing) * 2); } } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 { & [cmdk-group-heading] { padding-block: calc(var(--spacing) * 1.5); } } .\[\&_\[cmdk-group-heading\]\]\:pb-1 { & [cmdk-group-heading] { padding-bottom: calc(var(--spacing) * 1); } } .\[\&_\[cmdk-group-heading\]\]\:text-xs { & [cmdk-group-heading] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .\[\&_\[cmdk-group-heading\]\]\:font-medium { & [cmdk-group-heading] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .\[\&_\[cmdk-group-heading\]\]\:font-semibold { & [cmdk-group-heading] { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .\[\&_\[cmdk-group-heading\]\]\:tracking-wider { & [cmdk-group-heading] { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } } .\[\&_\[cmdk-group-heading\]\]\:text-zinc-500 { & [cmdk-group-heading] { color: var(--color-zinc-500); } } .\[\&_\[cmdk-group-heading\]\]\:uppercase { & [cmdk-group-heading] { text-transform: uppercase; } } .dark\:\[\&_\[cmdk-group-heading\]\]\:text-zinc-400 { &:is(.dark *) { & [cmdk-group-heading] { color: var(--color-zinc-400); } } } .\[\&_\[cmdk-group\]\]\:px-2 { & [cmdk-group] { padding-inline: calc(var(--spacing) * 2); } } .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 { & [cmdk-group]:not([hidden]) ~[cmdk-group] { padding-top: calc(var(--spacing) * 0); } } .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 { & [cmdk-input-wrapper] svg { height: calc(var(--spacing) * 5); } } .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 { & [cmdk-input-wrapper] svg { width: calc(var(--spacing) * 5); } } .\[\&_\[cmdk-input\]\]\:h-12 { & [cmdk-input] { height: calc(var(--spacing) * 12); } } .\[\&_\[cmdk-item\]\]\:px-2 { & [cmdk-item] { padding-inline: calc(var(--spacing) * 2); } } .\[\&_\[cmdk-item\]\]\:py-3 { & [cmdk-item] { padding-block: calc(var(--spacing) * 3); } } .\[\&_\[cmdk-item\]_svg\]\:h-5 { & [cmdk-item] svg { height: calc(var(--spacing) * 5); } } .\[\&_\[cmdk-item\]_svg\]\:w-5 { & [cmdk-item] svg { width: calc(var(--spacing) * 5); } } .\@max-\[600px\]\/vh\:\[\&_\[data-slot\=select-icon\]\]\:hidden { @container vh (width < 600px) { & [data-slot=select-icon] { display: none; } } } .\@max-\[600px\]\/vh\:\[\&_\[data-slot\=select-value\]\]\:flex-none { @container vh (width < 600px) { & [data-slot=select-value] { flex: none; } } } .\[\&_\[data-slot\=textarea\]\]\:max-h-\[10\.5rem\] { & [data-slot=textarea] { max-height: 10.5rem; } } .\[\&_\[data-slot\=textarea\]\]\:min-h-6 { & [data-slot=textarea] { min-height: calc(var(--spacing) * 6); } } .\[\&_\[data-slot\=textarea\]\]\:resize-none { & [data-slot=textarea] { resize: none; } } .\[\&_\[data-slot\=textarea\]\]\:overflow-y-auto { & [data-slot=textarea] { overflow-y: auto; } } .\[\&_\[data-slot\=textarea\]\]\:rounded-none { & [data-slot=textarea] { border-radius: 0; } } .\[\&_\[data-slot\=textarea\]\]\:py-0 { & [data-slot=textarea] { padding-block: calc(var(--spacing) * 0); } } .\[\&_\[data-slot\=textarea\]\]\:pr-9 { & [data-slot=textarea] { padding-right: calc(var(--spacing) * 9); } } .\[\&_\[data-slot\=textarea\]\]\:pl-0 { & [data-slot=textarea] { padding-left: calc(var(--spacing) * 0); } } .\[\&_\[data-slot\=textarea\]\]\:text-sm { & [data-slot=textarea] { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .\[\&_\[data-slot\=textarea\]\]\:leading-6 { & [data-slot=textarea] { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } } .\[\&_\[data-slot\=textarea\]\]\:text-neutral-900 { & [data-slot=textarea] { color: var(--color-neutral-900); } } .\[\&_b\]\:font-medium { & b { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .\[\&_p\]\:my-1\.5 { & p { margin-block: calc(var(--spacing) * 1.5); } } .\[\&_p\:first-child\]\:mt-0 { & p:first-child { margin-top: calc(var(--spacing) * 0); } } .\[\&_p\:last-child\]\:mb-0 { & p:last-child { margin-bottom: calc(var(--spacing) * 0); } } .\[\&_strong\]\:font-medium { & strong { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .\[\&_svg\]\:pointer-events-none { & svg { pointer-events: none; } } .\[\&_svg\]\:-mx-0\.5 { & svg { margin-inline: calc(var(--spacing) * -0.5); } } .\[\&_svg\]\:-ms-0\.5 { & svg { margin-inline-start: calc(var(--spacing) * -0.5); } } .\[\&_svg\]\:-me-1 { & svg { margin-inline-end: calc(var(--spacing) * -1); } } .\[\&_svg\]\:-me-1\.5 { & svg { margin-inline-end: calc(var(--spacing) * -1.5); } } .\[\&_svg\]\:size-4 { & svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } .\[\&_svg\]\:shrink-0 { & svg { flex-shrink: 0; } } .\[\&_svg\]\:text-white { & svg { color: var(--color-white); } } .\[\&_svg\:not\(\[class\*\=\'opacity-\'\]\)\]\:opacity-80 { & svg:not([class*='opacity-']) { opacity: 80%; } } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 { & svg:not([class*='size-']) { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 { & svg:not([class*='size-']) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 { & svg:not([class*='size-']) { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5); } } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 { & svg:not([class*='size-']) { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } } .not-in-data-\[slot\=input-group\]\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 { &:not(:where(*[data-slot="input-group"]) *) { & svg:not([class*='size-']) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } } .sm\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 { @media (width >= 40rem) { & svg:not([class*='size-']) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } } } .sm\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 { @media (width >= 40rem) { & svg:not([class*='size-']) { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } } } .sm\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 { @media (width >= 40rem) { & svg:not([class*='size-']) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } } .sm\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 { @media (width >= 40rem) { & svg:not([class*='size-']) { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5); } } } .sm\:not-in-data-\[slot\=input-group\]\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 { @media (width >= 40rem) { &:not(:where(*[data-slot="input-group"]) *) { & svg:not([class*='size-']) { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } } } } .\[\&_td\]\:overflow-hidden { & td { overflow: hidden; } } .\[\&_th\]\:overflow-hidden { & th { overflow: hidden; } } .\[\&_tr\]\:border-b { & tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } .\[\&_tr\:last-child\]\:border-0 { & tr:last-child { border-style: var(--tw-border-style); border-width: 0px; } } .\[\&\+\.border-medium\.border-danger\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\] { &+.border-medium.border-danger { margin-inline-start: calc(var(--heroui-border-width-medium) * -1); } } .\[\&\+\.border-medium\.border-default\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\] { &+.border-medium.border-default { margin-inline-start: calc(var(--heroui-border-width-medium) * -1); } } .\[\&\+\.border-medium\.border-primary\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\] { &+.border-medium.border-primary { margin-inline-start: calc(var(--heroui-border-width-medium) * -1); } } .\[\&\+\.border-medium\.border-secondary\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\] { &+.border-medium.border-secondary { margin-inline-start: calc(var(--heroui-border-width-medium) * -1); } } .\[\&\+\.border-medium\.border-success\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\] { &+.border-medium.border-success { margin-inline-start: calc(var(--heroui-border-width-medium) * -1); } } .\[\&\+\.border-medium\.border-warning\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\] { &+.border-medium.border-warning { margin-inline-start: calc(var(--heroui-border-width-medium) * -1); } } .\[\&\:\:-ms-reveal\]\:hidden { &::-ms-reveal { display: none; } } .\[\&\:\:-webkit-scrollbar\]\:hidden { &::-webkit-scrollbar { display: none; } } .\[\&\:\:-webkit-scrollbar\]\:w-1\.5 { &::-webkit-scrollbar { width: calc(var(--spacing) * 1.5); } } .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full { &::-webkit-scrollbar-thumb { border-radius: calc(infinity * 1px); } } .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-gray-300 { &::-webkit-scrollbar-thumb { background-color: var(--color-gray-300); } } .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent { &::-webkit-scrollbar-track { background-color: transparent; } } .\[\&\:\:-webkit-search-cancel-button\]\:appearance-none { &::-webkit-search-cancel-button { appearance: none; } } .\[\&\:\:-webkit-search-decoration\]\:appearance-none { &::-webkit-search-decoration { appearance: none; } } .\[\&\:\:-webkit-search-results-button\]\:appearance-none { &::-webkit-search-results-button { appearance: none; } } .\[\&\:\:-webkit-search-results-decoration\]\:appearance-none { &::-webkit-search-results-decoration { appearance: none; } } .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 { &:has([role=checkbox]) { padding-right: calc(var(--spacing) * 0); } } .\[\:active\,\[data-pressed\]\]\:bg-\[oklch\(0\.967_0\.001_286\.375_\/_80\%\)\] { &:is(:active,[data-pressed]) { background-color: oklch(0.967 0.001 286.375 / 80%); } } .\[\:active\,\[data-pressed\]\]\:inset-shadow-\[0_1px_--theme\(--color-black\/8\%\)\] { &:is(:active,[data-pressed]) { --tw-inset-shadow: inset 0 1px var(--tw-inset-shadow-color, color-mix(in srgb, #000 8%, transparent)); @supports (color: color-mix(in lab, red, red)) { --tw-inset-shadow: inset 0 1px var(--tw-inset-shadow-color, color-mix(in oklab, var(--color-black) 8%, transparent)); } box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:\[\:active\,\[data-pressed\]\]\:bg-\[oklch\(0\.274_0\.006_286\.033_\/_80\%\)\] { &:is(.dark *) { &:is(:active,[data-pressed]) { background-color: oklch(0.274 0.006 286.033 / 80%); } } } .\[\:disabled\,\:active\,\[data-pressed\]\]\:shadow-none { &:is(:disabled,:active,[data-pressed]) { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .\[\[data-disabled\]\,\:focus-visible\,\[aria-invalid\]\,\[data-pressed\]\]\:shadow-none { &:is([data-disabled],:focus-visible,[aria-invalid],[data-pressed]) { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .\[\[data-disabled\]\,\[data-checked\]\,\[aria-invalid\]\]\:shadow-none { &:is([data-disabled],[data-checked],[aria-invalid]) { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .\*\:\[span\]\:font-medium { :is(& > *) { &:is(span) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } } .in-data-\[variant\=card\]\:\*\:\[tr\]\:border-0 { :where(*[data-variant="card"]) & { :is(& > *) { &:is(tr) { border-style: var(--tw-border-style); border-width: 0px; } } } } .in-data-\[variant\=card\]\:\*\:\[tr\]\:\*\:\[td\]\:border-b { :where(*[data-variant="card"]) & { :is(& > *) { &:is(tr) { :is(& > *) { &:is(td) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } } } } } .in-data-\[variant\=card\]\:\*\:\[tr\]\:\*\:\[td\]\:bg-\[oklch\(1_0_0\)\] { :where(*[data-variant="card"]) & { :is(& > *) { &:is(tr) { :is(& > *) { &:is(td) { background-color: oklch(1 0 0); } } } } } } .in-data-\[variant\=card\]\:\*\:\[tr\]\:first\:\*\:\[td\]\:first\:rounded-ss-xl { :where(*[data-variant="card"]) & { :is(& > *) { &:is(tr) { &:first-child { :is(& > *) { &:is(td) { &:first-child { border-start-start-radius: var(--radius-xl); } } } } } } } } .in-data-\[variant\=card\]\:\*\:\[tr\]\:\*\:\[td\]\:first\:border-s { :where(*[data-variant="card"]) & { :is(& > *) { &:is(tr) { :is(& > *) { &:is(td) { &:first-child { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; } } } } } } } .in-data-\[variant\=card\]\:\*\:\[tr\]\:first\:\*\:\[td\]\:border-t { :where(*[data-variant="card"]) & { :is(& > *) { &:is(tr) { &:first-child { :is(& > *) { &:is(td) { border-top-style: var(--tw-border-style); border-top-width: 1px; } } } } } } } .in-data-\[variant\=card\]\:\*\:\[tr\]\:last\:\*\:\[td\]\:last\:rounded-ee-xl { :where(*[data-variant="card"]) & { :is(& > *) { &:is(tr) { &:last-child { :is(& > *) { &:is(td) { &:last-child { border-end-end-radius: var(--radius-xl); } } } } } } } } .in-data-\[variant\=card\]\:\*\:\[tr\]\:\*\:\[td\]\:last\:border-e { :where(*[data-variant="card"]) & { :is(& > *) { &:is(tr) { :is(& > *) { &:is(td) { &:last-child { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } } } } } } } .in-data-\[variant\=card\]\:\*\:\[tr\]\:first\:\*\:\[td\]\:last\:rounded-se-xl { :where(*[data-variant="card"]) & { :is(& > *) { &:is(tr) { &:first-child { :is(& > *) { &:is(td) { &:last-child { border-start-end-radius: var(--radius-xl); } } } } } } } } .in-data-\[variant\=card\]\:\*\:\[tr\]\:last\:\*\:\[td\]\:first\:rounded-es-xl { :where(*[data-variant="card"]) & { :is(& > *) { &:is(tr) { &:last-child { :is(& > *) { &:is(td) { &:first-child { border-end-start-radius: var(--radius-xl); } } } } } } } } .in-data-\[variant\=card\]\:\*\:\[tr\]\:hover\:\*\:\[td\]\:bg-\[color-mix\(in_srgb\,var\(--card\)\,var\(--color-black\)_2\%\)\] { :where(*[data-variant="card"]) & { :is(& > *) { &:is(tr) { &:hover { @media (hover: hover) { :is(& > *) { &:is(td) { background-color: var(--card); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb,var(--card),var(--color-black) 2%); } } } } } } } } } .in-data-\[variant\=card\]\:\*\:\[tr\]\:data-\[state\=selected\]\:\*\:\[td\]\:bg-\[color-mix\(in_srgb\,var\(--card\)\,var\(--color-black\)_4\%\)\] { :where(*[data-variant="card"]) & { :is(& > *) { &:is(tr) { &[data-state="selected"] { :is(& > *) { &:is(td) { background-color: var(--card); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb,var(--card),var(--color-black) 4%); } } } } } } } } .dark\:in-data-\[variant\=card\]\:\*\:\[tr\]\:\*\:\[td\]\:bg-\[oklch\(0\.21_0\.006_285\.885\)\] { &:is(.dark *) { :where(*[data-variant="card"]) & { :is(& > *) { &:is(tr) { :is(& > *) { &:is(td) { background-color: oklch(0.21 0.006 285.885); } } } } } } } .dark\:in-data-\[variant\=card\]\:\*\:\[tr\]\:hover\:\*\:\[td\]\:bg-\[color-mix\(in_srgb\,var\(--card\)\,var\(--color-white\)_2\%\)\] { &:is(.dark *) { :where(*[data-variant="card"]) & { :is(& > *) { &:is(tr) { &:hover { @media (hover: hover) { :is(& > *) { &:is(td) { background-color: var(--card); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb,var(--card),var(--color-white) 2%); } } } } } } } } } } .dark\:in-data-\[variant\=card\]\:\*\:\[tr\]\:data-\[state\=selected\]\:\*\:\[td\]\:bg-\[color-mix\(in_srgb\,var\(--card\)\,var\(--color-white\)_4\%\)\] { &:is(.dark *) { :where(*[data-variant="card"]) & { :is(& > *) { &:is(tr) { &[data-state="selected"] { :is(& > *) { &:is(td) { background-color: var(--card); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb,var(--card),var(--color-white) 4%); } } } } } } } } } .\[\&\:not\(\:first-child\)\]\:-ml-1 { &:not(:first-child) { margin-left: calc(var(--spacing) * -1); } } .\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none { &:not(:first-child):not(:last-child) { border-radius: 0; } } .\[\&\:not\(\:first-of-type\)\]\:ms-\[calc\(theme\(borderWidth\.2\)\*-1\)\] { &:not(:first-of-type) { margin-inline-start: calc(2px * -1); } } .\[\&\:not\(\:first-of-type\)\:not\(\:last-of-type\)\]\:rounded-none { &:not(:first-of-type):not(:last-of-type) { border-radius: 0; } } .\[\&\>\*\]\:relative { &>* { position: relative; } } .\[\&\>\*\]\:z-1 { &>* { z-index: 1; } } .\[\&\>\*\:nth-child\(even\)\]\:bg-neutral-50 { &>*:nth-child(even) { background-color: var(--color-neutral-50); } } .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] { &>[role=checkbox] { --tw-translate-y: 2px; translate: var(--tw-translate-x) var(--tw-translate-y); } } .\[\&\>button\]\:border-default-200\/60 { &>button { border-color: hsl(var(--heroui-default-200) / 1); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, hsl(var(--heroui-default-200) / 1) 60%, transparent); } } } .\[\&\>button\]\:text-xs { &>button { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .\[\&\>button\]\:text-default-500 { &>button { color: hsl(var(--heroui-default-500) / 1); } } .\[\&\>span\]\:line-clamp-1 { &>span { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } } .\[\&\>span\:last-child\]\:truncate { &>span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .\[\&\>svg\]\:pointer-events-none { &>svg { pointer-events: none; } } .\[\&\>svg\]\:-mx-0\.5 { &>svg { margin-inline: calc(var(--spacing) * -0.5); } } .\[\&\>svg\]\:size-4 { &>svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } .\[\&\>svg\]\:h-4 { &>svg { height: calc(var(--spacing) * 4); } } .\[\&\>svg\]\:w-4 { &>svg { width: calc(var(--spacing) * 4); } } .\[\&\>svg\]\:max-w-\[theme\(spacing\.8\)\] { &>svg { max-width: 2rem; } } .\[\&\>svg\]\:shrink-0 { &>svg { flex-shrink: 0; } } .\[\&\>svg\]\:text-neutral-400 { &>svg { color: var(--color-neutral-400); } } .\[\&\>svg\]\:text-sidebar-accent-foreground { &>svg { color: var(--sidebar-accent-foreground); } } .\[\&\>svg\:not\(\:last-child\)\]\:-mx-0\.5 { &>svg:not(:last-child) { margin-inline: calc(var(--spacing) * -0.5); } } .\[\&\>svg\:not\(\[class\*\=\'opacity-\'\]\)\]\:opacity-80 { &>svg:not([class*='opacity-']) { opacity: 80%; } } .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 { &>svg:not([class*='size-']) { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5); } } .sm\:\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 { @media (width >= 40rem) { &>svg:not([class*='size-']) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } } .\[\&\>td\]\:flex { &>td { display: flex; } } .\[\&\>td\]\:min-w-0 { &>td { min-width: calc(var(--spacing) * 0); } } .\[\&\>td\]\:items-center { &>td { align-items: center; } } .\[\&\>td\]\:bg-white { &>td { background-color: var(--color-white); } } .\[\&\>td\]\:leading-5 { &>td { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } } .\[\&\>td\]\:\[overflow-wrap\:anywhere\] { &>td { overflow-wrap: anywhere; } } .\[\&\>td\]\:whitespace-normal { &>td { white-space: normal; } } .\[\&\>td\:first-child\]\:rounded-bl-\[10px\] { &>td:first-child { border-bottom-left-radius: 10px; } } .\[\&\>td\:last-child\]\:rounded-br-\[10px\] { &>td:last-child { border-bottom-right-radius: 10px; } } .\[\&\>th\]\:h-8 { &>th { height: calc(var(--spacing) * 8); } } .\[\&\>tr\]\:first\:rounded-lg { &>tr { &:first-child { border-radius: var(--radius-lg); } } } .\[\&\>tr\]\:first\:shadow-small { &>tr { &:first-child { --tw-shadow: var(--heroui-box-shadow-small); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .\[\&\>tr\]\:last\:border-b-0 { &>tr { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } } .last\:\[\&\>tr\]\:border-b-0 { &:last-child { &>tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } } .\[\&\[data-disabled\]\>\*\]\:after\:bg-neutral-900\/30 { &[data-disabled]>* { &::after { content: var(--tw-content); background-color: color-mix(in srgb, oklch(20.5% 0 0) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-neutral-900) 30%, transparent); } } } } .\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-100 { &[data-hover=true]:not([data-active=true]) { background-color: hsl(var(--heroui-default-100) / 1); } } .\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-200 { &[data-hover=true]:not([data-active=true]) { background-color: hsl(var(--heroui-default-200) / 1); } } .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90 { &[data-panel-group-direction=vertical]>div { rotate: 90deg; } } .\[\&\[data-selected\]\:not\(\.range-middle\)\>\*\]\:after\:bg-white { &[data-selected]:not(.range-middle)>* { &::after { content: var(--tw-content); background-color: var(--color-white); } } } .\[\&\[data-state\=open\]\>svg\]\:rotate-180 { &[data-state=open]>svg { rotate: 180deg; } } .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 { [data-side=left][data-collapsible=offcanvas] & { right: calc(var(--spacing) * -2); } } .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize { [data-side=left][data-state=collapsed] & { cursor: e-resize; } } .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 { [data-side=right][data-collapsible=offcanvas] & { left: calc(var(--spacing) * -2); } } .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize { [data-side=right][data-state=collapsed] & { cursor: w-resize; } } .\[\[data-slot\=combobox-chip\]\+\&\]\:ps-0\.5 { [data-slot=combobox-chip]+& { padding-inline-start: calc(var(--spacing) * 0.5); } } .\[\[role\=group\]\+\&\]\:mt-1\.5 { [role=group]+& { margin-top: calc(var(--spacing) * 1.5); } } .\[button\&\,a\&\]\:cursor-pointer { button&,a& { cursor: pointer; } } .\[button\&\,a\&\]\:hover\:bg-\[oklch\(0\.21_0\.006_285\.885\)\]\/90 { button&,a& { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, oklch(0.21 0.006 285.885) 90%, transparent); } } } } .\[button\&\,a\&\]\:hover\:bg-\[oklch\(0\.577_0\.245_27\.325\)\]\/90 { button&,a& { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 90%, transparent); } } } } .\[button\&\,a\&\]\:hover\:bg-\[oklch\(0\.967_0\.001_286\.375\)\]\/50 { button&,a& { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, oklch(0.967 0.001 286.375) 50%, transparent); } } } } .\[button\&\,a\&\]\:hover\:bg-\[oklch\(0\.967_0\.001_286\.375\)\]\/90 { button&,a& { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, oklch(0.967 0.001 286.375) 90%, transparent); } } } } .dark\:\[button\&\,a\&\]\:hover\:bg-\[oklch\(0\.92_0\.004_286\.32\)\]\/48 { &:is(.dark *) { button&,a& { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, oklch(0.92 0.004 286.32) 48%, transparent); } } } } } .dark\:\[button\&\,a\&\]\:hover\:bg-\[oklch\(0\.92_0\.004_286\.32\)\]\/90 { &:is(.dark *) { button&,a& { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, oklch(0.92 0.004 286.32) 90%, transparent); } } } } } .dark\:\[button\&\,a\&\]\:hover\:bg-\[oklch\(0\.274_0\.006_286\.033\)\]\/50 { &:is(.dark *) { button&,a& { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, oklch(0.274 0.006 286.033) 50%, transparent); } } } } } .dark\:\[button\&\,a\&\]\:hover\:bg-\[oklch\(0\.274_0\.006_286\.033\)\]\/90 { &:is(.dark *) { button&,a& { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, oklch(0.274 0.006 286.033) 90%, transparent); } } } } } .dark\:\[button\&\,a\&\]\:hover\:bg-\[oklch\(0\.704_0\.191_22\.216\)\]\/90 { &:is(.dark *) { button&,a& { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, oklch(0.704 0.191 22.216) 90%, transparent); } } } } } .dark\:dark\:\[button\&\,a\&\]\:hover\:bg-\[oklch\(1_0_0_\/_15\%\)\]\/48 { &:is(.dark *) { &:is(.dark *) { button&,a& { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, oklch(1 0 0 / 15%) 48%, transparent); } } } } } } .\[button\&\,a\&\]\:pointer-coarse\:after\:absolute { button&,a& { @media (pointer: coarse) { &::after { content: var(--tw-content); position: absolute; } } } } .\[button\&\,a\&\]\:pointer-coarse\:after\:size-full { button&,a& { @media (pointer: coarse) { &::after { content: var(--tw-content); width: 100%; height: 100%; } } } } .\[button\&\,a\&\]\:pointer-coarse\:after\:min-h-11 { button&,a& { @media (pointer: coarse) { &::after { content: var(--tw-content); min-height: calc(var(--spacing) * 11); } } } } .\[button\&\,a\&\]\:pointer-coarse\:after\:min-w-11 { button&,a& { @media (pointer: coarse) { &::after { content: var(--tw-content); min-width: calc(var(--spacing) * 11); } } } } } @property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; } @property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; } @property --tw-animation-duration { syntax: "*"; inherits: false; } @property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; } @property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { border-color: var(--color-gray-200, currentcolor); } } @layer base { :root { --sidebar-background: 0 0% 98%; --sidebar-foreground: 240 5.3% 26.1%; --sidebar-primary: 240 5.9% 10%; --sidebar-primary-foreground: 0 0% 98%; --sidebar-accent: 240 4.8% 95.9%; --sidebar-accent-foreground: 240 5.9% 10%; --sidebar-border: 220 13% 91%; --sidebar-ring: 217.2 91.2% 59.8%; } .dark { --sidebar-background: 240 5.9% 10%; --sidebar-foreground: 240 4.8% 95.9%; --sidebar-primary: 224.3 76.3% 48%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 240 3.7% 15.9%; --sidebar-accent-foreground: 240 4.8% 95.9%; --sidebar-border: 240 3.7% 15.9%; --sidebar-ring: 217.2 91.2% 59.8%; } } .mdxeditor ul { list-style-type: revert; padding-left: 1.5rem; } .mdxeditor ol { list-style-type: revert; padding-left: 1.5rem; } .prose ul { list-style-type: revert; padding-left: 1.5rem; } .prose ol { list-style-type: revert; padding-left: 1.5rem; } :root { --sidebar: hsl(0 0% 98%); --sidebar-foreground: hsl(240 5.3% 26.1%); --sidebar-primary: hsl(240 5.9% 10%); --sidebar-primary-foreground: hsl(0 0% 98%); --sidebar-accent: hsl(240 4.8% 95.9%); --sidebar-accent-foreground: hsl(240 5.9% 10%); --sidebar-border: hsl(220 13% 91%); --sidebar-ring: hsl(217.2 91.2% 59.8%); --destructive-foreground: var(--color-red-700); } .dark { --sidebar: hsl(240 5.9% 10%); --sidebar-foreground: hsl(240 4.8% 95.9%); --sidebar-primary: hsl(224.3 76.3% 48%); --sidebar-primary-foreground: hsl(0 0% 100%); --sidebar-accent: hsl(240 3.7% 15.9%); --sidebar-accent-foreground: hsl(240 4.8% 95.9%); --sidebar-border: hsl(240 3.7% 15.9%); --sidebar-ring: hsl(217.2 91.2% 59.8%); --destructive-foreground: var(--color-red-400); } .hm-overview-row-container { container-type: inline-size; } .hm-overview-row-compact { display: flex; flex-direction: column; gap: 0.75rem; } .hm-overview-row-grid { display: none; } @container (min-width: 800px) { .hm-overview-row-compact { display: none; } .hm-overview-row-grid { display: grid; } } @container (min-width: 600px) { .hm-overview-row-container-wbs .hm-overview-row-compact { display: none; } .hm-overview-row-container-wbs .hm-overview-row-grid { display: grid; } } .grusi-cards-wrapper { display: flex; flex-wrap: wrap; gap: 1rem; } .grusi-cards-wrapper > * { flex: 1 1 370px; min-width: 370px; } ::highlight(search) { background-color: #fde68a; color: inherit; } [data-slot="field"][data-search-match] { position: relative; isolation: isolate; } [data-slot="field"][data-search-match]::before { content: ""; position: absolute; inset: 0 -8px; z-index: -1; background-color: rgb(219 234 254 / 0.55); border: 1px solid rgb(147 197 253 / 0.7); border-radius: 6px; pointer-events: none; transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease; } [data-slot="field"][data-search-current]::before { background-color: rgb(191 219 254); border-color: rgb(96 165 250); box-shadow: 0 0 0 2px rgb(59 130 246 / 0.35); } [data-block-heading][data-search-match] { position: relative; isolation: isolate; } [data-block-heading][data-search-match]::before { content: ""; position: absolute; inset: 0 -8px; z-index: -1; background-color: rgb(219 234 254 / 0.55); border: 1px solid rgb(147 197 253 / 0.7); border-radius: 6px; pointer-events: none; transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease; } [data-block-heading][data-search-current]::before { background-color: rgb(191 219 254); border-color: rgb(96 165 250); box-shadow: 0 0 0 2px rgb(59 130 246 / 0.35); } body.resize-col-dragging * { cursor: col-resize !important; } @layer base { :root, [data-theme] { color: hsl(var(--heroui-foreground)); background-color: hsl(var(--heroui-background)); } } @layer base { :root, [data-theme=light] { color-scheme: light; --heroui-background: 0 0% 100%; --heroui-foreground-50: 0 0% 98.04%; --heroui-foreground-100: 240 4.76% 95.88%; --heroui-foreground-200: 240 5.88% 90%; --heroui-foreground-300: 240 4.88% 83.92%; --heroui-foreground-400: 240 5.03% 64.9%; --heroui-foreground-500: 240 3.83% 46.08%; --heroui-foreground-600: 240 5.2% 33.92%; --heroui-foreground-700: 240 5.26% 26.08%; --heroui-foreground-800: 240 3.7% 15.88%; --heroui-foreground-900: 240 5.88% 10%; --heroui-foreground: 201.81999999999994 24.44% 8.82%; --heroui-divider: 0 0% 6.67%; --heroui-focus: 212.01999999999998 100% 46.67%; --heroui-overlay: 0 0% 0%; --heroui-content1: 0 0% 100%; --heroui-content1-foreground: 201.81999999999994 24.44% 8.82%; --heroui-content2: 240 4.76% 95.88%; --heroui-content2-foreground: 240 3.7% 15.88%; --heroui-content3: 240 5.88% 90%; --heroui-content3-foreground: 240 5.26% 26.08%; --heroui-content4: 240 4.88% 83.92%; --heroui-content4-foreground: 240 5.2% 33.92%; --heroui-default-50: 0 0% 98.04%; --heroui-default-100: 240 4.76% 95.88%; --heroui-default-200: 240 5.88% 90%; --heroui-default-300: 240 4.88% 83.92%; --heroui-default-400: 240 5.03% 64.9%; --heroui-default-500: 240 3.83% 46.08%; --heroui-default-600: 240 5.2% 33.92%; --heroui-default-700: 240 5.26% 26.08%; --heroui-default-800: 240 3.7% 15.88%; --heroui-default-900: 240 5.88% 10%; --heroui-default-foreground: 0 0% 0%; --heroui-default: 240 4.88% 83.92%; --heroui-primary-50: 212.5 92.31% 94.9%; --heroui-primary-100: 211.84000000000003 92.45% 89.61%; --heroui-primary-200: 211.84000000000003 92.45% 79.22%; --heroui-primary-300: 212.24 92.45% 68.82%; --heroui-primary-400: 212.14 92.45% 58.43%; --heroui-primary-500: 212.01999999999998 100% 46.67%; --heroui-primary-600: 212.14 100% 38.43%; --heroui-primary-700: 212.24 100% 28.82%; --heroui-primary-800: 211.84000000000003 100% 19.22%; --heroui-primary-900: 211.84000000000003 100% 9.61%; --heroui-primary-foreground: 0 0% 100%; --heroui-primary: 212.01999999999998 100% 46.67%; --heroui-secondary-50: 270 61.54% 94.9%; --heroui-secondary-100: 270 59.26% 89.41%; --heroui-secondary-200: 270 59.26% 78.82%; --heroui-secondary-300: 270 59.26% 68.24%; --heroui-secondary-400: 270 59.26% 57.65%; --heroui-secondary-500: 270 66.67% 47.06%; --heroui-secondary-600: 270 66.67% 37.65%; --heroui-secondary-700: 270 66.67% 28.24%; --heroui-secondary-800: 270 66.67% 18.82%; --heroui-secondary-900: 270 66.67% 9.41%; --heroui-secondary-foreground: 0 0% 100%; --heroui-secondary: 270 66.67% 47.06%; --heroui-success-50: 146.66999999999996 64.29% 94.51%; --heroui-success-100: 145.71000000000004 61.4% 88.82%; --heroui-success-200: 146.2 61.74% 77.45%; --heroui-success-300: 145.78999999999996 62.57% 66.47%; --heroui-success-400: 146.01 62.45% 55.1%; --heroui-success-500: 145.96000000000004 79.46% 43.92%; --heroui-success-600: 146.01 79.89% 35.1%; --heroui-success-700: 145.78999999999996 79.26% 26.47%; --heroui-success-800: 146.2 79.78% 17.45%; --heroui-success-900: 145.71000000000004 77.78% 8.82%; --heroui-success-foreground: 0 0% 0%; --heroui-success: 145.96000000000004 79.46% 43.92%; --heroui-warning-50: 54.55000000000001 91.67% 95.29%; --heroui-warning-100: 37.139999999999986 91.3% 90.98%; --heroui-warning-200: 37.139999999999986 91.3% 81.96%; --heroui-warning-300: 36.95999999999998 91.24% 73.14%; --heroui-warning-400: 37.00999999999999 91.26% 64.12%; --heroui-warning-500: 37.02999999999997 91.27% 55.1%; --heroui-warning-600: 37.00999999999999 74.22% 44.12%; --heroui-warning-700: 36.95999999999998 73.96% 33.14%; --heroui-warning-800: 37.139999999999986 75% 21.96%; --heroui-warning-900: 37.139999999999986 75% 10.98%; --heroui-warning-foreground: 0 0% 0%; --heroui-warning: 37.02999999999997 91.27% 55.1%; --heroui-danger-50: 339.13 92% 95.1%; --heroui-danger-100: 340 91.84% 90.39%; --heroui-danger-200: 339.3299999999999 90% 80.39%; --heroui-danger-300: 339.11 90.6% 70.78%; --heroui-danger-400: 339 90% 60.78%; --heroui-danger-500: 339.20000000000005 90.36% 51.18%; --heroui-danger-600: 339 86.54% 40.78%; --heroui-danger-700: 339.11 85.99% 30.78%; --heroui-danger-800: 339.3299999999999 86.54% 20.39%; --heroui-danger-900: 340 84.91% 10.39%; --heroui-danger-foreground: 0 0% 100%; --heroui-danger: 339.20000000000005 90.36% 51.18%; --heroui-divider-weight: 1px; --heroui-disabled-opacity: .5; --heroui-font-size-tiny: 0.75rem; --heroui-font-size-small: 0.875rem; --heroui-font-size-medium: 1rem; --heroui-font-size-large: 1.125rem; --heroui-line-height-tiny: 1rem; --heroui-line-height-small: 1.25rem; --heroui-line-height-medium: 1.5rem; --heroui-line-height-large: 1.75rem; --heroui-radius-small: 8px; --heroui-radius-medium: 12px; --heroui-radius-large: 14px; --heroui-border-width-small: 1px; --heroui-border-width-medium: 2px; --heroui-border-width-large: 3px; --heroui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / 0.02), 0px 2px 10px 0px rgb(0 0 0 / 0.06), 0px 0px 1px 0px rgb(0 0 0 / 0.3); --heroui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / 0.03), 0px 2px 30px 0px rgb(0 0 0 / 0.08), 0px 0px 1px 0px rgb(0 0 0 / 0.3); --heroui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / 0.04), 0px 30px 60px 0px rgb(0 0 0 / 0.12), 0px 0px 1px 0px rgb(0 0 0 / 0.3); --heroui-hover-opacity: .8; } } @property --tw-border-spacing-x { syntax: ""; inherits: false; initial-value: 0; } @property --tw-border-spacing-y { syntax: ""; inherits: false; initial-value: 0; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-mask-linear { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); } @property --tw-mask-radial { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); } @property --tw-mask-conic { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); } @property --tw-mask-left { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); } @property --tw-mask-right { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); } @property --tw-mask-bottom { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); } @property --tw-mask-top { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); } @property --tw-mask-top-from-position { syntax: "*"; inherits: false; initial-value: 0%; } @property --tw-mask-top-to-position { syntax: "*"; inherits: false; initial-value: 100%; } @property --tw-mask-top-from-color { syntax: "*"; inherits: false; initial-value: black; } @property --tw-mask-top-to-color { syntax: "*"; inherits: false; initial-value: transparent; } @property --tw-mask-right-from-position { syntax: "*"; inherits: false; initial-value: 0%; } @property --tw-mask-right-to-position { syntax: "*"; inherits: false; initial-value: 100%; } @property --tw-mask-right-from-color { syntax: "*"; inherits: false; initial-value: black; } @property --tw-mask-right-to-color { syntax: "*"; inherits: false; initial-value: transparent; } @property --tw-mask-bottom-from-position { syntax: "*"; inherits: false; initial-value: 0%; } @property --tw-mask-bottom-to-position { syntax: "*"; inherits: false; initial-value: 100%; } @property --tw-mask-bottom-from-color { syntax: "*"; inherits: false; initial-value: black; } @property --tw-mask-bottom-to-color { syntax: "*"; inherits: false; initial-value: transparent; } @property --tw-mask-left-from-position { syntax: "*"; inherits: false; initial-value: 0%; } @property --tw-mask-left-to-position { syntax: "*"; inherits: false; initial-value: 100%; } @property --tw-mask-left-from-color { syntax: "*"; inherits: false; initial-value: black; } @property --tw-mask-left-to-color { syntax: "*"; inherits: false; initial-value: transparent; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-ordinal { syntax: "*"; inherits: false; } @property --tw-slashed-zero { syntax: "*"; inherits: false; } @property --tw-numeric-figure { syntax: "*"; inherits: false; } @property --tw-numeric-spacing { syntax: "*"; inherits: false; } @property --tw-numeric-fraction { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes pulse { 50% { opacity: 0.5; } } @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); } } @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); } } @keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); } to { height: 0; } } @keyframes collapsible-down { from { height: 0; } to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); } } @keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); } to { height: 0; } } @keyframes shimmer { 100% { transform: translateX(200%); } } @keyframes spinner-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes drip-expand { 0% { opacity: 0.2; transform: scale(0); } 100% { opacity: 0; transform: scale(2); } } @keyframes appearance-in { 0% { opacity: 0; transform: translateZ(0) scale(0.95); } 60% { opacity: 0.75; backface-visibility: hidden; webkit-font-smoothing: antialiased; transform: translateZ(0) scale(1.05); } 100% { opacity: 1; transform: translateZ(0) scale(1); } } @keyframes indeterminate-bar { 0% { transform: translateX(-50%) scaleX(0.2); } 100% { transform: translateX(100%) scaleX(1); } } @keyframes sway { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, -150%); } 100% { transform: translate(0px, 0px); } } @keyframes blink { 0% { opacity: 0.2; } 20% { opacity: 1; } 100% { opacity: 0.2; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0.15; } } @keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height); } to { height: 0; } } @keyframes collapsible-down { from { height: 0; } to { height: var(--radix-collapsible-content-height); } } @keyframes collapsible-up { from { height: var(--radix-collapsible-content-height); } to { height: 0; } } @keyframes flower-rise { 0% { transform: translate3d(-50%, 0, 0) scale(0.6); opacity: 0; } 8% { opacity: 1; } 55% { opacity: 1; } 100% { transform: translate3d(-50%, -110px, 0) scale(1); opacity: 0; } } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-border-style: solid; --tw-divide-y-reverse: 0; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-mask-linear: linear-gradient(#fff, #fff); --tw-mask-radial: linear-gradient(#fff, #fff); --tw-mask-conic: linear-gradient(#fff, #fff); --tw-mask-left: linear-gradient(#fff, #fff); --tw-mask-right: linear-gradient(#fff, #fff); --tw-mask-bottom: linear-gradient(#fff, #fff); --tw-mask-top: linear-gradient(#fff, #fff); --tw-mask-top-from-position: 0%; --tw-mask-top-to-position: 100%; --tw-mask-top-from-color: black; --tw-mask-top-to-color: transparent; --tw-mask-right-from-position: 0%; --tw-mask-right-to-position: 100%; --tw-mask-right-from-color: black; --tw-mask-right-to-color: transparent; --tw-mask-bottom-from-position: 0%; --tw-mask-bottom-to-position: 100%; --tw-mask-bottom-from-color: black; --tw-mask-bottom-to-color: transparent; --tw-mask-left-from-position: 0%; --tw-mask-left-to-position: 100%; --tw-mask-left-from-color: black; --tw-mask-left-to-color: transparent; --tw-font-weight: initial; --tw-tracking: initial; --tw-leading: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; } } }