/* KaTeX debe importarse antes de Tailwind */ @font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")} @font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")} @font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")} @font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")} @font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")} @font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")} @font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")} @font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")} @font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")} @font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")} @font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")} @font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")} @font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")} @font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")} @font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")} @font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")} @font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")} @font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")} @font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")} @font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")} .katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto} .katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor} .katex .katex-version:after{content:"0.16.25"} .katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px} .katex .katex-html>.newline{display:block} .katex .base{position:relative;white-space:nowrap;width:-moz-min-content;width:min-content} .katex .base,.katex .strut{display:inline-block} .katex .textbf{font-weight:700} .katex .textit{font-style:italic} .katex .textrm{font-family:KaTeX_Main} .katex .textsf{font-family:KaTeX_SansSerif} .katex .texttt{font-family:KaTeX_Typewriter} .katex .mathnormal{font-family:KaTeX_Math;font-style:italic} .katex .mathit{font-family:KaTeX_Main;font-style:italic} .katex .mathrm{font-style:normal} .katex .mathbf{font-family:KaTeX_Main;font-weight:700} .katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700} .katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS} .katex .mathcal{font-family:KaTeX_Caligraphic} .katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur} .katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700} .katex .mathtt{font-family:KaTeX_Typewriter} .katex .mathscr,.katex .textscr{font-family:KaTeX_Script} .katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif} .katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700} .katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic} .katex .mainrm{font-family:KaTeX_Main;font-style:normal} .katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed} .katex .vlist-r{display:table-row} .katex .vlist{display:table-cell;position:relative;vertical-align:bottom} .katex .vlist>span{display:block;height:0;position:relative} .katex .vlist>span>span{display:inline-block} .katex .vlist>span>.pstrut{overflow:hidden;width:0} .katex .vlist-t2{margin-right:-2px} .katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px} .katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column} .katex .hbox{width:100%} .katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row} .katex .thinbox{max-width:0;width:0} .katex .msupsub{text-align:left} .katex .mfrac>span>span{text-align:center} .katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%} .katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px} .katex .mspace{display:inline-block} .katex .clap,.katex .llap,.katex .rlap{position:relative;width:0} .katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute} .katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block} .katex .llap>.inner{right:0} .katex .clap>.inner,.katex .rlap>.inner{left:0} .katex .clap>.inner>span{margin-left:-50%;margin-right:50%} .katex .rule{border:0 solid;display:inline-block;position:relative} .katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%} .katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%} .katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em} .katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em} .katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em} .katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em} .katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em} .katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em} .katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em} .katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em} .katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em} .katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em} .katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em} .katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em} .katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em} .katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em} .katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em} .katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em} .katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em} .katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em} .katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em} .katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em} .katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em} .katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em} .katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em} .katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em} .katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em} .katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em} .katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em} .katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em} .katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em} .katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em} .katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em} .katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em} .katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em} .katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em} .katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em} .katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em} .katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em} .katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em} .katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em} .katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em} .katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em} .katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em} .katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em} .katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em} .katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em} .katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em} .katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em} .katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em} .katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em} .katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em} .katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em} .katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em} .katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em} .katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em} .katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em} .katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em} .katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em} .katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em} .katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em} .katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em} .katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em} .katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em} .katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em} .katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em} .katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em} .katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em} .katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em} .katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em} .katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em} .katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em} .katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em} .katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em} .katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em} .katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em} .katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em} .katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em} .katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em} .katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em} .katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em} .katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em} .katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em} .katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em} .katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em} .katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em} .katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em} .katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em} .katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em} .katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em} .katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em} .katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em} .katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em} .katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em} .katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em} .katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em} .katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em} .katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em} .katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em} .katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em} .katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em} .katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em} .katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em} .katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em} .katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em} .katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em} .katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em} .katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em} .katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em} .katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em} .katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em} .katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em} .katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em} .katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em} .katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em} .katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em} .katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em} .katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em} .katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em} .katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em} .katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em} .katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em} .katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em} .katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em} .katex .delimsizing.size1{font-family:KaTeX_Size1} .katex .delimsizing.size2{font-family:KaTeX_Size2} .katex .delimsizing.size3{font-family:KaTeX_Size3} .katex .delimsizing.size4{font-family:KaTeX_Size4} .katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1} .katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4} .katex .nulldelimiter{display:inline-block;width:.12em} .katex .delimcenter,.katex .op-symbol{position:relative} .katex .op-symbol.small-op{font-family:KaTeX_Size1} .katex .op-symbol.large-op{font-family:KaTeX_Size2} .katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center} .katex .accent .accent-body{position:relative} .katex .accent .accent-body:not(.accent-full){width:0} .katex .overlay{display:block} .katex .mtable .vertical-separator{display:inline-block;min-width:1px} .katex .mtable .arraycolsep{display:inline-block} .katex .mtable .col-align-c>.vlist-t{text-align:center} .katex .mtable .col-align-l>.vlist-t{text-align:left} .katex .mtable .col-align-r>.vlist-t{text-align:right} .katex .svg-align{text-align:left} .katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%} .katex svg path{stroke:none} .katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0} .katex .stretchy{display:block;overflow:hidden;position:relative;width:100%} .katex .stretchy:after,.katex .stretchy:before{content:""} .katex .hide-tail{overflow:hidden;position:relative;width:100%} .katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%} .katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%} .katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%} .katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%} .katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%} .katex .x-arrow-pad{padding:0 .5em} .katex .cd-arrow-pad{padding:0 .55556em 0 .27778em} .katex .mover,.katex .munder,.katex .x-arrow{text-align:center} .katex .boxpad{padding:0 .3em} .katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box} .katex .cancel-pad{padding:0 .2em} .katex .cancel-lap{margin-left:-.2em;margin-right:-.2em} .katex .sout{border-bottom-style:solid;border-bottom-width:.08em} .katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em} .katex .anglpad{padding:0 .03889em} .katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo} .katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo} .katex .mtr-glue{width:50%} .katex .cd-vert-arrow{display:inline-block;position:relative} .katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left} .katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right} .katex-display{display:block;margin:1em 0;text-align:center} .katex-display>.katex{display:block;text-align:center;white-space:nowrap} .katex-display>.katex>.katex-html{display:block;position:relative} .katex-display>.katex>.katex-html>.tag{position:absolute;right:0} .katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto} .katex-display.fleqn>.katex{padding-left:2em;text-align:left} body{counter-reset:katexEqnNo mmlEqnNo} /* ========================================== FUENTES LOCALES - Avantgarde ========================================== */ @font-face { font-family: 'Avantgarde'; src: url('/fonts/avantgarde-bk-bt-2/AVGARDN_2.TTF') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Avantgarde'; src: url('/fonts/avantgarde-bk-bt-2/AVGARDD_2.TTF') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Avantgarde'; src: url('/fonts/avantgarde-bk-bt-2/AVGARDDO_2.TTF') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } *, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } /* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: Quicksand, var(--font-sans); /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: JetBrains Mono, var(--font-mono); /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-family: var(--font-sans); font-size: var(--font-size-base); line-height: 1.5; color: var(--text-primary); background-color: var(--bg-secondary)} /* Títulos con Avantgarde - Primera letra mayúscula */ h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); font-weight: 600; color: var(--text-primary); line-height: 1.25; text-transform: none; letter-spacing: normal; } h1 { font-size: var(--font-size-4xl); } h2 { font-size: var(--font-size-3xl); } /* Clase para desactivar mayúsculas en títulos específicos */ /* Clase para aplicar estilo de título (Avantgarde) a otros elementos */ .font-heading { font-family: var(--font-heading); font-weight: 600; } /* ========================================== CONTENIDO DE LECTURA Para bitácora, contenido de niveles y trabajo colaborativo Usa Avenir Next con interlineado 1.5 ========================================== */ /* Clase auxiliar para Avenir Next (contenido) */ h3 { font-size: var(--font-size-2xl); } h4 { font-size: var(--font-size-xl); } h5 { font-size: var(--font-size-lg); } h6 { font-size: var(--font-size-base); } /* Longitud de línea óptima (50-75 caracteres) */ p:not([class*="max-w-"]), li { max-width: 75ch; } /* Centrar párrafos con max-width cuando están en contenedores centrados */ .text-center p { margin-inline: auto; } /* Links */ a { color: var(--text-brand); transition: color var(--transition-fast); } a:hover { color: var(--color-primary-hover); } .dark a:hover { color: var(--color-turquoise-300); } /* Focus visible para accesibilidad (WCAG 2.1) */ :focus-visible { outline: 3px solid var(--color-gold-500); outline-offset: 2px; } /* Selección de texto */ ::-moz-selection { background-color: var(--color-turquoise-200); color: var(--color-primary-900); } ::selection { background-color: var(--color-turquoise-200); color: var(--color-primary-900); } .dark ::-moz-selection { background-color: var(--color-turquoise-600); color: white; } .dark ::selection { background-color: var(--color-turquoise-600); color: white; } /* Reduced motion (WCAG 2.3.3) */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } .\!container{width:100% !important} .container{width:100%} @media (min-width: 640px){ .\!container{max-width:640px !important} .container{max-width:640px}} @media (min-width: 768px){ .\!container{max-width:768px !important} .container{max-width:768px}} @media (min-width: 1024px){ .\!container{max-width:1024px !important} .container{max-width:1024px}} @media (min-width: 1280px){ .\!container{max-width:1280px !important} .container{max-width:1280px}} @media (min-width: 1536px){ .\!container{max-width:1536px !important} .container{max-width:1536px}} /* ========================================== BOTONES (según documento) Jerarquía: Primary > CTA > Secondary > Tertiary ========================================== */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem; font-family: var(--font-sans); /* Quicksand */ font-weight: 600; text-transform: none; letter-spacing: normal; padding: var(--spacing-sm) var(--spacing-lg); min-height: 48px; /* Target táctil mínimo */ border-radius: var(--radius-lg); transition: all var(--transition-base); cursor: pointer} .btn:focus-visible { outline: 3px solid var(--color-gold-500); outline-offset: 2px; } .btn:disabled { opacity: 0.4; cursor: not-allowed; } .btn:active:not(:disabled) { transform: scale(0.98); } /* Tamaños */ .btn-sm { padding: var(--spacing-xs) var(--spacing-md); min-height: 36px; font-size: var(--font-size-sm); } /* Primary (Azul Principal) */ .btn-primary { background-color: var(--btn-primary-bg); color: var(--btn-primary-text); border: 1px solid var(--btn-primary-border); box-shadow: var(--shadow-sm); } .btn-primary:hover:not(:disabled) { background-color: var(--btn-primary-bg-hover); box-shadow: var(--shadow-md); transform: translateY(-2px); } /* CTA (Dorado - Call to Action) */ .btn-cta { background-color: var(--btn-cta-bg); color: var(--btn-cta-text); border: 1px solid var(--btn-cta-border); box-shadow: var(--shadow-sm); font-weight: 700; } .btn-cta:hover:not(:disabled) { background-color: var(--btn-cta-bg-hover); box-shadow: 0 4px 12px rgba(255, 199, 0, 0.3); transform: translateY(-2px); } /* Secondary (Turquesa Outline) */ .btn-secondary { background-color: var(--btn-secondary-bg); color: var(--btn-secondary-text); border: 2px solid var(--btn-secondary-border); } .btn-secondary:hover:not(:disabled) { background-color: var(--btn-secondary-bg-hover); } /* Tertiary (Ghost con texto brand) */ .btn-tertiary { background-color: var(--btn-tertiary-bg); color: var(--btn-tertiary-text); border: 1px solid var(--btn-tertiary-border); text-decoration: underline; text-underline-offset: 2px; } .btn-tertiary:hover:not(:disabled) { background-color: var(--btn-tertiary-bg-hover); text-decoration: none; } /* Outline */ .btn-outline { background-color: var(--btn-outline-bg); color: var(--btn-outline-text); border: 1px solid var(--btn-outline-border); } .btn-outline:hover:not(:disabled) { background-color: var(--btn-outline-bg-hover); } /* Ghost */ .btn-ghost { background-color: var(--btn-ghost-bg); color: var(--btn-ghost-text); border: 1px solid transparent; } .btn-ghost:hover:not(:disabled) { background-color: var(--btn-ghost-bg-hover); } /* Danger */ .btn-danger { background-color: var(--btn-danger-bg); color: var(--btn-danger-text); border: 1px solid var(--btn-danger-bg); } .btn-danger:hover:not(:disabled) { background-color: var(--btn-danger-bg-hover); } /* Success */ .btn-success { background-color: var(--color-success-500); color: #FFFFFF; border: 1px solid var(--color-success-500); box-shadow: var(--shadow-sm); } .btn-success:hover:not(:disabled) { background-color: var(--color-success-600); box-shadow: var(--shadow-md); transform: translateY(-2px); } /* Icon button */ /* ========================================== CARDS (según documento) Border-radius: 12px, sombras sutiles ========================================== */ .card { background-color: var(--card-bg); border: none; border-radius: var(--radius-xl); box-shadow: var(--card-shadow); transition: box-shadow var(--transition-base), transform var(--transition-base); } /* Card con borde de categoría (progreso) */ /* ========================================== INPUTS ========================================== */ .input{width:100%; padding: var(--spacing-sm) var(--spacing-md); font-size: var(--font-size-sm); background-color: var(--input-bg); border: 1px solid var(--input-border); border-radius: var(--radius-lg); color: var(--input-text); transition: border-color var(--transition-fast), box-shadow var(--transition-fast)} .input::-moz-placeholder { color: var(--input-placeholder); } .input::placeholder { color: var(--input-placeholder); } .input:focus { outline: none; border-color: var(--input-border-focus); box-shadow: 0 0 0 3px var(--input-ring); } .input:disabled { opacity: 0.6; cursor: not-allowed; } .textarea{width:100%; padding: var(--spacing-sm) var(--spacing-md); font-size: var(--font-size-sm); background-color: var(--input-bg); border: 1px solid var(--input-border); border-radius: var(--radius-lg); color: var(--input-text); transition: border-color var(--transition-fast), box-shadow var(--transition-fast)} .textarea::-moz-placeholder { color: var(--input-placeholder); } .textarea::placeholder { color: var(--input-placeholder); } .textarea:focus { outline: none; border-color: var(--input-border-focus); box-shadow: 0 0 0 3px var(--input-ring); } .textarea:disabled { opacity: 0.6; cursor: not-allowed; } @media (prefers-contrast: more) { .textarea { border-width: 2px; } } @media (forced-colors: active) { .textarea { border: 2px solid CanvasText; } } .textarea { min-height: 100px; resize: vertical; } .select{width:100%; padding: var(--spacing-sm) var(--spacing-md); font-size: var(--font-size-sm); background-color: var(--input-bg); border: 1px solid var(--input-border); border-radius: var(--radius-lg); color: var(--input-text); transition: border-color var(--transition-fast), box-shadow var(--transition-fast)} .select::-moz-placeholder { color: var(--input-placeholder); } .select::placeholder { color: var(--input-placeholder); } .select:focus { outline: none; border-color: var(--input-border-focus); box-shadow: 0 0 0 3px var(--input-ring); } .select:disabled { opacity: 0.6; cursor: not-allowed; } .select{-webkit-appearance:none;-moz-appearance:none;appearance:none} @media (prefers-contrast: more) { .select { border-width: 2px; } } @media (forced-colors: active) { .select { border: 2px solid CanvasText; } } .select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; } /* Chevron para selects con estilos inline (sin heredar .input) */ select.select-arrow { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; } .label{margin-bottom:0.375rem;display:block;font-weight:500; font-size: var(--font-size-sm); color: var(--text-secondary)} /* ========================================== BADGES ========================================== */ .\!badge{display:inline-flex;align-items:center;gap:0.25rem;font-weight:500} .badge{display:inline-flex;align-items:center;gap:0.25rem;font-weight:500} .\!badge { padding: 2px 10px !important; font-size: var(--font-size-xs) !important; border-radius: var(--radius-full) !important; } .badge { padding: 2px 10px; font-size: var(--font-size-xs); border-radius: var(--radius-full); } .badge-neutral { background-color: var(--badge-neutral-bg); color: var(--badge-neutral-text); } .badge-brand { background-color: var(--badge-brand-bg); color: var(--badge-brand-text); } .badge-success { background-color: var(--bg-success); color: var(--text-success); } .badge-warning { background-color: var(--bg-warning); color: var(--text-warning); } .badge-error { background-color: var(--bg-error); color: var(--text-error); } .badge-info { background-color: var(--bg-info); color: var(--text-info); } .badge-primary { background-color: var(--bg-brand-subtle); color: var(--text-brand); } /* Badge con punto */ /* ========================================== ALERTAS ========================================== */ .alert{display:flex;align-items:flex-start;gap:0.75rem;padding:1rem; border-radius: var(--radius-lg)} .alert-error { background-color: var(--bg-error); color: var(--text-error); } .alert-info { background-color: var(--bg-info); color: var(--text-info); } /* ========================================== TABS ========================================== */ .tabs{display:flex; border-bottom: 1px solid var(--border-primary)} .\!tab{margin-bottom:-1px;font-weight:500} .tab{margin-bottom:-1px;font-weight:500} .\!tab { padding: var(--spacing-md) var(--spacing-lg) !important; font-size: var(--font-size-sm) !important; color: var(--text-muted) !important; border-bottom: 2px solid transparent !important; transition: all var(--transition-fast) !important; } .tab { padding: var(--spacing-md) var(--spacing-lg); font-size: var(--font-size-sm); color: var(--text-muted); border-bottom: 2px solid transparent; transition: all var(--transition-fast); } .\!tab:hover { color: var(--text-secondary) !important; border-color: var(--border-secondary) !important; } .tab:hover { color: var(--text-secondary); border-color: var(--border-secondary); } .tab-active { color: var(--text-brand); border-color: var(--color-primary-600); } .tab-active:hover { color: var(--text-brand); border-color: var(--color-primary-600); } .dark .tab-active { color: var(--color-turquoise-400); border-color: var(--color-turquoise-500); } .dark .tab-active:hover { color: var(--color-turquoise-400); border-color: var(--color-turquoise-500); } /* ========================================== DIVIDERS ========================================== */ .divider{margin-top:1rem;margin-bottom:1rem; height: 1px; background-color: var(--border-primary)} /* ========================================== AVATARS ========================================== */ .avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-full); background-color: var(--bg-tertiary); color: var(--text-secondary); font-weight: 600} /* ========================================== SKELETON LOADING ========================================== */ /* ========================================== TOOLTIPS ========================================== */ /* ========================================== ICON COLORS ========================================== */ .icon-main { color: var(--color-primary-600); } .dark .icon-main { color: var(--color-turquoise-400); } .icon-secondary { color: var(--color-gray-500); } .dark .icon-secondary { color: var(--color-gray-400); } .dark .icon-accent { color: var(--color-gold-400); } /* ========================================== STAT CARDS ========================================== */ /* ========================================== MODAL ========================================== */ .modal-overlay{position:fixed;inset:0px;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem; background-color: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px)} .modal{width:100%; background-color: var(--card-bg); border-radius: var(--radius-2xl); box-shadow: var(--shadow-xl)} .modal-sm { max-width: 24rem; } .modal-md { max-width: 32rem; } .modal-lg { max-width: 48rem; } .modal-header{display:flex;align-items:center;justify-content:space-between; padding: var(--spacing-lg); border-bottom: 1px solid var(--border-primary)} .modal-title{font-weight:600; font-size: var(--font-size-lg); color: var(--text-primary)} .modal-body { padding: var(--spacing-lg); } .modal-footer{display:flex;justify-content:flex-end;gap:0.75rem; padding: var(--spacing-lg); border-top: 1px solid var(--border-primary)} /* ========================================== SEMANTIC TEXT UTILITIES ========================================== */ .text-primary { color: var(--text-primary) !important; } .text-secondary { color: var(--text-secondary) !important; } .text-tertiary { color: var(--text-tertiary); } .text-muted { color: var(--text-muted) !important; } .text-disabled { color: var(--text-disabled) !important; } .text-inverse { color: var(--text-inverse); } .text-brand { color: var(--text-brand); } /* ========================================== SEMANTIC BG UTILITIES ========================================== */ .bg-surface { background-color: var(--bg-primary); } .bg-elevated { background-color: var(--bg-elevated); } .bg-tertiary { background-color: var(--bg-tertiary); } .bg-sunken { background-color: var(--bg-sunken); } .bg-inverse { background-color: var(--bg-inverse); } .bg-brand { background-color: var(--bg-brand); } .bg-brand-subtle { background-color: var(--bg-brand-subtle); } .bg-interactive { background-color: var(--bg-interactive); } /* Hover states */ /* ========================================== BORDER UTILITIES ========================================== */ .border-default { border-color: var(--border-primary); } .border-subtle { border-color: var(--border-secondary); } /* Indicador lateral tipo ::before para cards (estilo Kobalto) */ .card-indicator { position: relative; } .card-indicator::before { content: ''; position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px; background: var(--card-indicator-color, currentColor); border-radius: 0 3px 3px 0; } .card-indicator-hidden::before { display: none; } .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0} .pointer-events-none{pointer-events:none} .pointer-events-auto{pointer-events:auto} .\!visible{visibility:visible !important} .visible{visibility:visible} .invisible{visibility:hidden} .collapse{visibility:collapse} .static{position:static} .fixed{position:fixed} .absolute{position:absolute} .relative{position:relative} .sticky{position:sticky} .inset-0{inset:0px} .inset-1{inset:0.25rem} .inset-8{inset:2rem} .inset-x-0{left:0px;right:0px} .-bottom-0\.5{bottom:-0.125rem} .-bottom-1{bottom:-0.25rem} .-left-1{left:-0.25rem} .-left-2{left:-0.5rem} .-left-20{left:-5rem} .-left-3{left:-0.75rem} .-right-0\.5{right:-0.125rem} .-right-1{right:-0.25rem} .-right-2{right:-0.5rem} .-right-40{right:-10rem} .-top-0\.5{top:-0.125rem} .-top-1{top:-0.25rem} .-top-2{top:-0.5rem} .-top-2\.5{top:-0.625rem} .-top-3{top:-0.75rem} .-top-40{top:-10rem} .-top-8{top:-2rem} .-top-\[80px\]{top:-80px} .bottom-0{bottom:0px} .bottom-1{bottom:0.25rem} .bottom-2{bottom:0.5rem} .bottom-20{bottom:5rem} .bottom-24{bottom:6rem} .bottom-32{bottom:8rem} .bottom-4{bottom:1rem} .bottom-5{bottom:1.25rem} .bottom-6{bottom:1.5rem} .bottom-8{bottom:2rem} .bottom-\[100px\]{bottom:100px} .bottom-full{bottom:100%} .left-0{left:0px} .left-0\.5{left:0.125rem} .left-1{left:0.25rem} .left-1\/2{left:50%} .left-2{left:0.5rem} .left-3{left:0.75rem} .left-4{left:1rem} .left-5{left:1.25rem} .left-6{left:1.5rem} .left-8{left:2rem} .right-0{right:0px} .right-0\.5{right:0.125rem} .right-1{right:0.25rem} .right-2{right:0.5rem} .right-3{right:0.75rem} .right-4{right:1rem} .right-5{right:1.25rem} .right-6{right:1.5rem} .right-full{right:100%} .top-0{top:0px} .top-1{top:0.25rem} .top-1\/2{top:50%} .top-10{top:2.5rem} .top-12{top:3rem} .top-14{top:3.5rem} .top-16{top:4rem} .top-2{top:0.5rem} .top-20{top:5rem} .top-3{top:0.75rem} .top-4{top:1rem} .top-5{top:1.25rem} .top-8{top:2rem} .top-full{top:100%} .-z-10{z-index:-10} .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-\[100\]{z-index:100} .z-\[60\]{z-index:60} .z-\[61\]{z-index:61} .z-\[9998\]{z-index:9998} .z-\[9999\]{z-index:9999} .order-1{order:1} .order-2{order:2} .col-span-2{grid-column:span 2 / span 2} .col-span-3{grid-column:span 3 / span 3} .\!m-0{margin:0px !important} .-m-2{margin:-0.5rem} .-mx-1{margin-left:-0.25rem;margin-right:-0.25rem} .-mx-2{margin-left:-0.5rem;margin-right:-0.5rem} .-mx-4{margin-left:-1rem;margin-right:-1rem} .mx-0\.5{margin-left:0.125rem;margin-right:0.125rem} .mx-1{margin-left:0.25rem;margin-right:0.25rem} .mx-2{margin-left:0.5rem;margin-right:0.5rem} .mx-3{margin-left:0.75rem;margin-right:0.75rem} .mx-4{margin-left:1rem;margin-right:1rem} .mx-auto{margin-left:auto;margin-right:auto} .my-0\.5{margin-top:0.125rem;margin-bottom:0.125rem} .my-1{margin-top:0.25rem;margin-bottom:0.25rem} .my-2{margin-top:0.5rem;margin-bottom:0.5rem} .my-3{margin-top:0.75rem;margin-bottom:0.75rem} .my-4{margin-top:1rem;margin-bottom:1rem} .my-6{margin-top:1.5rem;margin-bottom:1.5rem} .my-8{margin-top:2rem;margin-bottom:2rem} .-mb-px{margin-bottom:-1px} .-ml-1{margin-left:-0.25rem} .-ml-2{margin-left:-0.5rem} .-mr-1{margin-right:-0.25rem} .-mr-5{margin-right:-1.25rem} .-mt-1{margin-top:-0.25rem} .-mt-12{margin-top:-3rem} .-mt-4{margin-top:-1rem} .-mt-8{margin-top:-2rem} .mb-0\.5{margin-bottom:0.125rem} .mb-1{margin-bottom:0.25rem} .mb-1\.5{margin-bottom:0.375rem} .mb-10{margin-bottom:2.5rem} .mb-12{margin-bottom:3rem} .mb-16{margin-bottom:4rem} .mb-2{margin-bottom:0.5rem} .mb-3{margin-bottom:0.75rem} .mb-4{margin-bottom:1rem} .mb-5{margin-bottom:1.25rem} .mb-6{margin-bottom:1.5rem} .mb-8{margin-bottom:2rem} .ml-0{margin-left:0px} .ml-0\.5{margin-left:0.125rem} .ml-1{margin-left:0.25rem} .ml-12{margin-left:3rem} .ml-2{margin-left:0.5rem} .ml-3{margin-left:0.75rem} .ml-32{margin-left:8rem} .ml-4{margin-left:1rem} .ml-6{margin-left:1.5rem} .ml-8{margin-left:2rem} .ml-auto{margin-left:auto} .mr-1{margin-right:0.25rem} .mr-2{margin-right:0.5rem} .mr-3{margin-right:0.75rem} .mr-auto{margin-right:auto} .mt-0\.5{margin-top:0.125rem} .mt-1{margin-top:0.25rem} .mt-1\.5{margin-top:0.375rem} .mt-16{margin-top:4rem} .mt-2{margin-top:0.5rem} .mt-3{margin-top:0.75rem} .mt-4{margin-top:1rem} .mt-6{margin-top:1.5rem} .mt-8{margin-top:2rem} .mt-auto{margin-top:auto} .line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .block{display:block} .inline-block{display:inline-block} .inline{display:inline} .flex{display:flex} .inline-flex{display:inline-flex} .table{display:table} .grid{display:grid} .contents{display:contents} .hidden{display:none} .aspect-\[3\/4\]{aspect-ratio:3/4} .aspect-square{aspect-ratio:1 / 1} .aspect-video{aspect-ratio:16 / 9} .h-0{height:0px} .h-0\.5{height:0.125rem} .h-1{height:0.25rem} .h-1\.5{height:0.375rem} .h-1\/2{height:50%} .h-10{height:2.5rem} .h-12{height:3rem} .h-14{height:3.5rem} .h-16{height:4rem} .h-2{height:0.5rem} .h-2\.5{height:0.625rem} .h-20{height:5rem} .h-24{height:6rem} .h-28{height:7rem} .h-3{height:0.75rem} .h-3\.5{height:0.875rem} .h-32{height:8rem} .h-36{height:9rem} .h-4{height:1rem} .h-40{height:10rem} .h-48{height:12rem} .h-5{height:1.25rem} .h-6{height:1.5rem} .h-60{height:15rem} .h-64{height:16rem} .h-7{height:1.75rem} .h-8{height:2rem} .h-80{height:20rem} .h-9{height:2.25rem} .h-\[18px\]{height:18px} .h-\[350px\]{height:350px} .h-\[450px\]{height:450px} .h-\[600px\]{height:600px} .h-\[60px\]{height:60px} .h-\[60vh\]{height:60vh} .h-\[80px\]{height:80px} .h-\[90vh\]{height:90vh} .h-\[calc\(100dvh-140px\)\]{height:calc(100dvh - 140px)} .h-\[calc\(100dvh-200px\)\]{height:calc(100dvh - 200px)} .h-\[calc\(100dvh-6rem\)\]{height:calc(100dvh - 6rem)} .h-\[calc\(100vh-280px\)\]{height:calc(100vh - 280px)} .h-\[calc\(100vh-3\.5rem\)\]{height:calc(100vh - 3.5rem)} .h-\[calc\(100vh-8rem\)\]{height:calc(100vh - 8rem)} .h-auto{height:auto} .h-full{height:100%} .h-px{height:1px} .h-screen{height:100vh} .max-h-0{max-height:0px} .max-h-20{max-height:5rem} .max-h-32{max-height:8rem} .max-h-40{max-height:10rem} .max-h-48{max-height:12rem} .max-h-60{max-height:15rem} .max-h-64{max-height:16rem} .max-h-80{max-height:20rem} .max-h-96{max-height:24rem} .max-h-\[1000px\]{max-height:1000px} .max-h-\[22rem\]{max-height:22rem} .max-h-\[300px\]{max-height:300px} .max-h-\[32rem\]{max-height:32rem} .max-h-\[350px\]{max-height:350px} .max-h-\[400px\]{max-height:400px} .max-h-\[500px\]{max-height:500px} .max-h-\[50vh\]{max-height:50vh} .max-h-\[60px\]{max-height:60px} .max-h-\[60vh\]{max-height:60vh} .max-h-\[80vh\]{max-height:80vh} .max-h-\[85vh\]{max-height:85vh} .max-h-\[90vh\]{max-height:90vh} .max-h-\[95vh\]{max-height:95vh} .max-h-\[calc\(100vh-12rem\)\]{max-height:calc(100vh - 12rem)} .max-h-\[calc\(100vh-8rem\)\]{max-height:calc(100vh - 8rem)} .max-h-\[calc\(80vh-200px\)\]{max-height:calc(80vh - 200px)} .max-h-\[calc\(90vh-130px\)\]{max-height:calc(90vh - 130px)} .max-h-\[calc\(90vh-140px\)\]{max-height:calc(90vh - 140px)} .max-h-\[calc\(90vh-80px\)\]{max-height:calc(90vh - 80px)} .max-h-full{max-height:100%} .min-h-0{min-height:0px} .min-h-\[100px\]{min-height:100px} .min-h-\[120px\]{min-height:120px} .min-h-\[2\.5rem\]{min-height:2.5rem} .min-h-\[300px\]{min-height:300px} .min-h-\[3rem\]{min-height:3rem} .min-h-\[400px\]{min-height:400px} .min-h-\[40px\]{min-height:40px} .min-h-\[600px\]{min-height:600px} .min-h-\[60vh\]{min-height:60vh} .min-h-screen{min-height:100vh} .w-0\.5{width:0.125rem} .w-1{width:0.25rem} .w-1\.5{width:0.375rem} .w-1\/2{width:50%} .w-10{width:2.5rem} .w-11{width:2.75rem} .w-12{width:3rem} .w-14{width:3.5rem} .w-16{width:4rem} .w-2{width:0.5rem} .w-2\.5{width:0.625rem} .w-2\/3{width:66.666667%} .w-20{width:5rem} .w-24{width:6rem} .w-28{width:7rem} .w-3{width:0.75rem} .w-3\.5{width:0.875rem} .w-3\/4{width:75%} .w-32{width:8rem} .w-36{width:9rem} .w-4{width:1rem} .w-40{width:10rem} .w-48{width:12rem} .w-5{width:1.25rem} .w-52{width:13rem} .w-6{width:1.5rem} .w-60{width:15rem} .w-64{width:16rem} .w-7{width:1.75rem} .w-72{width:18rem} .w-8{width:2rem} .w-80{width:20rem} .w-9{width:2.25rem} .w-96{width:24rem} .w-\[90vw\]{width:90vw} .w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)} .w-auto{width:auto} .w-full{width:100%} .w-px{width:1px} .min-w-0{min-width:0px} .min-w-\[100px\]{min-width:100px} .min-w-\[11rem\]{min-width:11rem} .min-w-\[120px\]{min-width:120px} .min-w-\[140px\]{min-width:140px} .min-w-\[160px\]{min-width:160px} .min-w-\[180px\]{min-width:180px} .min-w-\[18px\]{min-width:18px} .min-w-\[200px\]{min-width:200px} .min-w-\[240px\]{min-width:240px} .min-w-\[280px\]{min-width:280px} .min-w-\[28px\]{min-width:28px} .min-w-\[3rem\]{min-width:3rem} .min-w-\[50px\]{min-width:50px} .min-w-\[60px\]{min-width:60px} .min-w-\[70px\]{min-width:70px} .min-w-fit{min-width:-moz-fit-content;min-width:fit-content} .min-w-full{min-width:100%} .max-w-2xl{max-width:42rem} .max-w-3xl{max-width:48rem} .max-w-4xl{max-width:56rem} .max-w-5xl{max-width:64rem} .max-w-6xl{max-width:72rem} .max-w-7xl{max-width:80rem} .max-w-\[100px\]{max-width:100px} .max-w-\[120px\]{max-width:120px} .max-w-\[150px\]{max-width:150px} .max-w-\[1600px\]{max-width:1600px} .max-w-\[200px\]{max-width:200px} .max-w-\[70\%\]{max-width:70%} .max-w-\[75\%\]{max-width:75%} .max-w-\[80\%\]{max-width:80%} .max-w-\[90vw\]{max-width:90vw} .max-w-\[95vw\]{max-width:95vw} .max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)} .max-w-full{max-width:100%} .max-w-lg{max-width:32rem} .max-w-md{max-width:28rem} .max-w-none{max-width:none} .max-w-sm{max-width:24rem} .max-w-xl{max-width:36rem} .max-w-xs{max-width:20rem} .flex-1{flex:1 1 0%} .flex-shrink{flex-shrink:1} .flex-shrink-0{flex-shrink:0} .shrink-0{flex-shrink:0} .flex-grow{flex-grow:1} .grow{flex-grow:1} .border-collapse{border-collapse:collapse} .-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-x-full{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-x-1{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-x-6{--tw-translate-x:1.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-x-8{--tw-translate-x:2rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-y-4{--tw-translate-y:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-rotate-90{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-\[20\]{--tw-scale-x:20;--tw-scale-y:20;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} @keyframes bounce{ 0%, 100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)} 50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)}} .animate-bounce{animation:bounce 1s infinite} @keyframes fadeIn{ 0%{opacity:0} 100%{opacity:1}} .animate-fade-in{animation:fadeIn 0.2s ease-out} @keyframes ping{ 75%, 100%{transform:scale(2);opacity:0}} .animate-ping{animation:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite} @keyframes pulse{ 50%{opacity:.5}} .animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite} @keyframes scaleIn{ 0%{transform:scale(0.95);opacity:0} 100%{transform:scale(1);opacity:1}} .animate-scale-in{animation:scaleIn 0.2s ease-out} @keyframes spin{ to{transform:rotate(360deg)}} .animate-spin{animation:spin 1s linear infinite} .cursor-crosshair{cursor:crosshair} .cursor-default{cursor:default} .cursor-grab{cursor:grab} .cursor-not-allowed{cursor:not-allowed} .cursor-pointer{cursor:pointer} .cursor-se-resize{cursor:se-resize} .touch-none{touch-action:none} .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none} .resize-none{resize:none} .resize-y{resize:vertical} .resize{resize:both} .scroll-mt-20{scroll-margin-top:5rem} .list-inside{list-style-position:inside} .list-decimal{list-style-type:decimal} .list-disc{list-style-type:disc} .list-none{list-style-type:none} .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none} .grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))} .grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))} .grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))} .grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))} .grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr} .flex-row{flex-direction:row} .flex-row-reverse{flex-direction:row-reverse} .flex-col{flex-direction:column} .flex-wrap{flex-wrap:wrap} .items-start{align-items:flex-start} .items-end{align-items:flex-end} .items-center{align-items:center} .items-baseline{align-items:baseline} .justify-start{justify-content:flex-start} .justify-end{justify-content:flex-end} .justify-center{justify-content:center} .justify-between{justify-content:space-between} .justify-around{justify-content:space-around} .gap-0\.5{gap:0.125rem} .gap-1{gap:0.25rem} .gap-1\.5{gap:0.375rem} .gap-2{gap:0.5rem} .gap-2\.5{gap:0.625rem} .gap-3{gap:0.75rem} .gap-4{gap:1rem} .gap-6{gap:1.5rem} .gap-8{gap:2rem} .gap-x-4{-moz-column-gap:1rem;column-gap:1rem} .gap-y-2{row-gap:0.5rem} .-space-x-1\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-0.375rem * var(--tw-space-x-reverse));margin-left:calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)))} .-space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-0.5rem * var(--tw-space-x-reverse));margin-left:calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))} .space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))} .space-y-0\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.125rem * var(--tw-space-y-reverse))} .space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))} .space-y-1\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.375rem * var(--tw-space-y-reverse))} .space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))} .space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))} .space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))} .space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))} .space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))} .space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))} .divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))} .divide-gray-100 > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246 / var(--tw-divide-opacity, 1))} .divide-gray-200 > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))} .divide-semantic-border-primary > :not([hidden]) ~ :not([hidden]){border-color:var(--border-primary)} .self-center{align-self:center} .self-stretch{align-self:stretch} .overflow-auto{overflow:auto} .overflow-hidden{overflow:hidden} .overflow-x-auto{overflow-x:auto} .overflow-y-auto{overflow-y:auto} .overflow-x-hidden{overflow-x:hidden} .overscroll-contain{overscroll-behavior:contain} .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .whitespace-nowrap{white-space:nowrap} .whitespace-pre-line{white-space:pre-line} .whitespace-pre-wrap{white-space:pre-wrap} .break-words{overflow-wrap:break-word} .\!rounded-none{border-radius:var(--radius-none) !important} .rounded{border-radius:0.25rem} .rounded-2xl{border-radius:var(--radius-2xl)} .rounded-3xl{border-radius:var(--radius-3xl)} .rounded-full{border-radius:var(--radius-full)} .rounded-lg{border-radius:var(--radius-lg)} .rounded-md{border-radius:var(--radius-md)} .rounded-none{border-radius:var(--radius-none)} .rounded-sm{border-radius:var(--radius-sm)} .rounded-xl{border-radius:var(--radius-xl)} .rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)} .rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)} .rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)} .rounded-l-full{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)} .rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)} .rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)} .rounded-t{border-top-left-radius:0.25rem;border-top-right-radius:0.25rem} .rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)} .rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)} .rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)} .rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)} .rounded-bl-md{border-bottom-left-radius:var(--radius-md)} .rounded-bl-none{border-bottom-left-radius:var(--radius-none)} .rounded-bl-sm{border-bottom-left-radius:var(--radius-sm)} .rounded-br-lg{border-bottom-right-radius:var(--radius-lg)} .rounded-br-md{border-bottom-right-radius:var(--radius-md)} .rounded-br-none{border-bottom-right-radius:var(--radius-none)} .rounded-br-sm{border-bottom-right-radius:var(--radius-sm)} .rounded-tl{border-top-left-radius:0.25rem} .rounded-tl-lg{border-top-left-radius:var(--radius-lg)} .rounded-tl-none{border-top-left-radius:var(--radius-none)} .rounded-tl-sm{border-top-left-radius:var(--radius-sm)} .rounded-tr-lg{border-top-right-radius:var(--radius-lg)} .rounded-tr-none{border-top-right-radius:var(--radius-none)} .rounded-tr-sm{border-top-right-radius:var(--radius-sm)} .border{border-width:1px} .border-0{border-width:0px} .border-2{border-width:2px} .border-4{border-width:4px} .border-x-0{border-left-width:0px;border-right-width:0px} .border-b{border-bottom-width:1px} .border-b-2{border-bottom-width:2px} .border-b-4{border-bottom-width:4px} .border-l{border-left-width:1px} .border-l-2{border-left-width:2px} .border-l-4{border-left-width:4px} .border-l-\[3px\]{border-left-width:3px} .border-r{border-right-width:1px} .border-r-4{border-right-width:4px} .border-t{border-top-width:1px} .border-t-0{border-top-width:0px} .border-t-2{border-top-width:2px} .border-t-4{border-top-width:4px} .border-solid{border-style:solid} .border-dashed{border-style:dashed} .border-dotted{border-style:dotted} .border-none{border-style:none} .border-\[var\(--color-info-500\)\]{border-color:var(--color-info-500)} .border-\[var\(--color-success-500\)\]{border-color:var(--color-success-500)} .border-\[var\(--color-warning-500\)\]{border-color:var(--color-warning-500)} .border-amber-100{--tw-border-opacity:1;border-color:rgb(254 243 199 / var(--tw-border-opacity, 1))} .border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))} .border-amber-300{--tw-border-opacity:1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))} .border-amber-400{--tw-border-opacity:1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1))} .border-amber-400\/30{border-color:rgb(251 191 36 / 0.3)} .border-amber-400\/50{border-color:rgb(251 191 36 / 0.5)} .border-amber-500\/20{border-color:rgb(245 158 11 / 0.2)} .border-amber-500\/30{border-color:rgb(245 158 11 / 0.3)} .border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))} .border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))} .border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))} .border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))} .border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))} .border-blue-500\/30{border-color:rgb(59 130 246 / 0.3)} .border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))} .border-brand{border-color:var(--btn-primary-bg)} .border-current{border-color:currentColor} .border-cyan-200{--tw-border-opacity:1;border-color:rgb(165 243 252 / var(--tw-border-opacity, 1))} .border-emerald-100{--tw-border-opacity:1;border-color:rgb(209 250 229 / var(--tw-border-opacity, 1))} .border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))} .border-emerald-300{--tw-border-opacity:1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))} .border-emerald-500\/20{border-color:rgb(16 185 129 / 0.2)} .border-emerald-500\/30{border-color:rgb(16 185 129 / 0.3)} .border-emerald-600{--tw-border-opacity:1;border-color:rgb(5 150 105 / var(--tw-border-opacity, 1))} .border-error{border-color:var(--color-error-500)} .border-error-500{border-color:var(--color-error-500)} .border-gold-300{border-color:var(--color-gold-300)} .border-gold-500{border-color:var(--color-gold-500)} .border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))} .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))} .border-gray-200\/50{border-color:rgb(229 231 235 / 0.5)} .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))} .border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))} .border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))} .border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))} .border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))} .border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))} .border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))} .border-green-400\/50{border-color:rgb(74 222 128 / 0.5)} .border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))} .border-indigo-100{--tw-border-opacity:1;border-color:rgb(224 231 255 / var(--tw-border-opacity, 1))} .border-indigo-200{--tw-border-opacity:1;border-color:rgb(199 210 254 / var(--tw-border-opacity, 1))} .border-indigo-500{--tw-border-opacity:1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))} .border-indigo-600{--tw-border-opacity:1;border-color:rgb(79 70 229 / var(--tw-border-opacity, 1))} .border-input-border{border-color:var(--input-border)} .border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))} .border-orange-300{--tw-border-opacity:1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))} .border-primary{border-color:var(--color-primary-600)} .border-primary-100{border-color:var(--color-primary-100)} .border-primary-200{border-color:var(--color-primary-200)} .border-primary-300{border-color:var(--color-primary-300)} .border-primary-500{border-color:var(--color-primary-500)} .border-primary-600{border-color:var(--color-primary-600)} .border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))} .border-purple-400{--tw-border-opacity:1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))} .border-purple-500\/20{border-color:rgb(168 85 247 / 0.2)} .border-purple-500\/30{border-color:rgb(168 85 247 / 0.3)} .border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226 / var(--tw-border-opacity, 1))} .border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))} .border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))} .border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))} .border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))} .border-red-500\/30{border-color:rgb(239 68 68 / 0.3)} .border-red-500\/50{border-color:rgb(239 68 68 / 0.5)} .border-red-700\/50{border-color:rgb(185 28 28 / 0.5)} .border-red-800\/50{border-color:rgb(153 27 27 / 0.5)} .border-secondary-400{border-color:var(--color-secondary-400)} .border-secondary-500{border-color:var(--color-secondary-500)} .border-semantic-border-primary{border-color:var(--border-primary)} .border-semantic-border-secondary{border-color:var(--border-secondary)} .border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))} .border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))} .border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))} .border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))} .border-success{border-color:var(--color-success-500)} .border-success-500{border-color:var(--color-success-500)} .border-surface{border-color:var(--bg-primary)} .border-surface-primary{border-color:var(--bg-primary)} .border-teal-200{--tw-border-opacity:1;border-color:rgb(153 246 228 / var(--tw-border-opacity, 1))} .border-teal-500{--tw-border-opacity:1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1))} .border-transparent{border-color:transparent} .border-turquoise-200{border-color:var(--color-turquoise-200)} .border-turquoise-300{border-color:var(--color-turquoise-300)} .border-turquoise-500{border-color:var(--color-turquoise-500)} .border-violet-100{border-color:var(--color-violet-100)} .border-violet-200{border-color:var(--color-violet-200)} .border-violet-300{border-color:var(--color-violet-300)} .border-violet-500{border-color:var(--color-violet-500)} .border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))} .border-white\/10{border-color:rgb(255 255 255 / 0.1)} .border-white\/20{border-color:rgb(255 255 255 / 0.2)} .border-white\/30{border-color:rgb(255 255 255 / 0.3)} .border-white\/40{border-color:rgb(255 255 255 / 0.4)} .border-white\/50{border-color:rgb(255 255 255 / 0.5)} .border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))} .border-yellow-400\/40{border-color:rgb(250 204 21 / 0.4)} .border-yellow-500\/30{border-color:rgb(234 179 8 / 0.3)} .border-l-amber-500{--tw-border-opacity:1;border-left-color:rgb(245 158 11 / var(--tw-border-opacity, 1))} .border-l-blue-500{--tw-border-opacity:1;border-left-color:rgb(59 130 246 / var(--tw-border-opacity, 1))} .border-l-red-500{--tw-border-opacity:1;border-left-color:rgb(239 68 68 / var(--tw-border-opacity, 1))} .border-t-amber-500{--tw-border-opacity:1;border-top-color:rgb(245 158 11 / var(--tw-border-opacity, 1))} .border-t-transparent{border-top-color:transparent} .border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))} .border-t-yellow-500{--tw-border-opacity:1;border-top-color:rgb(234 179 8 / var(--tw-border-opacity, 1))} .bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))} .bg-amber-200{--tw-bg-opacity:1;background-color:rgb(253 230 138 / var(--tw-bg-opacity, 1))} .bg-amber-200\/50{background-color:rgb(253 230 138 / 0.5)} .bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))} .bg-amber-400\/30{background-color:rgb(251 191 36 / 0.3)} .bg-amber-400\/95{background-color:rgb(251 191 36 / 0.95)} .bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))} .bg-amber-50\/50{background-color:rgb(255 251 235 / 0.5)} .bg-amber-50\/60{background-color:rgb(255 251 235 / 0.6)} .bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))} .bg-amber-500\/10{background-color:rgb(245 158 11 / 0.1)} .bg-amber-500\/20{background-color:rgb(245 158 11 / 0.2)} .bg-amber-500\/90{background-color:rgb(245 158 11 / 0.9)} .bg-amber-600{--tw-bg-opacity:1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))} .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))} .bg-black\/0{background-color:rgb(0 0 0 / 0)} .bg-black\/20{background-color:rgb(0 0 0 / 0.2)} .bg-black\/30{background-color:rgb(0 0 0 / 0.3)} .bg-black\/40{background-color:rgb(0 0 0 / 0.4)} .bg-black\/5{background-color:rgb(0 0 0 / 0.05)} .bg-black\/50{background-color:rgb(0 0 0 / 0.5)} .bg-black\/60{background-color:rgb(0 0 0 / 0.6)} .bg-black\/70{background-color:rgb(0 0 0 / 0.7)} .bg-black\/75{background-color:rgb(0 0 0 / 0.75)} .bg-black\/80{background-color:rgb(0 0 0 / 0.8)} .bg-black\/90{background-color:rgb(0 0 0 / 0.9)} .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))} .bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))} .bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))} .bg-blue-50\/50{background-color:rgb(239 246 255 / 0.5)} .bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))} .bg-blue-500\/10{background-color:rgb(59 130 246 / 0.1)} .bg-blue-500\/20{background-color:rgb(59 130 246 / 0.2)} .bg-blue-500\/30{background-color:rgb(59 130 246 / 0.3)} .bg-blue-500\/5{background-color:rgb(59 130 246 / 0.05)} .bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))} .bg-brand{background-color:var(--btn-primary-bg)} .bg-cyan-100{--tw-bg-opacity:1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1))} .bg-cyan-50{--tw-bg-opacity:1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))} .bg-cyan-50\/60{background-color:rgb(236 254 255 / 0.6)} .bg-cyan-500\/10{background-color:rgb(6 182 212 / 0.1)} .bg-cyan-600{--tw-bg-opacity:1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))} .bg-dark-elevated{--tw-bg-opacity:1;background-color:rgb(22 27 34 / var(--tw-bg-opacity, 1))} .bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))} .bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))} .bg-emerald-50\/50{background-color:rgb(236 253 245 / 0.5)} .bg-emerald-50\/60{background-color:rgb(236 253 245 / 0.6)} .bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))} .bg-emerald-500\/10{background-color:rgb(16 185 129 / 0.1)} .bg-emerald-500\/20{background-color:rgb(16 185 129 / 0.2)} .bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))} .bg-error{background-color:var(--color-error-500)} .bg-error-100{background-color:var(--color-error-100)} .bg-error-50{background-color:var(--color-error-50)} .bg-error-600{background-color:var(--color-error-600)} .bg-gold-100{background-color:var(--color-gold-100)} .bg-gold-50{background-color:var(--color-gold-50)} .bg-gold-500{background-color:var(--color-gold-500)} .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))} .bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))} .bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))} .bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))} .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))} .bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))} .bg-gray-500\/50{background-color:rgb(107 114 128 / 0.5)} .bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))} .bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))} .bg-gray-700\/50{background-color:rgb(55 65 81 / 0.5)} .bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))} .bg-gray-800\/20{background-color:rgb(31 41 55 / 0.2)} .bg-gray-800\/30{background-color:rgb(31 41 55 / 0.3)} .bg-gray-800\/50{background-color:rgb(31 41 55 / 0.5)} .bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))} .bg-gray-900\/80{background-color:rgb(17 24 39 / 0.8)} .bg-gray-900\/90{background-color:rgb(17 24 39 / 0.9)} .bg-gray-900\/95{background-color:rgb(17 24 39 / 0.95)} .bg-gray-950{--tw-bg-opacity:1;background-color:rgb(3 7 18 / var(--tw-bg-opacity, 1))} .bg-gray-950\/80{background-color:rgb(3 7 18 / 0.8)} .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))} .bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))} .bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))} .bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))} .bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))} .bg-green-500\/20{background-color:rgb(34 197 94 / 0.2)} .bg-green-500\/90{background-color:rgb(34 197 94 / 0.9)} .bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))} .bg-green-600\/60{background-color:rgb(22 163 74 / 0.6)} .bg-green-900\/30{background-color:rgb(20 83 45 / 0.3)} .bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))} .bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))} .bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))} .bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))} .bg-indigo-600\/20{background-color:rgb(79 70 229 / 0.2)} .bg-indigo-600\/40{background-color:rgb(79 70 229 / 0.4)} .bg-info{background-color:var(--color-info-500)} .bg-info-100{background-color:var(--color-info-100)} .bg-lime-100{--tw-bg-opacity:1;background-color:rgb(236 252 203 / var(--tw-bg-opacity, 1))} .bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))} .bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))} .bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))} .bg-orange-500\/10{background-color:rgb(249 115 22 / 0.1)} .bg-orange-500\/20{background-color:rgb(249 115 22 / 0.2)} .bg-orange-600{--tw-bg-opacity:1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))} .bg-pink-100{--tw-bg-opacity:1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))} .bg-pink-600{--tw-bg-opacity:1;background-color:rgb(219 39 119 / var(--tw-bg-opacity, 1))} .bg-primary{background-color:var(--color-primary-600)} .bg-primary-100{background-color:var(--color-primary-100)} .bg-primary-50{background-color:var(--color-primary-50)} .bg-primary-500{background-color:var(--color-primary-500)} .bg-primary-600{background-color:var(--color-primary-600)} .bg-primary-700{background-color:var(--color-primary-700)} .bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))} .bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))} .bg-purple-50\/50{background-color:rgb(250 245 255 / 0.5)} .bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))} .bg-purple-500\/10{background-color:rgb(168 85 247 / 0.1)} .bg-purple-500\/20{background-color:rgb(168 85 247 / 0.2)} .bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))} .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))} .bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))} .bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))} .bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))} .bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))} .bg-red-500\/10{background-color:rgb(239 68 68 / 0.1)} .bg-red-500\/20{background-color:rgb(239 68 68 / 0.2)} .bg-red-500\/80{background-color:rgb(239 68 68 / 0.8)} .bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))} .bg-red-900\/10{background-color:rgb(127 29 29 / 0.1)} .bg-red-900\/50{background-color:rgb(127 29 29 / 0.5)} .bg-red-950\/50{background-color:rgb(69 10 10 / 0.5)} .bg-reflex-500{background-color:var(--color-reflex-500)} .bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))} .bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))} .bg-secondary{background-color:var(--color-secondary-500)} .bg-secondary-100{background-color:var(--color-secondary-100)} .bg-secondary-200{background-color:var(--color-secondary-200)} .bg-secondary-400{background-color:var(--color-secondary-400)} .bg-secondary-50{background-color:var(--color-secondary-50)} .bg-secondary-500{background-color:var(--color-secondary-500)} .bg-semantic-border-primary{background-color:var(--border-primary)} .bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))} .bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))} .bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))} .bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))} .bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))} .bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))} .bg-slate-800\/90{background-color:rgb(30 41 59 / 0.9)} .bg-slate-800\/95{background-color:rgb(30 41 59 / 0.95)} .bg-slate-900\/80{background-color:rgb(15 23 42 / 0.8)} .bg-slate-900\/90{background-color:rgb(15 23 42 / 0.9)} .bg-slate-900\/95{background-color:rgb(15 23 42 / 0.95)} .bg-success{background-color:var(--color-success-500)} .bg-success-100{background-color:var(--color-success-100)} .bg-success-50{background-color:var(--color-success-50)} .bg-success-600{background-color:var(--color-success-600)} .bg-surface{background-color:var(--bg-primary)} .bg-surface-primary{background-color:var(--bg-primary)} .bg-surface-secondary{background-color:var(--bg-tertiary)} .bg-surface-tertiary{background-color:var(--bg-tertiary)} .bg-teal-100{--tw-bg-opacity:1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1))} .bg-teal-50{--tw-bg-opacity:1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))} .bg-teal-50\/50{background-color:rgb(240 253 250 / 0.5)} .bg-teal-600{--tw-bg-opacity:1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))} .bg-teal-800{--tw-bg-opacity:1;background-color:rgb(17 94 89 / var(--tw-bg-opacity, 1))} .bg-transparent{background-color:transparent} .bg-turquoise-100{background-color:var(--color-turquoise-100)} .bg-turquoise-50{background-color:var(--color-turquoise-50)} .bg-turquoise-600{background-color:var(--color-turquoise-600)} .bg-violet-100{background-color:var(--color-violet-100)} .bg-violet-50{background-color:var(--color-violet-50)} .bg-violet-500{background-color:var(--color-violet-500)} .bg-violet-600{background-color:var(--color-violet-600)} .bg-warning{background-color:var(--color-warning-500)} .bg-warning-100{background-color:var(--color-warning-100)} .bg-warning-50{background-color:var(--color-warning-50)} .bg-warning-500{background-color:var(--color-warning-500)} .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .bg-white\/10{background-color:rgb(255 255 255 / 0.1)} .bg-white\/15{background-color:rgb(255 255 255 / 0.15)} .bg-white\/20{background-color:rgb(255 255 255 / 0.2)} .bg-white\/30{background-color:rgb(255 255 255 / 0.3)} .bg-white\/50{background-color:rgb(255 255 255 / 0.5)} .bg-white\/70{background-color:rgb(255 255 255 / 0.7)} .bg-white\/90{background-color:rgb(255 255 255 / 0.9)} .bg-white\/95{background-color:rgb(255 255 255 / 0.95)} .bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))} .bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))} .bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(253 224 71 / var(--tw-bg-opacity, 1))} .bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))} .bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))} .bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))} .bg-yellow-500\/20{background-color:rgb(234 179 8 / 0.2)} .bg-yellow-600{--tw-bg-opacity:1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))} .bg-yellow-600\/50{background-color:rgb(202 138 4 / 0.5)} .bg-opacity-50{--tw-bg-opacity:0.5} .bg-opacity-90{--tw-bg-opacity:0.9} .bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))} .bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))} .bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))} .bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))} .from-\[\#042454\]{--tw-gradient-from:#042454 var(--tw-gradient-from-position);--tw-gradient-to:rgb(4 36 84 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-\[\#0a0e27\]{--tw-gradient-from:#0a0e27 var(--tw-gradient-from-position);--tw-gradient-to:rgb(10 14 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-100{--tw-gradient-from:#fef3c7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(254 243 199 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-400{--tw-gradient-from:#fbbf24 var(--tw-gradient-from-position);--tw-gradient-to:rgb(251 191 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-50{--tw-gradient-from:#fffbeb var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 251 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-500{--tw-gradient-from:#f59e0b var(--tw-gradient-from-position);--tw-gradient-to:rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-600\/20{--tw-gradient-from:rgb(217 119 6 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(217 119 6 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-aquamarine-500{--tw-gradient-from:var(--color-aquamarine-500) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-black\/10{--tw-gradient-from:rgb(0 0 0 / 0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-black\/60{--tw-gradient-from:rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-black\/70{--tw-gradient-from:rgb(0 0 0 / 0.7) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-black\/80{--tw-gradient-from:rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-600\/20{--tw-gradient-from:rgb(37 99 235 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-emerald-400{--tw-gradient-from:#34d399 var(--tw-gradient-from-position);--tw-gradient-to:rgb(52 211 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-emerald-50{--tw-gradient-from:#ecfdf5 var(--tw-gradient-from-position);--tw-gradient-to:rgb(236 253 245 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-emerald-600\/20{--tw-gradient-from:rgb(5 150 105 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(5 150 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-200{--tw-gradient-from:#e5e7eb var(--tw-gradient-from-position);--tw-gradient-to:rgb(229 231 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-300{--tw-gradient-from:#d1d5db var(--tw-gradient-from-position);--tw-gradient-to:rgb(209 213 219 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-400{--tw-gradient-from:#9ca3af var(--tw-gradient-from-position);--tw-gradient-to:rgb(156 163 175 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-500{--tw-gradient-from:#6b7280 var(--tw-gradient-from-position);--tw-gradient-to:rgb(107 114 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-900{--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-950{--tw-gradient-from:#030712 var(--tw-gradient-from-position);--tw-gradient-to:rgb(3 7 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-green-400{--tw-gradient-from:#4ade80 var(--tw-gradient-from-position);--tw-gradient-to:rgb(74 222 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-green-50{--tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to:rgb(240 253 244 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-green-600{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-indigo-400{--tw-gradient-from:#818cf8 var(--tw-gradient-from-position);--tw-gradient-to:rgb(129 140 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-indigo-500{--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-orange-500{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-pink-500{--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-primary{--tw-gradient-from:var(--color-primary-600) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-primary-400{--tw-gradient-from:var(--color-primary-400) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-primary-50{--tw-gradient-from:var(--color-primary-50) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-primary-500{--tw-gradient-from:var(--color-primary-500) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-primary-600{--tw-gradient-from:var(--color-primary-600) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-purple-50{--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:rgb(250 245 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-red-50{--tw-gradient-from:#fef2f2 var(--tw-gradient-from-position);--tw-gradient-to:rgb(254 242 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-red-600{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-secondary-400{--tw-gradient-from:var(--color-secondary-400) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-800{--tw-gradient-from:#1e293b var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-success{--tw-gradient-from:var(--color-success-500) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-surface{--tw-gradient-from:var(--bg-primary) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-teal-500{--tw-gradient-from:#14b8a6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(20 184 166 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-teal-700{--tw-gradient-from:#0f766e var(--tw-gradient-from-position);--tw-gradient-to:rgb(15 118 110 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-turquoise-400{--tw-gradient-from:var(--color-turquoise-400) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-turquoise-50{--tw-gradient-from:var(--color-turquoise-50) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-turquoise-500{--tw-gradient-from:var(--color-turquoise-500) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-violet-400{--tw-gradient-from:var(--color-violet-400) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-violet-50{--tw-gradient-from:var(--color-violet-50) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-violet-500{--tw-gradient-from:var(--color-violet-500) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-yellow-50{--tw-gradient-from:#fefce8 var(--tw-gradient-from-position);--tw-gradient-to:rgb(254 252 232 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-yellow-500{--tw-gradient-from:#eab308 var(--tw-gradient-from-position);--tw-gradient-to:rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .via-\[\#1a1f3a\]{--tw-gradient-to:rgb(26 31 58 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #1a1f3a var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-indigo-950{--tw-gradient-to:rgb(30 27 75 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #1e1b4b var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-primary-50{--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--color-primary-50) var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-primary-700{--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--color-primary-700) var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-purple-500{--tw-gradient-to:rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-reflex-500{--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--color-reflex-500) var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-slate-800{--tw-gradient-to:rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-teal-600{--tw-gradient-to:rgb(13 148 136 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #0d9488 var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-turquoise-500{--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--color-turquoise-500) var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-white{--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-yellow-500{--tw-gradient-to:rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #eab308 var(--tw-gradient-via-position), var(--tw-gradient-to)} .to-\[\#0f1429\]{--tw-gradient-to:#0f1429 var(--tw-gradient-to-position)} .to-\[\#1E3A5F\]{--tw-gradient-to:#1E3A5F var(--tw-gradient-to-position)} .to-amber-100{--tw-gradient-to:#fef3c7 var(--tw-gradient-to-position)} .to-amber-300{--tw-gradient-to:#fcd34d var(--tw-gradient-to-position)} .to-amber-50{--tw-gradient-to:#fffbeb var(--tw-gradient-to-position)} .to-amber-600{--tw-gradient-to:#d97706 var(--tw-gradient-to-position)} .to-amber-900\/10{--tw-gradient-to:rgb(120 53 15 / 0.1) var(--tw-gradient-to-position)} .to-azure-500{--tw-gradient-to:var(--color-azure-500) var(--tw-gradient-to-position)} .to-blue-100{--tw-gradient-to:#dbeafe var(--tw-gradient-to-position)} .to-blue-50{--tw-gradient-to:#eff6ff var(--tw-gradient-to-position)} .to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)} .to-blue-900\/10{--tw-gradient-to:rgb(30 58 138 / 0.1) var(--tw-gradient-to-position)} .to-emerald-100{--tw-gradient-to:#d1fae5 var(--tw-gradient-to-position)} .to-emerald-400{--tw-gradient-to:#34d399 var(--tw-gradient-to-position)} .to-emerald-500{--tw-gradient-to:#10b981 var(--tw-gradient-to-position)} .to-emerald-600{--tw-gradient-to:#059669 var(--tw-gradient-to-position)} .to-emerald-700{--tw-gradient-to:#047857 var(--tw-gradient-to-position)} .to-emerald-900\/10{--tw-gradient-to:rgb(6 78 59 / 0.1) var(--tw-gradient-to-position)} .to-gray-100{--tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position)} .to-gray-300{--tw-gradient-to:#d1d5db var(--tw-gradient-to-position)} .to-gray-400{--tw-gradient-to:#9ca3af var(--tw-gradient-to-position)} .to-gray-50{--tw-gradient-to:#f9fafb var(--tw-gradient-to-position)} .to-gray-500{--tw-gradient-to:#6b7280 var(--tw-gradient-to-position)} .to-gray-600{--tw-gradient-to:#4b5563 var(--tw-gradient-to-position)} .to-gray-800{--tw-gradient-to:#1f2937 var(--tw-gradient-to-position)} .to-gray-950{--tw-gradient-to:#030712 var(--tw-gradient-to-position)} .to-green-600{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)} .to-indigo-50{--tw-gradient-to:#eef2ff var(--tw-gradient-to-position)} .to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)} .to-orange-100{--tw-gradient-to:#ffedd5 var(--tw-gradient-to-position)} .to-orange-50{--tw-gradient-to:#fff7ed var(--tw-gradient-to-position)} .to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)} .to-orange-600{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)} .to-pink-50{--tw-gradient-to:#fdf2f8 var(--tw-gradient-to-position)} .to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)} .to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)} .to-primary-100{--tw-gradient-to:var(--color-primary-100) var(--tw-gradient-to-position)} .to-primary-50{--tw-gradient-to:var(--color-primary-50) var(--tw-gradient-to-position)} .to-primary-600{--tw-gradient-to:var(--color-primary-600) var(--tw-gradient-to-position)} .to-primary-700{--tw-gradient-to:var(--color-primary-700) var(--tw-gradient-to-position)} .to-primary-800{--tw-gradient-to:var(--color-primary-800) var(--tw-gradient-to-position)} .to-purple-400{--tw-gradient-to:#c084fc var(--tw-gradient-to-position)} .to-purple-500{--tw-gradient-to:#a855f7 var(--tw-gradient-to-position)} .to-purple-500\/10{--tw-gradient-to:rgb(168 85 247 / 0.1) var(--tw-gradient-to-position)} .to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)} .to-reflex-500{--tw-gradient-to:var(--color-reflex-500) var(--tw-gradient-to-position)} .to-secondary-600{--tw-gradient-to:var(--color-secondary-600) var(--tw-gradient-to-position)} .to-slate-900{--tw-gradient-to:#0f172a var(--tw-gradient-to-position)} .to-success-600{--tw-gradient-to:var(--color-success-600) var(--tw-gradient-to-position)} .to-teal-50{--tw-gradient-to:#f0fdfa var(--tw-gradient-to-position)} .to-teal-500{--tw-gradient-to:#14b8a6 var(--tw-gradient-to-position)} .to-teal-600{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)} .to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)} .to-turquoise-50{--tw-gradient-to:var(--color-turquoise-50) var(--tw-gradient-to-position)} .to-turquoise-light{--tw-gradient-to:var(--color-turquoise-light-500) var(--tw-gradient-to-position)} .to-violet-100{--tw-gradient-to:var(--color-violet-100) var(--tw-gradient-to-position)} .to-violet-600{--tw-gradient-to:var(--color-violet-600) var(--tw-gradient-to-position)} .to-violet-700{--tw-gradient-to:var(--color-violet-700) var(--tw-gradient-to-position)} .to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)} .to-yellow-600{--tw-gradient-to:#ca8a04 var(--tw-gradient-to-position)} .fill-amber-500{fill:#f59e0b} .fill-current{fill:currentColor} .fill-secondary-400{fill:var(--color-secondary-400)} .fill-white{fill:#fff} .fill-yellow-400{fill:#facc15} .fill-yellow-500{fill:#eab308} .stroke-current{stroke:currentColor} .stroke-gray-400{stroke:#9ca3af} .stroke-green-500{stroke:#22c55e} .stroke-yellow-500{stroke:#eab308} .object-contain{-o-object-fit:contain;object-fit:contain} .object-cover{-o-object-fit:cover;object-fit:cover} .object-top{-o-object-position:top;object-position:top} .\!p-2{padding:0.5rem !important} .p-0{padding:0px} .p-0\.5{padding:0.125rem} .p-1{padding:0.25rem} .p-1\.5{padding:0.375rem} .p-12{padding:3rem} .p-16{padding:4rem} .p-2{padding:0.5rem} .p-2\.5{padding:0.625rem} .p-3{padding:0.75rem} .p-4{padding:1rem} .p-5{padding:1.25rem} .p-6{padding:1.5rem} .p-8{padding:2rem} .px-1{padding-left:0.25rem;padding-right:0.25rem} .px-1\.5{padding-left:0.375rem;padding-right:0.375rem} .px-2{padding-left:0.5rem;padding-right:0.5rem} .px-2\.5{padding-left:0.625rem;padding-right:0.625rem} .px-3{padding-left:0.75rem;padding-right:0.75rem} .px-4{padding-left:1rem;padding-right:1rem} .px-5{padding-left:1.25rem;padding-right:1.25rem} .px-6{padding-left:1.5rem;padding-right:1.5rem} .px-7{padding-left:1.75rem;padding-right:1.75rem} .px-8{padding-left:2rem;padding-right:2rem} .py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem} .py-1{padding-top:0.25rem;padding-bottom:0.25rem} .py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem} .py-10{padding-top:2.5rem;padding-bottom:2.5rem} .py-12{padding-top:3rem;padding-bottom:3rem} .py-16{padding-top:4rem;padding-bottom:4rem} .py-2{padding-top:0.5rem;padding-bottom:0.5rem} .py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem} .py-20{padding-top:5rem;padding-bottom:5rem} .py-24{padding-top:6rem;padding-bottom:6rem} .py-3{padding-top:0.75rem;padding-bottom:0.75rem} .py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem} .py-4{padding-top:1rem;padding-bottom:1rem} .py-6{padding-top:1.5rem;padding-bottom:1.5rem} .py-8{padding-top:2rem;padding-bottom:2rem} .pb-1{padding-bottom:0.25rem} .pb-2{padding-bottom:0.5rem} .pb-3{padding-bottom:0.75rem} .pb-4{padding-bottom:1rem} .pb-5{padding-bottom:1.25rem} .pb-6{padding-bottom:1.5rem} .pb-8{padding-bottom:2rem} .pb-\[56\.25\%\]{padding-bottom:56.25%} .pl-1{padding-left:0.25rem} .pl-10{padding-left:2.5rem} .pl-12{padding-left:3rem} .pl-2{padding-left:0.5rem} .pl-3{padding-left:0.75rem} .pl-4{padding-left:1rem} .pl-5{padding-left:1.25rem} .pl-6{padding-left:1.5rem} .pl-9{padding-left:2.25rem} .pr-1{padding-right:0.25rem} .pr-10{padding-right:2.5rem} .pr-11{padding-right:2.75rem} .pr-12{padding-right:3rem} .pr-3{padding-right:0.75rem} .pr-4{padding-right:1rem} .pr-6{padding-right:1.5rem} .pr-8{padding-right:2rem} .pr-\[1\.875rem\]{padding-right:1.875rem} .pt-1{padding-top:0.25rem} .pt-16{padding-top:4rem} .pt-2{padding-top:0.5rem} .pt-3{padding-top:0.75rem} .pt-4{padding-top:1rem} .pt-6{padding-top:1.5rem} .pt-8{padding-top:2rem} .text-left{text-align:left} .text-center{text-align:center} .text-right{text-align:right} .align-sub{vertical-align:sub} .align-super{vertical-align:super} .font-\[inherit\]{font-family:inherit} .font-heading{font-family:Avantgarde, Avant Garde, Century Gothic, var(--font-heading)} .font-mono{font-family:JetBrains Mono, var(--font-mono)} .font-serif{font-family:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif} .text-2xl{font-size:1.5rem;line-height:2rem} .text-3xl{font-size:1.875rem;line-height:2.25rem} .text-4xl{font-size:2.25rem;line-height:2.5rem} .text-5xl{font-size:3rem;line-height:1} .text-6xl{font-size:3.75rem;line-height:1} .text-\[0\.8em\]{font-size:0.8em} .text-\[0\.9375rem\]{font-size:0.9375rem} .text-\[10px\]{font-size:10px} .text-\[8px\]{font-size:8px} .text-\[9px\]{font-size:9px} .text-base{font-size:1rem;line-height:1.5rem} .text-lg{font-size:1.125rem;line-height:1.75rem} .text-sm{font-size:0.875rem;line-height:1.25rem} .text-xl{font-size:1.25rem;line-height:1.75rem} .text-xs{font-size:0.75rem;line-height:1rem} .font-bold{font-weight:700} .font-extrabold{font-weight:800} .font-medium{font-weight:500} .font-normal{font-weight:400} .font-semibold{font-weight:600} .uppercase{text-transform:uppercase} .lowercase{text-transform:lowercase} .capitalize{text-transform:capitalize} .italic{font-style:italic} .leading-relaxed{line-height:1.625} .leading-snug{line-height:1.375} .leading-tight{line-height:1.25} .tracking-wide{letter-spacing:0.025em} .tracking-wider{letter-spacing:0.05em} .tracking-widest{letter-spacing:0.1em} .text-\[\#FFC700\]{--tw-text-opacity:1;color:rgb(255 199 0 / var(--tw-text-opacity, 1))} .text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))} .text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))} .text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))} .text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))} .text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))} .text-amber-950{--tw-text-opacity:1;color:rgb(69 26 3 / var(--tw-text-opacity, 1))} .text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))} .text-blue-200{--tw-text-opacity:1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))} .text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))} .text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))} .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))} .text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))} .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))} .text-brand{color:var(--btn-primary-bg)} .text-cyan-500{--tw-text-opacity:1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))} .text-cyan-600{--tw-text-opacity:1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))} .text-cyan-700{--tw-text-opacity:1;color:rgb(14 116 144 / var(--tw-text-opacity, 1))} .text-cyan-800{--tw-text-opacity:1;color:rgb(21 94 117 / var(--tw-text-opacity, 1))} .text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))} .text-emerald-400\/80{color:rgb(52 211 153 / 0.8)} .text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))} .text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))} .text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))} .text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))} .text-error{color:var(--color-error-500)} .text-error-500{color:var(--color-error-500)} .text-error-600{color:var(--color-error-600)} .text-error-700{color:var(--color-error-700)} .text-gold-400{color:var(--color-gold-400)} .text-gold-500{color:var(--color-gold-500)} .text-gold-600{color:var(--color-gold-600)} .text-gold-700{color:var(--color-gold-700)} .text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))} .text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))} .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))} .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))} .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))} .text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))} .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))} .text-green-100{--tw-text-opacity:1;color:rgb(220 252 231 / var(--tw-text-opacity, 1))} .text-green-400{--tw-text-opacity:1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))} .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))} .text-green-500\/40{color:rgb(34 197 94 / 0.4)} .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))} .text-green-700{--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))} .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))} .text-indigo-300{--tw-text-opacity:1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))} .text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))} .text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))} .text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))} .text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))} .text-indigo-800{--tw-text-opacity:1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))} .text-info{color:var(--color-info-500)} .text-info-600{color:var(--color-info-600)} .text-info-700{color:var(--color-info-700)} .text-lime-500{--tw-text-opacity:1;color:rgb(132 204 22 / var(--tw-text-opacity, 1))} .text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))} .text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))} .text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))} .text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))} .text-pink-400{--tw-text-opacity:1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))} .text-pink-500{--tw-text-opacity:1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))} .text-pink-700{--tw-text-opacity:1;color:rgb(190 24 93 / var(--tw-text-opacity, 1))} .text-primary{color:var(--color-primary-600)} .text-primary-100{color:var(--color-primary-100)} .text-primary-200{color:var(--color-primary-200)} .text-primary-400{color:var(--color-primary-400)} .text-primary-500{color:var(--color-primary-500)} .text-primary-600{color:var(--color-primary-600)} .text-primary-700{color:var(--color-primary-700)} .text-primary-800{color:var(--color-primary-800)} .text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))} .text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))} .text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))} .text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))} .text-red-100{--tw-text-opacity:1;color:rgb(254 226 226 / var(--tw-text-opacity, 1))} .text-red-400{--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))} .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))} .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))} .text-red-700{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))} .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))} .text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))} .text-secondary{color:var(--color-secondary-500)} .text-secondary-500{color:var(--color-secondary-500)} .text-secondary-600{color:var(--color-secondary-600)} .text-secondary-700{color:var(--color-secondary-700)} .text-secondary-900{color:var(--color-secondary-900)} .text-semantic-text-brand{color:var(--text-brand)} .text-semantic-text-muted{color:var(--text-muted)} .text-semantic-text-primary{color:var(--text-primary)} .text-semantic-text-secondary{color:var(--text-secondary)} .text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233 / var(--tw-text-opacity, 1))} .text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))} .text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))} .text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))} .text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))} .text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))} .text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))} .text-success{color:var(--color-success-500)} .text-success-500{color:var(--color-success-500)} .text-success-600{color:var(--color-success-600)} .text-success-700{color:var(--color-success-700)} .text-surface-tertiary{color:var(--bg-tertiary)} .text-teal-500{--tw-text-opacity:1;color:rgb(20 184 166 / var(--tw-text-opacity, 1))} .text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))} .text-teal-700{--tw-text-opacity:1;color:rgb(15 118 110 / var(--tw-text-opacity, 1))} .text-transparent{color:transparent} .text-turquoise{color:var(--color-turquoise-500)} .text-turquoise-400{color:var(--color-turquoise-400)} .text-turquoise-500{color:var(--color-turquoise-500)} .text-turquoise-600{color:var(--color-turquoise-600)} .text-turquoise-700{color:var(--color-turquoise-700)} .text-violet-500{color:var(--color-violet-500)} .text-violet-600{color:var(--color-violet-600)} .text-violet-700{color:var(--color-violet-700)} .text-violet-800{color:var(--color-violet-800)} .text-warning{color:var(--color-warning-500)} .text-warning-500{color:var(--color-warning-500)} .text-warning-600{color:var(--color-warning-600)} .text-warning-700{color:var(--color-warning-700)} .text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .text-white\/20{color:rgb(255 255 255 / 0.2)} .text-white\/60{color:rgb(255 255 255 / 0.6)} .text-white\/70{color:rgb(255 255 255 / 0.7)} .text-white\/80{color:rgb(255 255 255 / 0.8)} .text-white\/90{color:rgb(255 255 255 / 0.9)} .text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))} .text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))} .text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))} .text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))} .text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))} .text-yellow-900{--tw-text-opacity:1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))} .underline{text-decoration-line:underline} .line-through{text-decoration-line:line-through} .placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))} .placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))} .placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))} .placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))} .placeholder-semantic-text-muted::-moz-placeholder{color:var(--text-muted)} .placeholder-semantic-text-muted::placeholder{color:var(--text-muted)} .accent-primary{accent-color:var(--color-primary-600)} .accent-primary-600{accent-color:var(--color-primary-600)} .opacity-0{opacity:0} .opacity-10{opacity:0.1} .opacity-100{opacity:1} .opacity-20{opacity:0.2} .opacity-30{opacity:0.3} .opacity-50{opacity:0.5} .opacity-60{opacity:0.6} .opacity-70{opacity:0.7} .opacity-75{opacity:0.75} .opacity-80{opacity:0.8} .opacity-90{opacity:0.9} .shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0_0_0_4px_rgba\(59\2c 130\2c 246\2c 0\.3\)\]{--tw-shadow:0 0 0 4px rgba(59,130,246,0.3);--tw-shadow-colored:0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-card{--tw-shadow:var(--card-shadow);--tw-shadow-colored:var(--card-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-lg{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-md{--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-sm{--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-xl{--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-card{--tw-shadow-color:var(--card-bg);--tw-shadow:var(--tw-shadow-colored)} .shadow-emerald-500\/30{--tw-shadow-color:rgb(16 185 129 / 0.3);--tw-shadow:var(--tw-shadow-colored)} .shadow-gray-100{--tw-shadow-color:#f3f4f6;--tw-shadow:var(--tw-shadow-colored)} .shadow-red-500\/30{--tw-shadow-color:rgb(239 68 68 / 0.3);--tw-shadow:var(--tw-shadow-colored)} .shadow-secondary-200{--tw-shadow-color:var(--color-secondary-200);--tw-shadow:var(--tw-shadow-colored)} .shadow-turquoise-200{--tw-shadow-color:var(--color-turquoise-200);--tw-shadow:var(--tw-shadow-colored)} .shadow-violet-200{--tw-shadow-color:var(--color-violet-200);--tw-shadow:var(--tw-shadow-colored)} .outline-none{outline:2px solid transparent;outline-offset:2px} .outline{outline-style:solid} .ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .ring-blue-400{--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250 / var(--tw-ring-opacity, 1))} .ring-brand{--tw-ring-color:var(--btn-primary-bg)} .ring-gray-200{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235 / var(--tw-ring-opacity, 1))} .ring-indigo-400{--tw-ring-opacity:1;--tw-ring-color:rgb(129 140 248 / var(--tw-ring-opacity, 1))} .ring-primary{--tw-ring-color:var(--color-primary-600)} .ring-primary-100{--tw-ring-color:var(--color-primary-100)} .ring-primary-500{--tw-ring-color:var(--color-primary-500)} .ring-red-200{--tw-ring-opacity:1;--tw-ring-color:rgb(254 202 202 / var(--tw-ring-opacity, 1))} .ring-red-500\/50{--tw-ring-color:rgb(239 68 68 / 0.5)} .ring-secondary-200{--tw-ring-color:var(--color-secondary-200)} .ring-secondary-300{--tw-ring-color:var(--color-secondary-300)} .ring-success{--tw-ring-color:var(--color-success-500)} .ring-teal-400\/60{--tw-ring-color:rgb(45 212 191 / 0.6)} .ring-warning{--tw-ring-color:var(--color-warning-500)} .ring-white\/30{--tw-ring-color:rgb(255 255 255 / 0.3)} .ring-opacity-50{--tw-ring-opacity:0.5} .ring-offset-2{--tw-ring-offset-width:2px} .ring-offset-gray-900{--tw-ring-offset-color:#111827} .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-2xl{--tw-blur:blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .blur-3xl{--tw-blur:blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));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-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .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);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-blur-md{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[clip-path\]{transition-property:clip-path;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .delay-150{transition-delay:150ms} .delay-75{transition-delay:75ms} .duration-1000{transition-duration:1000ms} .duration-150{transition-duration:150ms} .duration-200{transition-duration:200ms} .duration-300{transition-duration:300ms} .duration-500{transition-duration:500ms} .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)} .ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)} /* ========================================== GRADIENTES CORPORATIVOS ========================================== */ /* Header: Azul → Reflex → Violeta */ .bg-gradient-header { background: linear-gradient(135deg, #042454 0%, #1c007a 50%, #4f0093 100%); } /* Interactivo: Turquesa */ .bg-gradient-interactive { background: linear-gradient(135deg, #00c1b5 0%, #00a3d1 100%); } /* Logro: Dorado */ .bg-gradient-achievement { background: linear-gradient(135deg, #FFC700 0%, #D1A517 100%); } /* Premium: Violeta */ /* Naturaleza: Turquesas */ /* Text gradients */ /* ========================================== BOTONES CON GRADIENTE ========================================== */ /* ========================================== GLOW EFFECTS (Dark Mode) ========================================== */ /* Border con gradiente */ .dark .border-gradient { background: linear-gradient(#161b22, #161b22) padding-box, linear-gradient(135deg, #00c1b5, #4f0093) border-box; } /* Card con borde glow en hover */ /* ========================================== ANIMACIONES ========================================== */ @keyframes progressPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(0, 193, 181, 0.4); } 50% { box-shadow: 0 0 0 10px rgba(0, 193, 181, 0); } } @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } /* Scrollbar personalizado */ /* Animación de ondas de audio para dictado por voz */ @keyframes stt-wave { 0%, 100% { transform: scaleY(0.3); } 50% { transform: scaleY(1); } } .stt-wave-bar { animation: stt-wave 1.2s ease-in-out infinite; } @keyframes stt-ripple { 0% { transform: scale(1); opacity: 0.4; } 100% { transform: scale(2.2); opacity: 0; } } .stt-ripple { animation: stt-ripple 1.8s ease-out infinite; } /* Scrollbar fino dentro de textareas de chat */ .chat-textarea { scrollbar-width: thin; scrollbar-color: rgba(156, 163, 175, 0.4) transparent; } .chat-textarea::-webkit-scrollbar { width: 4px; } .chat-textarea::-webkit-scrollbar-track { background: transparent; margin: 4px 0; } .chat-textarea::-webkit-scrollbar-thumb { background-color: rgba(156, 163, 175, 0.4); border-radius: 4px; } .chat-textarea::-webkit-scrollbar-thumb:hover { background-color: rgba(156, 163, 175, 0.6); } .dark .chat-textarea { scrollbar-color: rgba(107, 114, 128, 0.4) transparent; } .dark .chat-textarea::-webkit-scrollbar-thumb { background-color: rgba(107, 114, 128, 0.4); } .dark .chat-textarea::-webkit-scrollbar-thumb:hover { background-color: rgba(107, 114, 128, 0.6); } /* Scrollbar fino dentro de modales */ .modal-scroll { scrollbar-width: thin; scrollbar-color: rgba(156, 163, 175, 0.3) transparent; } .modal-scroll::-webkit-scrollbar { width: 6px; } .modal-scroll::-webkit-scrollbar-track { background: transparent; margin: 8px 0; } .modal-scroll::-webkit-scrollbar-thumb { background-color: rgba(156, 163, 175, 0.3); border-radius: 3px; } .modal-scroll::-webkit-scrollbar-thumb:hover { background-color: rgba(156, 163, 175, 0.5); } /* Gantt dependency hover: show red X and highlight line */ .dep-line:hover .dep-highlight { opacity: 1 !important; } .dep-line:hover .dep-path { opacity: 0.3; } .dep-line:hover .dep-delete-btn { opacity: 1 !important; pointer-events: auto !important; } /* ============================================ DESIGN TOKENS - SISTEMA DE DISEÑO KOBALTO Basado en documento oficial con evidencia científica ============================================ PRINCIPIOS: - Calm Technology: Tecnología en segundo plano - Carga Cognitiva: Minimizar carga extrínseca - Autodeterminación: Autonomía, competencia, relación - WCAG 2.1 AA: Accesibilidad universal ESTRUCTURA: 1. Primitivos: Colores base corporativos 2. Semánticos: Significado contextual 3. Componentes: Estilos específicos UI ============================================ */ :root { /* ========================================== PRIMITIVOS - Paleta Corporativa Kobalto Colores del documento oficial ========================================== */ /* Azul Principal (#042454) - Encabezados, botones primarios, navegación */ --color-primary-50: #E8EBF2; --color-primary-100: #C5CCE0; --color-primary-200: #9EAACC; --color-primary-300: #7788B7; --color-primary-400: #596FA7; --color-primary-500: #3B5697; --color-primary-600: #042454; --color-primary-700: #031C43; --color-primary-800: #021532; --color-primary-900: #010D21; /* Azul Secundario (#405086) - Hover, elementos interactivos secundarios */ --color-primary-hover: #405086; /* Azul Claro (#EAEEFF) - Fondos, estados deshabilitados */ --color-primary-light: #EAEEFF; /* Dorado Brillante (#FFC700) - CTAs, logros de excelencia, frutos dorados */ --color-gold-50: #FFFBEB; --color-gold-100: #FEF3C7; --color-gold-200: #FDE68A; --color-gold-300: #FCD34D; --color-gold-400: #FBBF24; --color-gold-500: #FFC700; --color-gold-600: #D1A517; --color-gold-700: #B45309; --color-gold-800: #92400E; --color-gold-900: #78350F; /* Dorado Oscuro (#D1A517) - Acentos, iconos premium */ --color-gold-dark: #D1A517; /* ========================================== COLORES ALTERNATIVOS (Secundarios) Turquesa como principal secundario ========================================== */ /* Verde Turquesa (#00c1b5) - Interactivo principal, complemento visual */ --color-turquoise-50: #E6FAF9; --color-turquoise-100: #CCF5F2; --color-turquoise-200: #99EBE5; --color-turquoise-300: #66E1D9; --color-turquoise-400: #33D7CC; --color-turquoise-500: #00c1b5; --color-turquoise-600: #009A91; --color-turquoise-700: #00746D; --color-turquoise-800: #004D48; --color-turquoise-900: #002724; /* Verde Turquesa Claro (#54b7c6) - Transiciones cromáticas */ --color-turquoise-light-500: #54b7c6; --color-turquoise-light-600: #3FA3B2; /* Amarillo Limón (#f4db60) - Acentos alternativos, resaltes */ --color-secondary-50: #FEFBF0; --color-secondary-100: #FDF6E0; --color-secondary-200: #FBEDC1; --color-secondary-300: #F8E4A2; --color-secondary-400: #F6DB83; --color-secondary-500: #f4db60; --color-secondary-600: #E5C83D; --color-secondary-700: #C4A82A; --color-secondary-800: #8A761D; --color-secondary-900: #504410; /* Violeta (#4f0093) - Elementos premium, énfasis decorativo */ --color-violet-50: #F3E5FF; --color-violet-100: #E7CCFF; --color-violet-200: #CF99FF; --color-violet-300: #B766FF; --color-violet-400: #9F33FF; --color-violet-500: #7A00CC; --color-violet-600: #4f0093; --color-violet-700: #3D0072; --color-violet-800: #2B0051; --color-violet-900: #190030; /* Azure (#00a3d1) - Variantes */ --color-azure-500: #00a3d1; --color-azure-600: #0082A7; /* Aquamarine (#00b59b) - Aplicaciones especiales */ --color-aquamarine-500: #00b59b; --color-aquamarine-600: #00917C; /* Reflex Blue (#1c007a) - Alternativa impresión */ --color-reflex-500: #1c007a; --color-reflex-600: #150060; /* ========================================== GRISES NEUTROS ========================================== */ --color-gray-50: #F9FAFB; --color-gray-100: #F3F4F6; --color-gray-200: #E5E7EB; --color-gray-300: #D1D5DB; --color-gray-400: #9CA3AF; --color-gray-500: #6B7280; --color-gray-600: #4B5563; --color-gray-700: #374151; --color-gray-800: #1F2937; --color-gray-900: #111827; --color-gray-950: #030712; /* ========================================== ESTADOS SEMÁNTICOS (del documento) ========================================== */ /* Éxito (#28A745) - Respuesta correcta, nivel completado */ --color-success-50: #ECFDF5; --color-success-100: #D1FAE5; --color-success-500: #28A745; --color-success-600: #22943D; --color-success-700: #1A7B31; /* Error (#DC3545) - Respuesta incorrecta, validación */ --color-error-50: #FEF2F2; --color-error-100: #FEE2E2; --color-error-500: #DC3545; --color-error-600: #C42F3D; --color-error-700: #A12835; /* Advertencia (#FFC107) - Tiempo, prerrequisitos, confirmaciones */ --color-warning-50: #FFFBEB; --color-warning-100: #FEF3C7; --color-warning-500: #FFC107; --color-warning-600: #D9A406; --color-warning-700: #B38705; /* Información (#17A2B8) - Tips, ayuda contextual */ --color-info-50: #E6F7FA; --color-info-100: #CCF0F5; --color-info-500: #17A2B8; --color-info-600: #148A9C; --color-info-700: #117180; /* ========================================== SEMÁNTICOS - LIGHT MODE ========================================== */ /* Texto */ --text-primary: var(--color-gray-900); --text-secondary: var(--color-gray-700); --text-tertiary: var(--color-gray-600); --text-muted: var(--color-gray-500); --text-disabled: var(--color-gray-400); --text-inverse: #FFFFFF; --text-brand: var(--color-primary-600); --text-accent: var(--color-gold-600); --text-interactive: var(--color-turquoise-600); /* Fondos */ --bg-primary: #FFFFFF; --bg-secondary: var(--color-gray-50); --bg-tertiary: var(--color-gray-100); --bg-elevated: #FFFFFF; --bg-sunken: var(--color-gray-100); --bg-inverse: var(--color-gray-900); --bg-brand: var(--color-primary-600); --bg-brand-subtle: var(--color-primary-light); --bg-accent: var(--color-gold-500); --bg-accent-subtle: var(--color-gold-50); --bg-interactive: var(--color-turquoise-500); --bg-interactive-subtle: var(--color-turquoise-50); /* Bordes */ --border-primary: var(--color-gray-200); --border-secondary: var(--color-gray-300); --border-focus: var(--color-primary-500); --border-brand: var(--color-primary-600); --border-interactive: var(--color-turquoise-500); /* Estados de fondo */ --bg-success: var(--color-success-50); --bg-success-emphasis: var(--color-success-500); --bg-warning: var(--color-warning-50); --bg-warning-emphasis: var(--color-warning-500); --bg-error: var(--color-error-50); --bg-error-emphasis: var(--color-error-500); --bg-info: var(--color-info-50); --bg-info-emphasis: var(--color-info-500); /* Estados de texto */ --text-success: var(--color-success-700); --text-warning: var(--color-warning-700); --text-error: var(--color-error-700); --text-info: var(--color-info-700); /* ========================================== COMPONENTES - LIGHT MODE ========================================== */ /* Botones Primary (Azul Principal) */ --btn-primary-bg: var(--color-primary-600); --btn-primary-bg-hover: var(--color-primary-hover); --btn-primary-text: #FFFFFF; --btn-primary-border: var(--color-primary-600); /* Botones CTA (Dorado - Call to Action) */ --btn-cta-bg: var(--color-gold-500); --btn-cta-bg-hover: var(--color-gold-600); --btn-cta-text: var(--color-primary-600); --btn-cta-border: var(--color-gold-500); /* Botones Secondary (Turquesa - Interactivo) */ --btn-secondary-bg: transparent; --btn-secondary-bg-hover: var(--color-turquoise-50); --btn-secondary-text: var(--color-turquoise-600); --btn-secondary-border: var(--color-turquoise-500); /* Botones Tertiary (Ghost) */ --btn-tertiary-bg: transparent; --btn-tertiary-bg-hover: var(--color-gray-100); --btn-tertiary-text: var(--color-primary-600); --btn-tertiary-border: transparent; /* Botones Outline */ --btn-outline-bg: transparent; --btn-outline-bg-hover: var(--color-gray-50); --btn-outline-text: var(--color-gray-700); --btn-outline-border: var(--color-gray-300); /* Botones Ghost */ --btn-ghost-bg: transparent; --btn-ghost-bg-hover: var(--color-gray-100); --btn-ghost-text: var(--color-gray-700); /* Botones Danger */ --btn-danger-bg: var(--color-error-500); --btn-danger-bg-hover: var(--color-error-600); --btn-danger-text: #FFFFFF; /* Cards */ --card-bg: var(--bg-primary); --card-border: var(--border-primary); --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); --card-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.12); /* Inputs */ --input-bg: var(--bg-primary); --input-border: var(--border-secondary); --input-border-focus: var(--color-turquoise-500); --input-text: var(--text-primary); --input-placeholder: var(--text-muted); --input-ring: rgba(0, 193, 181, 0.2); /* Badges */ --badge-neutral-bg: var(--color-gray-100); --badge-neutral-text: var(--color-gray-700); --badge-brand-bg: var(--color-primary-light); --badge-brand-text: var(--color-primary-600); --badge-accent-bg: var(--color-gold-100); --badge-accent-text: var(--color-gold-700); --badge-interactive-bg: var(--color-turquoise-100); --badge-interactive-text: var(--color-turquoise-700); /* ========================================== TIPOGRAFÍA - Quicksand: UI general y botones - Avantgarde: Títulos (primera letra mayúscula) - Avenir Next: Contenido de lectura (bitácora, niveles, colaborativo) ========================================== */ --font-sans: 'Quicksand', system-ui, -apple-system, sans-serif; --font-heading: 'Avantgarde', 'Avant Garde', 'Century Gothic', sans-serif; --font-content: 'Avenir Next', 'Avenir', 'Nunito', system-ui, sans-serif; --font-mono: 'JetBrains Mono', 'Fira Code', 'Monaco', monospace; /* Escala tipográfica (proporción áurea ~1.618) */ --font-size-xs: 0.75rem; /* 12px */ --font-size-sm: 0.875rem; /* 14px */ --font-size-base: 1rem; /* 16px */ --font-size-lg: 1.125rem; /* 18px */ --font-size-xl: 1.375rem; /* 22px */ --font-size-2xl: 1.75rem; /* 28px */ --font-size-3xl: 2.25rem; /* 36px */ --font-size-4xl: 3rem; /* 48px */ /* ========================================== ESPACIADO BASE-8 (según documento) ========================================== */ --spacing-xs: 0.25rem; /* 4px */ --spacing-sm: 0.5rem; /* 8px */ --spacing-md: 1rem; /* 16px */ --spacing-lg: 1.5rem; /* 24px */ --spacing-xl: 2rem; /* 32px */ --spacing-2xl: 3rem; /* 48px */ --spacing-3xl: 4rem; /* 64px */ /* ========================================== BORDER RADIUS ========================================== */ --radius-none: 0; --radius-sm: 0.25rem; /* 4px */ --radius-md: 0.375rem; /* 6px */ --radius-lg: 0.5rem; /* 8px */ --radius-xl: 0.75rem; /* 12px */ --radius-2xl: 1rem; /* 16px */ --radius-3xl: 1.5rem; /* 24px */ --radius-full: 9999px; /* ========================================== SOMBRAS ========================================== */ --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); /* ========================================== TRANSICIONES (según documento) ========================================== */ --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1); --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1); --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1); --transition-slower: 500ms cubic-bezier(0.4, 0, 0.2, 1); } /* ============================================ DARK MODE - Estilo GitHub/Perplexity Turquesa como interactivo principal ============================================ */ .dark { /* Paleta Dark Mode */ --dark-bg-primary: #0d1117; --dark-bg-secondary: #010409; --dark-bg-elevated: #161b22; --dark-bg-tertiary: #21262d; --dark-border: #30363d; --dark-border-muted: #21262d; /* Texto */ --text-primary: #f0f6fc; --text-secondary: #c9d1d9; --text-tertiary: #8b949e; --text-muted: #6e7681; --text-disabled: #484f58; --text-inverse: var(--dark-bg-primary); --text-brand: var(--color-turquoise-400); --text-accent: var(--color-gold-400); --text-interactive: var(--color-turquoise-400); /* Fondos */ --bg-primary: var(--dark-bg-elevated); --bg-secondary: var(--dark-bg-primary); --bg-tertiary: var(--dark-bg-tertiary); --bg-elevated: var(--dark-bg-elevated); --bg-sunken: var(--dark-bg-secondary); --bg-inverse: #f0f6fc; --bg-brand: var(--color-primary-500); --bg-brand-subtle: rgba(4, 36, 84, 0.3); --bg-accent: var(--color-gold-500); --bg-accent-subtle: rgba(255, 199, 0, 0.15); --bg-interactive: var(--color-turquoise-500); --bg-interactive-subtle: rgba(0, 193, 181, 0.15); /* Bordes */ --border-primary: var(--dark-border); --border-secondary: var(--dark-border-muted); --border-focus: var(--color-turquoise-500); --border-brand: var(--color-turquoise-500); --border-interactive: var(--color-turquoise-500); /* Estados de fondo */ --bg-success: rgba(40, 167, 69, 0.15); --bg-success-emphasis: var(--color-success-500); --bg-warning: rgba(255, 193, 7, 0.15); --bg-warning-emphasis: var(--color-warning-500); --bg-error: rgba(220, 53, 69, 0.15); --bg-error-emphasis: var(--color-error-500); --bg-info: rgba(23, 162, 184, 0.15); --bg-info-emphasis: var(--color-info-500); /* Estados de texto */ --text-success: #4ADE80; --text-warning: #FBBF24; --text-error: #F87171; --text-info: #38BDF8; /* Botones Primary (Turquesa en dark mode) */ --btn-primary-bg: var(--color-turquoise-500); --btn-primary-bg-hover: var(--color-turquoise-400); --btn-primary-text: var(--dark-bg-primary); --btn-primary-border: var(--color-turquoise-500); /* Botones CTA (Dorado) */ --btn-cta-bg: var(--color-gold-500); --btn-cta-bg-hover: var(--color-gold-400); --btn-cta-text: var(--dark-bg-primary); --btn-cta-border: var(--color-gold-500); /* Botones Secondary */ --btn-secondary-bg: transparent; --btn-secondary-bg-hover: rgba(0, 193, 181, 0.15); --btn-secondary-text: var(--color-turquoise-400); --btn-secondary-border: var(--color-turquoise-500); /* Botones Tertiary */ --btn-tertiary-bg: transparent; --btn-tertiary-bg-hover: var(--dark-bg-tertiary); --btn-tertiary-text: var(--color-turquoise-400); --btn-tertiary-border: transparent; /* Botones Outline */ --btn-outline-bg: transparent; --btn-outline-bg-hover: var(--dark-bg-tertiary); --btn-outline-text: var(--color-turquoise-400); --btn-outline-border: var(--dark-border); /* Botones Ghost */ --btn-ghost-bg: transparent; --btn-ghost-bg-hover: var(--dark-bg-tertiary); --btn-ghost-text: #c9d1d9; /* Botones Danger */ --btn-danger-bg: var(--color-error-600); --btn-danger-bg-hover: var(--color-error-500); --btn-danger-text: #FFFFFF; /* Cards */ --card-bg: var(--dark-bg-elevated); --card-border: var(--dark-border); --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); --card-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 193, 181, 0.1); /* Inputs */ --input-bg: var(--dark-bg-primary); --input-border: var(--dark-border); --input-border-focus: var(--color-turquoise-500); --input-text: #f0f6fc; --input-placeholder: #6e7681; --input-ring: rgba(0, 193, 181, 0.25); /* Badges */ --badge-neutral-bg: var(--dark-bg-tertiary); --badge-neutral-text: #c9d1d9; --badge-brand-bg: rgba(0, 193, 181, 0.15); --badge-brand-text: var(--color-turquoise-400); --badge-accent-bg: rgba(255, 199, 0, 0.15); --badge-accent-text: var(--color-gold-400); --badge-interactive-bg: rgba(0, 193, 181, 0.15); --badge-interactive-text: var(--color-turquoise-400); /* Sombras dark mode */ --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.4); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.4); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.4); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 8px 10px -6px rgba(0, 0, 0, 0.5); } /* ============================================ BASE STYLES ============================================ */ /* ============================================ COMPONENTS ============================================ */ /* ============================================ KNOWLEDGE TREE STYLES ============================================ */ .tree-node { cursor: pointer; transition: all var(--transition-base); } .tree-node:hover { opacity: 0.8; } .tree-link { fill: none; stroke-width: 2px; transition: stroke var(--transition-base); stroke: var(--color-turquoise-500); } .tooltip { position: absolute; text-align: left; padding: var(--spacing-md); font-size: var(--font-size-sm); background: var(--bg-inverse); color: var(--text-inverse); border-radius: var(--radius-lg); pointer-events: none; opacity: 0; box-shadow: var(--shadow-lg); transition: opacity var(--transition-fast); font-family: var(--font-sans); font-weight: 600; } .tooltip.active { opacity: 1; } /* ============================================ EDITOR.JS STYLES - Light and Dark Theme ============================================ */ /* Base styles - Light Mode (default) */ .editorjs-container { color: #1f2937; } .editorjs-container .codex-editor { color: #1f2937; } .editorjs-container .codex-editor__redactor { padding-bottom: 100px !important; } .editorjs-container .ce-block__content { max-width: 100% !important; margin: 0 !important; padding: 0 1rem !important; } .editorjs-container .ce-toolbar__content { max-width: 100% !important; } .editorjs-container .ce-block__content, .editorjs-container .ce-paragraph, .editorjs-container .cdx-block { color: #1f2937; } .editorjs-container .ce-header { color: #1f2937; padding: 0.5em 0; } .editorjs-container .cdx-list { color: #1f2937; } .editorjs-container .cdx-list__item { padding: 5px 0; color: #1f2937; } .editorjs-container .ce-code__textarea { background: #f3f4f6; color: #1f2937; border: 1px solid #d1d5db; border-radius: var(--radius-lg); font-family: var(--font-mono); } /* Dark Mode overrides */ .dark .editorjs-container { color: #ffffff; } .dark .editorjs-container .codex-editor { color: #ffffff; } .dark .editorjs-container .ce-block__content, .dark .editorjs-container .ce-paragraph, .dark .editorjs-container .cdx-block { color: #ffffff; } .dark .editorjs-container .ce-header { color: #ffffff; } .dark .editorjs-container .cdx-list { color: #ffffff; } .dark .editorjs-container .cdx-list__item { color: #ffffff; } .dark .editorjs-container .ce-code__textarea { background: #1f2937; color: #f9fafb; border: 1px solid #374151; } /* Toolbar and popover - Light Mode */ .editorjs-container .ce-inline-toolbar { background: #ffffff; border: 1px solid #e5e7eb; box-shadow: var(--shadow-lg); } .editorjs-container .ce-inline-tool { color: #4b5563; } .editorjs-container .ce-inline-tool:hover { background: #f3f4f6; } .editorjs-container .ce-inline-tool--active { color: var(--color-indigo-600); } .editorjs-container .ce-popover { background: #ffffff; border: 1px solid #e5e7eb; box-shadow: var(--shadow-lg); } .editorjs-container .ce-popover__item { color: #4b5563; } .editorjs-container .ce-popover__item:hover { background: #f3f4f6; } .editorjs-container .ce-popover__item-icon { background: #f3f4f6; } .editorjs-container .ce-popover__item-label { color: #1f2937; } .editorjs-container .ce-block--selected .ce-block__content { background: rgba(99, 102, 241, 0.1); } .editorjs-container .inline-code { background: #f3f4f6; color: #1f2937; padding: 2px 6px; border-radius: var(--radius-sm); font-family: var(--font-mono); } /* Toolbar and popover - Dark Mode */ .dark .editorjs-container .ce-inline-toolbar { background: #1f2937; border: 1px solid #374151; } .dark .editorjs-container .ce-inline-tool { color: #d1d5db; } .dark .editorjs-container .ce-inline-tool:hover { background: #374151; } .dark .editorjs-container .ce-inline-tool--active { color: var(--color-turquoise-400); } .dark .editorjs-container .ce-popover { background: #1f2937; border: 1px solid #374151; } .dark .editorjs-container .ce-popover__item { color: #d1d5db; } .dark .editorjs-container .ce-popover__item:hover { background: #374151; } .dark .editorjs-container .ce-popover__item-icon { background: #374151; } .dark .editorjs-container .ce-popover__item-label { color: #ffffff; } .dark .editorjs-container .ce-block--selected .ce-block__content { background: rgba(0, 193, 181, 0.1); } .dark .editorjs-container .inline-code { background: #374151; color: #f9fafb; } .editorjs-container [contenteditable="true"]:focus { outline: none; caret-color: var(--color-turquoise-400); } .editorjs-container, .editorjs-container *, .editorjs-container .codex-editor, .editorjs-container .codex-editor__redactor, .editorjs-container .ce-block { list-style: none !important; list-style-type: none !important; } /* Editor.js maneja el placeholder internamente, no necesita CSS adicional */ /* ============================================ ACCESSIBILITY UTILITIES (WCAG 2.1 AA) ============================================ */ /* Skip Link for keyboard navigation */ .skip-link { position: absolute; top: -40px; left: 0; background: var(--bg-brand); color: white; padding: var(--spacing-sm) var(--spacing-md); z-index: 100; transition: top 0.2s ease; border-radius: 0 0 var(--radius-md) 0; font-weight: 600; } .skip-link:focus { top: 0; outline: 3px solid var(--color-gold-500); outline-offset: 2px; } /* Screen reader only content */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* Make element visible to screen readers on focus */ .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } /* High Contrast Mode Support (WCAG 2.4.11) */ @media (prefers-contrast: more) { :root { --border-primary: #000000; --border-secondary: #000000; } .dark { --border-primary: #ffffff; --border-secondary: #ffffff; --text-primary: #ffffff; --text-secondary: #ffffff; --text-muted: #e0e0e0; } .btn { border-width: 2px; } .card { border-width: 2px; } .input { border-width: 2px; } } /* Forced Colors Mode (Windows High Contrast) */ @media (forced-colors: active) { .btn { border: 2px solid ButtonText; } .btn-primary { background-color: Highlight; color: HighlightText; } .card { border: 2px solid CanvasText; } .input { border: 2px solid CanvasText; } a { color: LinkText; } } /* Focus-within for interactive containers */ .focus-within-ring:focus-within { outline: 3px solid var(--color-gold-500); outline-offset: 2px; } /* ═══════════════════════════════════════════════════ Sonner Toasts — Identidad visual Kobalto ═══════════════════════════════════════════════════ */ /* Base: tipografía, bordes y sombras */ [data-sonner-toast] { font-family: var(--font-sans) !important; border-radius: var(--radius-xl) !important; box-shadow: var(--shadow-lg) !important; } /* ─── Success: turquesa Kobalto ─── */ [data-sonner-toast][data-type='success'][data-rich-colors='true'] { background: #ecfdf9 !important; border-color: #99e6dd !important; color: #065f56 !important; } [data-sonner-toast][data-type='success'][data-rich-colors='true'] [data-icon] svg { color: #00c1b5 !important; } /* ─── Warning: dorado Kobalto ─── */ [data-sonner-toast][data-type='warning'][data-rich-colors='true'] { background: #fffbeb !important; border-color: #ffe380 !important; color: #7a5e00 !important; } [data-sonner-toast][data-type='warning'][data-rich-colors='true'] [data-icon] svg { color: #D1A517 !important; } /* ─── Error: rojo suave ─── */ [data-sonner-toast][data-type='error'][data-rich-colors='true'] { background: #fef2f2 !important; border-color: #fca5a5 !important; color: #991b1b !important; } /* ─── Info: azul corporativo ─── */ [data-sonner-toast][data-type='info'][data-rich-colors='true'] { background: #eff6ff !important; border-color: #93c5fd !important; color: #042454 !important; } [data-sonner-toast][data-type='info'][data-rich-colors='true'] [data-icon] svg { color: #042454 !important; } /* ─── Loading spinner ─── */ [data-sonner-toast][data-type='loading'] { background: #f9fafb !important; border-color: #e5e7eb !important; color: #374151 !important; } /* ─── Botón cerrar: esquina superior derecha dentro del toast ─── */ [data-sonner-toast] [data-close-button] { position: absolute !important; top: 4px !important; right: 4px !important; left: auto !important; bottom: auto !important; transform: none !important; border-color: transparent !important; background: transparent !important; color: inherit !important; opacity: 0.5; transition: opacity var(--transition-fast); } [data-sonner-toast] [data-close-button]:hover { opacity: 1; background: rgba(0, 0, 0, 0.06) !important; } /* Asegurar espacio para el botón de cierre */ [data-sonner-toast] { padding-right: 32px !important; } /* ─── Botones de acción ─── */ [data-sonner-toast] [data-button] { font-family: var(--font-sans) !important; font-weight: 600; border-radius: var(--radius-md) !important; } /* ═══ Dark mode ═══ */ .dark [data-sonner-toast][data-type='success'][data-rich-colors='true'] { background: rgba(0, 193, 181, 0.12) !important; border-color: rgba(0, 193, 181, 0.3) !important; color: #5eead4 !important; } .dark [data-sonner-toast][data-type='warning'][data-rich-colors='true'] { background: rgba(255, 199, 0, 0.12) !important; border-color: rgba(255, 199, 0, 0.3) !important; color: #fde68a !important; } .dark [data-sonner-toast][data-type='error'][data-rich-colors='true'] { background: rgba(239, 68, 68, 0.12) !important; border-color: rgba(239, 68, 68, 0.3) !important; color: #fca5a5 !important; } .dark [data-sonner-toast][data-type='info'][data-rich-colors='true'] { background: rgba(0, 193, 181, 0.08) !important; border-color: rgba(0, 193, 181, 0.25) !important; color: #67e8f9 !important; } .dark [data-sonner-toast][data-type='info'][data-rich-colors='true'] [data-icon] svg { color: #00c1b5 !important; } .dark [data-sonner-toast][data-type='loading'] { background: #161b22 !important; border-color: #30363d !important; color: #e6edf3 !important; } .dark [data-sonner-toast] [data-close-button]:hover { background: rgba(255, 255, 255, 0.1) !important; } .hover\:text-primary:hover { color: var(--text-primary) !important; } .hover\:text-secondary:hover { color: var(--text-secondary) !important; } .hover\:text-interactive:hover { color: var(--text-interactive); } .hover\:bg-surface:hover { background-color: var(--bg-primary); } .hover\:bg-elevated:hover { background-color: var(--bg-elevated); } .hover\:bg-tertiary:hover { background-color: var(--bg-tertiary); } .hover\:border-default:hover { border-color: var(--border-primary); } .group:hover .group-hover\:text-primary { color: var(--text-primary) !important; } .dark\:text-secondary:is(.dark *) { color: var(--text-secondary) !important; } .dark\:hover\:text-primary:hover:is(.dark *) { color: var(--text-primary) !important; } .marker\:text-gray-500 *::marker{color:rgb(107 114 128 )} .marker\:text-white\/70 *::marker{color:rgb(255 255 255 / 0.7)} .marker\:text-gray-500::marker{color:rgb(107 114 128 )} .marker\:text-white\/70::marker{color:rgb(255 255 255 / 0.7)} .placeholder\:text-gray-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))} .placeholder\:text-gray-400::placeholder{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))} .placeholder\:text-semantic-text-muted::-moz-placeholder{color:var(--text-muted)} .placeholder\:text-semantic-text-muted::placeholder{color:var(--text-muted)} .placeholder\:text-slate-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))} .placeholder\:text-slate-400::placeholder{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))} .last\:border-0:last-child{border-width:0px} .last\:border-b-0:last-child{border-bottom-width:0px} .hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .hover\:border-amber-300:hover{--tw-border-opacity:1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))} .hover\:border-blue-300:hover{--tw-border-opacity:1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))} .hover\:border-blue-400:hover{--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))} .hover\:border-brand:hover{border-color:var(--btn-primary-bg)} .hover\:border-emerald-400:hover{--tw-border-opacity:1;border-color:rgb(52 211 153 / var(--tw-border-opacity, 1))} .hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))} .hover\:border-primary:hover{border-color:var(--color-primary-600)} .hover\:border-primary-200:hover{border-color:var(--color-primary-200)} .hover\:border-primary-300:hover{border-color:var(--color-primary-300)} .hover\:border-primary-400:hover{border-color:var(--color-primary-400)} .hover\:border-primary-500:hover{border-color:var(--color-primary-500)} .hover\:border-purple-500:hover{--tw-border-opacity:1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))} .hover\:border-red-300:hover{--tw-border-opacity:1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))} .hover\:border-semantic-border-secondary:hover{border-color:var(--border-secondary)} .hover\:border-slate-500:hover{--tw-border-opacity:1;border-color:rgb(100 116 139 / var(--tw-border-opacity, 1))} .hover\:border-success:hover{border-color:var(--color-success-500)} .hover\:border-teal-400:hover{--tw-border-opacity:1;border-color:rgb(45 212 191 / var(--tw-border-opacity, 1))} .hover\:bg-amber-100:hover{--tw-bg-opacity:1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))} .hover\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))} .hover\:bg-amber-500:hover{--tw-bg-opacity:1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))} .hover\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))} .hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:rgb(180 83 9 / var(--tw-bg-opacity, 1))} .hover\:bg-black\/10:hover{background-color:rgb(0 0 0 / 0.1)} .hover\:bg-black\/50:hover{background-color:rgb(0 0 0 / 0.5)} .hover\:bg-black\/60:hover{background-color:rgb(0 0 0 / 0.6)} .hover\:bg-black\/70:hover{background-color:rgb(0 0 0 / 0.7)} .hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))} .hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))} .hover\:bg-cyan-700:hover{--tw-bg-opacity:1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))} .hover\:bg-emerald-200:hover{--tw-bg-opacity:1;background-color:rgb(167 243 208 / var(--tw-bg-opacity, 1))} .hover\:bg-emerald-600\/10:hover{background-color:rgb(5 150 105 / 0.1)} .hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))} .hover\:bg-error:hover{background-color:var(--color-error-500)} .hover\:bg-error-50:hover{background-color:var(--color-error-50)} .hover\:bg-error-700:hover{background-color:var(--color-error-700)} .hover\:bg-gold-600:hover{background-color:var(--color-gold-600)} .hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-700\/30:hover{background-color:rgb(55 65 81 / 0.3)} .hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-800\/30:hover{background-color:rgb(31 41 55 / 0.3)} .hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))} .hover\:bg-green-500:hover{--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))} .hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))} .hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))} .hover\:bg-indigo-200:hover{--tw-bg-opacity:1;background-color:rgb(199 210 254 / var(--tw-bg-opacity, 1))} .hover\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))} .hover\:bg-indigo-500:hover{--tw-bg-opacity:1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))} .hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))} .hover\:bg-orange-600:hover{--tw-bg-opacity:1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))} .hover\:bg-pink-500:hover{--tw-bg-opacity:1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))} .hover\:bg-primary-100:hover{background-color:var(--color-primary-100)} .hover\:bg-primary-200:hover{background-color:var(--color-primary-200)} .hover\:bg-primary-50:hover{background-color:var(--color-primary-50)} .hover\:bg-primary-600:hover{background-color:var(--color-primary-600)} .hover\:bg-primary-700:hover{background-color:var(--color-primary-700)} .hover\:bg-purple-100:hover{--tw-bg-opacity:1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))} .hover\:bg-purple-200:hover{--tw-bg-opacity:1;background-color:rgb(233 213 255 / var(--tw-bg-opacity, 1))} .hover\:bg-purple-50:hover{--tw-bg-opacity:1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))} .hover\:bg-purple-500:hover{--tw-bg-opacity:1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))} .hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))} .hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))} .hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))} .hover\:bg-red-500\/10:hover{background-color:rgb(239 68 68 / 0.1)} .hover\:bg-red-500\/50:hover{background-color:rgb(239 68 68 / 0.5)} .hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))} .hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))} .hover\:bg-red-800\/60:hover{background-color:rgb(153 27 27 / 0.6)} .hover\:bg-red-900\/60:hover{background-color:rgb(127 29 29 / 0.6)} .hover\:bg-secondary:hover{background-color:var(--color-secondary-500)} .hover\:bg-secondary-200:hover{background-color:var(--color-secondary-200)} .hover\:bg-secondary-600:hover{background-color:var(--color-secondary-600)} .hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))} .hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))} .hover\:bg-success-700:hover{background-color:var(--color-success-700)} .hover\:bg-surface:hover{background-color:var(--bg-primary)} .hover\:bg-surface-secondary:hover{background-color:var(--bg-tertiary)} .hover\:bg-surface-tertiary:hover{background-color:var(--bg-tertiary)} .hover\:bg-teal-100:hover{--tw-bg-opacity:1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1))} .hover\:bg-teal-700:hover{--tw-bg-opacity:1;background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1))} .hover\:bg-turquoise-700:hover{background-color:var(--color-turquoise-700)} .hover\:bg-violet-700:hover{background-color:var(--color-violet-700)} .hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .hover\:bg-white\/10:hover{background-color:rgb(255 255 255 / 0.1)} .hover\:bg-white\/20:hover{background-color:rgb(255 255 255 / 0.2)} .hover\:bg-white\/30:hover{background-color:rgb(255 255 255 / 0.3)} .hover\:bg-white\/40:hover{background-color:rgb(255 255 255 / 0.4)} .hover\:bg-yellow-600:hover{--tw-bg-opacity:1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))} .hover\:bg-yellow-700:hover{--tw-bg-opacity:1;background-color:rgb(161 98 7 / var(--tw-bg-opacity, 1))} .hover\:from-amber-600:hover{--tw-gradient-from:#d97706 var(--tw-gradient-from-position);--tw-gradient-to:rgb(217 119 6 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-emerald-600:hover{--tw-gradient-from:#059669 var(--tw-gradient-from-position);--tw-gradient-to:rgb(5 150 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-red-600:hover{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-teal-600:hover{--tw-gradient-from:#0d9488 var(--tw-gradient-from-position);--tw-gradient-to:rgb(13 148 136 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:to-amber-700:hover{--tw-gradient-to:#b45309 var(--tw-gradient-to-position)} .hover\:to-emerald-600:hover{--tw-gradient-to:#059669 var(--tw-gradient-to-position)} .hover\:to-pink-600:hover{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)} .hover\:to-teal-600:hover{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)} .hover\:stroke-white:hover{stroke:#fff} .hover\:text-blue-300:hover{--tw-text-opacity:1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))} .hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))} .hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))} .hover\:text-gold-600:hover{color:var(--color-gold-600)} .hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))} .hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))} .hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))} .hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))} .hover\:text-indigo-300:hover{--tw-text-opacity:1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))} .hover\:text-indigo-400:hover{--tw-text-opacity:1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))} .hover\:text-indigo-700:hover{--tw-text-opacity:1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))} .hover\:text-primary:hover{color:var(--color-primary-600)} .hover\:text-primary-500:hover{color:var(--color-primary-500)} .hover\:text-primary-600:hover{color:var(--color-primary-600)} .hover\:text-primary-700:hover{color:var(--color-primary-700)} .hover\:text-red-300:hover{--tw-text-opacity:1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))} .hover\:text-red-400:hover{--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))} .hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))} .hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))} .hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))} .hover\:text-secondary:hover{color:var(--color-secondary-500)} .hover\:text-secondary-500:hover{color:var(--color-secondary-500)} .hover\:text-secondary-700:hover{color:var(--color-secondary-700)} .hover\:text-secondary-900:hover{color:var(--color-secondary-900)} .hover\:text-semantic-text-primary:hover{color:var(--text-primary)} .hover\:text-semantic-text-secondary:hover{color:var(--text-secondary)} .hover\:text-slate-200:hover{--tw-text-opacity:1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))} .hover\:text-slate-300:hover{--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))} .hover\:text-slate-400:hover{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))} .hover\:text-turquoise-700:hover{color:var(--color-turquoise-700)} .hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .hover\:underline:hover{text-decoration-line:underline} .hover\:no-underline:hover{text-decoration-line:none} .hover\:opacity-100:hover{opacity:1} .hover\:opacity-80:hover{opacity:0.8} .hover\:opacity-90:hover{opacity:0.9} .hover\:shadow-card-hover:hover{--tw-shadow:var(--card-shadow-hover);--tw-shadow-colored:var(--card-shadow-hover);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .hover\:shadow-lg:hover{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .hover\:shadow-md:hover{--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .hover\:shadow-xl:hover{--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .hover\:shadow-amber-500\/25:hover{--tw-shadow-color:rgb(245 158 11 / 0.25);--tw-shadow:var(--tw-shadow-colored)} .hover\:ring-2:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .hover\:ring-green-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(74 222 128 / var(--tw-ring-opacity, 1))} .hover\:ring-primary-400:hover{--tw-ring-color:var(--color-primary-400)} .hover\:ring-primary-500:hover{--tw-ring-color:var(--color-primary-500)} .hover\:brightness-110:hover{--tw-brightness:brightness(1.1);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)} .hover\:brightness-125:hover{--tw-brightness:brightness(1.25);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .focus\:border-amber-500:focus{--tw-border-opacity:1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))} .focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))} .focus\:border-error-500:focus{border-color:var(--color-error-500)} .focus\:border-gold-500:focus{border-color:var(--color-gold-500)} .focus\:border-indigo-500:focus{--tw-border-opacity:1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))} .focus\:border-pink-500:focus{--tw-border-opacity:1;border-color:rgb(236 72 153 / var(--tw-border-opacity, 1))} .focus\:border-primary:focus{border-color:var(--color-primary-600)} .focus\:border-primary-500:focus{border-color:var(--color-primary-500)} .focus\:border-success-500:focus{border-color:var(--color-success-500)} .focus\:border-transparent:focus{border-color:transparent} .focus\:border-turquoise-500:focus{border-color:var(--color-turquoise-500)} .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px} .focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .focus\:ring-amber-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(245 158 11 / var(--tw-ring-opacity, 1))} .focus\:ring-amber-500\/20:focus{--tw-ring-color:rgb(245 158 11 / 0.2)} .focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity, 1))} .focus\:ring-error-500:focus{--tw-ring-color:var(--color-error-500)} .focus\:ring-gold-500:focus{--tw-ring-color:var(--color-gold-500)} .focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241 / var(--tw-ring-opacity, 1))} .focus\:ring-primary:focus{--tw-ring-color:var(--color-primary-600)} .focus\:ring-primary-500:focus{--tw-ring-color:var(--color-primary-500)} .focus\:ring-success-500:focus{--tw-ring-color:var(--color-success-500)} .focus\:ring-teal-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(20 184 166 / var(--tw-ring-opacity, 1))} .focus\:ring-turquoise-500:focus{--tw-ring-color:var(--color-turquoise-500)} .focus\:ring-opacity-50:focus{--tw-ring-opacity:0.5} .focus\:ring-offset-0:focus{--tw-ring-offset-width:0px} .focus\:ring-offset-1:focus{--tw-ring-offset-width:1px} .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px} .focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .focus-visible\:ring-gold-500:focus-visible{--tw-ring-color:var(--color-gold-500)} .active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .active\:cursor-grabbing:active{cursor:grabbing} .active\:bg-green-500\/40:active{background-color:rgb(34 197 94 / 0.4)} .active\:bg-white\/40:active{background-color:rgb(255 255 255 / 0.4)} .disabled\:cursor-not-allowed:disabled{cursor:not-allowed} .disabled\:bg-gray-100:disabled{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))} .disabled\:bg-gray-300:disabled{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))} .disabled\:text-gray-500:disabled{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .disabled\:opacity-40:disabled{opacity:0.4} .disabled\:opacity-50:disabled{opacity:0.5} .group[open] .group-open\:rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .group:hover .group-hover\:visible{visibility:visible} .group:hover .group-hover\:block{display:block} .group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .group:hover .group-hover\:gap-2{gap:0.5rem} .group:hover .group-hover\:bg-black\/30{background-color:rgb(0 0 0 / 0.3)} .group:hover .group-hover\:bg-black\/40{background-color:rgb(0 0 0 / 0.4)} .group:hover .group-hover\:bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))} .group:hover .group-hover\:bg-emerald-200{--tw-bg-opacity:1;background-color:rgb(167 243 208 / var(--tw-bg-opacity, 1))} .group:hover .group-hover\:bg-surface-tertiary{background-color:var(--bg-tertiary)} .group:hover .group-hover\:text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))} .group:hover .group-hover\:text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))} .group:hover .group-hover\:text-primary{color:var(--color-primary-600)} .group:hover .group-hover\:text-primary-500{color:var(--color-primary-500)} .group:hover .group-hover\:text-primary-600{color:var(--color-primary-600)} .group:hover .group-hover\:opacity-100{opacity:1} .group:hover .group-hover\:opacity-20{opacity:0.2} .group:hover .group-hover\:opacity-80{opacity:0.8} .group:hover .group-hover\:shadow-lg{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .dark\:block:is(.dark *){display:block} .dark\:hidden:is(.dark *){display:none} .dark\:divide-dark-border:is(.dark *) > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(48 54 61 / var(--tw-divide-opacity, 1))} .dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(55 65 81 / var(--tw-divide-opacity, 1))} .dark\:border-amber-500:is(.dark *){--tw-border-opacity:1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))} .dark\:border-amber-500\/30:is(.dark *){border-color:rgb(245 158 11 / 0.3)} .dark\:border-amber-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(217 119 6 / var(--tw-border-opacity, 1))} .dark\:border-amber-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1))} .dark\:border-amber-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(146 64 14 / var(--tw-border-opacity, 1))} .dark\:border-amber-800\/50:is(.dark *){border-color:rgb(146 64 14 / 0.5)} .dark\:border-amber-900\/30:is(.dark *){border-color:rgb(120 53 15 / 0.3)} .dark\:border-blue-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))} .dark\:border-blue-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))} .dark\:border-blue-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))} .dark\:border-cyan-500\/30:is(.dark *){border-color:rgb(6 182 212 / 0.3)} .dark\:border-cyan-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(21 94 117 / var(--tw-border-opacity, 1))} .dark\:border-dark-border:is(.dark *){--tw-border-opacity:1;border-color:rgb(48 54 61 / var(--tw-border-opacity, 1))} .dark\:border-dark-border-muted:is(.dark *){--tw-border-opacity:1;border-color:rgb(33 38 45 / var(--tw-border-opacity, 1))} .dark\:border-dark-elevated:is(.dark *){--tw-border-opacity:1;border-color:rgb(22 27 34 / var(--tw-border-opacity, 1))} .dark\:border-emerald-500\/30:is(.dark *){border-color:rgb(16 185 129 / 0.3)} .dark\:border-emerald-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(4 120 87 / var(--tw-border-opacity, 1))} .dark\:border-emerald-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(6 95 70 / var(--tw-border-opacity, 1))} .dark\:border-emerald-900\/20:is(.dark *){border-color:rgb(6 78 59 / 0.2)} .dark\:border-error-700:is(.dark *){border-color:var(--color-error-700)} .dark\:border-gold-700:is(.dark *){border-color:var(--color-gold-700)} .dark\:border-gray-500:is(.dark *){--tw-border-opacity:1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))} .dark\:border-gray-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))} .dark\:border-gray-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))} .dark\:border-gray-700\/50:is(.dark *){border-color:rgb(55 65 81 / 0.5)} .dark\:border-gray-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))} .dark\:border-green-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))} .dark\:border-green-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))} .dark\:border-green-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))} .dark\:border-green-800\/50:is(.dark *){border-color:rgb(22 101 52 / 0.5)} .dark\:border-indigo-400:is(.dark *){--tw-border-opacity:1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1))} .dark\:border-indigo-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 48 163 / var(--tw-border-opacity, 1))} .dark\:border-orange-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(194 65 12 / var(--tw-border-opacity, 1))} .dark\:border-orange-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(154 52 18 / var(--tw-border-opacity, 1))} .dark\:border-primary-400:is(.dark *){border-color:var(--color-primary-400)} .dark\:border-primary-700:is(.dark *){border-color:var(--color-primary-700)} .dark\:border-primary-800:is(.dark *){border-color:var(--color-primary-800)} .dark\:border-purple-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(147 51 234 / var(--tw-border-opacity, 1))} .dark\:border-purple-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(107 33 168 / var(--tw-border-opacity, 1))} .dark\:border-red-500:is(.dark *){--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))} .dark\:border-red-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))} .dark\:border-red-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))} .dark\:border-secondary-400:is(.dark *){border-color:var(--color-secondary-400)} .dark\:border-secondary-500:is(.dark *){border-color:var(--color-secondary-500)} .dark\:border-slate-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))} .dark\:border-success-700:is(.dark *){border-color:var(--color-success-700)} .dark\:border-teal-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(17 94 89 / var(--tw-border-opacity, 1))} .dark\:border-turquoise-400:is(.dark *){border-color:var(--color-turquoise-400)} .dark\:border-turquoise-500:is(.dark *){border-color:var(--color-turquoise-500)} .dark\:border-turquoise-700:is(.dark *){border-color:var(--color-turquoise-700)} .dark\:border-turquoise-800:is(.dark *){border-color:var(--color-turquoise-800)} .dark\:border-violet-400:is(.dark *){border-color:var(--color-violet-400)} .dark\:border-violet-700:is(.dark *){border-color:var(--color-violet-700)} .dark\:border-warning-500:is(.dark *){border-color:var(--color-warning-500)} .dark\:border-warning-700:is(.dark *){border-color:var(--color-warning-700)} .dark\:border-yellow-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(133 77 14 / var(--tw-border-opacity, 1))} .dark\:bg-amber-500:is(.dark *){--tw-bg-opacity:1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))} .dark\:bg-amber-500\/20:is(.dark *){background-color:rgb(245 158 11 / 0.2)} .dark\:bg-amber-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(146 64 14 / var(--tw-bg-opacity, 1))} .dark\:bg-amber-900\/20:is(.dark *){background-color:rgb(120 53 15 / 0.2)} .dark\:bg-amber-900\/30:is(.dark *){background-color:rgb(120 53 15 / 0.3)} .dark\:bg-amber-900\/40:is(.dark *){background-color:rgb(120 53 15 / 0.4)} .dark\:bg-amber-900\/50:is(.dark *){background-color:rgb(120 53 15 / 0.5)} .dark\:bg-amber-950\/20:is(.dark *){background-color:rgb(69 26 3 / 0.2)} .dark\:bg-blue-500\/20:is(.dark *){background-color:rgb(59 130 246 / 0.2)} .dark\:bg-blue-900\/10:is(.dark *){background-color:rgb(30 58 138 / 0.1)} .dark\:bg-blue-900\/20:is(.dark *){background-color:rgb(30 58 138 / 0.2)} .dark\:bg-blue-900\/30:is(.dark *){background-color:rgb(30 58 138 / 0.3)} .dark\:bg-blue-900\/40:is(.dark *){background-color:rgb(30 58 138 / 0.4)} .dark\:bg-blue-900\/50:is(.dark *){background-color:rgb(30 58 138 / 0.5)} .dark\:bg-blue-950\/20:is(.dark *){background-color:rgb(23 37 84 / 0.2)} .dark\:bg-cyan-500\/15:is(.dark *){background-color:rgb(6 182 212 / 0.15)} .dark\:bg-cyan-500\/20:is(.dark *){background-color:rgb(6 182 212 / 0.2)} .dark\:bg-cyan-900\/20:is(.dark *){background-color:rgb(22 78 99 / 0.2)} .dark\:bg-cyan-900\/30:is(.dark *){background-color:rgb(22 78 99 / 0.3)} .dark\:bg-cyan-900\/40:is(.dark *){background-color:rgb(22 78 99 / 0.4)} .dark\:bg-cyan-950\/20:is(.dark *){background-color:rgb(8 51 68 / 0.2)} .dark\:bg-dark-bg:is(.dark *){--tw-bg-opacity:1;background-color:rgb(13 17 23 / var(--tw-bg-opacity, 1))} .dark\:bg-dark-border:is(.dark *){--tw-bg-opacity:1;background-color:rgb(48 54 61 / var(--tw-bg-opacity, 1))} .dark\:bg-dark-border\/30:is(.dark *){background-color:rgb(48 54 61 / 0.3)} .dark\:bg-dark-elevated:is(.dark *){--tw-bg-opacity:1;background-color:rgb(22 27 34 / var(--tw-bg-opacity, 1))} .dark\:bg-dark-elevated\/50:is(.dark *){background-color:rgb(22 27 34 / 0.5)} .dark\:bg-dark-tertiary:is(.dark *){--tw-bg-opacity:1;background-color:rgb(33 38 45 / var(--tw-bg-opacity, 1))} .dark\:bg-dark-tertiary\/50:is(.dark *){background-color:rgb(33 38 45 / 0.5)} .dark\:bg-emerald-500\/20:is(.dark *){background-color:rgb(16 185 129 / 0.2)} .dark\:bg-emerald-900\/10:is(.dark *){background-color:rgb(6 78 59 / 0.1)} .dark\:bg-emerald-900\/20:is(.dark *){background-color:rgb(6 78 59 / 0.2)} .dark\:bg-emerald-900\/30:is(.dark *){background-color:rgb(6 78 59 / 0.3)} .dark\:bg-emerald-900\/40:is(.dark *){background-color:rgb(6 78 59 / 0.4)} .dark\:bg-emerald-950\/20:is(.dark *){background-color:rgb(2 44 34 / 0.2)} .dark\:bg-gray-500:is(.dark *){--tw-bg-opacity:1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))} .dark\:bg-gray-600:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))} .dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))} .dark\:bg-gray-700\/50:is(.dark *){background-color:rgb(55 65 81 / 0.5)} .dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))} .dark\:bg-gray-800\/30:is(.dark *){background-color:rgb(31 41 55 / 0.3)} .dark\:bg-gray-800\/40:is(.dark *){background-color:rgb(31 41 55 / 0.4)} .dark\:bg-gray-800\/50:is(.dark *){background-color:rgb(31 41 55 / 0.5)} .dark\:bg-gray-800\/90:is(.dark *){background-color:rgb(31 41 55 / 0.9)} .dark\:bg-gray-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))} .dark\:bg-gray-900\/30:is(.dark *){background-color:rgb(17 24 39 / 0.3)} .dark\:bg-gray-900\/50:is(.dark *){background-color:rgb(17 24 39 / 0.5)} .dark\:bg-gray-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(3 7 18 / var(--tw-bg-opacity, 1))} .dark\:bg-gray-950\/95:is(.dark *){background-color:rgb(3 7 18 / 0.95)} .dark\:bg-green-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(22 101 52 / var(--tw-bg-opacity, 1))} .dark\:bg-green-900\/10:is(.dark *){background-color:rgb(20 83 45 / 0.1)} .dark\:bg-green-900\/20:is(.dark *){background-color:rgb(20 83 45 / 0.2)} .dark\:bg-green-900\/30:is(.dark *){background-color:rgb(20 83 45 / 0.3)} .dark\:bg-green-900\/40:is(.dark *){background-color:rgb(20 83 45 / 0.4)} .dark\:bg-indigo-900\/10:is(.dark *){background-color:rgb(49 46 129 / 0.1)} .dark\:bg-indigo-900\/20:is(.dark *){background-color:rgb(49 46 129 / 0.2)} .dark\:bg-indigo-900\/30:is(.dark *){background-color:rgb(49 46 129 / 0.3)} .dark\:bg-indigo-900\/40:is(.dark *){background-color:rgb(49 46 129 / 0.4)} .dark\:bg-indigo-900\/50:is(.dark *){background-color:rgb(49 46 129 / 0.5)} .dark\:bg-info:is(.dark *){background-color:var(--color-info-500)} .dark\:bg-lime-900\/30:is(.dark *){background-color:rgb(54 83 20 / 0.3)} .dark\:bg-orange-900\/10:is(.dark *){background-color:rgb(124 45 18 / 0.1)} .dark\:bg-orange-900\/20:is(.dark *){background-color:rgb(124 45 18 / 0.2)} .dark\:bg-orange-900\/30:is(.dark *){background-color:rgb(124 45 18 / 0.3)} .dark\:bg-orange-900\/40:is(.dark *){background-color:rgb(124 45 18 / 0.4)} .dark\:bg-pink-900\/40:is(.dark *){background-color:rgb(131 24 67 / 0.4)} .dark\:bg-primary-900:is(.dark *){background-color:var(--color-primary-900)} .dark\:bg-purple-500\/20:is(.dark *){background-color:rgb(168 85 247 / 0.2)} .dark\:bg-purple-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(107 33 168 / var(--tw-bg-opacity, 1))} .dark\:bg-purple-900\/20:is(.dark *){background-color:rgb(88 28 135 / 0.2)} .dark\:bg-purple-900\/30:is(.dark *){background-color:rgb(88 28 135 / 0.3)} .dark\:bg-purple-900\/40:is(.dark *){background-color:rgb(88 28 135 / 0.4)} .dark\:bg-purple-900\/50:is(.dark *){background-color:rgb(88 28 135 / 0.5)} .dark\:bg-purple-950\/20:is(.dark *){background-color:rgb(59 7 100 / 0.2)} .dark\:bg-red-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))} .dark\:bg-red-900\/10:is(.dark *){background-color:rgb(127 29 29 / 0.1)} .dark\:bg-red-900\/20:is(.dark *){background-color:rgb(127 29 29 / 0.2)} .dark\:bg-red-900\/30:is(.dark *){background-color:rgb(127 29 29 / 0.3)} .dark\:bg-red-900\/40:is(.dark *){background-color:rgb(127 29 29 / 0.4)} .dark\:bg-rose-900\/40:is(.dark *){background-color:rgb(136 19 55 / 0.4)} .dark\:bg-secondary-500:is(.dark *){background-color:var(--color-secondary-500)} .dark\:bg-sky-900\/30:is(.dark *){background-color:rgb(12 74 110 / 0.3)} .dark\:bg-slate-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))} .dark\:bg-slate-800\/60:is(.dark *){background-color:rgb(30 41 59 / 0.6)} .dark\:bg-slate-900\/50:is(.dark *){background-color:rgb(15 23 42 / 0.5)} .dark\:bg-success:is(.dark *){background-color:var(--color-success-500)} .dark\:bg-teal-900\/10:is(.dark *){background-color:rgb(19 78 74 / 0.1)} .dark\:bg-teal-900\/20:is(.dark *){background-color:rgb(19 78 74 / 0.2)} .dark\:bg-teal-900\/30:is(.dark *){background-color:rgb(19 78 74 / 0.3)} .dark\:bg-teal-900\/40:is(.dark *){background-color:rgb(19 78 74 / 0.4)} .dark\:bg-turquoise-400:is(.dark *){background-color:var(--color-turquoise-400)} .dark\:bg-turquoise-500:is(.dark *){background-color:var(--color-turquoise-500)} .dark\:bg-violet-500:is(.dark *){background-color:var(--color-violet-500)} .dark\:bg-violet-700:is(.dark *){background-color:var(--color-violet-700)} .dark\:bg-violet-950\/20:is(.dark *){background-color:rgb(46 16 101 / 0.2)} .dark\:bg-warning:is(.dark *){background-color:var(--color-warning-500)} .dark\:bg-white:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .dark\:bg-white\/10:is(.dark *){background-color:rgb(255 255 255 / 0.1)} .dark\:bg-white\/20:is(.dark *){background-color:rgb(255 255 255 / 0.2)} .dark\:bg-white\/5:is(.dark *){background-color:rgb(255 255 255 / 0.05)} .dark\:bg-yellow-500\/30:is(.dark *){background-color:rgb(234 179 8 / 0.3)} .dark\:bg-yellow-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(113 63 18 / var(--tw-bg-opacity, 1))} .dark\:bg-yellow-900\/20:is(.dark *){background-color:rgb(113 63 18 / 0.2)} .dark\:bg-yellow-900\/30:is(.dark *){background-color:rgb(113 63 18 / 0.3)} .dark\:from-amber-900\/10:is(.dark *){--tw-gradient-from:rgb(120 53 15 / 0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(120 53 15 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-amber-900\/20:is(.dark *){--tw-gradient-from:rgb(120 53 15 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(120 53 15 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-amber-900\/30:is(.dark *){--tw-gradient-from:rgb(120 53 15 / 0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(120 53 15 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-blue-900\/20:is(.dark *){--tw-gradient-from:rgb(30 58 138 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-dark-bg:is(.dark *){--tw-gradient-from:#0d1117 var(--tw-gradient-from-position);--tw-gradient-to:rgb(13 17 23 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-dark-elevated:is(.dark *){--tw-gradient-from:#161b22 var(--tw-gradient-from-position);--tw-gradient-to:rgb(22 27 34 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-dark-tertiary:is(.dark *){--tw-gradient-from:#21262d var(--tw-gradient-from-position);--tw-gradient-to:rgb(33 38 45 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-emerald-900\/20:is(.dark *){--tw-gradient-from:rgb(6 78 59 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(6 78 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-gray-600:is(.dark *){--tw-gradient-from:#4b5563 var(--tw-gradient-from-position);--tw-gradient-to:rgb(75 85 99 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-gray-700:is(.dark *){--tw-gradient-from:#374151 var(--tw-gradient-from-position);--tw-gradient-to:rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-gray-700\/50:is(.dark *){--tw-gradient-from:rgb(55 65 81 / 0.5) var(--tw-gradient-from-position);--tw-gradient-to:rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-primary-500:is(.dark *){--tw-gradient-from:var(--color-primary-500) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-secondary-300:is(.dark *){--tw-gradient-from:var(--color-secondary-300) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-secondary-400:is(.dark *){--tw-gradient-from:var(--color-secondary-400) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-slate-900:is(.dark *){--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-turquoise-300:is(.dark *){--tw-gradient-from:var(--color-turquoise-300) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-turquoise-400:is(.dark *){--tw-gradient-from:var(--color-turquoise-400) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-violet-300:is(.dark *){--tw-gradient-from:var(--color-violet-300) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-violet-400:is(.dark *){--tw-gradient-from:var(--color-violet-400) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-yellow-900\/20:is(.dark *){--tw-gradient-from:rgb(113 63 18 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(113 63 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:via-dark-elevated:is(.dark *){--tw-gradient-to:rgb(22 27 34 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #161b22 var(--tw-gradient-via-position), var(--tw-gradient-to)} .dark\:via-dark-tertiary:is(.dark *){--tw-gradient-to:rgb(33 38 45 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #21262d var(--tw-gradient-via-position), var(--tw-gradient-to)} .dark\:via-violet-600:is(.dark *){--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--color-violet-600) var(--tw-gradient-via-position), var(--tw-gradient-to)} .dark\:to-amber-900\/10:is(.dark *){--tw-gradient-to:rgb(120 53 15 / 0.1) var(--tw-gradient-to-position)} .dark\:to-amber-900\/20:is(.dark *){--tw-gradient-to:rgb(120 53 15 / 0.2) var(--tw-gradient-to-position)} .dark\:to-azure-500:is(.dark *){--tw-gradient-to:var(--color-azure-500) var(--tw-gradient-to-position)} .dark\:to-blue-900\/10:is(.dark *){--tw-gradient-to:rgb(30 58 138 / 0.1) var(--tw-gradient-to-position)} .dark\:to-dark-bg:is(.dark *){--tw-gradient-to:#0d1117 var(--tw-gradient-to-position)} .dark\:to-dark-elevated:is(.dark *){--tw-gradient-to:#161b22 var(--tw-gradient-to-position)} .dark\:to-dark-tertiary:is(.dark *){--tw-gradient-to:#21262d var(--tw-gradient-to-position)} .dark\:to-emerald-900\/10:is(.dark *){--tw-gradient-to:rgb(6 78 59 / 0.1) var(--tw-gradient-to-position)} .dark\:to-gray-600:is(.dark *){--tw-gradient-to:#4b5563 var(--tw-gradient-to-position)} .dark\:to-gray-700:is(.dark *){--tw-gradient-to:#374151 var(--tw-gradient-to-position)} .dark\:to-gray-700\/30:is(.dark *){--tw-gradient-to:rgb(55 65 81 / 0.3) var(--tw-gradient-to-position)} .dark\:to-indigo-900\/20:is(.dark *){--tw-gradient-to:rgb(49 46 129 / 0.2) var(--tw-gradient-to-position)} .dark\:to-orange-900\/10:is(.dark *){--tw-gradient-to:rgb(124 45 18 / 0.1) var(--tw-gradient-to-position)} .dark\:to-orange-900\/30:is(.dark *){--tw-gradient-to:rgb(124 45 18 / 0.3) var(--tw-gradient-to-position)} .dark\:to-secondary-500:is(.dark *){--tw-gradient-to:var(--color-secondary-500) var(--tw-gradient-to-position)} .dark\:to-slate-800:is(.dark *){--tw-gradient-to:#1e293b var(--tw-gradient-to-position)} .dark\:to-success-500:is(.dark *){--tw-gradient-to:var(--color-success-500) var(--tw-gradient-to-position)} .dark\:to-teal-900\/20:is(.dark *){--tw-gradient-to:rgb(19 78 74 / 0.2) var(--tw-gradient-to-position)} .dark\:to-violet-500:is(.dark *){--tw-gradient-to:var(--color-violet-500) var(--tw-gradient-to-position)} .dark\:to-violet-600:is(.dark *){--tw-gradient-to:var(--color-violet-600) var(--tw-gradient-to-position)} .dark\:to-violet-700:is(.dark *){--tw-gradient-to:var(--color-violet-700) var(--tw-gradient-to-position)} .dark\:text-amber-200:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))} .dark\:text-amber-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))} .dark\:text-amber-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))} .dark\:text-blue-200:is(.dark *){--tw-text-opacity:1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))} .dark\:text-blue-300:is(.dark *){--tw-text-opacity:1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))} .dark\:text-blue-400:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))} .dark\:text-cyan-300:is(.dark *){--tw-text-opacity:1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))} .dark\:text-cyan-400:is(.dark *){--tw-text-opacity:1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))} .dark\:text-emerald-200:is(.dark *){--tw-text-opacity:1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))} .dark\:text-emerald-300:is(.dark *){--tw-text-opacity:1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))} .dark\:text-emerald-400:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))} .dark\:text-gold-300:is(.dark *){color:var(--color-gold-300)} .dark\:text-gold-400:is(.dark *){color:var(--color-gold-400)} .dark\:text-gray-100:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))} .dark\:text-gray-200:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))} .dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))} .dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))} .dark\:text-gray-500:is(.dark *){--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .dark\:text-gray-600:is(.dark *){--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))} .dark\:text-gray-900:is(.dark *){--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))} .dark\:text-green-300:is(.dark *){--tw-text-opacity:1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))} .dark\:text-green-400:is(.dark *){--tw-text-opacity:1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))} .dark\:text-indigo-200:is(.dark *){--tw-text-opacity:1;color:rgb(199 210 254 / var(--tw-text-opacity, 1))} .dark\:text-indigo-300:is(.dark *){--tw-text-opacity:1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))} .dark\:text-indigo-400:is(.dark *){--tw-text-opacity:1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))} .dark\:text-orange-300:is(.dark *){--tw-text-opacity:1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))} .dark\:text-orange-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))} .dark\:text-pink-300:is(.dark *){--tw-text-opacity:1;color:rgb(249 168 212 / var(--tw-text-opacity, 1))} .dark\:text-primary-200:is(.dark *){color:var(--color-primary-200)} .dark\:text-primary-300:is(.dark *){color:var(--color-primary-300)} .dark\:text-primary-400:is(.dark *){color:var(--color-primary-400)} .dark\:text-purple-300:is(.dark *){--tw-text-opacity:1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))} .dark\:text-purple-400:is(.dark *){--tw-text-opacity:1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))} .dark\:text-red-200:is(.dark *){--tw-text-opacity:1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))} .dark\:text-red-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))} .dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))} .dark\:text-rose-300:is(.dark *){--tw-text-opacity:1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))} .dark\:text-secondary:is(.dark *){color:var(--color-secondary-500)} .dark\:text-secondary-100:is(.dark *){color:var(--color-secondary-100)} .dark\:text-secondary-300:is(.dark *){color:var(--color-secondary-300)} .dark\:text-secondary-400:is(.dark *){color:var(--color-secondary-400)} .dark\:text-sky-400:is(.dark *){--tw-text-opacity:1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))} .dark\:text-slate-200:is(.dark *){--tw-text-opacity:1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))} .dark\:text-slate-400:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))} .dark\:text-teal-300:is(.dark *){--tw-text-opacity:1;color:rgb(94 234 212 / var(--tw-text-opacity, 1))} .dark\:text-teal-400:is(.dark *){--tw-text-opacity:1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))} .dark\:text-turquoise-300:is(.dark *){color:var(--color-turquoise-300)} .dark\:text-turquoise-400:is(.dark *){color:var(--color-turquoise-400)} .dark\:text-violet-300:is(.dark *){color:var(--color-violet-300)} .dark\:text-violet-400:is(.dark *){color:var(--color-violet-400)} .dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .dark\:text-yellow-300:is(.dark *){--tw-text-opacity:1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))} .dark\:text-yellow-400:is(.dark *){--tw-text-opacity:1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))} .dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))} .dark\:placeholder-gray-500:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))} .dark\:shadow-gray-700\/20:is(.dark *){--tw-shadow-color:rgb(55 65 81 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .dark\:ring-gray-600\/50:is(.dark *){--tw-ring-color:rgb(75 85 99 / 0.5)} .dark\:ring-primary-900:is(.dark *){--tw-ring-color:var(--color-primary-900)} .dark\:ring-red-900\/40:is(.dark *){--tw-ring-color:rgb(127 29 29 / 0.4)} .dark\:ring-secondary-800:is(.dark *){--tw-ring-color:var(--color-secondary-800)} .dark\:ring-teal-500\/40:is(.dark *){--tw-ring-color:rgb(20 184 166 / 0.4)} .dark\:ring-offset-dark-elevated:is(.dark *){--tw-ring-offset-color:#161b22} .dark\:placeholder\:text-gray-500:is(.dark *)::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .dark\:placeholder\:text-gray-500:is(.dark *)::placeholder{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .dark\:placeholder\:text-slate-500:is(.dark *)::-moz-placeholder{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))} .dark\:placeholder\:text-slate-500:is(.dark *)::placeholder{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))} .dark\:hover\:border-amber-700:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1))} .dark\:hover\:border-blue-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))} .dark\:hover\:border-emerald-500:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))} .dark\:hover\:border-gray-500:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))} .dark\:hover\:border-gray-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))} .dark\:hover\:border-primary-500:hover:is(.dark *){border-color:var(--color-primary-500)} .dark\:hover\:border-primary-700:hover:is(.dark *){border-color:var(--color-primary-700)} .dark\:hover\:border-red-700:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))} .dark\:hover\:border-turquoise-700:hover:is(.dark *){border-color:var(--color-turquoise-700)} .dark\:hover\:bg-amber-900\/20:hover:is(.dark *){background-color:rgb(120 53 15 / 0.2)} .dark\:hover\:bg-amber-900\/30:hover:is(.dark *){background-color:rgb(120 53 15 / 0.3)} .dark\:hover\:bg-amber-900\/40:hover:is(.dark *){background-color:rgb(120 53 15 / 0.4)} .dark\:hover\:bg-blue-900\/20:hover:is(.dark *){background-color:rgb(30 58 138 / 0.2)} .dark\:hover\:bg-dark-border:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(48 54 61 / var(--tw-bg-opacity, 1))} .dark\:hover\:bg-dark-elevated:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(22 27 34 / var(--tw-bg-opacity, 1))} .dark\:hover\:bg-dark-tertiary:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(33 38 45 / var(--tw-bg-opacity, 1))} .dark\:hover\:bg-emerald-900\/50:hover:is(.dark *){background-color:rgb(6 78 59 / 0.5)} .dark\:hover\:bg-gray-100:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))} .dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))} .dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))} .dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))} .dark\:hover\:bg-gray-800\/50:hover:is(.dark *){background-color:rgb(31 41 55 / 0.5)} .dark\:hover\:bg-green-900\/30:hover:is(.dark *){background-color:rgb(20 83 45 / 0.3)} .dark\:hover\:bg-indigo-900\/20:hover:is(.dark *){background-color:rgb(49 46 129 / 0.2)} .dark\:hover\:bg-indigo-900\/50:hover:is(.dark *){background-color:rgb(49 46 129 / 0.5)} .dark\:hover\:bg-purple-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))} .dark\:hover\:bg-purple-900\/20:hover:is(.dark *){background-color:rgb(88 28 135 / 0.2)} .dark\:hover\:bg-purple-900\/40:hover:is(.dark *){background-color:rgb(88 28 135 / 0.4)} .dark\:hover\:bg-red-900\/20:hover:is(.dark *){background-color:rgb(127 29 29 / 0.2)} .dark\:hover\:bg-red-900\/30:hover:is(.dark *){background-color:rgb(127 29 29 / 0.3)} .dark\:hover\:bg-red-900\/40:hover:is(.dark *){background-color:rgb(127 29 29 / 0.4)} .dark\:hover\:bg-slate-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))} .dark\:hover\:bg-teal-900\/30:hover:is(.dark *){background-color:rgb(19 78 74 / 0.3)} .dark\:hover\:bg-teal-900\/40:hover:is(.dark *){background-color:rgb(19 78 74 / 0.4)} .dark\:hover\:bg-turquoise-400:hover:is(.dark *){background-color:var(--color-turquoise-400)} .dark\:hover\:bg-white\/10:hover:is(.dark *){background-color:rgb(255 255 255 / 0.1)} .dark\:hover\:text-blue-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))} .dark\:hover\:text-gray-200:hover:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))} .dark\:hover\:text-gray-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))} .dark\:hover\:text-indigo-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))} .dark\:hover\:text-primary:hover:is(.dark *){color:var(--color-primary-600)} .dark\:hover\:text-primary-400:hover:is(.dark *){color:var(--color-primary-400)} .dark\:hover\:text-red-400:hover:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))} .dark\:hover\:text-secondary-100:hover:is(.dark *){color:var(--color-secondary-100)} .dark\:hover\:text-secondary-400:hover:is(.dark *){color:var(--color-secondary-400)} .dark\:hover\:text-turquoise-300:hover:is(.dark *){color:var(--color-turquoise-300)} .dark\:hover\:text-turquoise-400:hover:is(.dark *){color:var(--color-turquoise-400)} .dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .dark\:focus\:border-turquoise-500:focus:is(.dark *){border-color:var(--color-turquoise-500)} .dark\:focus\:ring-turquoise-500:focus:is(.dark *){--tw-ring-color:var(--color-turquoise-500)} .dark\:disabled\:bg-dark-border:disabled:is(.dark *){--tw-bg-opacity:1;background-color:rgb(48 54 61 / var(--tw-bg-opacity, 1))} .dark\:disabled\:bg-gray-600:disabled:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))} .disabled\:dark\:bg-dark-tertiary:is(.dark *):disabled{--tw-bg-opacity:1;background-color:rgb(33 38 45 / var(--tw-bg-opacity, 1))} .group:hover .dark\:group-hover\:bg-blue-900\/50:is(.dark *){background-color:rgb(30 58 138 / 0.5)} .group:hover .dark\:group-hover\:bg-emerald-900\/50:is(.dark *){background-color:rgb(6 78 59 / 0.5)} .group:hover .dark\:group-hover\:text-emerald-400:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))} .group:hover .dark\:group-hover\:text-indigo-400:is(.dark *){--tw-text-opacity:1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))} .group:hover .dark\:group-hover\:text-primary-400:is(.dark *){color:var(--color-primary-400)} @media (min-width: 640px){ .sm\:left-auto{left:auto} .sm\:col-span-1{grid-column:span 1 / span 1} .sm\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem} .sm\:mx-0{margin-left:0px;margin-right:0px} .sm\:-mt-6{margin-top:-1.5rem} .sm\:mb-6{margin-bottom:1.5rem} .sm\:ml-auto{margin-left:auto} .sm\:block{display:block} .sm\:inline-block{display:inline-block} .sm\:inline{display:inline} .sm\:flex{display:flex} .sm\:inline-flex{display:inline-flex} .sm\:table-cell{display:table-cell} .sm\:grid{display:grid} .sm\:hidden{display:none} .sm\:h-10{height:2.5rem} .sm\:h-12{height:3rem} .sm\:h-16{height:4rem} .sm\:h-20{height:5rem} .sm\:h-5{height:1.25rem} .sm\:h-6{height:1.5rem} .sm\:h-8{height:2rem} .sm\:h-\[400px\]{height:400px} .sm\:h-\[500px\]{height:500px} .sm\:h-\[550px\]{height:550px} .sm\:h-\[calc\(100dvh-180px\)\]{height:calc(100dvh - 180px)} .sm\:h-\[calc\(100vh-340px\)\]{height:calc(100vh - 340px)} .sm\:min-h-\[500px\]{min-height:500px} .sm\:w-10{width:2.5rem} .sm\:w-12{width:3rem} .sm\:w-14{width:3.5rem} .sm\:w-16{width:4rem} .sm\:w-20{width:5rem} .sm\:w-32{width:8rem} .sm\:w-5{width:1.25rem} .sm\:w-6{width:1.5rem} .sm\:w-64{width:16rem} .sm\:w-72{width:18rem} .sm\:w-8{width:2rem} .sm\:w-96{width:24rem} .sm\:w-auto{width:auto} .sm\:min-w-\[40px\]{min-width:40px} .sm\:min-w-\[70px\]{min-width:70px} .sm\:max-w-none{max-width:none} .sm\:flex-none{flex:none} .sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .sm\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .sm\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))} .sm\:flex-row{flex-direction:row} .sm\:items-center{align-items:center} .sm\:justify-between{justify-content:space-between} .sm\:gap-2{gap:0.5rem} .sm\:gap-3{gap:0.75rem} .sm\:gap-4{gap:1rem} .sm\:gap-6{gap:1.5rem} .sm\:space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))} .sm\:p-4{padding:1rem} .sm\:p-6{padding:1.5rem} .sm\:p-8{padding:2rem} .sm\:px-2\.5{padding-left:0.625rem;padding-right:0.625rem} .sm\:px-4{padding-left:1rem;padding-right:1rem} .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem} .sm\:py-1{padding-top:0.25rem;padding-bottom:0.25rem} .sm\:py-2{padding-top:0.5rem;padding-bottom:0.5rem} .sm\:py-4{padding-top:1rem;padding-bottom:1rem} .sm\:pb-6{padding-bottom:1.5rem} .sm\:text-2xl{font-size:1.5rem;line-height:2rem} .sm\:text-3xl{font-size:1.875rem;line-height:2.25rem} .sm\:text-4xl{font-size:2.25rem;line-height:2.5rem} .sm\:text-5xl{font-size:3rem;line-height:1} .sm\:text-base{font-size:1rem;line-height:1.5rem} .sm\:text-lg{font-size:1.125rem;line-height:1.75rem} .sm\:text-sm{font-size:0.875rem;line-height:1.25rem} .sm\:text-xl{font-size:1.25rem;line-height:1.75rem} .sm\:text-xs{font-size:0.75rem;line-height:1rem}} @media (min-width: 768px){ .md\:left-1\/2{left:50%} .md\:col-span-1{grid-column:span 1 / span 1} .md\:col-span-2{grid-column:span 2 / span 2} .md\:-mx-8{margin-left:-2rem;margin-right:-2rem} .md\:mx-4{margin-left:1rem;margin-right:1rem} .md\:-mt-8{margin-top:-2rem} .md\:mb-6{margin-bottom:1.5rem} .md\:mb-8{margin-bottom:2rem} .md\:ml-0{margin-left:0px} .md\:mt-0{margin-top:0px} .md\:mt-1{margin-top:0.25rem} .md\:mt-2{margin-top:0.5rem} .md\:mt-4{margin-top:1rem} .md\:block{display:block} .md\:inline{display:inline} .md\:flex{display:flex} .md\:table-cell{display:table-cell} .md\:hidden{display:none} .md\:h-12{height:3rem} .md\:h-16{height:4rem} .md\:h-24{height:6rem} .md\:h-4{height:1rem} .md\:h-5{height:1.25rem} .md\:h-6{height:1.5rem} .md\:h-7{height:1.75rem} .md\:h-\[500px\]{height:500px} .md\:h-\[550px\]{height:550px} .md\:h-\[600px\]{height:600px} .md\:h-\[calc\(100dvh-200px\)\]{height:calc(100dvh - 200px)} .md\:w-12{width:3rem} .md\:w-16{width:4rem} .md\:w-24{width:6rem} .md\:w-4{width:1rem} .md\:w-5{width:1.25rem} .md\:w-5\/12{width:41.666667%} .md\:w-6{width:1.5rem} .md\:w-64{width:16rem} .md\:w-7{width:1.75rem} .md\:w-72{width:18rem} .md\:w-80{width:20rem} .md\:w-\[50vw\]{width:50vw} .md\:w-\[70vw\]{width:70vw} .md\:w-auto{width:auto} .md\:max-w-\[300px\]{max-width:300px} .md\:max-w-md{max-width:28rem} .md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .md\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))} .md\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))} .md\:grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))} .md\:flex-row{flex-direction:row} .md\:flex-row-reverse{flex-direction:row-reverse} .md\:items-end{align-items:flex-end} .md\:items-center{align-items:center} .md\:justify-between{justify-content:space-between} .md\:gap-2{gap:0.5rem} .md\:gap-3{gap:0.75rem} .md\:gap-4{gap:1rem} .md\:gap-6{gap:1.5rem} .md\:gap-8{gap:2rem} .md\:space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))} .md\:border-r{border-right-width:1px} .md\:p-12{padding:3rem} .md\:p-2{padding:0.5rem} .md\:p-3{padding:0.75rem} .md\:p-4{padding:1rem} .md\:p-5{padding:1.25rem} .md\:p-6{padding:1.5rem} .md\:p-8{padding:2rem} .md\:\!px-4{padding-left:1rem !important;padding-right:1rem !important} .md\:\!py-2{padding-top:0.5rem !important;padding-bottom:0.5rem !important} .md\:px-10{padding-left:2.5rem;padding-right:2.5rem} .md\:px-3{padding-left:0.75rem;padding-right:0.75rem} .md\:px-4{padding-left:1rem;padding-right:1rem} .md\:px-6{padding-left:1.5rem;padding-right:1.5rem} .md\:py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem} .md\:py-2{padding-top:0.5rem;padding-bottom:0.5rem} .md\:py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem} .md\:py-3{padding-top:0.75rem;padding-bottom:0.75rem} .md\:py-4{padding-top:1rem;padding-bottom:1rem} .md\:pl-12{padding-left:3rem} .md\:pr-12{padding-right:3rem} .md\:text-2xl{font-size:1.5rem;line-height:2rem} .md\:text-3xl{font-size:1.875rem;line-height:2.25rem} .md\:text-4xl{font-size:2.25rem;line-height:2.5rem} .md\:text-base{font-size:1rem;line-height:1.5rem} .md\:text-lg{font-size:1.125rem;line-height:1.75rem} .md\:text-sm{font-size:0.875rem;line-height:1.25rem} .md\:text-xl{font-size:1.25rem;line-height:1.75rem} .md\:opacity-0{opacity:0} .group:hover .md\:group-hover\:opacity-100{opacity:1}} @media (min-width: 1024px){ .lg\:sticky{position:sticky} .lg\:top-4{top:1rem} .lg\:col-span-1{grid-column:span 1 / span 1} .lg\:col-span-2{grid-column:span 2 / span 2} .lg\:col-span-3{grid-column:span 3 / span 3} .lg\:block{display:block} .lg\:flex{display:flex} .lg\:hidden{display:none} .lg\:h-\[600px\]{height:600px} .lg\:h-\[700px\]{height:700px} .lg\:w-\[42vw\]{width:42vw} .lg\:w-\[500px\]{width:500px} .lg\:w-\[50vw\]{width:50vw} .lg\:flex-shrink-0{flex-shrink:0} .lg\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .lg\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))} .lg\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))} .lg\:px-16{padding-left:4rem;padding-right:4rem} .lg\:px-8{padding-left:2rem;padding-right:2rem} .lg\:py-32{padding-top:8rem;padding-bottom:8rem} .lg\:text-6xl{font-size:3.75rem;line-height:1}} @media (min-width: 1280px){ .xl\:inline{display:inline} .xl\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .xl\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .xl\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))} .xl\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}} .\[\&\:\:-moz-range-thumb\]\:h-5::-moz-range-thumb{height:1.25rem} .\[\&\:\:-moz-range-thumb\]\:w-5::-moz-range-thumb{width:1.25rem} .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb{border-radius:var(--radius-full)} .\[\&\:\:-moz-range-thumb\]\:border-2::-moz-range-thumb{border-width:2px} .\[\&\:\:-moz-range-thumb\]\:bg-white::-moz-range-thumb{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .\[\&\:\:-moz-range-thumb\]\:shadow-md::-moz-range-thumb{--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .\[\&\:\:-webkit-slider-thumb\]\:h-3::-webkit-slider-thumb{height:0.75rem} .\[\&\:\:-webkit-slider-thumb\]\:h-5::-webkit-slider-thumb{height:1.25rem} .\[\&\:\:-webkit-slider-thumb\]\:w-3::-webkit-slider-thumb{width:0.75rem} .\[\&\:\:-webkit-slider-thumb\]\:w-5::-webkit-slider-thumb{width:1.25rem} .\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb{cursor:pointer} .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{-webkit-appearance:none;appearance:none} .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb{border-radius:var(--radius-full)} .\[\&\:\:-webkit-slider-thumb\]\:border-2::-webkit-slider-thumb{border-width:2px} .\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .\[\&\:\:-webkit-slider-thumb\]\:shadow-md::-webkit-slider-thumb{--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} :root, :host { --fa-font-solid: normal 900 1em/1 "Font Awesome 7 Free"; --fa-font-regular: normal 400 1em/1 "Font Awesome 7 Free"; --fa-font-light: normal 300 1em/1 "Font Awesome 7 Pro"; --fa-font-thin: normal 100 1em/1 "Font Awesome 7 Pro"; --fa-font-duotone: normal 900 1em/1 "Font Awesome 7 Duotone"; --fa-font-duotone-regular: normal 400 1em/1 "Font Awesome 7 Duotone"; --fa-font-duotone-light: normal 300 1em/1 "Font Awesome 7 Duotone"; --fa-font-duotone-thin: normal 100 1em/1 "Font Awesome 7 Duotone"; --fa-font-brands: normal 400 1em/1 "Font Awesome 7 Brands"; --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 7 Sharp"; --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 7 Sharp"; --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 7 Sharp"; --fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 7 Sharp"; --fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 7 Sharp Duotone"; --fa-font-sharp-duotone-regular: normal 400 1em/1 "Font Awesome 7 Sharp Duotone"; --fa-font-sharp-duotone-light: normal 300 1em/1 "Font Awesome 7 Sharp Duotone"; --fa-font-sharp-duotone-thin: normal 100 1em/1 "Font Awesome 7 Sharp Duotone"; --fa-font-slab-regular: normal 400 1em/1 "Font Awesome 7 Slab"; --fa-font-slab-press-regular: normal 400 1em/1 "Font Awesome 7 Slab Press"; --fa-font-whiteboard-semibold: normal 600 1em/1 "Font Awesome 7 Whiteboard"; --fa-font-thumbprint-light: normal 300 1em/1 "Font Awesome 7 Thumbprint"; --fa-font-notdog-solid: normal 900 1em/1 "Font Awesome 7 Notdog"; --fa-font-notdog-duo-solid: normal 900 1em/1 "Font Awesome 7 Notdog Duo"; --fa-font-etch-solid: normal 900 1em/1 "Font Awesome 7 Etch"; --fa-font-jelly-regular: normal 400 1em/1 "Font Awesome 7 Jelly"; --fa-font-jelly-fill-regular: normal 400 1em/1 "Font Awesome 7 Jelly Fill"; --fa-font-jelly-duo-regular: normal 400 1em/1 "Font Awesome 7 Jelly Duo"; --fa-font-chisel-regular: normal 400 1em/1 "Font Awesome 7 Chisel"; --fa-font-utility-semibold: normal 600 1em/1 "Font Awesome 7 Utility"; --fa-font-utility-duo-semibold: normal 600 1em/1 "Font Awesome 7 Utility Duo"; --fa-font-utility-fill-semibold: normal 600 1em/1 "Font Awesome 7 Utility Fill"; } .svg-inline--fa { box-sizing: content-box; display: var(--fa-display, inline-block); height: 1em; overflow: visible; vertical-align: -0.125em; width: var(--fa-width, 1.25em); } .svg-inline--fa.fa-2xs { vertical-align: 0.1em; } .svg-inline--fa.fa-xs { vertical-align: 0em; } .svg-inline--fa.fa-sm { vertical-align: -0.0714285714em; } .svg-inline--fa.fa-lg { vertical-align: -0.2em; } .svg-inline--fa.fa-xl { vertical-align: -0.25em; } .svg-inline--fa.fa-2xl { vertical-align: -0.3125em; } .svg-inline--fa.fa-pull-left, .svg-inline--fa .fa-pull-start { float: inline-start; margin-inline-end: var(--fa-pull-margin, 0.3em); } .svg-inline--fa.fa-pull-right, .svg-inline--fa .fa-pull-end { float: inline-end; margin-inline-start: var(--fa-pull-margin, 0.3em); } .svg-inline--fa.fa-li { width: var(--fa-li-width, 2em); inset-inline-start: calc(-1 * var(--fa-li-width, 2em)); inset-block-start: 0.25em; /* syncing vertical alignment with Web Font rendering */ } .fa-layers-counter, .fa-layers-text { display: inline-block; position: absolute; text-align: center; } .fa-layers { display: inline-block; height: 1em; position: relative; text-align: center; vertical-align: -0.125em; width: var(--fa-width, 1.25em); } .fa-layers .svg-inline--fa { inset: 0; margin: auto; position: absolute; transform-origin: center center; } .fa-layers-text { left: 50%; top: 50%; transform: translate(-50%, -50%); transform-origin: center center; } .fa-layers-counter { background-color: var(--fa-counter-background-color, #ff253a); border-radius: var(--fa-counter-border-radius, 1em); box-sizing: border-box; color: var(--fa-inverse, #fff); line-height: var(--fa-counter-line-height, 1); max-width: var(--fa-counter-max-width, 5em); min-width: var(--fa-counter-min-width, 1.5em); overflow: hidden; padding: var(--fa-counter-padding, 0.25em 0.5em); right: var(--fa-right, 0); text-overflow: ellipsis; top: var(--fa-top, 0); transform: scale(var(--fa-counter-scale, 0.25)); transform-origin: top right; } .fa-layers-bottom-right { bottom: var(--fa-bottom, 0); right: var(--fa-right, 0); top: auto; transform: scale(var(--fa-layers-scale, 0.25)); transform-origin: bottom right; } .fa-layers-bottom-left { bottom: var(--fa-bottom, 0); left: var(--fa-left, 0); right: auto; top: auto; transform: scale(var(--fa-layers-scale, 0.25)); transform-origin: bottom left; } .fa-layers-top-right { top: var(--fa-top, 0); right: var(--fa-right, 0); transform: scale(var(--fa-layers-scale, 0.25)); transform-origin: top right; } .fa-layers-top-left { left: var(--fa-left, 0); right: auto; top: var(--fa-top, 0); transform: scale(var(--fa-layers-scale, 0.25)); transform-origin: top left; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-2xs { font-size: calc(10 / 16 * 1em); /* converts a 10px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 10 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 10 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-xs { font-size: calc(12 / 16 * 1em); /* converts a 12px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 12 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 12 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-sm { font-size: calc(14 / 16 * 1em); /* converts a 14px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 14 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 14 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-lg { font-size: calc(20 / 16 * 1em); /* converts a 20px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 20 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 20 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-xl { font-size: calc(24 / 16 * 1em); /* converts a 24px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 24 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 24 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-2xl { font-size: calc(32 / 16 * 1em); /* converts a 32px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 32 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 32 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-width-auto { --fa-width: auto; } .fa-fw, .fa-width-fixed { --fa-width: 1.25em; } .fa-ul { list-style-type: none; margin-inline-start: var(--fa-li-margin, 2.5em); padding-inline-start: 0; } .fa-ul > li { position: relative; } .fa-li { inset-inline-start: calc(-1 * var(--fa-li-width, 2em)); position: absolute; text-align: center; width: var(--fa-li-width, 2em); line-height: inherit; } /* Heads Up: Bordered Icons will not be supported in the future! - This feature will be deprecated in the next major release of Font Awesome (v8)! - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8. */ /* Notes: * --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size) * --@{v.$css-prefix}-border-padding = ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment) ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon) */ .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, 0.1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, 0.0625em); box-sizing: var(--fa-border-box-sizing, content-box); padding: var(--fa-border-padding, 0.1875em 0.25em); } .fa-pull-left, .fa-pull-start { float: inline-start; margin-inline-end: var(--fa-pull-margin, 0.3em); } .fa-pull-right, .fa-pull-end { float: inline-end; margin-inline-start: var(--fa-pull-margin, 0.3em); } .fa-beat { animation-name: fa-beat; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-bounce { animation-name: fa-bounce; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); } .fa-fade { animation-name: fa-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-beat-fade { animation-name: fa-beat-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-flip { animation-name: fa-flip; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-shake { animation-name: fa-shake; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin { animation-name: fa-spin; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 2s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { animation-name: fa-spin; animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { animation: none !important; transition: none !important; } } @keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale, 1.25)); } } @keyframes fa-bounce { 0% { transform: scale(1, 1) translateY(0); } 10% { transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { transform: scale(1, 1) translateY(0); } 100% { transform: scale(1, 1) translateY(0); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1, -1); } .fa-rotate-by { transform: rotate(var(--fa-rotate-angle, 0)); } .svg-inline--fa .fa-primary { fill: var(--fa-primary-color, currentColor); opacity: var(--fa-primary-opacity, 1); } .svg-inline--fa .fa-secondary { fill: var(--fa-secondary-color, currentColor); opacity: var(--fa-secondary-opacity, 0.4); } .svg-inline--fa.fa-swap-opacity .fa-primary { opacity: var(--fa-secondary-opacity, 0.4); } .svg-inline--fa.fa-swap-opacity .fa-secondary { opacity: var(--fa-primary-opacity, 1); } .svg-inline--fa mask .fa-primary, .svg-inline--fa mask .fa-secondary { fill: black; } .svg-inline--fa.fa-inverse { fill: var(--fa-inverse, #fff); } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-inverse { color: var(--fa-inverse, #fff); } .svg-inline--fa.fa-stack-1x { --fa-width: 1.25em; height: 1em; width: var(--fa-width); } .svg-inline--fa.fa-stack-2x { --fa-width: 2.5em; height: 2em; width: var(--fa-width); } .fa-stack-1x, .fa-stack-2x { inset: 0; margin: auto; position: absolute; z-index: var(--fa-stack-z-index, auto); }