:root { color-scheme: light; --in: 0.7206 0.191 231.6; --su: 64.8% 0.150 160; --wa: 0.8471 0.199 83.87; --er: 0.7176 0.221 22.18; --pc: 0.89824 0.06192 275.75; --ac: 0.15352 0.0368 183.61; --inc: 0 0 0; --suc: 0 0 0; --wac: 0 0 0; --erc: 0 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.4912 0.3096 275.75; --s: 0.6971 0.329 342.55; --sc: 0.9871 0.0106 342.55; --a: 0.7676 0.184 183.61; --n: 0.321785 0.02476 255.701624; --nc: 0.894994 0.011585 252.096176; --b1: 1 0 0; --b2: 0.961151 0 0; --b3: 0.924169 0.00108 197.137559; --bc: 0.278078 0.029596 256.847952; }
@media (prefers-color-scheme: dark) {
:root { color-scheme: dark; --in: 0.7206 0.191 231.6; --su: 64.8% 0.150 160; --wa: 0.8471 0.199 83.87; --er: 0.7176 0.221 22.18; --pc: 0.13138 0.0392 275.75; --sc: 0.1496 0.052 342.55; --ac: 0.14902 0.0334 183.61; --inc: 0 0 0; --suc: 0 0 0; --wac: 0 0 0; --erc: 0 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.6569 0.196 275.75; --s: 0.748 0.26 342.55; --a: 0.7451 0.167 183.61; --n: 0.313815 0.021108 254.139175; --nc: 0.746477 0.0216 264.435964; --b1: 0.253267 0.015896 252.417568; --b2: 0.232607 0.013807 253.100675; --b3: 0.211484 0.01165 254.087939; --bc: 0.746477 0.0216 264.435964; }
}
[data-theme="light"] { color-scheme: light; --in: 0.7206 0.191 231.6; --su: 64.8% 0.150 160; --wa: 0.8471 0.199 83.87; --er: 0.7176 0.221 22.18; --pc: 0.89824 0.06192 275.75; --ac: 0.15352 0.0368 183.61; --inc: 0 0 0; --suc: 0 0 0; --wac: 0 0 0; --erc: 0 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.4912 0.3096 275.75; --s: 0.6971 0.329 342.55; --sc: 0.9871 0.0106 342.55; --a: 0.7676 0.184 183.61; --n: 0.321785 0.02476 255.701624; --nc: 0.894994 0.011585 252.096176; --b1: 1 0 0; --b2: 0.961151 0 0; --b3: 0.924169 0.00108 197.137559; --bc: 0.278078 0.029596 256.847952; }
[data-theme="dark"] { color-scheme: dark; --in: 0.7206 0.191 231.6; --su: 64.8% 0.150 160; --wa: 0.8471 0.199 83.87; --er: 0.7176 0.221 22.18; --pc: 0.13138 0.0392 275.75; --sc: 0.1496 0.052 342.55; --ac: 0.14902 0.0334 183.61; --inc: 0 0 0; --suc: 0 0 0; --wac: 0 0 0; --erc: 0 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.6569 0.196 275.75; --s: 0.748 0.26 342.55; --a: 0.7451 0.167 183.61; --n: 0.313815 0.021108 254.139175; --nc: 0.746477 0.0216 264.435964; --b1: 0.253267 0.015896 252.417568; --b2: 0.232607 0.013807 253.100675; --b3: 0.211484 0.01165 254.087939; --bc: 0.746477 0.0216 264.435964; }
[data-theme="cupcake"] { color-scheme: light; --in: 0.7206 0.191 231.6; --su: 64.8% 0.150 160; --wa: 0.8471 0.199 83.87; --er: 0.7176 0.221 22.18; --pc: 0.152344 0.017892 200.026556; --sc: 0.15787 0.020249 356.29965; --ac: 0.158762 0.029206 78.618794; --nc: 0.847148 0.013247 313.189598; --inc: 0 0 0; --suc: 0 0 0; --wac: 0 0 0; --erc: 0 0 0; --rounded-box: 1rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --p: 0.76172 0.089459 200.026556; --s: 0.789351 0.101246 356.29965; --a: 0.793811 0.146032 78.618794; --n: 0.235742 0.066235 313.189598; --b1: 0.977882 0.00418 56.375637; --b2: 0.939822 0.007638 61.449292; --b3: 0.915861 0.006811 53.440502; --bc: 0.235742 0.066235 313.189598; --rounded-btn: 1.9rem; --tab-border: 2px; --tab-radius: 0.7rem; }
[data-theme="bumblebee"] { color-scheme: light; --b2: 0.93 0 0; --b3: 0.86 0 0; --in: 0.7206 0.191 231.6; --su: 64.8% 0.150 160; --wa: 0.8471 0.199 83.87; --er: 0.7176 0.221 22.18; --bc: 0.2 0 0; --ac: 0.16254 0.0314 56.52; --nc: 0.8255 0.015 281.99; --inc: 0 0 0; --suc: 0 0 0; --wac: 0 0 0; --erc: 0 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.8951 0.2132 96.61; --pc: 0.3892 0.046 96.61; --s: 0.8039 0.194 70.76; --sc: 0.3938 0.068 70.76; --a: 0.8127 0.157 56.52; --n: 0.1275 0.075 281.99; --b1: 1 0 0; }
[data-theme="emerald"] { color-scheme: light; --b2: 0.93 0 0; --b3: 0.86 0 0; --in: 0.7206 0.191 231.6; --su: 64.8% 0.150 160; --wa: 0.8471 0.199 83.87; --er: 0.7176 0.221 22.18; --inc: 0 0 0; --suc: 0 0 0; --wac: 0 0 0; --erc: 0 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.766626 0.135433 153.450024; --pc: 0.333872 0.040618 162.240129; --s: 0.613028 0.202368 261.294233; --sc: 1 0 0; --a: 0.727725 0.149783 33.200363; --ac: 0 0 0; --n: 0.355192 0.032071 262.988584; --nc: 0.984625 0.001706 247.838921; --b1: 1 0 0; --bc: 0.355192 0.032071 262.988584; --animation-btn: 0; --animation-input: 0; --btn-focus-scale: 1; }
[data-theme="corporate"] { color-scheme: light; --b2: 0.93 0 0; --b3: 0.86 0 0; --in: 0.7206 0.191 231.6; --su: 64.8% 0.150 160; --wa: 0.8471 0.199 83.87; --er: 0.7176 0.221 22.18; --pc: 0.12078 0.0456 269.1; --sc: 0.130739 0.010951 256.688055; --ac: 0.153934 0.022799 163.57888; --inc: 0 0 0; --suc: 0 0 0; --wac: 0 0 0; --erc: 0 0 0; --border-btn: 1px; --tab-border: 1px; --p: 0.6039 0.228 269.1; --s: 0.653694 0.054756 256.688055; --a: 0.769669 0.113994 163.57888; --n: 0.223899 0.031305 278.07229; --nc: 0.958796 0.008588 247.915135; --b1: 1 0 0; --bc: 0.223899 0.031305 278.07229; --rounded-box: 0.25rem; --rounded-btn: .125rem; --rounded-badge: .125rem; --tab-radius: 0.25rem; --animation-btn: 0; --animation-input: 0; --btn-focus-scale: 1; }
[data-theme="synthwave"] { color-scheme: dark; --b2: 0.202941 0.076211 287.835609; --b3: 0.187665 0.070475 287.835609; --pc: 0.144421 0.031903 342.009383; --sc: 0.156543 0.02362 227.382405; --ac: 0.17608 0.0412 93.72; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.722105 0.159514 342.009383; --s: 0.782714 0.118101 227.382405; --a: 0.8804 0.206 93.72; --n: 0.255554 0.103537 286.507967; --nc: 0.979365 0.00819 301.358346; --b1: 0.218216 0.081948 287.835609; --bc: 0.979365 0.00819 301.358346; --in: 0.765197 0.12273 231.831603; --inc: 0.235017 0.096418 290.329844; --su: 0.860572 0.115038 178.624677; --suc: 0.235017 0.096418 290.329844; --wa: 0.85531 0.122117 93.722227; --wac: 0.235017 0.096418 290.329844; --er: 0.737005 0.121339 32.639257; --erc: 0.235017 0.096418 290.329844; }
[data-theme="retro"] { color-scheme: light; --inc: 0.90923 0.043042 262.880917; --suc: 0.12541 0.033982 149.213788; --wac: 0.133168 0.031484 58.31834; --erc: 0.13144 0.0398 27.33; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --p: 0.768664 0.104092 22.664655; --pc: 0.265104 0.006243 0.522862; --s: 0.807415 0.052534 159.094608; --sc: 0.265104 0.006243 0.522862; --a: 0.703919 0.125455 52.953428; --ac: 0.265104 0.006243 0.522862; --n: 0.284181 0.009519 355.534017; --nc: 0.925604 0.025113 89.217311; --b1: 0.916374 0.034554 90.51575; --b2: 0.882722 0.049418 91.774344; --b3: 0.84133 0.065952 90.856665; --bc: 0.265104 0.006243 0.522862; --in: 0.54615 0.215208 262.880917; --su: 0.627052 0.169912 149.213788; --wa: 0.66584 0.157422 58.31834; --er: 0.6572 0.199 27.33; --rounded-box: 0.4rem; --rounded-btn: 0.4rem; --rounded-badge: 0.4rem; --tab-radius: 0.4rem; }
[data-theme="cyberpunk"] { color-scheme: light; --b2: 0.878943 0.16647 104.32; --b3: 0.812786 0.15394 104.32; --in: 0.7206 0.191 231.6; --su: 64.8% 0.150 160; --wa: 0.8471 0.199 83.87; --er: 0.7176 0.221 22.18; --bc: 0.18902 0.0358 104.32; --pc: 0.14844 0.0418 6.35; --sc: 0.16666 0.0368 204.72; --ac: 0.14372 0.04352 310.43; --inc: 0 0 0; --suc: 0 0 0; --wac: 0 0 0; --erc: 0 0 0; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --p: 0.7422 0.209 6.35; --s: 0.8333 0.184 204.72; --a: 0.7186 0.2176 310.43; --n: 0.2304 0.065 269.31; --nc: 0.9451 0.179 104.32; --b1: 0.9451 0.179 104.32; --rounded-box: 0; --rounded-btn: 0; --rounded-badge: 0; --tab-radius: 0; }
[data-theme="valentine"] { color-scheme: light; --b2: 0.880567 0.024834 337.06289; --b3: 0.814288 0.022964 337.06289; --pc: 0.137239 0.030755 15.066527; --sc: 0.143942 0.029258 293.189609; --ac: 0.142537 0.014961 197.828857; --inc: 0.90923 0.043042 262.880917; --suc: 0.12541 0.033982 149.213788; --wac: 0.133168 0.031484 58.31834; --erc: 0.14614 0.0414 27.33; --rounded-box: 1rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --p: 0.686197 0.153774 15.066527; --s: 0.71971 0.14629 293.189609; --a: 0.712685 0.074804 197.828857; --n: 0.546053 0.143342 358.004839; --nc: 0.902701 0.037202 336.955191; --b1: 0.946846 0.026703 337.06289; --bc: 0.373085 0.081131 4.606426; --in: 0.54615 0.215208 262.880917; --su: 0.627052 0.169912 149.213788; --wa: 0.66584 0.157422 58.31834; --er: 0.7307 0.207 27.33; --rounded-btn: 1.9rem; --tab-radius: 0.7rem; }
[data-theme="halloween"] { color-scheme: dark; --b2: 0.230416 0 0; --b3: 0.213072 0 0; --bc: 0.849552 0 0; --sc: 0.89196 0.0496 305.03; --nc: 0.848742 0.009322 65.681484; --inc: 0.90923 0.043042 262.880917; --suc: 0.12541 0.033982 149.213788; --wac: 0.133168 0.031484 58.31834; --erc: 0.13144 0.0398 27.33; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.7748 0.204 60.62; --pc: 0.196935 0.004671 196.779412; --s: 0.4598 0.248 305.03; --a: 0.648 0.223 136.073479; --ac: 0 0 0; --n: 0.24371 0.046608 65.681484; --b1: 0.247759 0 0; --in: 0.54615 0.215208 262.880917; --su: 0.627052 0.169912 149.213788; --wa: 0.66584 0.157422 58.31834; --er: 0.6572 0.199 27.33; }
[data-theme="garden"] { color-scheme: light; --b2: 0.864453 0.002011 17.197414; --b3: 0.799386 0.00186 17.197414; --in: 0.7206 0.191 231.6; --su: 64.8% 0.150 160; --wa: 0.8471 0.199 83.87; --er: 0.7176 0.221 22.18; --sc: 0.89699 0.022197 355.095988; --ac: 0.112547 0.010859 154.390187; --inc: 0 0 0; --suc: 0 0 0; --wac: 0 0 0; --erc: 0 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.6245 0.278 3.83636; --pc: 1 0 0; --s: 0.484952 0.110985 355.095988; --a: 0.562735 0.054297 154.390187; --n: 0.241559 0.049362 89.070594; --nc: 0.929519 0.002163 17.197414; --b1: 0.929519 0.002163 17.197414; --bc: 0.169617 0.001664 17.32068; }
[data-theme="forest"] { color-scheme: dark; --b2: 0.17522 0.007709 17.911578; --b3: 0.162032 0.007129 17.911578; --in: 0.7206 0.191 231.6; --su: 64.8% 0.150 160; --wa: 0.8471 0.199 83.87; --er: 0.7176 0.221 22.18; --bc: 0.837682 0.001658 17.911578; --sc: 0.139553 0.027077 168.327128; --ac: 0.141257 0.02389 185.713193; --nc: 0.861397 0.007806 171.364646; --inc: 0 0 0; --suc: 0 0 0; --wac: 0 0 0; --erc: 0 0 0; --rounded-box: 1rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.686283 0.185567 148.958922; --pc: 0 0 0; --s: 0.697764 0.135385 168.327128; --a: 0.706285 0.119451 185.713193; --n: 0.306985 0.039032 171.364646; --b1: 0.188409 0.00829 17.911578; --rounded-btn: 1.9rem; }
[data-theme="aqua"] { color-scheme: dark; --b2: 0.453464 0.118611 261.181672; --b3: 0.419333 0.109683 261.181672; --bc: 0.897519 0.025508 261.181672; --sc: 0.121365 0.02175 309.782946; --ac: 0.186854 0.020445 94.555431; --nc: 0.122124 0.023402 243.760661; --inc: 0.90923 0.043042 262.880917; --suc: 0.12541 0.033982 149.213788; --wac: 0.133168 0.031484 58.31834; --erc: 0.1479 0.038 27.33; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.856617 0.14498 198.6458; --pc: 0.401249 0.068266 197.603872; --s: 0.606827 0.108752 309.782946; --a: 0.934269 0.102225 94.555431; --n: 0.610622 0.117009 243.760661; --b1: 0.487596 0.127539 261.181672; --in: 0.54615 0.215208 262.880917; --su: 0.627052 0.169912 149.213788; --wa: 0.66584 0.157422 58.31834; --er: 0.7395 0.19 27.33; }
[data-theme="lofi"] { color-scheme: light; --inc: 0.15908 0.0206 205.9; --suc: 0.18026 0.0306 164.14; --wac: 0.17674 0.027 79.94; --erc: 0.15732 0.03 28.47; --border-btn: 1px; --tab-border: 1px; --p: 0.159066 0 0; --pc: 1 0 0; --s: 0.21455 0.001566 17.278957; --sc: 1 0 0; --a: 0.268618 0 0; --ac: 1 0 0; --n: 0 0 0; --nc: 1 0 0; --b1: 1 0 0; --b2: 0.961151 0 0; --b3: 0.92268 0.001082 17.17934; --bc: 0 0 0; --in: 0.7954 0.103 205.9; --su: 0.9013 0.153 164.14; --wa: 0.8837 0.135 79.94; --er: 0.7866 0.15 28.47; --rounded-box: 0.25rem; --rounded-btn: 0.125rem; --rounded-badge: 0.125rem; --tab-radius: 0.125rem; --animation-btn: 0; --animation-input: 0; --btn-focus-scale: 1; }
[data-theme="pastel"] { color-scheme: light; --in: 0.7206 0.191 231.6; --su: 64.8% 0.150 160; --wa: 0.8471 0.199 83.87; --er: 0.7176 0.221 22.18; --bc: 0.2 0 0; --pc: 0.166166 0.006979 316.8737; --sc: 0.176153 0.009839 8.688364; --ac: 0.178419 0.012056 170.923263; --nc: 0.142681 0.014702 228.183906; --inc: 0 0 0; --suc: 0 0 0; --wac: 0 0 0; --erc: 0 0 0; --rounded-box: 1rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --p: 0.830828 0.034896 316.8737; --s: 0.880763 0.049197 8.688364; --a: 0.892096 0.06028 170.923263; --n: 0.713406 0.07351 228.183906; --b1: 1 0 0; --b2: 0.984625 0.001706 247.838921; --b3: 0.871681 0.009339 258.338227; --rounded-btn: 1.9rem; --tab-radius: 0.7rem; }
[data-theme="fantasy"] { color-scheme: light; --b2: 0.93 0 0; --b3: 0.86 0 0; --in: 0.7206 0.191 231.6; --su: 64.8% 0.150 160; --wa: 0.8471 0.199 83.87; --er: 0.7176 0.221 22.18; --pc: 0.8749 0.0378 325.02; --sc: 0.90784 0.0324 241.36; --ac: 0.15196 0.0408 56.72; --nc: 0.855616 0.005919 256.847952; --inc: 0 0 0; --suc: 0 0 0; --wac: 0 0 0; --erc: 0 0 0; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.3745 0.189 325.02; --s: 0.5392 0.162 241.36; --a: 0.7598 0.204 56.72; --n: 0.278078 0.029596 256.847952; --b1: 1 0 0; --bc: 0.278078 0.029596 256.847952; }
[data-theme="wireframe"] { color-scheme: light; --bc: 0.2 0 0; --pc: 0.156521 0 0; --sc: 0.156521 0 0; --ac: 0.156521 0 0; --nc: 0.188014 0 0; --inc: 0.890403 0.062643 264.052021; --suc: 0.90395 0.035372 142.495339; --wac: 0.141626 0.019994 108.702381; --erc: 0.125591 0.051537 29.233885; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; font-family: Chalkboard, "comic sans ms", "sans-serif"; --p: 0.782604 0 0; --s: 0.782604 0 0; --a: 0.782604 0 0; --n: 0.94007 0 0; --b1: 1 0 0; --b2: 0.949119 0 0; --b3: 0.897547 0 0; --in: 0.452014 0.313214 264.052021; --su: 0.519752 0.176858 142.495339; --wa: 0.708131 0.099969 108.702381; --er: 0.627955 0.257683 29.233885; --rounded-box: 0.2rem; --rounded-btn: 0.2rem; --rounded-badge: 0.2rem; --tab-radius: 0.2rem; }
[data-theme="black"] { color-scheme: dark; --pc: 0.86736 0 0; --sc: 0.86736 0 0; --ac: 0.86736 0 0; --nc: 0.86736 0 0; --inc: 0.890403 0.062643 264.052021; --suc: 0.90395 0.035372 142.495339; --wac: 0.193597 0.042201 109.769232; --erc: 0.125591 0.051537 29.233885; --border-btn: 1px; --tab-border: 1px; --p: 0.336799 0 0; --s: 0.336799 0 0; --a: 0.336799 0 0; --b1: 0 0 0; --b2: 0.191251 0 0; --b3: 0.268618 0 0; --bc: 0.876096 0 0; --n: 0.336799 0 0; --in: 0.452014 0.313214 264.052021; --su: 0.519752 0.176858 142.495339; --wa: 0.967983 0.211006 109.769232; --er: 0.627955 0.257683 29.233885; --rounded-box: 0; --rounded-btn: 0; --rounded-badge: 0; --animation-btn: 0; --animation-input: 0; --btn-focus-scale: 1; --tab-radius: 0; }
[data-theme="luxury"] { color-scheme: dark; --pc: 0.2 0 0; --sc: 0.855163 0.012821 261.069149; --ac: 0.873349 0.010348 338.82597; --inc: 0.158122 0.024356 237.133883; --suc: 0.156239 0.038579 132.154381; --wac: 0.172255 0.027305 102.89115; --erc: 0.143506 0.035271 22.568916; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 1 0 0; --s: 0.275815 0.064106 261.069149; --a: 0.366744 0.051741 338.82597; --n: 0.2427 0.057015 59.825019; --nc: 0.932033 0.089631 90.861683; --b1: 0.140765 0.004386 285.822869; --b2: 0.202191 0.004211 308.22937; --b3: 0.298961 0.003818 308.318612; --bc: 0.756879 0.123666 76.890484; --in: 0.790612 0.121778 237.133883; --su: 0.781197 0.192894 132.154381; --wa: 0.861274 0.136524 102.89115; --er: 0.717531 0.176357 22.568916; }
[data-theme="dracula"] { color-scheme: dark; --b2: 0.268053 0.020556 277.508664; --b3: 0.247877 0.019009 277.508664; --pc: 0.150922 0.036614 346.812432; --sc: 0.148405 0.029709 301.883095; --ac: 0.166785 0.024826 66.558491; --nc: 0.878891 0.006515 275.524078; --inc: 0.176526 0.018676 212.846491; --suc: 0.174199 0.043903 148.024881; --wac: 0.191068 0.026849 112.757109; --erc: 0.136441 0.041266 24.430965; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.754611 0.18307 346.812432; --s: 0.742023 0.148546 301.883095; --a: 0.833927 0.124132 66.558491; --n: 0.394456 0.032576 275.524078; --b1: 0.288229 0.022103 277.508664; --bc: 0.977477 0.007913 106.545019; --in: 0.88263 0.09338 212.846491; --su: 0.870995 0.219516 148.024881; --wa: 0.955338 0.134246 112.757109; --er: 0.682204 0.206328 24.430965; }
[data-theme="cmyk"] { color-scheme: light; --b2: 0.93 0 0; --b3: 0.86 0 0; --bc: 0.2 0 0; --pc: 0.143544 0.02666 239.443325; --sc: 0.128953 0.040552 359.339283; --ac: 0.188458 0.037948 105.306968; --nc: 0.843557 0 0; --inc: 0.136952 0.0189 217.284104; --suc: 0.893898 0.032505 321.406278; --wac: 0.142473 0.031969 52.023412; --erc: 0.124027 0.041677 28.717543; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.717722 0.133298 239.443325; --s: 0.644766 0.202758 359.339283; --a: 0.942289 0.189741 105.306968; --n: 0.217787 0 0; --b1: 1 0 0; --in: 0.684759 0.094499 217.284104; --su: 0.46949 0.162524 321.406278; --wa: 0.712364 0.159843 52.023412; --er: 0.620133 0.208385 28.717543; }
[data-theme="autumn"] { color-scheme: light; --b2: 0.891077 0 0; --b3: 0.824006 0 0; --bc: 0.191629 0 0; --pc: 0.881446 0.032232 17.530175; --sc: 0.123353 0.033821 23.865865; --ac: 0.146851 0.018999 60.729616; --nc: 0.908734 0.007475 51.902819; --inc: 0.138449 0.019596 207.284192; --suc: 0.12199 0.016032 174.616213; --wac: 0.140163 0.032982 56.844303; --erc: 0.90614 0.0482 24.16; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.407232 0.16116 17.530175; --s: 0.616763 0.169105 23.865865; --a: 0.734253 0.094994 60.729616; --n: 0.543672 0.037374 51.902819; --b1: 0.958147 0 0; --in: 0.692245 0.097979 207.284192; --su: 0.609951 0.080159 174.616213; --wa: 0.700817 0.164909 56.844303; --er: 0.5307 0.241 24.16; }
[data-theme="business"] { color-scheme: dark; --b2: 0.226487 0 0; --b3: 0.20944 0 0; --bc: 0.848707 0 0; --pc: 0.883407 0.019811 251.473931; --sc: 0.128185 0.005481 229.389418; --ac: 0.134542 0.033545 35.791525; --nc: 0.854882 0.00265 253.041249; --inc: 0.125233 0.028702 240.033697; --suc: 0.140454 0.018919 156.59611; --wac: 0.154965 0.023141 81.519177; --erc: 0.903221 0.029356 29.674507; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.417036 0.099057 251.473931; --s: 0.640924 0.027405 229.389418; --a: 0.67271 0.167726 35.791525; --n: 0.27441 0.01325 253.041249; --b1: 0.243535 0 0; --in: 0.626163 0.143511 240.033697; --su: 0.702268 0.094594 156.59611; --wa: 0.774824 0.115704 81.519177; --er: 0.516105 0.14678 29.674507; --rounded-box: 0.25rem; --rounded-btn: .125rem; --rounded-badge: .125rem; }
[data-theme="acid"] { color-scheme: light; --b2: 0.916146 0 0; --b3: 0.847189 0 0; --bc: 0.197021 0 0; --pc: 0.1438 0.0714 330.759573; --sc: 0.14674 0.0448 48.250878; --ac: 0.18556 0.0528 122.962951; --nc: 0.84262 0.0256 278.68; --inc: 0.12144 0.0454 252.05; --suc: 0.17144 0.0532 158.53; --wac: 0.18202 0.0424 100.5; --erc: 0.12968 0.0586 29.349188; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --p: 0.719 0.357 330.759573; --s: 0.7337 0.224 48.250878; --a: 0.9278 0.264 122.962951; --n: 0.2131 0.128 278.68; --b1: 0.985104 0 0; --in: 0.6072 0.227 252.05; --su: 0.8572 0.266 158.53; --wa: 0.9101 0.212 100.5; --er: 0.6484 0.293 29.349188; --rounded-box: 1.25rem; --rounded-btn: 1rem; --rounded-badge: 1rem; --tab-radius: 0.7rem; }
[data-theme="lemonade"] { color-scheme: light; --b2: 0.918003 0.0186 123.72; --b3: 0.848906 0.0172 123.72; --bc: 0.19742 0.004 123.72; --pc: 0.11784 0.0398 134.6; --sc: 0.1555 0.0392 111.09; --ac: 0.17078 0.0402 100.73; --nc: 0.86196 0.015 108.6; --inc: 0.17238 0.0094 224.14; --suc: 0.17238 0.0094 157.85; --wac: 0.17238 0.0094 102.15; --erc: 0.17238 0.0094 25.85; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.5892 0.199 134.6; --s: 0.7775 0.196 111.09; --a: 0.8539 0.201 100.73; --n: 0.3098 0.075 108.6; --b1: 0.9871 0.02 123.72; --in: 0.8619 0.047 224.14; --su: 0.8619 0.047 157.85; --wa: 0.8619 0.047 102.15; --er: 0.8619 0.047 25.85; }
[data-theme="night"] { color-scheme: dark; --b2: 0.193144 0.037037 265.754874; --b3: 0.178606 0.034249 265.754874; --bc: 0.841536 0.007965 265.754874; --pc: 0.150703 0.027798 232.66148; --sc: 0.136023 0.031661 276.934902; --ac: 0.144721 0.035244 350.048739; --nc: 0.855899 0.00737 260.030984; --suc: 0.156904 0.026506 181.911977; --wac: 0.166486 0.027912 82.95003; --erc: 0.143572 0.034051 13.11834; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.753513 0.138989 232.66148; --s: 0.680113 0.158303 276.934902; --a: 0.723603 0.176218 350.048739; --n: 0.279495 0.036848 260.030984; --b1: 0.207682 0.039824 265.754874; --in: 0.684553 0.148062 237.25135; --inc: 0 0 0; --su: 0.78452 0.132529 181.911977; --wa: 0.832428 0.139558 82.95003; --er: 0.717858 0.170255 13.11834; }
[data-theme="coffee"] { color-scheme: dark; --b2: 0.201585 0.021457 329.708637; --b3: 0.186412 0.019842 329.708637; --pc: 0.143993 0.024765 62.756393; --sc: 0.86893 0.00597 199.19444; --ac: 0.885243 0.014881 224.389184; --nc: 0.833022 0.003149 326.261446; --inc: 0.15898 0.012774 184.558367; --suc: 0.149445 0.014491 131.116276; --wac: 0.176301 0.028162 87.722413; --erc: 0.154637 0.025644 31.871922; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.719967 0.123825 62.756393; --s: 0.34465 0.029849 199.19444; --a: 0.426213 0.074405 224.389184; --n: 0.165109 0.015743 326.261446; --b1: 0.216758 0.023072 329.708637; --bc: 0.723547 0.092794 79.129387; --in: 0.794902 0.063869 184.558367; --su: 0.747224 0.072456 131.116276; --wa: 0.881503 0.140812 87.722413; --er: 0.773187 0.12822 31.871922; }
[data-theme="winter"] { color-scheme: light; --pc: 0.91372 0.051 257.57; --sc: 0.885103 0.03222 282.339433; --ac: 0.11988 0.038303 335.171434; --nc: 0.839233 0.012704 257.651965; --inc: 0.176255 0.017178 214.515264; --suc: 0.160988 0.015404 197.823719; --wac: 0.178345 0.009167 71.47031; --erc: 0.146185 0.022037 20.076293; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.5686 0.255 257.57; --s: 0.425516 0.161098 282.339433; --a: 0.599398 0.191515 335.171434; --n: 0.196166 0.063518 257.651965; --b1: 1 0 0; --b2: 0.974663 0.011947 259.822565; --b3: 0.932686 0.016223 262.751375; --bc: 0.418869 0.053885 255.824911; --in: 0.881275 0.085888 214.515264; --su: 0.804941 0.077019 197.823719; --wa: 0.891725 0.045833 71.47031; --er: 0.730926 0.110185 20.076293; }
[data-theme="dim"] { color-scheme: dark; --pc: 0.172267 0.028331 139.549991; --sc: 0.146752 0.033181 35.353059; --ac: 0.148459 0.026728 311.37924; --inc: 0.172157 0.028409 206.182959; --suc: 0.172343 0.028437 166.534048; --wac: 0.172327 0.028447 94.818679; --erc: 0.164838 0.019914 33.756357; --rounded-box: 1rem; --rounded-btn: 0.5rem; --rounded-badge: 1.9rem; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --tab-radius: 0.5rem; --p: 0.861335 0.141656 139.549991; --s: 0.733759 0.165904 35.353059; --a: 0.742296 0.133641 311.37924; --n: 0.247311 0.020483 264.094728; --nc: 0.829011 0.031335 222.959324; --b1: 0.308577 0.023243 264.149498; --b2: 0.280368 0.01983 264.182074; --b3: 0.263469 0.018403 262.177739; --bc: 0.829011 0.031335 222.959324; --in: 0.860785 0.142046 206.182959; --su: 0.861717 0.142187 166.534048; --wa: 0.861634 0.142236 94.818679; --er: 0.824189 0.09957 33.756357; }
[data-theme="nord"] { color-scheme: light; --pc: 0.118872 0.015449 254.027774; --sc: 0.139303 0.011822 248.687186; --ac: 0.154929 0.01245 217.469017; --inc: 0.138414 0.012499 332.664922; --suc: 0.153654 0.01498 131.063061; --wac: 0.170972 0.017847 84.093335; --erc: 0.12122 0.024119 15.341883; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --p: 0.594359 0.077246 254.027774; --s: 0.696516 0.059108 248.687186; --a: 0.774643 0.062249 217.469017; --n: 0.45229 0.035214 264.1312; --nc: 0.899258 0.016374 262.749256; --b1: 0.951276 0.007445 260.731539; --b2: 0.932996 0.010389 261.788485; --b3: 0.899258 0.016374 262.749256; --bc: 0.324374 0.022945 264.182036; --in: 0.692072 0.062496 332.664922; --su: 0.76827 0.074899 131.063061; --wa: 0.854862 0.089234 84.093335; --er: 0.6061 0.120594 15.341883; --rounded-box: 0.4rem; --rounded-btn: 0.2rem; --rounded-badge: 0.4rem; --tab-radius: 0.2rem; }
[data-theme="sunset"] { color-scheme: dark; --pc: 0.149408 0.031656 39.94703; --sc: 0.145075 0.035531 2.72034; --ac: 0.142589 0.033336 299.844533; --inc: 0.171119 0.017054 206.015183; --suc: 0.171122 0.017172 144.77874; --wac: 0.171139 0.016961 74.427797; --erc: 0.171023 0.015778 16.886379; --animation-btn: 0.25s; --animation-input: .2s; --btn-focus-scale: 0.95; --border-btn: 1px; --tab-border: 1px; --p: 0.747039 0.158278 39.94703; --s: 0.725375 0.177654 2.72034; --a: 0.712947 0.166678 299.844533; --n: 0.26 0.019 237.69; --nc: 0.7 0.019 237.69; --b1: 0.22 0.019 237.69; --b2: 0.2 0.019 237.69; --b3: 0.18 0.019 237.69; --bc: 0.773835 0.043586 245.096534; --in: 0.855596 0.085271 206.015183; --su: 0.855609 0.08586 144.77874; --wa: 0.855695 0.084806 74.427797; --er: 0.855116 0.07889 16.886379; --rounded-box: 1.2rem; --rounded-btn: 0.8rem; --rounded-badge: 0.4rem; --tab-radius: 0.7rem; }
*, ::after, ::before { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: currentcolor; }
::after, ::before { --tw-content: ''; }
html { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; }
body { margin: 0px; line-height: inherit; }
hr { height: 0px; color: inherit; border-top-width: 1px; }
abbr:where([title]) { text-decoration: underline dotted; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0px; padding: 0px; }
button, select { text-transform: none; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; background-color: transparent; background-image: none; }
progress { vertical-align: baseline; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
summary { display: list-item; }
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0px; }
fieldset { margin: 0px; padding: 0px; }
legend { padding: 0px; }
menu, ol, ul { list-style: none; margin: 0px; padding: 0px; }
dialog { padding: 0px; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }
[role="button"], button { cursor: pointer; }
:disabled { cursor: default; }
audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
[hidden] { display: none; }
:root, [data-theme] { background-color: var(--fallback-b1,oklch(var(--b1)/1)); color: var(--fallback-bc,oklch(var(--bc)/1)); }
@supports not (color:oklch(0 0 0)) {
:root { color-scheme: light; --fallback-p: #491eff; --fallback-pc: #d4dbff; --fallback-s: #ff41c7; --fallback-sc: #fff9fc; --fallback-a: #00cfbd; --fallback-ac: #00100d; --fallback-n: #2b3440; --fallback-nc: #d7dde4; --fallback-b1: #ffffff; --fallback-b2: #e5e6e6; --fallback-b3: #e5e6e6; --fallback-bc: #1f2937; --fallback-in: #00b3f0; --fallback-inc: #000000; --fallback-su: #00ca92; --fallback-suc: #000000; --fallback-wa: #ffc22d; --fallback-wac: #000000; --fallback-er: #ff6f70; --fallback-erc: #000000; }
@media (prefers-color-scheme: dark) {
:root { color-scheme: dark; --fallback-p: #7582ff; --fallback-pc: #050617; --fallback-s: #ff71cf; --fallback-sc: #190211; --fallback-a: #00c7b5; --fallback-ac: #000e0c; --fallback-n: #2a323c; --fallback-nc: #a6adbb; --fallback-b1: #1d232a; --fallback-b2: #191e24; --fallback-b3: #15191e; --fallback-bc: #a6adbb; --fallback-in: #00b3f0; --fallback-inc: #000000; --fallback-su: #00ca92; --fallback-suc: #000000; --fallback-wa: #ffc22d; --fallback-wac: #000000; --fallback-er: #ff6f70; --fallback-erc: #000000; }
}
}
html { -webkit-tap-highlight-color: transparent; }
*, ::after, ::before { --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --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; }
::backdrop { --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --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; }
.alert { display: grid; width: 100%; grid-auto-flow: row; align-content: flex-start; place-items: center; gap: 1rem; text-align: center; border-radius: var(--rounded-box,1rem); border-width: 1px; --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); padding: 1rem; --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --alert-bg: var(--fallback-b2,oklch(var(--b2)/1)); --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1)); background-color: var(--alert-bg); }
@media (min-width: 640px) {
.alert { grid-auto-flow: column; grid-template-columns: auto minmax(auto, 1fr); justify-items: start; text-align: start; }
}
.avatar { position: relative; display: inline-flex; }
.avatar > div { display: block; aspect-ratio: 1 / 1; overflow: hidden; }
.avatar img { height: 100%; width: 100%; object-fit: cover; }
.avatar.placeholder > div { display: flex; align-items: center; justify-content: center; }
.badge { display: inline-flex; align-items: center; justify-content: center; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.2s; height: 1.25rem; font-size: 0.875rem; line-height: 1.25rem; width: fit-content; padding-left: 0.563rem; padding-right: 0.563rem; border-radius: var(--rounded-badge,1.9rem); border-width: 1px; --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); }
@media (hover: hover) {
.link-hover:hover { text-decoration-line: underline; }
.checkbox-primary:hover { --tw-border-opacity: 1; border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); }
.checkbox-secondary:hover { --tw-border-opacity: 1; border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity))); }
.checkbox-accent:hover { --tw-border-opacity: 1; border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity))); }
.checkbox-success:hover { --tw-border-opacity: 1; border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); }
.checkbox-warning:hover { --tw-border-opacity: 1; border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity))); }
.checkbox-info:hover { --tw-border-opacity: 1; border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity))); }
.checkbox-error:hover { --tw-border-opacity: 1; border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity))); }
.label a:hover { --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); }
.menu li > :not(ul):not(.menu-title):not(details).active, .menu li > :not(ul):not(.menu-title):not(details):active, .menu li > details > summary:active { --tw-bg-opacity: 1; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); }
.radio-primary:hover { --tw-border-opacity: 1; border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); }
.radio-secondary:hover { --tw-border-opacity: 1; border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity))); }
.radio-accent:hover { --tw-border-opacity: 1; border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity))); }
.radio-success:hover { --tw-border-opacity: 1; border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); }
.radio-warning:hover { --tw-border-opacity: 1; border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity))); }
.radio-info:hover { --tw-border-opacity: 1; border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity))); }
.radio-error:hover { --tw-border-opacity: 1; border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity))); }
.tab:hover { --tw-text-opacity: 1; }
.tabs-boxed .tab-active:not(.tab-disabled):not([disabled]):hover, .tabs-boxed :is(input:checked):hover { --tw-text-opacity: 1; color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); }
.table tr.hover:hover, .table tr.hover:nth-child(2n):hover { --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); }
.table-zebra tr.hover:hover, .table-zebra tr.hover:nth-child(2n):hover { --tw-bg-opacity: 1; background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); }
}
.btn { display: inline-flex; height: 3rem; min-height: 3rem; flex-shrink: 0; cursor: pointer; user-select: none; flex-wrap: wrap; align-items: center; justify-content: center; border-radius: var(--rounded-btn,.5rem); border-color: oklch(var(--btn-color,var(--b2)) / var(--tw-border-opacity)); padding-left: 1rem; padding-right: 1rem; text-align: center; font-size: 0.875rem; line-height: 1em; gap: 0.5rem; font-weight: 600; text-decoration-line: none; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); border-width: var(--border-btn,1px); animation: button-pop var(--animation-btn,.25s) ease-out; transition-property: color, background-color, border-color, opacity, box-shadow, transform; --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); outline-color: var(--fallback-bc,oklch(var(--bc)/1)); background-color: oklch(var(--btn-color,var(--b2)) / var(--tw-bg-opacity)); --tw-bg-opacity: 1; --tw-border-opacity: 1; }
.btn-disabled, .btn:disabled, .btn[disabled] { pointer-events: none; }
.btn-square { height: 3rem; width: 3rem; padding: 0px; }
.btn-circle { height: 3rem; width: 3rem; border-radius: 9999px; padding: 0px; }
:where(.btn:is(input[type="checkbox"])), :where(.btn:is(input[type="radio"])) { width: auto; appearance: none; }
.btn:is(input[type="checkbox"])::after, .btn:is(input[type="radio"])::after { --tw-content: attr(aria-label); content: var(--tw-content); }
.card { position: relative; display: flex; flex-direction: column; border-radius: var(--rounded-box,1rem); }
.card:focus { outline: transparent solid 2px; outline-offset: 2px; }
.card-body { display: flex; flex: 1 1 auto; flex-direction: column; padding: var(--padding-card,2rem); gap: 0.5rem; }
.card-body :where(p) { flex-grow: 1; }
.card-actions { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0.5rem; }
.card figure { display: flex; align-items: center; justify-content: center; }
.card.image-full { display: grid; }
.card.image-full::before { position: relative; content: ""; z-index: 10; border-radius: var(--rounded-box,1rem); --tw-bg-opacity: 1; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); opacity: 0.75; }
.card.image-full::before, .card.image-full > * { grid-column-start: 1; grid-row-start: 1; }
.card.image-full > figure img { height: 100%; object-fit: cover; }
.card.image-full > .card-body { position: relative; z-index: 20; --tw-text-opacity: 1; color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); }
.chat { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: 0.75rem; padding-top: 0.25rem; padding-bottom: 0.25rem; }
.chat-image { grid-row: span 2 / span 2; align-self: flex-end; }
.chat-header { grid-row-start: 1; font-size: 0.875rem; line-height: 1.25rem; }
.chat-footer { grid-row-start: 3; font-size: 0.875rem; line-height: 1.25rem; }
.chat-bubble { position: relative; display: block; width: fit-content; padding: 0.5rem 1rem; max-width: 90%; border-radius: var(--rounded-box,1rem); min-height: 2.75rem; min-width: 2.75rem; --tw-bg-opacity: 1; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); }
.chat-bubble::before { position: absolute; bottom: 0px; height: 0.75rem; width: 0.75rem; background-color: inherit; content: ""; mask-size: contain; mask-repeat: no-repeat; mask-position: center center; }
.chat-start { place-items: start; grid-template-columns: auto 1fr; }
.chat-start .chat-header { grid-column-start: 2; }
.chat-start .chat-footer { grid-column-start: 2; }
.chat-start .chat-image { grid-column-start: 1; }
.chat-start .chat-bubble { grid-column-start: 2; border-end-start-radius: 0px; }
.chat-start .chat-bubble::before { mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e"); inset-inline-start: -0.749rem; }
[dir="rtl"] .chat-start .chat-bubble::before { mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e"); }
.chat-end { place-items: end; grid-template-columns: 1fr auto; }
.chat-end .chat-header { grid-column-start: 1; }
.chat-end .chat-footer { grid-column-start: 1; }
.chat-end .chat-image { grid-column-start: 2; }
.chat-end .chat-bubble { grid-column-start: 1; border-end-end-radius: 0px; }
.chat-end .chat-bubble::before { mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e"); inset-inline-start: 99.9%; }
[dir="rtl"] .chat-end .chat-bubble::before { mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e"); }
.checkbox { flex-shrink: 0; --chkbg: var(--fallback-bc,oklch(var(--bc)/1)); --chkfg: var(--fallback-b1,oklch(var(--b1)/1)); height: 1.5rem; width: 1.5rem; cursor: pointer; appearance: none; border-radius: var(--rounded-btn,.5rem); border-width: 1px; border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); --tw-border-opacity: 0.2; }
.collapse:not(td):not(tr):not(colgroup) { visibility: visible; }
.collapse { position: relative; display: grid; overflow: hidden; grid-template-rows: auto 0fr; transition: grid-template-rows 0.2s; width: 100%; border-radius: var(--rounded-box,1rem); }
.collapse-content, .collapse-title, .collapse > input[type="checkbox"], .collapse > input[type="radio"] { grid-column-start: 1; grid-row-start: 1; }
.collapse > input[type="checkbox"], .collapse > input[type="radio"] { appearance: none; opacity: 0; }
.collapse-content { visibility: hidden; grid-column-start: 1; grid-row-start: 2; min-height: 0px; transition: padding 0.2s ease-out, background-color 0.2s ease-out; padding-left: 1rem; padding-right: 1rem; cursor: unset; }
.collapse-open, .collapse:focus:not(.collapse-close), .collapse[open] { grid-template-rows: auto 1fr; }
.collapse:not(.collapse-close):has(> input[type="checkbox"]:checked), .collapse:not(.collapse-close):has(> input[type="radio"]:checked) { grid-template-rows: auto 1fr; }
.collapse-open > .collapse-content, .collapse:focus:not(.collapse-close) > .collapse-content, .collapse:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-content, .collapse:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-content, .collapse[open] > .collapse-content { visibility: visible; min-height: fit-content; }
.divider { display: flex; flex-direction: row; align-items: center; align-self: stretch; margin-top: 1rem; margin-bottom: 1rem; height: 1rem; white-space: nowrap; }
.divider::after, .divider::before { height: 0.125rem; width: 100%; flex-grow: 1; --tw-content: ''; content: var(--tw-content); background-color: var(--fallback-bc,oklch(var(--bc)/.1)); }
.divider-start::before { display: none; }
.divider-end::after { display: none; }
.drawer { position: relative; display: grid; grid-auto-columns: max-content auto; width: 100%; }
.drawer-content { grid-column-start: 2; grid-row-start: 1; min-width: 0px; }
.drawer-side { pointer-events: none; position: fixed; inset-inline-start: 0px; top: 0px; grid-column-start: 1; grid-row-start: 1; display: grid; width: 100%; grid-template-columns: repeat(1, minmax(0px, 1fr)); grid-template-rows: repeat(1, minmax(0px, 1fr)); place-items: flex-start start; overflow-y: auto; overscroll-behavior: contain; height: 100dvh; }
.drawer-side > .drawer-overlay { position: sticky; top: 0px; place-self: stretch; cursor: pointer; background-color: transparent; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.2s; }
.drawer-side > * { grid-column-start: 1; grid-row-start: 1; }
.drawer-side > :not(.drawer-overlay) { transition-property: transform; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.3s; will-change: transform; transform: translateX(-100%); }
[dir="rtl"] .drawer-side > :not(.drawer-overlay) { transform: translateX(100%); }
.drawer-toggle { position: fixed; height: 0px; width: 0px; appearance: none; opacity: 0; }
.drawer-toggle:checked ~ .drawer-side { pointer-events: auto; visibility: visible; }
.drawer-toggle:checked ~ .drawer-side > :not(.drawer-overlay) { transform: translateX(0px); }
.drawer-end { grid-auto-columns: auto max-content; }
.drawer-end .drawer-toggle ~ .drawer-content { grid-column-start: 1; }
.drawer-end .drawer-toggle ~ .drawer-side { grid-column-start: 2; justify-items: end; }
.drawer-end .drawer-toggle ~ .drawer-side > :not(.drawer-overlay) { transform: translateX(100%); }
[dir="rtl"] .drawer-end .drawer-toggle ~ .drawer-side > :not(.drawer-overlay) { transform: translateX(-100%); }
.drawer-end .drawer-toggle:checked ~ .drawer-side > :not(.drawer-overlay) { transform: translateX(0px); }
.dropdown { position: relative; display: inline-block; }
.dropdown > :not(summary):focus { outline: transparent solid 2px; outline-offset: 2px; }
.dropdown .dropdown-content { position: absolute; }
.dropdown:is(:not(details)) .dropdown-content { visibility: hidden; opacity: 0; transform-origin: center top; --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)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.2s; }
.dropdown-end .dropdown-content { inset-inline-end: 0px; }
.dropdown-left .dropdown-content { bottom: auto; inset-inline-end: 100%; top: 0px; transform-origin: right center; }
.dropdown-right .dropdown-content { bottom: auto; inset-inline-start: 100%; top: 0px; transform-origin: left center; }
.dropdown-bottom .dropdown-content { bottom: auto; top: 100%; transform-origin: center top; }
.dropdown-top .dropdown-content { bottom: 100%; top: auto; transform-origin: center bottom; }
.dropdown-end.dropdown-right .dropdown-content { bottom: 0px; top: auto; }
.dropdown-end.dropdown-left .dropdown-content { bottom: 0px; top: auto; }
.dropdown.dropdown-open .dropdown-content, .dropdown:focus-within .dropdown-content, .dropdown:not(.dropdown-hover):focus .dropdown-content { visibility: visible; opacity: 1; }
@media (hover: hover) {
.dropdown.dropdown-hover:hover .dropdown-content { visibility: visible; opacity: 1; }
.btm-nav > .disabled:hover, .btm-nav > [disabled]:hover { pointer-events: none; --tw-border-opacity: 0; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-bg-opacity: 0.1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --tw-text-opacity: 0.2; }
.btn:hover { --tw-border-opacity: 1; border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.btn:hover { background-color: color-mix(in oklab,oklch(var(--btn-color,var(--b2)) / var(--tw-bg-opacity,1)) 90%,#000); border-color: color-mix(in oklab,oklch(var(--btn-color,var(--b2)) / var(--tw-border-opacity,1)) 90%,#000); }
}
@supports not (color:oklch(0 0 0)) {
.btn:hover { background-color: var(--btn-color,var(--fallback-b2)); border-color: var(--btn-color,var(--fallback-b2)); }
}
.btn.glass:hover { --glass-opacity: 25%; --glass-border-opacity: 15%; }
.btn-ghost:hover { border-color: transparent; }
@supports (color:oklch(0 0 0)) {
.btn-ghost:hover { background-color: var(--fallback-bc,oklch(var(--bc)/.2)); }
}
.btn-link:hover { border-color: transparent; background-color: transparent; text-decoration-line: underline; }
.btn-outline:hover { --tw-border-opacity: 1; border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity))); }
.btn-outline.btn-primary:hover { --tw-text-opacity: 1; color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.btn-outline.btn-primary:hover { background-color: color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000); }
}
.btn-outline.btn-secondary:hover { --tw-text-opacity: 1; color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.btn-outline.btn-secondary:hover { background-color: color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 90%,#000); }
}
.btn-outline.btn-accent:hover { --tw-text-opacity: 1; color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.btn-outline.btn-accent:hover { background-color: color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 90%,#000); }
}
.btn-outline.btn-success:hover { --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.btn-outline.btn-success:hover { background-color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000); }
}
.btn-outline.btn-info:hover { --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.btn-outline.btn-info:hover { background-color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000); }
}
.btn-outline.btn-warning:hover { --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.btn-outline.btn-warning:hover { background-color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000); }
}
.btn-outline.btn-error:hover { --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.btn-outline.btn-error:hover { background-color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000); }
}
.btn-disabled:hover, .btn:disabled:hover, .btn[disabled]:hover { --tw-border-opacity: 0; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-bg-opacity: 0.2; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --tw-text-opacity: 0.2; }
@supports (color:color-mix(in oklab,black,black)) {
.btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover { background-color: color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000); }
}
.dropdown.dropdown-hover:hover .dropdown-content { --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)); }
:where(.menu li:not(.menu-title):not(.disabled) > :not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover { cursor: pointer; outline: transparent solid 2px; outline-offset: 2px; }
@supports (color:oklch(0 0 0)) {
:where(.menu li:not(.menu-title):not(.disabled) > :not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover { background-color: var(--fallback-bc,oklch(var(--bc)/.1)); }
}
.tab[disabled], .tab[disabled]:hover { cursor: not-allowed; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --tw-text-opacity: 0.2; }
}
.dropdown:is(details) summary::-webkit-details-marker { display: none; }
.file-input { height: 3rem; flex-shrink: 1; padding-inline-end: 1rem; font-size: 1rem; line-height: 1.5rem; overflow: hidden; border-radius: var(--rounded-btn,.5rem); border-width: 1px; border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); --tw-border-opacity: 0; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); }
.file-input::file-selector-button { margin-inline-end: 1rem; display: inline-flex; height: 100%; flex-shrink: 0; cursor: pointer; user-select: none; flex-wrap: wrap; align-items: center; justify-content: center; padding-left: 1rem; padding-right: 1rem; text-align: center; font-size: 0.875rem; line-height: 1em; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.2s; border-style: solid; --tw-border-opacity: 1; border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); font-weight: 600; text-transform: uppercase; --tw-text-opacity: 1; color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); text-decoration-line: none; border-width: var(--border-btn,1px); animation: button-pop var(--animation-btn,.25s) ease-out; }
.footer { display: grid; width: 100%; grid-auto-flow: row; place-items: start; gap: 2.5rem 1rem; font-size: 0.875rem; line-height: 1.25rem; }
.footer > * { display: grid; place-items: start; gap: 0.5rem; }
@media (min-width: 48rem) {
.footer { grid-auto-flow: column; }
}
.form-control { display: flex; flex-direction: column; }
.label { display: flex; user-select: none; align-items: center; justify-content: space-between; padding: 0.5rem 0.25rem; }
.hero { display: grid; width: 100%; place-items: center; background-size: cover; background-position: center center; }
.hero > * { grid-column-start: 1; grid-row-start: 1; }
.hero-overlay { grid-column-start: 1; grid-row-start: 1; height: 100%; width: 100%; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-bg-opacity: 0.5; }
.hero-content { z-index: 0; display: flex; align-items: center; justify-content: center; max-width: 80rem; gap: 1rem; padding: 1rem; }
.indicator { position: relative; display: inline-flex; width: max-content; }
.indicator :where(.indicator-item) { z-index: 1; position: absolute; 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)); white-space: nowrap; }
.input { flex-shrink: 1; appearance: none; height: 3rem; padding-left: 1rem; padding-right: 1rem; font-size: 1rem; line-height: 1.5rem; border-radius: var(--rounded-btn,.5rem); border-width: 1px; border-color: transparent; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); }
.join { display: inline-flex; align-items: stretch; border-radius: var(--rounded-btn,.5rem); }
.join :where(.join-item) { border-start-end-radius: 0px; border-end-end-radius: 0px; border-end-start-radius: 0px; border-start-start-radius: 0px; }
.join .join-item:not(:first-child):not(:last-child), .join :not(:first-child):not(:last-child) .join-item { border-start-end-radius: 0px; border-end-end-radius: 0px; border-end-start-radius: 0px; border-start-start-radius: 0px; }
.join .join-item:first-child:not(:last-child), .join :first-child:not(:last-child) .join-item { border-start-end-radius: 0px; border-end-end-radius: 0px; }
.join .dropdown .join-item:first-child:not(:last-child), .join :first-child:not(:last-child) .dropdown .join-item { border-start-end-radius: inherit; border-end-end-radius: inherit; }
.join :where(.join-item:first-child:not(:last-child)), .join :where(:first-child:not(:last-child) .join-item) { border-end-start-radius: inherit; border-start-start-radius: inherit; }
.join .join-item:last-child:not(:first-child), .join :last-child:not(:first-child) .join-item { border-end-start-radius: 0px; border-start-start-radius: 0px; }
.join :where(.join-item:last-child:not(:first-child)), .join :where(:last-child:not(:first-child) .join-item) { border-start-end-radius: inherit; border-end-end-radius: inherit; }
@supports not selector(:has(*)) {
:where(.join *) { border-radius: inherit; }
}
@supports selector(:has(*)) {
:where(.join :has(.join-item)) { border-radius: inherit; }
}
.kbd { display: inline-flex; align-items: center; justify-content: center; border-radius: var(--rounded-btn,.5rem); border-width: 1px 1px 2px; border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); --tw-border-opacity: 0.2; --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); padding-left: 0.5rem; padding-right: 0.5rem; min-height: 2.2em; min-width: 2.2em; }
.link { cursor: pointer; text-decoration-line: underline; }
.link-hover { text-decoration-line: none; }
.mask { mask-size: contain; mask-repeat: no-repeat; mask-position: center center; }
.menu { display: flex; flex-flow: column wrap; font-size: 0.875rem; line-height: 1.25rem; padding: 0.5rem; }
.menu :where(li ul) { position: relative; white-space: nowrap; margin-inline-start: 1rem; padding-inline-start: 0.5rem; }
.menu :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { display: grid; grid-auto-flow: column; align-content: flex-start; align-items: center; gap: 0.5rem; grid-auto-columns: minmax(auto, max-content) auto max-content; user-select: none; }
.menu li.disabled { cursor: not-allowed; user-select: none; color: var(--fallback-bc,oklch(var(--bc)/.3)); }
.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) { display: none; }
:where(.menu li) { position: relative; display: flex; flex-shrink: 0; flex-flow: column wrap; align-items: stretch; }
:where(.menu li) .badge { justify-self: end; }
.mockup-code { position: relative; overflow: auto hidden; min-width: 18rem; border-radius: var(--rounded-box,1rem); --tw-bg-opacity: 1; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); padding-top: 1.25rem; padding-bottom: 1.25rem; --tw-text-opacity: 1; color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); direction: ltr; }
.mockup-code pre[data-prefix]::before { content: attr(data-prefix); display: inline-block; text-align: right; width: 2rem; opacity: 0.5; }
.mockup-window { position: relative; overflow: auto hidden; display: flex; flex-direction: column; border-radius: var(--rounded-box,1rem); padding-top: 1.25rem; }
.mockup-window pre[data-prefix]::before { content: attr(data-prefix); display: inline-block; text-align: right; }
.mockup-browser { position: relative; overflow: auto hidden; border-radius: var(--rounded-box,1rem); }
.mockup-browser pre[data-prefix]::before { content: attr(data-prefix); display: inline-block; text-align: right; }
.modal { pointer-events: none; position: fixed; inset: 0px; margin: 0px; display: grid; height: 100%; max-height: none; width: 100%; max-width: none; justify-items: center; padding: 0px; opacity: 0; overscroll-behavior: contain; z-index: 999; background-color: transparent; color: inherit; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-property: transform, opacity, visibility; overflow-y: hidden; }
.modal-scroll { overscroll-behavior: auto; }
:where(.modal) { align-items: center; }
.modal-box { max-height: calc(-5em + 100vh); grid-column-start: 1; grid-row-start: 1; width: 91.6667%; max-width: 32rem; --tw-scale-x: .9; --tw-scale-y: .9; 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)); border-bottom-right-radius: var(--rounded-box,1rem); border-bottom-left-radius: var(--rounded-box,1rem); border-top-left-radius: var(--rounded-box,1rem); border-top-right-radius: var(--rounded-box,1rem); --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); padding: 1.5rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.2s; box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px; overflow-y: auto; overscroll-behavior: contain; }
.modal-open, .modal-toggle:checked + .modal, .modal:target, .modal[open] { pointer-events: auto; visibility: visible; opacity: 1; }
.modal-action { display: flex; margin-top: 1.5rem; justify-content: flex-end; }
.modal-toggle { position: fixed; height: 0px; width: 0px; appearance: none; opacity: 0; }
:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) { overflow: hidden; }
.navbar { display: flex; align-items: center; padding: var(--navbar-padding,.5rem); min-height: 4rem; width: 100%; }
:where(.navbar > *) { display: inline-flex; align-items: center; }
.progress { position: relative; width: 100%; appearance: none; overflow: hidden; height: 0.5rem; border-radius: var(--rounded-box,1rem); background-color: var(--fallback-bc,oklch(var(--bc)/.2)); }
.radio { flex-shrink: 0; --chkbg: var(--bc); height: 1.5rem; width: 1.5rem; cursor: pointer; appearance: none; border-radius: 9999px; border-width: 1px; border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); --tw-border-opacity: 0.2; }
.range { height: 1.5rem; width: 100%; cursor: pointer; appearance: none; --range-shdw: var(--fallback-bc,oklch(var(--bc)/1)); overflow: hidden; border-radius: var(--rounded-box,1rem); background-color: transparent; }
.range:focus { outline: 0px; }
.select { display: inline-flex; cursor: pointer; user-select: none; appearance: none; height: 3rem; min-height: 3rem; padding-left: 1rem; padding-right: 2.5rem; font-size: 0.875rem; line-height: 2; border-radius: var(--rounded-btn,.5rem); border-width: 1px; border-color: transparent; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); background-image: linear-gradient(45deg, transparent 50%, currentcolor 50%), linear-gradient(135deg, currentcolor 50%, transparent 50%); background-position: calc(100% - 20px) calc(50% + 1px), calc(100% - 16.1px) calc(50% + 1px); background-size: 4px 4px, 4px 4px; background-repeat: no-repeat; }
.select[multiple] { height: auto; }
.stack { display: inline-grid; place-items: flex-end center; }
.stack > * { grid-column-start: 1; grid-row-start: 1; transform: translateY(10%) scale(0.9); z-index: 1; width: 100%; opacity: 0.6; }
.stack > :nth-child(2) { transform: translateY(5%) scale(0.95); z-index: 2; opacity: 0.8; }
.stack > :first-child { transform: translateY(0px) scale(1); z-index: 3; opacity: 1; }
.stats { display: inline-grid; border-radius: var(--rounded-box,1rem); --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); }
:where(.stats) { grid-auto-flow: column; overflow-x: auto; }
.stat { display: inline-grid; width: 100%; grid-template-columns: repeat(1, 1fr); column-gap: 1rem; border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); --tw-border-opacity: 0.1; padding: 1rem 1.5rem; }
.stat-figure { grid-column-start: 2; grid-row: 1 / span 3; place-self: center end; }
.stat-title { grid-column-start: 1; white-space: nowrap; color: var(--fallback-bc,oklch(var(--bc)/.6)); }
.stat-value { grid-column-start: 1; white-space: nowrap; font-size: 2.25rem; line-height: 2.5rem; font-weight: 800; }
.stat-desc { grid-column-start: 1; white-space: nowrap; font-size: 0.75rem; line-height: 1rem; color: var(--fallback-bc,oklch(var(--bc)/.6)); }
.stat-actions { grid-column-start: 1; white-space: nowrap; margin-top: 1rem; }
.steps { display: inline-grid; grid-auto-flow: column; overflow: auto hidden; counter-reset: step 0; grid-auto-columns: 1fr; }
.steps .step { display: grid; grid-template-columns: auto; grid-template-rows: 40px 1fr; place-items: center; text-align: center; min-width: 4rem; }
.swap { position: relative; display: inline-grid; user-select: none; place-content: center; cursor: pointer; }
.swap > * { grid-column-start: 1; grid-row-start: 1; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-property: transform, opacity; }
.swap input { appearance: none; }
.swap .swap-indeterminate, .swap .swap-on, .swap input:indeterminate ~ .swap-on { opacity: 0; }
.swap input:checked ~ .swap-off, .swap input:indeterminate ~ .swap-off, .swap-active .swap-off { opacity: 0; }
.swap input:checked ~ .swap-on, .swap input:indeterminate ~ .swap-indeterminate, .swap-active .swap-on { opacity: 1; }
.tabs { display: grid; align-items: flex-end; }
.tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(.tab-active), .tabs-lifted:has(.tab-content[class^="rounded-"]) .tab:first-child:not(.tab-active) { border-bottom-color: transparent; }
.tab { position: relative; grid-row-start: 1; display: inline-flex; height: 2rem; cursor: pointer; user-select: none; appearance: none; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; font-size: 0.875rem; line-height: 2; --tab-padding: 1rem; --tw-text-opacity: 0.5; --tab-color: var(--fallback-bc,oklch(var(--bc)/1)); --tab-bg: var(--fallback-b1,oklch(var(--b1)/1)); --tab-border-color: var(--fallback-b3,oklch(var(--b3)/1)); color: var(--tab-color); padding-inline-start: var(--tab-padding,1rem); padding-inline-end: var(--tab-padding,1rem); }
.tab:is(input[type="radio"]) { width: auto; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.tab:is(input[type="radio"])::after { --tw-content: attr(aria-label); content: var(--tw-content); }
.tab:not(input):empty { cursor: default; grid-column-start: span 9999; }
.tab-content { grid-column: 1 / span 9999; grid-row-start: 2; margin-top: calc(var(--tab-border) * -1); display: none; border-color: transparent; border-width: var(--tab-border,0); }
.tab-active + .tab-content:nth-child(2), :checked + .tab-content:nth-child(2) { border-start-start-radius: 0px; }
.tab-active + .tab-content, input.tab:checked + .tab-content { display: block; }
.table { position: relative; width: 100%; border-radius: var(--rounded-box,1rem); text-align: left; font-size: 0.875rem; line-height: 1.25rem; }
.table :where(.table-pin-rows thead tr) { position: sticky; top: 0px; z-index: 1; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); }
.table :where(.table-pin-rows tfoot tr) { position: sticky; bottom: 0px; z-index: 1; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); }
.table :where(.table-pin-cols tr th) { position: sticky; left: 0px; right: 0px; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); }
.table-zebra tbody tr:nth-child(2n) :where(.table-pin-cols tr th) { --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); }
.textarea { min-height: 3rem; flex-shrink: 1; padding: 0.5rem 1rem; font-size: 0.875rem; line-height: 2; border-radius: var(--rounded-btn,.5rem); border-width: 1px; border-color: transparent; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); }
.timeline { position: relative; display: flex; }
:where(.timeline > li) { position: relative; display: grid; flex-shrink: 0; align-items: center; grid-template-rows: var(--timeline-row-start,minmax(0,1fr)) auto var(--timeline-row-end,minmax(0,1fr)); grid-template-columns: var(--timeline-col-start,minmax(0,1fr)) auto var(--timeline-col-end,minmax(0,1fr)); }
.timeline > li > hr { width: 100%; border-width: 0px; }
:where(.timeline > li > hr):first-child { grid-column-start: 1; grid-row-start: 2; }
:where(.timeline > li > hr):last-child { grid-area: 2 / 3 / auto / none; }
.toast { position: fixed; display: flex; min-width: fit-content; flex-direction: column; white-space: nowrap; gap: 0.5rem; padding: 1rem; }
.toggle { flex-shrink: 0; --tglbg: var(--fallback-b1,oklch(var(--b1)/1)); --handleoffset: 1.5rem; --handleoffsetcalculator: calc(var(--handleoffset) * -1); --togglehandleborder: 0 0; height: 1.5rem; width: 3rem; cursor: pointer; appearance: none; border-radius: var(--rounded-badge,1.9rem); border-width: 1px; border-color: currentcolor; background-color: currentcolor; color: var(--fallback-bc,oklch(var(--bc)/.5)); transition: background,box-shadow var(--animation-input, .2s) ease-out; box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset,var(--togglehandleborder); }
.alert-info { border-color: var(--fallback-in,oklch(var(--in)/.2)); --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); --alert-bg: var(--fallback-in,oklch(var(--in)/1)); --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1)); }
.alert-success { border-color: var(--fallback-su,oklch(var(--su)/.2)); --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); --alert-bg: var(--fallback-su,oklch(var(--su)/1)); --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1)); }
.alert-warning { border-color: var(--fallback-wa,oklch(var(--wa)/.2)); --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); --alert-bg: var(--fallback-wa,oklch(var(--wa)/1)); --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1)); }
.alert-error { border-color: var(--fallback-er,oklch(var(--er)/.2)); --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); --alert-bg: var(--fallback-er,oklch(var(--er)/1)); --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1)); }
.avatar-group { display: flex; overflow: hidden; }
.avatar-group :where(.avatar) { overflow: hidden; border-radius: 9999px; border-width: 4px; --tw-border-opacity: 1; border-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-border-opacity))); }
.badge-neutral { --tw-border-opacity: 1; border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); }
.badge-primary { --tw-border-opacity: 1; border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); }
.badge-secondary { --tw-border-opacity: 1; border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); }
.badge-accent { --tw-border-opacity: 1; border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); }
.badge-info { border-color: transparent; --tw-bg-opacity: 1; background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); }
.badge-success { border-color: transparent; --tw-bg-opacity: 1; background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); }
.badge-warning { border-color: transparent; --tw-bg-opacity: 1; background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); }
.badge-error { border-color: transparent; --tw-bg-opacity: 1; background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); }
.badge-ghost { --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); }
.badge-outline { border-color: currentcolor; --tw-border-opacity: 0.5; background-color: transparent; color: currentcolor; }
.badge-outline.badge-neutral { --tw-text-opacity: 1; color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity))); }
.badge-outline.badge-primary { --tw-text-opacity: 1; color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity))); }
.badge-outline.badge-secondary { --tw-text-opacity: 1; color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity))); }
.badge-outline.badge-accent { --tw-text-opacity: 1; color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity))); }
.badge-outline.badge-info { --tw-text-opacity: 1; color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity))); }
.badge-outline.badge-success { --tw-text-opacity: 1; color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity))); }
.badge-outline.badge-warning { --tw-text-opacity: 1; color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity))); }
.badge-outline.badge-error { --tw-text-opacity: 1; color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); }
.btm-nav > :not(.active) { padding-top: 0.125rem; }
.btm-nav > :where(.active) { border-top-width: 2px; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); }
.btm-nav > .disabled, .btm-nav > [disabled] { pointer-events: none; --tw-border-opacity: 0; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-bg-opacity: 0.1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --tw-text-opacity: 0.2; }
.btm-nav > * .label { font-size: 1rem; line-height: 1.5rem; }
.btn:active:focus, .btn:active:hover { animation: 0s ease-out 0s 1 normal none running button-pop; transform: scale(var(--btn-focus-scale,.97)); }
@supports not (color:oklch(0 0 0)) {
.btn { background-color: var(--btn-color,var(--fallback-b2)); border-color: var(--btn-color,var(--fallback-b2)); }
.btn-primary { --btn-color: var(--fallback-p); }
.btn-secondary { --btn-color: var(--fallback-s); }
.btn-accent { --btn-color: var(--fallback-a); }
.btn-neutral { --btn-color: var(--fallback-n); }
.btn-info { --btn-color: var(--fallback-in); }
.btn-success { --btn-color: var(--fallback-su); }
.btn-warning { --btn-color: var(--fallback-wa); }
.btn-error { --btn-color: var(--fallback-er); }
}
@supports (color:color-mix(in oklab,black,black)) {
.btn-active { background-color: color-mix(in oklab,oklch(var(--btn-color,var(--b3)) / var(--tw-bg-opacity,1)) 90%,#000); border-color: color-mix(in oklab,oklch(var(--btn-color,var(--b3)) / var(--tw-border-opacity,1)) 90%,#000); }
.btn-outline.btn-primary.btn-active { background-color: color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000); }
.btn-outline.btn-secondary.btn-active { background-color: color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 90%,#000); }
.btn-outline.btn-accent.btn-active { background-color: color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 90%,#000); }
.btn-outline.btn-success.btn-active { background-color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000); }
.btn-outline.btn-info.btn-active { background-color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000); }
.btn-outline.btn-warning.btn-active { background-color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000); }
.btn-outline.btn-error.btn-active { background-color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000); }
}
.btn:focus-visible { outline-style: solid; outline-width: 2px; outline-offset: 2px; }
.btn-primary { --tw-text-opacity: 1; color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); outline-color: var(--fallback-p,oklch(var(--p)/1)); }
@supports (color:oklch(0 0 0)) {
.btn-primary { --btn-color: var(--p); }
.btn-secondary { --btn-color: var(--s); }
.btn-accent { --btn-color: var(--a); }
.btn-neutral { --btn-color: var(--n); }
.btn-info { --btn-color: var(--in); }
.btn-success { --btn-color: var(--su); }
.btn-warning { --btn-color: var(--wa); }
.btn-error { --btn-color: var(--er); }
}
.btn-secondary { --tw-text-opacity: 1; color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); outline-color: var(--fallback-s,oklch(var(--s)/1)); }
.btn-accent { --tw-text-opacity: 1; color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); outline-color: var(--fallback-a,oklch(var(--a)/1)); }
.btn-neutral { --tw-text-opacity: 1; color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); outline-color: var(--fallback-n,oklch(var(--n)/1)); }
.btn-info { --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); outline-color: var(--fallback-in,oklch(var(--in)/1)); }
.btn-success { --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); outline-color: var(--fallback-su,oklch(var(--su)/1)); }
.btn-warning { --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); outline-color: var(--fallback-wa,oklch(var(--wa)/1)); }
.btn-error { --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); outline-color: var(--fallback-er,oklch(var(--er)/1)); }
.btn.glass { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); outline-color: currentcolor; }
.btn.glass.btn-active { --glass-opacity: 25%; --glass-border-opacity: 15%; }
.btn-ghost { border-width: 1px; border-color: transparent; background-color: transparent; color: currentcolor; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); outline-color: currentcolor; }
.btn-ghost.btn-active { border-color: transparent; background-color: var(--fallback-bc,oklch(var(--bc)/.2)); }
.btn-link { border-color: transparent; background-color: transparent; --tw-text-opacity: 1; color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity))); text-decoration-line: underline; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); outline-color: currentcolor; }
.btn-link.btn-active { border-color: transparent; background-color: transparent; text-decoration-line: underline; }
.btn-outline { border-color: currentcolor; background-color: transparent; --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.btn-outline.btn-active { --tw-border-opacity: 1; border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity))); }
.btn-outline.btn-primary { --tw-text-opacity: 1; color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity))); }
.btn-outline.btn-primary.btn-active { --tw-text-opacity: 1; color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); }
.btn-outline.btn-secondary { --tw-text-opacity: 1; color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity))); }
.btn-outline.btn-secondary.btn-active { --tw-text-opacity: 1; color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); }
.btn-outline.btn-accent { --tw-text-opacity: 1; color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity))); }
.btn-outline.btn-accent.btn-active { --tw-text-opacity: 1; color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); }
.btn-outline.btn-success { --tw-text-opacity: 1; color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity))); }
.btn-outline.btn-success.btn-active { --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); }
.btn-outline.btn-info { --tw-text-opacity: 1; color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity))); }
.btn-outline.btn-info.btn-active { --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); }
.btn-outline.btn-warning { --tw-text-opacity: 1; color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity))); }
.btn-outline.btn-warning.btn-active { --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); }
.btn-outline.btn-error { --tw-text-opacity: 1; color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); }
.btn-outline.btn-error.btn-active { --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); }
.btn.btn-disabled, .btn:disabled, .btn[disabled] { --tw-border-opacity: 0; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-bg-opacity: 0.2; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --tw-text-opacity: 0.2; }
.btn:is(input[type="checkbox"]:checked), .btn:is(input[type="radio"]:checked) { --tw-border-opacity: 1; border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); }
.btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible { outline-color: var(--fallback-p,oklch(var(--p)/1)); }
@keyframes button-pop {
0% { transform: scale(var(--btn-focus-scale,.98)); }
40% { transform: scale(1.02); }
100% { transform: scale(1); }
}
.card :where(figure:first-child) { overflow: hidden; border-start-start-radius: inherit; border-start-end-radius: inherit; border-end-start-radius: unset; border-end-end-radius: unset; }
.card :where(figure:last-child) { overflow: hidden; border-start-start-radius: unset; border-start-end-radius: unset; border-end-start-radius: inherit; border-end-end-radius: inherit; }
.card:focus-visible { outline: currentcolor solid 2px; outline-offset: 2px; }
.card.bordered { border-width: 1px; --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); }
.card-bordered { border-width: 1px; --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); }
.card.compact .card-body { padding: 1rem; font-size: 0.875rem; line-height: 1.25rem; }
.card-title { display: flex; align-items: center; gap: 0.5rem; font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; }
.card.image-full :where(figure) { overflow: hidden; border-radius: inherit; }
.chat-bubble-primary { --tw-bg-opacity: 1; background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); }
.chat-bubble-secondary { --tw-bg-opacity: 1; background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); }
.chat-bubble-accent { --tw-bg-opacity: 1; background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); }
.chat-bubble-info { --tw-bg-opacity: 1; background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); }
.chat-bubble-success { --tw-bg-opacity: 1; background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); }
.chat-bubble-warning { --tw-bg-opacity: 1; background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); }
.chat-bubble-error { --tw-bg-opacity: 1; background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); }
.checkbox:focus { box-shadow: none; }
.checkbox:focus-visible { outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/1)); }
.checkbox:checked, .checkbox[aria-checked="true"], .checkbox[checked="true"] { background-repeat: no-repeat; animation: checkmark var(--animation-input,.2s) ease-out; background-color: var(--chkbg); background-image: linear-gradient(-45deg,transparent 65%,var(--chkbg) 65.99%),linear-gradient(45deg,transparent 75%,var(--chkbg) 75.99%),linear-gradient(-45deg,var(--chkbg) 40%,transparent 40.99%),linear-gradient(45deg,var(--chkbg) 30%,var(--chkfg) 30.99%,var(--chkfg) 40%,transparent 40.99%),linear-gradient(-45deg,var(--chkfg) 50%,var(--chkbg) 50.99%); }
.checkbox:indeterminate { --tw-bg-opacity: 1; background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); background-repeat: no-repeat; animation: checkmark var(--animation-input,.2s) ease-out; background-image: linear-gradient(90deg,transparent 80%,var(--chkbg) 80%),linear-gradient(-90deg,transparent 80%,var(--chkbg) 80%),linear-gradient(0deg,var(--chkbg) 43%,var(--chkfg) 43%,var(--chkfg) 57%,var(--chkbg) 57%); }
.checkbox-primary { --chkbg: var(--fallback-p,oklch(var(--p)/1)); --chkfg: var(--fallback-pc,oklch(var(--pc)/1)); --tw-border-opacity: 1; border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); }
.checkbox-primary:focus-visible { outline-color: var(--fallback-p,oklch(var(--p)/1)); }
.checkbox-primary:checked, .checkbox-primary[aria-checked="true"], .checkbox-primary[checked="true"] { --tw-border-opacity: 1; border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); }
.checkbox-secondary { --chkbg: var(--fallback-s,oklch(var(--s)/1)); --chkfg: var(--fallback-sc,oklch(var(--sc)/1)); --tw-border-opacity: 1; border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity))); }
.checkbox-secondary:focus-visible { outline-color: var(--fallback-s,oklch(var(--s)/1)); }
.checkbox-secondary:checked, .checkbox-secondary[aria-checked="true"], .checkbox-secondary[checked="true"] { --tw-border-opacity: 1; border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); }
.checkbox-accent { --chkbg: var(--fallback-a,oklch(var(--a)/1)); --chkfg: var(--fallback-ac,oklch(var(--ac)/1)); --tw-border-opacity: 1; border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity))); }
.checkbox-accent:focus-visible { outline-color: var(--fallback-a,oklch(var(--a)/1)); }
.checkbox-accent:checked, .checkbox-accent[aria-checked="true"], .checkbox-accent[checked="true"] { --tw-border-opacity: 1; border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); }
.checkbox-success { --chkbg: var(--fallback-su,oklch(var(--su)/1)); --chkfg: var(--fallback-suc,oklch(var(--suc)/1)); --tw-border-opacity: 1; border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); }
.checkbox-success:focus-visible { outline-color: var(--fallback-su,oklch(var(--su)/1)); }
.checkbox-success:checked, .checkbox-success[aria-checked="true"], .checkbox-success[checked="true"] { --tw-border-opacity: 1; border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); }
.checkbox-warning { --chkbg: var(--fallback-wa,oklch(var(--wa)/1)); --chkfg: var(--fallback-wac,oklch(var(--wac)/1)); --tw-border-opacity: 1; border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity))); }
.checkbox-warning:focus-visible { outline-color: var(--fallback-wa,oklch(var(--wa)/1)); }
.checkbox-warning:checked, .checkbox-warning[aria-checked="true"], .checkbox-warning[checked="true"] { --tw-border-opacity: 1; border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); }
.checkbox-info { --chkbg: var(--fallback-in,oklch(var(--in)/1)); --chkfg: var(--fallback-inc,oklch(var(--inc)/1)); --tw-border-opacity: 1; border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity))); }
.checkbox-info:focus-visible { outline-color: var(--fallback-in,oklch(var(--in)/1)); }
.checkbox-info:checked, .checkbox-info[aria-checked="true"], .checkbox-info[checked="true"] { --tw-border-opacity: 1; border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); }
.checkbox-error { --chkbg: var(--fallback-er,oklch(var(--er)/1)); --chkfg: var(--fallback-erc,oklch(var(--erc)/1)); --tw-border-opacity: 1; border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity))); }
.checkbox-error:focus-visible { outline-color: var(--fallback-er,oklch(var(--er)/1)); }
.checkbox-error:checked, .checkbox-error[aria-checked="true"], .checkbox-error[checked="true"] { --tw-border-opacity: 1; border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); }
.checkbox:disabled { cursor: not-allowed; border-color: transparent; --tw-bg-opacity: 1; background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); opacity: 0.2; }
@keyframes checkmark {
0% { background-position-y: 5px; }
50% { background-position-y: -2px; }
100% { background-position-y: 0px; }
}
.checkbox-mark { display: none; }
details.collapse { width: 100%; }
details.collapse summary { position: relative; display: block; outline: transparent solid 2px; outline-offset: 2px; }
details.collapse summary::-webkit-details-marker { display: none; }
.collapse:focus-visible { outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/1)); }
.collapse:has(.collapse-title:focus-visible), .collapse:has(> input[type="checkbox"]:focus-visible), .collapse:has(> input[type="radio"]:focus-visible) { outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/1)); }
.collapse-arrow > .collapse-title::after { position: absolute; display: block; height: 0.5rem; width: 0.5rem; --tw-translate-y: -100%; --tw-rotate: 45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: all; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.2s; top: 50%; inset-inline-end: 1.4rem; content: ""; transform-origin: 75% 75%; box-shadow: 2px 2px; pointer-events: none; }
.collapse-plus > .collapse-title::after { position: absolute; display: block; height: 0.5rem; width: 0.5rem; transition-property: all; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.3s; top: 0.9rem; inset-inline-end: 1.4rem; content: "+"; pointer-events: none; }
.collapse:not(.collapse-open):not(.collapse-close) > .collapse-title, .collapse:not(.collapse-open):not(.collapse-close) > input[type="checkbox"], .collapse:not(.collapse-open):not(.collapse-close) > input[type="radio"]:not(:checked) { cursor: pointer; }
.collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) > .collapse-title { cursor: unset; }
.collapse-title { position: relative; }
:where(.collapse > input[type="checkbox"]), :where(.collapse > input[type="radio"]) { z-index: 1; }
.collapse-title, :where(.collapse > input[type="checkbox"]), :where(.collapse > input[type="radio"]) { width: 100%; padding: 1rem; padding-inline-end: 3rem; min-height: 3.75rem; transition: background-color 0.2s ease-out; }
.collapse-open > :where(.collapse-content), .collapse:focus:not(.collapse-close) > :where(.collapse-content), .collapse:not(.collapse-close) > :where(input[type="checkbox"]:checked ~ .collapse-content), .collapse:not(.collapse-close) > :where(input[type="radio"]:checked ~ .collapse-content), .collapse[open] > :where(.collapse-content) { padding-bottom: 1rem; transition: padding 0.2s ease-out, background-color 0.2s ease-out; }
.collapse-arrow:focus:not(.collapse-close) > .collapse-title::after, .collapse-arrow:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title::after, .collapse-arrow:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title::after, .collapse-open.collapse-arrow > .collapse-title::after, .collapse[open].collapse-arrow > .collapse-title::after { --tw-translate-y: -50%; --tw-rotate: 225deg; 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)); }
.collapse-open.collapse-plus > .collapse-title::after, .collapse-plus:focus:not(.collapse-close) > .collapse-title::after, .collapse-plus:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title::after, .collapse-plus:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title::after, .collapse[open].collapse-plus > .collapse-title::after { content: "−"; }
.divider:not(:empty) { gap: 1rem; }
.divider-neutral::after, .divider-neutral::before { --tw-bg-opacity: 1; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); }
.divider-primary::after, .divider-primary::before { --tw-bg-opacity: 1; background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); }
.divider-secondary::after, .divider-secondary::before { --tw-bg-opacity: 1; background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity))); }
.divider-accent::after, .divider-accent::before { --tw-bg-opacity: 1; background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity))); }
.divider-success::after, .divider-success::before { --tw-bg-opacity: 1; background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); }
.divider-warning::after, .divider-warning::before { --tw-bg-opacity: 1; background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity))); }
.divider-info::after, .divider-info::before { --tw-bg-opacity: 1; background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity))); }
.divider-error::after, .divider-error::before { --tw-bg-opacity: 1; background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity))); }
.drawer-toggle:checked ~ .drawer-side > .drawer-overlay { background-color: rgba(0, 0, 0, 0.4); }
.drawer-toggle:focus-visible ~ .drawer-content label.drawer-button { outline-style: solid; outline-width: 2px; outline-offset: 2px; }
.dropdown.dropdown-open .dropdown-content, .dropdown:focus .dropdown-content, .dropdown:focus-within .dropdown-content { --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)); }
.file-input-bordered { --tw-border-opacity: 0.2; }
.file-input:focus { outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/.2)); }
.file-input-disabled, .file-input[disabled] { cursor: not-allowed; --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); --tw-text-opacity: 0.2; }
.file-input-disabled::placeholder, .file-input[disabled]::placeholder { color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity: 0.2; }
.file-input-disabled::file-selector-button, .file-input[disabled]::file-selector-button { --tw-border-opacity: 0; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-bg-opacity: 0.2; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --tw-text-opacity: 0.2; }
.label-text { font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); }
.input input:focus { outline: transparent solid 2px; outline-offset: 2px; }
.input[list]::-webkit-calendar-picker-indicator { line-height: 1em; }
.input-bordered { border-color: var(--fallback-bc,oklch(var(--bc)/.2)); }
.input:focus, .input:focus-within { box-shadow: none; border-color: var(--fallback-bc,oklch(var(--bc)/.2)); outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/.2)); }
.input-ghost { --tw-bg-opacity: 0.05; }
.input-ghost:focus, .input-ghost:focus-within { --tw-bg-opacity: 1; --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); box-shadow: none; }
.input-primary { --tw-border-opacity: 1; border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); }
.input-primary:focus, .input-primary:focus-within { --tw-border-opacity: 1; border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); outline-color: var(--fallback-p,oklch(var(--p)/1)); }
.input-secondary { --tw-border-opacity: 1; border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity))); }
.input-secondary:focus, .input-secondary:focus-within { --tw-border-opacity: 1; border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity))); outline-color: var(--fallback-s,oklch(var(--s)/1)); }
.input-accent { --tw-border-opacity: 1; border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity))); }
.input-accent:focus, .input-accent:focus-within { --tw-border-opacity: 1; border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity))); outline-color: var(--fallback-a,oklch(var(--a)/1)); }
.input-info { --tw-border-opacity: 1; border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity))); }
.input-info:focus, .input-info:focus-within { --tw-border-opacity: 1; border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity))); outline-color: var(--fallback-in,oklch(var(--in)/1)); }
.input-success { --tw-border-opacity: 1; border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); }
.input-success:focus, .input-success:focus-within { --tw-border-opacity: 1; border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); outline-color: var(--fallback-su,oklch(var(--su)/1)); }
.input-warning { --tw-border-opacity: 1; border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity))); }
.input-warning:focus, .input-warning:focus-within { --tw-border-opacity: 1; border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity))); outline-color: var(--fallback-wa,oklch(var(--wa)/1)); }
.input-error { --tw-border-opacity: 1; border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity))); }
.input-error:focus, .input-error:focus-within { --tw-border-opacity: 1; border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity))); outline-color: var(--fallback-er,oklch(var(--er)/1)); }
.input-disabled, .input:disabled, .input[disabled] { cursor: not-allowed; --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); color: var(--fallback-bc,oklch(var(--bc)/.4)); }
.input-disabled::placeholder, .input:disabled::placeholder, .input[disabled]::placeholder { color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity: 0.2; }
.input::-webkit-date-and-time-value { text-align: inherit; }
.join > :where(:not(:first-child)) { margin-top: 0px; margin-bottom: 0px; margin-inline-start: -1px; }
.join-item:focus { isolation: isolate; }
.link-primary { --tw-text-opacity: 1; color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
@media (hover: hover) {
.link-primary:hover { color: color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 80%,#000); }
.link-secondary:hover { color: color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 80%,#000); }
.link-accent:hover { color: color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 80%,#000); }
.link-neutral:hover { color: color-mix(in oklab,var(--fallback-n,oklch(var(--n)/1)) 80%,#000); }
.link-success:hover { color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 80%,#000); }
.link-info:hover { color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 80%,#000); }
.link-warning:hover { color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 80%,#000); }
.link-error:hover { color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 80%,#000); }
}
}
.link-secondary { --tw-text-opacity: 1; color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity))); }
.link-accent { --tw-text-opacity: 1; color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity))); }
.link-neutral { --tw-text-opacity: 1; color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity))); }
.link-success { --tw-text-opacity: 1; color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity))); }
.link-info { --tw-text-opacity: 1; color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity))); }
.link-warning { --tw-text-opacity: 1; color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity))); }
.link-error { --tw-text-opacity: 1; color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); }
.link:focus { outline: transparent solid 2px; outline-offset: 2px; }
.link:focus-visible { outline: currentcolor solid 2px; outline-offset: 2px; }
.loading { pointer-events: none; display: inline-block; aspect-ratio: 1 / 1; width: 1.5rem; background-color: currentcolor; mask-size: 100%; mask-repeat: no-repeat; mask-position: center center; mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.loading-spinner { mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.loading-dots { mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3Ccircle class='spinner_qM83' cx='4' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_oXPr' cx='12' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_ZTLf' cx='20' cy='12' r='3'/%3E%3C/svg%3E"); }
.loading-ring { mask-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); }
.loading-ball { mask-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E"); }
.loading-bars { mask-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_hzlK%7Banimation:spinner_vc4H .8s linear infinite;animation-delay:-.8s%7D.spinner_koGT%7Banimation-delay:-.65s%7D.spinner_YF1u%7Banimation-delay:-.5s%7D@keyframes spinner_vc4H%7B0%25%7By:1px;height:22px%7D93.75%25%7By:5px;height:14px;opacity:.2%7D%7D%3C/style%3E%3Crect class='spinner_hzlK' x='1' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_koGT' x='9' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_YF1u' x='17' y='1' width='6' height='22'/%3E%3C/svg%3E"); }
.loading-infinity { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E"); }
.loading-xs { width: 1rem; }
.loading-sm { width: 1.25rem; }
.loading-md { width: 1.5rem; }
.loading-lg { width: 2.5rem; }
:where(.menu li:empty) { --tw-bg-opacity: 1; background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); opacity: 0.1; margin: 0.5rem 1rem; height: 1px; }
.menu :where(li ul)::before { position: absolute; bottom: 0.75rem; inset-inline-start: 0px; top: 0.75rem; width: 1px; --tw-bg-opacity: 1; background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); opacity: 0.1; content: ""; }
.menu :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--rounded-btn,.5rem); padding: 0.5rem 1rem; text-align: start; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.2s; text-wrap: balance; }
:where(.menu li:not(.menu-title):not(.disabled) > :not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible, :where(.menu li:not(.menu-title):not(.disabled) > :not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus, :where(.menu li:not(.menu-title):not(.disabled) > :not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus { cursor: pointer; background-color: var(--fallback-bc,oklch(var(--bc)/.1)); --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); outline: transparent solid 2px; outline-offset: 2px; }
.menu li > :not(ul):not(.menu-title):not(details).active, .menu li > :not(ul):not(.menu-title):not(details):active, .menu li > details > summary:active { --tw-bg-opacity: 1; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); }
.menu :where(li > details > summary)::-webkit-details-marker { display: none; }
.menu :where(li > .menu-dropdown-toggle)::after, .menu :where(li > details > summary)::after { justify-self: end; display: block; margin-top: -0.5rem; height: 0.5rem; width: 0.5rem; transform: rotate(45deg); transition-property: transform, margin-top; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); content: ""; transform-origin: 75% 75%; box-shadow: 2px 2px; pointer-events: none; }
.menu :where(li > .menu-dropdown-toggle.menu-dropdown-show)::after, .menu :where(li > details[open] > summary)::after { transform: rotate(225deg); margin-top: 0px; }
.menu-title { padding: 0.5rem 1rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; color: var(--fallback-bc,oklch(var(--bc)/.4)); }
.mockup-code::before { content: ""; margin-bottom: 1rem; display: block; height: 0.75rem; width: 0.75rem; border-radius: 9999px; opacity: 0.3; box-shadow: 1.4em 0px, 2.8em 0px, 4.2em 0px; }
.mockup-code pre { padding-right: 1.25rem; }
.mockup-code pre::before { content: ""; margin-right: 2ch; }
.mockup-window::before { content: ""; margin-bottom: 1rem; display: block; aspect-ratio: 1 / 1; height: 0.75rem; flex-shrink: 0; align-self: flex-start; border-radius: 9999px; opacity: 0.3; box-shadow: 1.4em 0px, 2.8em 0px, 4.2em 0px; }
:is([dir="rtl"] .mockup-window)::before { align-self: flex-end; }
.mockup-phone { display: inline-block; border: 4px solid rgb(68, 68, 68); border-radius: 50px; background-color: rgb(0, 0, 0); padding: 10px; margin: 0px auto; overflow: hidden; }
.mockup-phone .camera { position: relative; top: 0px; left: 0px; background: rgb(0, 0, 0); height: 25px; width: 150px; margin: 0px auto; border-bottom-left-radius: 17px; border-bottom-right-radius: 17px; z-index: 11; }
.mockup-phone .camera::before { content: ""; position: absolute; top: 35%; left: 50%; width: 50px; height: 4px; border-radius: 5px; background-color: rgb(12, 11, 14); transform: translate(-50%, -50%); }
.mockup-phone .camera::after { content: ""; position: absolute; top: 20%; left: 70%; width: 8px; height: 8px; border-radius: 5px; background-color: rgb(15, 11, 37); }
.mockup-phone .display { overflow: hidden; border-radius: 40px; margin-top: -25px; }
.mockup-browser .mockup-browser-toolbar { margin-top: 0.75rem; margin-bottom: 0.75rem; display: inline-flex; width: 100%; align-items: center; padding-right: 1.4em; }
:is([dir="rtl"] .mockup-browser .mockup-browser-toolbar) { flex-direction: row-reverse; }
.mockup-browser .mockup-browser-toolbar::before { content: ""; margin-right: 4.8rem; display: inline-block; aspect-ratio: 1 / 1; height: 0.75rem; border-radius: 9999px; opacity: 0.3; box-shadow: 1.4em 0px, 2.8em 0px, 4.2em 0px; }
.mockup-browser .mockup-browser-toolbar .input { position: relative; margin-left: auto; margin-right: auto; display: block; height: 1.75rem; width: 24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); padding-left: 2rem; direction: ltr; }
.mockup-browser .mockup-browser-toolbar .input::before { content: ""; position: absolute; left: 0.5rem; top: 50%; aspect-ratio: 1 / 1; height: 0.75rem; --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)); border-radius: 9999px; border-width: 2px; border-color: currentcolor; opacity: 0.6; }
.mockup-browser .mockup-browser-toolbar .input::after { content: ""; position: absolute; left: 1.25rem; top: 50%; height: 0.5rem; --tw-translate-y: 25%; --tw-rotate: -45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 9999px; border-width: 1px; border-color: currentcolor; opacity: 0.6; }
.modal::backdrop, .modal:not(dialog:not(.modal-open)) { background-color: rgba(0, 0, 0, 0.4); animation: 0.2s ease-out 0s 1 normal none running modal-pop; }
.modal-backdrop { z-index: -1; grid-column-start: 1; grid-row-start: 1; display: grid; place-self: stretch; color: transparent; }
.modal-open .modal-box, .modal-toggle:checked + .modal .modal-box, .modal:target .modal-box, .modal[open] .modal-box { --tw-translate-y: 0px; --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)); }
.modal-action > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.5rem * var(--tw-space-x-reverse)); margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))); }
@keyframes modal-pop {
0% { opacity: 0; }
}
.progress:indeterminate { --progress-color: var(--fallback-bc,oklch(var(--bc)/1)); background-image: repeating-linear-gradient(90deg,var(--progress-color) -1%,var(--progress-color) 10%,transparent 10%,transparent 90%); background-size: 200%; background-position-x: 15%; animation: 5s ease-in-out 0s infinite normal none running progress-loading; }
.progress-primary:indeterminate { --progress-color: var(--fallback-p,oklch(var(--p)/1)); }
.progress-secondary:indeterminate { --progress-color: var(--fallback-s,oklch(var(--s)/1)); }
.progress-accent:indeterminate { --progress-color: var(--fallback-a,oklch(var(--a)/1)); }
.progress-info:indeterminate { --progress-color: var(--fallback-in,oklch(var(--in)/1)); }
.progress-success:indeterminate { --progress-color: var(--fallback-su,oklch(var(--su)/1)); }
.progress-warning:indeterminate { --progress-color: var(--fallback-wa,oklch(var(--wa)/1)); }
.progress-error:indeterminate { --progress-color: var(--fallback-er,oklch(var(--er)/1)); }
.progress::-webkit-progress-bar { border-radius: var(--rounded-box,1rem); background-color: transparent; }
.progress::-webkit-progress-value { border-radius: var(--rounded-box,1rem); --tw-bg-opacity: 1; background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); }
.progress-primary::-webkit-progress-value { --tw-bg-opacity: 1; background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); }
.progress-secondary::-webkit-progress-value { --tw-bg-opacity: 1; background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity))); }
.progress-accent::-webkit-progress-value { --tw-bg-opacity: 1; background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity))); }
.progress-info::-webkit-progress-value { --tw-bg-opacity: 1; background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity))); }
.progress-success::-webkit-progress-value { --tw-bg-opacity: 1; background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); }
.progress-warning::-webkit-progress-value { --tw-bg-opacity: 1; background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity))); }
.progress-error::-webkit-progress-value { --tw-bg-opacity: 1; background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity))); }
@keyframes progress-loading {
50% { background-position-x: -115%; }
}
.radio:focus { box-shadow: none; }
.radio:focus-visible { outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/1)); }
.radio:checked, .radio[aria-checked="true"] { --tw-bg-opacity: 1; background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity))); background-image: none; animation: radiomark var(--animation-input,.2s) ease-out; box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset; }
.radio-primary { --chkbg: var(--p); --tw-border-opacity: 1; border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); }
.radio-primary:focus-visible { outline-color: var(--fallback-p,oklch(var(--p)/1)); }
.radio-primary:checked, .radio-primary[aria-checked="true"] { --tw-border-opacity: 1; border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); }
.radio-secondary { --chkbg: var(--s); --tw-border-opacity: 1; border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity))); }
.radio-secondary:focus-visible { outline-color: var(--fallback-s,oklch(var(--s)/1)); }
.radio-secondary:checked, .radio-secondary[aria-checked="true"] { --tw-border-opacity: 1; border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); }
.radio-accent { --chkbg: var(--a); --tw-border-opacity: 1; border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity))); }
.radio-accent:focus-visible { outline-color: var(--fallback-a,oklch(var(--a)/1)); }
.radio-accent:checked, .radio-accent[aria-checked="true"] { --tw-border-opacity: 1; border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); }
.radio-success { --chkbg: var(--su); --tw-border-opacity: 1; border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); }
.radio-success:focus-visible { outline-color: var(--fallback-su,oklch(var(--su)/1)); }
.radio-success:checked, .radio-success[aria-checked="true"] { --tw-border-opacity: 1; border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); }
.radio-warning { --chkbg: var(--wa); --tw-border-opacity: 1; border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity))); }
.radio-warning:focus-visible { outline-color: var(--fallback-wa,oklch(var(--wa)/1)); }
.radio-warning:checked, .radio-warning[aria-checked="true"] { --tw-border-opacity: 1; border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); }
.radio-info { --chkbg: var(--in); --tw-border-opacity: 1; border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity))); }
.radio-info:focus-visible { outline-color: var(--fallback-in,oklch(var(--in)/1)); }
.radio-info:checked, .radio-info[aria-checked="true"] { --tw-border-opacity: 1; border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); }
.radio-error { --chkbg: var(--er); --tw-border-opacity: 1; border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity))); }
.radio-error:focus-visible { outline-color: var(--fallback-er,oklch(var(--er)/1)); }
.radio-error:checked, .radio-error[aria-checked="true"] { --tw-border-opacity: 1; border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); }
.radio:disabled { cursor: not-allowed; opacity: 0.2; }
@keyframes radiomark {
0% { box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset; }
50% { box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset; }
100% { box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset; }
}
.radio-mark { display: none; }
.range:focus-visible::-webkit-slider-thumb { --focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 2rem var(--range-shdw) inset; }
.range::-webkit-slider-runnable-track { height: 0.5rem; width: 100%; border-radius: var(--rounded-box,1rem); background-color: var(--fallback-bc,oklch(var(--bc)/.1)); }
.range::-webkit-slider-thumb { position: relative; height: 1.5rem; width: 1.5rem; border-radius: var(--rounded-box,1rem); border-style: none; --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); appearance: none; top: 50%; color: var(--range-shdw); transform: translateY(-50%); --filler-size: 100rem; --filler-offset: 0.6rem; box-shadow: 0 0 0 3px var(--range-shdw) inset,var(--focus-shadow,0 0),calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size); }
.range-warning { --range-shdw: var(--fallback-wa,oklch(var(--wa)/1)); }
.range-info { --range-shdw: var(--fallback-in,oklch(var(--in)/1)); }
@keyframes rating-pop {
0% { transform: translateY(-0.125em); }
40% { transform: translateY(-0.125em); }
100% { transform: translateY(0px); }
}
.select-bordered { border-color: var(--fallback-bc,oklch(var(--bc)/.2)); }
.select:focus { box-shadow: none; border-color: var(--fallback-bc,oklch(var(--bc)/.2)); outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/.2)); }
.select-ghost { --tw-bg-opacity: 0.05; }
.select-ghost:focus { --tw-bg-opacity: 1; --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); }
.select-primary { --tw-border-opacity: 1; border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); }
.select-primary:focus { --tw-border-opacity: 1; border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); outline-color: var(--fallback-p,oklch(var(--p)/1)); }
.select-secondary { --tw-border-opacity: 1; border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity))); }
.select-secondary:focus { --tw-border-opacity: 1; border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity))); outline-color: var(--fallback-s,oklch(var(--s)/1)); }
.select-accent { --tw-border-opacity: 1; border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity))); }
.select-accent:focus { --tw-border-opacity: 1; border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity))); outline-color: var(--fallback-a,oklch(var(--a)/1)); }
.select-info { --tw-border-opacity: 1; border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity))); }
.select-info:focus { --tw-border-opacity: 1; border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity))); outline-color: var(--fallback-in,oklch(var(--in)/1)); }
.select-success { --tw-border-opacity: 1; border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); }
.select-success:focus { --tw-border-opacity: 1; border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); outline-color: var(--fallback-su,oklch(var(--su)/1)); }
.select-warning { --tw-border-opacity: 1; border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity))); }
.select-warning:focus { --tw-border-opacity: 1; border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity))); outline-color: var(--fallback-wa,oklch(var(--wa)/1)); }
.select-error { --tw-border-opacity: 1; border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity))); }
.select-error:focus { --tw-border-opacity: 1; border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity))); outline-color: var(--fallback-er,oklch(var(--er)/1)); }
.select-disabled, .select:disabled, .select[disabled] { cursor: not-allowed; --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); --tw-text-opacity: 0.2; }
.select-disabled::placeholder, .select:disabled::placeholder, .select[disabled]::placeholder { color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity: 0.2; }
.select-multiple, .select[multiple], .select[size].select:not([size="1"]) { background-image: none; padding-right: 1rem; }
[dir="rtl"] .select { background-position: calc(0% + 12px) calc(50% + 1px), calc(0% + 16px) calc(50% + 1px); }
.skeleton { border-radius: var(--rounded-box,1rem); --tw-bg-opacity: 1; background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); will-change: background-position; animation: 1.8s ease-in-out 0s infinite normal none running skeleton; background-image: linear-gradient(105deg,transparent 0,transparent 40%,var(--fallback-b1,oklch(var(--b1)/1)) 50%,transparent 60%,transparent 100%); background-size: 200%; background-repeat: no-repeat; background-position-x: -50%; }
@media (prefers-reduced-motion) {
.skeleton { animation-duration: 15s; }
}
@keyframes skeleton {
0% { background-position: 150% center; }
100% { background-position: -50% center; }
}
:where(.stats) > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); --tw-divide-y-reverse: 0; border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); }
:is([dir="rtl"] .stats > :not([hidden]) ~ :not([hidden])) { --tw-divide-x-reverse: 1; }
.steps .step::before { top: 0px; grid-column-start: 1; grid-row-start: 1; height: 0.5rem; width: 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)); --tw-bg-opacity: 1; background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); content: ""; margin-inline-start: -100%; }
.steps .step::after { content: counter(step); counter-increment: step 1; z-index: 1; position: relative; grid-column-start: 1; grid-row-start: 1; display: grid; height: 2rem; width: 2rem; place-items: center; place-self: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); }
.steps .step:first-child::before { content: none; }
.steps .step[data-content]::after { content: attr(data-content); }
.steps .step-neutral + .step-neutral::before, .steps .step-neutral::after { --tw-bg-opacity: 1; background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))); }
.steps .step-primary + .step-primary::before, .steps .step-primary::after { --tw-bg-opacity: 1; background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); }
.steps .step-secondary + .step-secondary::before, .steps .step-secondary::after { --tw-bg-opacity: 1; background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); }
.steps .step-accent + .step-accent::before, .steps .step-accent::after { --tw-bg-opacity: 1; background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); }
.steps .step-info + .step-info::before { --tw-bg-opacity: 1; background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity))); }
.steps .step-info::after { --tw-bg-opacity: 1; background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); }
.steps .step-success + .step-success::before { --tw-bg-opacity: 1; background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); }
.steps .step-success::after { --tw-bg-opacity: 1; background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); }
.steps .step-warning + .step-warning::before { --tw-bg-opacity: 1; background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity))); }
.steps .step-warning::after { --tw-bg-opacity: 1; background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); }
.steps .step-error + .step-error::before { --tw-bg-opacity: 1; background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity))); }
.steps .step-error::after { --tw-bg-opacity: 1; background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); }
.swap-rotate .swap-indeterminate, .swap-rotate .swap-on, .swap-rotate input:indeterminate ~ .swap-on { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.swap-active:where(.swap-rotate) .swap-off, .swap-rotate input:checked ~ .swap-off, .swap-rotate input:indeterminate ~ .swap-off { --tw-rotate: -45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.swap-active:where(.swap-rotate) .swap-on, .swap-rotate input:checked ~ .swap-on, .swap-rotate input:indeterminate ~ .swap-indeterminate { --tw-rotate: 0deg; 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)); }
.swap-flip { transform-style: preserve-3d; perspective: 16em; }
.swap-flip .swap-indeterminate, .swap-flip .swap-on, .swap-flip input:indeterminate ~ .swap-on { transform: rotateY(180deg); backface-visibility: hidden; opacity: 1; }
.swap-active:where(.swap-flip) .swap-off, .swap-flip input:checked ~ .swap-off, .swap-flip input:indeterminate ~ .swap-off { transform: rotateY(-180deg); backface-visibility: hidden; opacity: 1; }
.swap-active:where(.swap-flip) .swap-on, .swap-flip input:checked ~ .swap-on, .swap-flip input:indeterminate ~ .swap-indeterminate { transform: rotateY(0deg); }
.tabs-lifted > .tab:focus-visible { border-end-end-radius: 0px; border-end-start-radius: 0px; }
.tab.tab-active:not(.tab-disabled):not([disabled]), .tab:is(input:checked) { border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); --tw-border-opacity: 1; --tw-text-opacity: 1; }
.tab:focus { outline: transparent solid 2px; outline-offset: 2px; }
.tab:focus-visible { outline: currentcolor solid 2px; outline-offset: -5px; }
.tab-disabled, .tab[disabled] { cursor: not-allowed; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); --tw-text-opacity: 0.2; }
.tabs-bordered > .tab { border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); --tw-border-opacity: 0.2; border-style: solid; border-bottom-width: calc(var(--tab-border,1px) + 1px); }
.tabs-lifted > .tab { border-top-color: ; border-top-style: ; border-right-color: ; border-right-style: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-width: 0 0 var(--tab-border,1px) 0; border-start-start-radius: var(--tab-radius,0.5rem); border-start-end-radius: var(--tab-radius,0.5rem); border-bottom-color: var(--tab-border-color); padding-inline-start: var(--tab-padding,1rem); padding-inline-end: var(--tab-padding,1rem); padding-top: var(--tab-border,1px); }
.tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]), .tabs-lifted > .tab:is(input:checked) { background-color: var(--tab-bg); border-width: var(--tab-border,1px) var(--tab-border,1px) 0 var(--tab-border,1px); border-inline-start-color: var(--tab-border-color); border-inline-end-color: var(--tab-border-color); border-top-color: var(--tab-border-color); padding-inline-start: calc(var(--tab-padding,1rem) - var(--tab-border,1px)); padding-inline-end: calc(var(--tab-padding,1rem) - var(--tab-border,1px)); padding-bottom: var(--tab-border,1px); padding-top: 0px; }
.tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled])::before, .tabs-lifted > .tab:is(input:checked)::before { z-index: 1; content: ""; display: block; position: absolute; width: calc(100% + var(--tab-radius,.5rem) * 2); height: var(--tab-radius,.5rem); bottom: 0px; background-size: var(--tab-radius,.5rem); background-position: left top, right top; background-repeat: no-repeat; --tab-grad: calc(69% - var(--tab-border, 1px)); --radius-start: radial-gradient(
        circle at top left,
        transparent var(--tab-grad),
        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
      ); --radius-end: radial-gradient(
        circle at top right,
        transparent var(--tab-grad),
        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
      ); background-image: var(--radius-start),var(--radius-end); }
.tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child::before, .tabs-lifted > .tab:is(input:checked):first-child::before { background-image: var(--radius-end); background-position: right top; }
[dir="rtl"] .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child::before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):first-child::before { background-image: var(--radius-start); background-position: left top; }
.tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child::before, .tabs-lifted > .tab:is(input:checked):last-child::before { background-image: var(--radius-start); background-position: left top; }
[dir="rtl"] .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child::before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):last-child::before { background-image: var(--radius-end); background-position: right top; }
.tabs-lifted > .tab-active:not(.tab-disabled):not([disabled]) + .tabs-lifted .tab-active:not(.tab-disabled):not([disabled])::before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked)::before { background-image: var(--radius-end); background-position: right top; }
.tabs-boxed { border-radius: var(--rounded-btn,.5rem); --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); padding: 0.25rem; }
.tabs-boxed .tab { border-radius: var(--rounded-btn,.5rem); }
.tabs-boxed .tab-active:not(.tab-disabled):not([disabled]), .tabs-boxed :is(input:checked) { --tw-bg-opacity: 1; background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); }
:is([dir="rtl"] .table) { text-align: right; }
.table :where(th, td) { padding: 0.75rem 1rem; vertical-align: middle; }
.table tr.active, .table tr.active:nth-child(2n), .table-zebra tbody tr:nth-child(2n) { --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); }
.table-zebra tr.active, .table-zebra tr.active:nth-child(2n), .table-zebra-zebra tbody tr:nth-child(2n) { --tw-bg-opacity: 1; background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); }
.table :where(thead, tbody) :where(tr:first-child:last-child), .table :where(thead, tbody) :where(tr:not(:last-child)) { border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); }
.table :where(thead, tfoot) { white-space: nowrap; font-size: 0.75rem; line-height: 1rem; font-weight: 700; color: var(--fallback-bc,oklch(var(--bc)/.6)); }
.textarea-bordered { border-color: var(--fallback-bc,oklch(var(--bc)/.2)); }
.textarea:focus { box-shadow: none; border-color: var(--fallback-bc,oklch(var(--bc)/.2)); outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/.2)); }
.textarea-ghost { --tw-bg-opacity: 0.05; }
.textarea-ghost:focus { --tw-bg-opacity: 1; --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); box-shadow: none; }
.textarea-primary { --tw-border-opacity: 1; border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); }
.textarea-primary:focus { --tw-border-opacity: 1; border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); outline-color: var(--fallback-p,oklch(var(--p)/1)); }
.textarea-secondary { --tw-border-opacity: 1; border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity))); }
.textarea-secondary:focus { --tw-border-opacity: 1; border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity))); outline-color: var(--fallback-s,oklch(var(--s)/1)); }
.textarea-accent { --tw-border-opacity: 1; border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity))); }
.textarea-accent:focus { --tw-border-opacity: 1; border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity))); outline-color: var(--fallback-a,oklch(var(--a)/1)); }
.textarea-info { --tw-border-opacity: 1; border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity))); }
.textarea-info:focus { --tw-border-opacity: 1; border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity))); outline-color: var(--fallback-in,oklch(var(--in)/1)); }
.textarea-success { --tw-border-opacity: 1; border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); }
.textarea-success:focus { --tw-border-opacity: 1; border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); outline-color: var(--fallback-su,oklch(var(--su)/1)); }
.textarea-warning { --tw-border-opacity: 1; border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity))); }
.textarea-warning:focus { --tw-border-opacity: 1; border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity))); outline-color: var(--fallback-wa,oklch(var(--wa)/1)); }
.textarea-error { --tw-border-opacity: 1; border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity))); }
.textarea-error:focus { --tw-border-opacity: 1; border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity))); outline-color: var(--fallback-er,oklch(var(--er)/1)); }
.textarea-disabled, .textarea:disabled, .textarea[disabled] { cursor: not-allowed; --tw-border-opacity: 1; border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); --tw-bg-opacity: 1; background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); --tw-text-opacity: 0.2; }
.textarea-disabled::placeholder, .textarea:disabled::placeholder, .textarea[disabled]::placeholder { color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))); --tw-placeholder-opacity: 0.2; }
.timeline hr { height: 0.25rem; }
:where(.timeline hr) { --tw-bg-opacity: 1; background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); }
:where(.timeline:has(.timeline-middle) hr):first-child { border-start-end-radius: var(--rounded-badge,1.9rem); border-end-end-radius: var(--rounded-badge,1.9rem); border-start-start-radius: 0px; border-end-start-radius: 0px; }
:where(.timeline:has(.timeline-middle) hr):last-child { border-start-start-radius: var(--rounded-badge,1.9rem); border-end-start-radius: var(--rounded-badge,1.9rem); border-start-end-radius: 0px; border-end-end-radius: 0px; }
:where(.timeline:not(:has(.timeline-middle)) :first-child hr:last-child) { border-start-start-radius: var(--rounded-badge,1.9rem); border-end-start-radius: var(--rounded-badge,1.9rem); border-start-end-radius: 0px; border-end-end-radius: 0px; }
:where(.timeline:not(:has(.timeline-middle)) :last-child hr:first-child) { border-start-end-radius: var(--rounded-badge,1.9rem); border-end-end-radius: var(--rounded-badge,1.9rem); border-start-start-radius: 0px; border-end-start-radius: 0px; }
.toast > * { animation: 0.25s ease-out 0s 1 normal none running toast-pop; }
@keyframes toast-pop {
0% { transform: scale(0.9); opacity: 0; }
100% { transform: scale(1); opacity: 1; }
}
[dir="rtl"] .toggle { --handleoffsetcalculator: calc(var(--handleoffset) * 1); }
.toggle:focus-visible { outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--fallback-bc,oklch(var(--bc)/.2)); }
.toggle:hover { background-color: currentcolor; }
.toggle:checked, .toggle[aria-checked="true"], .toggle[checked="true"] { background-image: none; --handleoffsetcalculator: var(--handleoffset); --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); }
[dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[aria-checked="true"], [dir="rtl"] .toggle[checked="true"] { --handleoffsetcalculator: calc(var(--handleoffset) * -1); }
.toggle:indeterminate { --tw-text-opacity: 1; color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); box-shadow: calc(var(--handleoffset)/ 2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/ -2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset; }
[dir="rtl"] .toggle:indeterminate { box-shadow: calc(var(--handleoffset)/ 2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/ -2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset; }
.toggle-primary:focus-visible { outline-color: var(--fallback-p,oklch(var(--p)/1)); }
.toggle-primary:checked, .toggle-primary[aria-checked="true"], .toggle-primary[checked="true"] { border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); --tw-border-opacity: 0.1; --tw-bg-opacity: 1; background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))); }
.toggle-secondary:focus-visible { outline-color: var(--fallback-s,oklch(var(--s)/1)); }
.toggle-secondary:checked, .toggle-secondary[aria-checked="true"], .toggle-secondary[checked="true"] { border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity))); --tw-border-opacity: 0.1; --tw-bg-opacity: 1; background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); }
.toggle-accent:focus-visible { outline-color: var(--fallback-a,oklch(var(--a)/1)); }
.toggle-accent:checked, .toggle-accent[aria-checked="true"], .toggle-accent[checked="true"] { border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity))); --tw-border-opacity: 0.1; --tw-bg-opacity: 1; background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity))); }
.toggle-success:focus-visible { outline-color: var(--fallback-su,oklch(var(--su)/1)); }
.toggle-success:checked, .toggle-success[aria-checked="true"], .toggle-success[checked="true"] { border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); --tw-border-opacity: 0.1; --tw-bg-opacity: 1; background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); }
.toggle-warning:focus-visible { outline-color: var(--fallback-wa,oklch(var(--wa)/1)); }
.toggle-warning:checked, .toggle-warning[aria-checked="true"], .toggle-warning[checked="true"] { border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity))); --tw-border-opacity: 0.1; --tw-bg-opacity: 1; background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); }
.toggle-info:focus-visible { outline-color: var(--fallback-in,oklch(var(--in)/1)); }
.toggle-info:checked, .toggle-info[aria-checked="true"], .toggle-info[checked="true"] { border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity))); --tw-border-opacity: 0.1; --tw-bg-opacity: 1; background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); }
.toggle-error:focus-visible { outline-color: var(--fallback-er,oklch(var(--er)/1)); }
.toggle-error:checked, .toggle-error[aria-checked="true"], .toggle-error[checked="true"] { border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity))); --tw-border-opacity: 0.1; --tw-bg-opacity: 1; background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); }
.toggle:disabled { cursor: not-allowed; --tw-border-opacity: 1; border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); background-color: transparent; opacity: 0.3; --togglehandleborder: 0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset,var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset; }
.toggle-mark { display: none; }
@keyframes bounce {
0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
}
@keyframes ping {
100%, 75% { transform: scale(2); opacity: 0; }
}
@keyframes pulse {
50% { opacity: 0.5; }
}
@keyframes spin {
100% { transform: rotate(360deg); }
}
.border-base-300 { border-color: var(--fallback-b3,oklch(var(--b3)/1)); }
.text-accent { color: var(--fallback-a,oklch(var(--a)/1)); }
.text-error { color: var(--fallback-er,oklch(var(--er)/1)); }
.text-info { color: var(--fallback-in,oklch(var(--in)/1)); }
.text-primary { color: var(--fallback-p,oklch(var(--p)/1)); }
.text-success { color: var(--fallback-su,oklch(var(--su)/1)); }
.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); }
.glass, .glass.btn-active { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; backdrop-filter: blur(var(--glass-blur,40px)); background-color: transparent; background-image: linear-gradient(135deg,rgb(255 255 255 / var(--glass-opacity,30%)) 0,rgb(0 0 0 / 0%) 100%),linear-gradient(var(--glass-reflex-degree,100deg),rgb(255 255 255 / var(--glass-reflex-opacity,10%)) 25%,rgb(0 0 0 / 0%) 25%); box-shadow: 0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity,10%)) inset,0 0 0 2px rgb(0 0 0 / 5%); text-shadow: 0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity,5%)); }
@media (hover: hover) {
.glass.btn-active { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; backdrop-filter: blur(var(--glass-blur,40px)); background-color: transparent; background-image: linear-gradient(135deg,rgb(255 255 255 / var(--glass-opacity,30%)) 0,rgb(0 0 0 / 0%) 100%),linear-gradient(var(--glass-reflex-degree,100deg),rgb(255 255 255 / var(--glass-reflex-opacity,10%)) 25%,rgb(0 0 0 / 0%) 25%); box-shadow: 0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity,10%)) inset,0 0 0 2px rgb(0 0 0 / 5%); text-shadow: 0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity,5%)); }
}
.tab-border-none { --tab-border: 0px; }
.tab-border { --tab-border: 1px; }
.tab-border-2 { --tab-border: 2px; }
.tab-border-3 { --tab-border: 3px; }
.tab-rounded-none { --tab-radius: 0; }
.tab-rounded-lg { --tab-radius: 0.5rem; }
.artboard.phone { width: 320px; }
.badge-xs { height: 0.75rem; font-size: 0.75rem; line-height: 0.75rem; padding-left: 0.313rem; padding-right: 0.313rem; }
.badge-sm { height: 1rem; font-size: 0.75rem; line-height: 1rem; padding-left: 0.438rem; padding-right: 0.438rem; }
.badge-md { height: 1.25rem; font-size: 0.875rem; line-height: 1.25rem; padding-left: 0.563rem; padding-right: 0.563rem; }
.badge-lg { height: 1.5rem; font-size: 1rem; line-height: 1.5rem; padding-left: 0.688rem; padding-right: 0.688rem; }
.btm-nav-xs > :where(.active) { border-top-width: 1px; }
.btm-nav-sm > :where(.active) { border-top-width: 2px; }
.btm-nav-md > :where(.active) { border-top-width: 2px; }
.btm-nav-lg > :where(.active) { border-top-width: 4px; }
.btn-xs { height: 1.5rem; min-height: 1.5rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.75rem; }
.btn-sm { height: 2rem; min-height: 2rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; }
.btn-md { height: 3rem; min-height: 3rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; }
.btn-lg { height: 4rem; min-height: 4rem; padding-left: 1.5rem; padding-right: 1.5rem; font-size: 1.125rem; }
.btn-wide { width: 16rem; }
.btn-block { width: 100%; }
.btn-square:where(.btn-xs) { height: 1.5rem; width: 1.5rem; padding: 0px; }
.btn-square:where(.btn-sm) { height: 2rem; width: 2rem; padding: 0px; }
.btn-square:where(.btn-md) { height: 3rem; width: 3rem; padding: 0px; }
.btn-square:where(.btn-lg) { height: 4rem; width: 4rem; padding: 0px; }
.btn-circle:where(.btn-xs) { height: 1.5rem; width: 1.5rem; border-radius: 9999px; padding: 0px; }
.btn-circle:where(.btn-sm) { height: 2rem; width: 2rem; border-radius: 9999px; padding: 0px; }
.btn-circle:where(.btn-md) { height: 3rem; width: 3rem; border-radius: 9999px; padding: 0px; }
.btn-circle:where(.btn-lg) { height: 4rem; width: 4rem; border-radius: 9999px; padding: 0px; }
.card-side { align-items: stretch; flex-direction: row; }
.card-side :where(figure:first-child) { overflow: hidden; border-start-start-radius: inherit; border-start-end-radius: unset; border-end-start-radius: inherit; border-end-end-radius: unset; }
.card-side :where(figure:last-child) { overflow: hidden; border-start-start-radius: unset; border-start-end-radius: inherit; border-end-start-radius: unset; border-end-end-radius: inherit; }
.card-side figure > * { max-width: unset; }
:where(.card-side figure > *) { width: 100%; height: 100%; object-fit: cover; }
[type="checkbox"].checkbox-xs { height: 1rem; width: 1rem; }
[type="checkbox"].checkbox-sm { height: 1.25rem; width: 1.25rem; }
[type="checkbox"].checkbox-md { height: 1.5rem; width: 1.5rem; }
[type="checkbox"].checkbox-lg { height: 2rem; width: 2rem; }
.divider-horizontal { flex-direction: column; }
.divider-horizontal::before { height: 100%; width: 0.125rem; }
.divider-horizontal::after { height: 100%; width: 0.125rem; }
.divider-vertical { flex-direction: row; }
.divider-vertical::before { height: 0.125rem; width: 100%; }
.divider-vertical::after { height: 0.125rem; width: 100%; }
.drawer-open > .drawer-toggle { display: none; }
.drawer-open > .drawer-toggle ~ .drawer-side { pointer-events: auto; visibility: visible; position: sticky; display: block; width: auto; overscroll-behavior: auto; }
.drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay) { transform: translateX(0px); }
[dir="rtl"] .drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay) { transform: translateX(0px); }
.drawer-open > .drawer-toggle:checked ~ .drawer-side { pointer-events: auto; visibility: visible; }
.file-input-sm { height: 2rem; padding-inline-end: 0.75rem; font-size: 0.875rem; line-height: 2; }
.file-input-sm::file-selector-button { margin-right: 0.75rem; font-size: 0.875rem; }
.indicator :where(.indicator-item) { bottom: auto; inset-inline: auto 0px; top: 0px; --tw-translate-y: -50%; --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)); }
:is([dir="rtl"] .indicator :where(.indicator-item)) { --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)); }
.indicator :where(.indicator-item.indicator-start) { inset-inline: 0px auto; --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)); }
:is([dir="rtl"] .indicator :where(.indicator-item.indicator-start)) { --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)); }
.indicator :where(.indicator-item.indicator-center) { inset-inline: 50%; --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)); }
:is([dir="rtl"] .indicator :where(.indicator-item.indicator-center)) { --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)); }
.indicator :where(.indicator-item.indicator-end) { inset-inline: auto 0px; --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)); }
:is([dir="rtl"] .indicator :where(.indicator-item.indicator-end)) { --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)); }
.indicator :where(.indicator-item.indicator-bottom) { bottom: 0px; top: auto; --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)); }
.indicator :where(.indicator-item.indicator-middle) { bottom: 50%; top: 50%; --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)); }
.indicator :where(.indicator-item.indicator-top) { bottom: auto; top: 0px; --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)); }
.input-xs, input.input-xs { height: 1.5rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.75rem; line-height: 1.625; }
.input-md, input.input-md { height: 3rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; line-height: 2; }
.input-lg, input.input-lg { height: 4rem; padding-left: 1.5rem; padding-right: 1.5rem; font-size: 1.125rem; line-height: 2; }
.input-sm, input.input-sm { height: 2rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; line-height: 2rem; }
.join.join-vertical { flex-direction: column; }
.join.join-vertical .join-item:first-child:not(:last-child), .join.join-vertical :first-child:not(:last-child) .join-item { border-end-start-radius: 0px; border-end-end-radius: 0px; border-start-start-radius: inherit; border-start-end-radius: inherit; }
.join.join-vertical .join-item:last-child:not(:first-child), .join.join-vertical :last-child:not(:first-child) .join-item { border-start-start-radius: 0px; border-start-end-radius: 0px; border-end-start-radius: inherit; border-end-end-radius: inherit; }
.join.join-horizontal { flex-direction: row; }
.join.join-horizontal .join-item:first-child:not(:last-child), .join.join-horizontal :first-child:not(:last-child) .join-item { border-end-end-radius: 0px; border-start-end-radius: 0px; border-end-start-radius: inherit; border-start-start-radius: inherit; }
.join.join-horizontal .join-item:last-child:not(:first-child), .join.join-horizontal :last-child:not(:first-child) .join-item { border-end-start-radius: 0px; border-start-start-radius: 0px; border-end-end-radius: inherit; border-start-end-radius: inherit; }
.kbd-xs { padding-left: 0.25rem; padding-right: 0.25rem; font-size: 0.75rem; line-height: 1rem; min-height: 1.2em; min-width: 1.2em; }
.kbd-sm { padding-left: 0.25rem; padding-right: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; min-height: 1.6em; min-width: 1.6em; }
.kbd-md { padding-left: 0.5rem; padding-right: 0.5rem; font-size: 1rem; line-height: 1.5rem; min-height: 2.2em; min-width: 2.2em; }
.kbd-lg { padding-left: 1rem; padding-right: 1rem; font-size: 1.125rem; line-height: 1.75rem; min-height: 2.5em; min-width: 2.5em; }
.menu-horizontal { display: inline-flex; flex-direction: row; }
.menu-horizontal > li:not(.menu-title) > details > ul { position: absolute; }
.menu-vertical { display: flex; flex-direction: column; }
.menu-vertical > li:not(.menu-title) > details > ul { position: relative; }
.modal-top { place-items: start; }
.modal-middle { place-items: center; }
.modal-bottom { place-items: end; }
[type="radio"].radio-xs { height: 1rem; width: 1rem; }
[type="radio"].radio-sm { height: 1.25rem; width: 1.25rem; }
[type="radio"].radio-md { height: 1.5rem; width: 1.5rem; }
[type="radio"].radio-lg { height: 2rem; width: 2rem; }
.select-md { height: 3rem; min-height: 3rem; padding-left: 1rem; padding-right: 2.5rem; font-size: 0.875rem; line-height: 2; }
[dir="rtl"] .select-md { padding-left: 2.5rem; padding-right: 1rem; }
.select-lg { height: 4rem; min-height: 4rem; padding-left: 1.5rem; padding-right: 2rem; font-size: 1.125rem; line-height: 2; }
[dir="rtl"] .select-lg { padding-left: 2rem; padding-right: 1.5rem; }
.select-sm { height: 2rem; min-height: 2rem; padding-left: 0.75rem; padding-right: 2rem; font-size: 0.875rem; line-height: 2rem; }
[dir="rtl"] .select-sm { padding-left: 2rem; padding-right: 0.75rem; }
.select-xs { height: 1.5rem; min-height: 1.5rem; padding-left: 0.5rem; padding-right: 2rem; font-size: 0.75rem; line-height: 1.625; }
[dir="rtl"] .select-xs { padding-left: 2rem; padding-right: 0.5rem; }
.stats-horizontal { grid-auto-flow: column; }
.stats-vertical { grid-auto-flow: row; }
.steps-horizontal { grid-auto-columns: 1fr; display: inline-grid; grid-auto-flow: column; overflow: auto hidden; }
.steps-horizontal .step { display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); grid-template-rows: repeat(2, minmax(0px, 1fr)); place-items: center; text-align: center; }
.steps-vertical { grid-auto-rows: 1fr; grid-auto-flow: row; }
.steps-vertical .step { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); grid-template-rows: repeat(1, minmax(0px, 1fr)); }
.tabs-md :where(.tab) { height: 2rem; font-size: 0.875rem; line-height: 2; --tab-padding: 1rem; }
.tabs-lg :where(.tab) { height: 3rem; font-size: 1.125rem; line-height: 2; --tab-padding: 1.25rem; }
.tabs-sm :where(.tab) { height: 1.5rem; font-size: 0.875rem; line-height: 0.75rem; --tab-padding: 0.75rem; }
.tabs-xs :where(.tab) { height: 1.25rem; font-size: 0.75rem; line-height: 0.75rem; --tab-padding: 0.5rem; }
.textarea-xs { padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.625; }
.textarea-sm { padding: 0.25rem 0.75rem; font-size: 0.875rem; line-height: 2rem; }
.textarea-md { padding: 0.75rem 1rem; font-size: 0.875rem; line-height: 2; }
.textarea-lg { padding: 1rem 1.5rem; font-size: 1.125rem; line-height: 2; }
:where(.toast) { bottom: 0px; inset-inline: auto 0px; top: auto; --tw-translate-x: 0px; --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)); }
.toast:where(.toast-start) { inset-inline: 0px auto; --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)); }
.toast:where(.toast-center) { inset-inline: 50%; --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)); }
:is([dir="rtl"] .toast:where(.toast-center)) { --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)); }
.toast:where(.toast-end) { inset-inline: auto 0px; --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)); }
.toast:where(.toast-bottom) { bottom: 0px; top: auto; --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)); }
.toast:where(.toast-middle) { bottom: auto; top: 50%; --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)); }
.toast:where(.toast-top) { bottom: auto; top: 0px; --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)); }
[type="checkbox"].toggle-xs { --handleoffset: 0.5rem; height: 1rem; width: 1.5rem; }
[type="checkbox"].toggle-sm { --handleoffset: 0.75rem; height: 1.25rem; width: 2rem; }
[type="checkbox"].toggle-md { --handleoffset: 1.5rem; height: 1.5rem; width: 3rem; }
[type="checkbox"].toggle-lg { --handleoffset: 2rem; height: 2rem; width: 4rem; }
.tooltip { position: relative; display: inline-block; --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px)); }
.tooltip::before { position: absolute; pointer-events: none; z-index: 1; content: var(--tw-content); --tw-content: attr(data-tip); }
.tooltip-top::before, .tooltip::before { transform: translateX(-50%); top: auto; left: 50%; right: auto; bottom: var(--tooltip-offset); }
.tooltip-bottom::before { transform: translateX(-50%); top: var(--tooltip-offset); left: 50%; right: auto; bottom: auto; }
.tooltip-left::before { transform: translateY(-50%); top: 50%; left: auto; right: var(--tooltip-offset); bottom: auto; }
.tooltip-right::before { transform: translateY(-50%); top: 50%; left: var(--tooltip-offset); right: auto; bottom: auto; }
.avatar.online::before { content: ""; position: absolute; z-index: 10; display: block; border-radius: 9999px; --tw-bg-opacity: 1; background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); outline-style: solid; outline-width: 2px; outline-color: var(--fallback-b1,oklch(var(--b1)/1)); width: 15%; height: 15%; top: 7%; right: 7%; }
.avatar.offline::before { content: ""; position: absolute; z-index: 10; display: block; border-radius: 9999px; --tw-bg-opacity: 1; background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); outline-style: solid; outline-width: 2px; outline-color: var(--fallback-b1,oklch(var(--b1)/1)); width: 15%; height: 15%; top: 7%; right: 7%; }
.card-compact .card-body { padding: 1rem; font-size: 0.875rem; line-height: 1.25rem; }
.card-compact .card-title { margin-bottom: 0.25rem; }
.card-normal .card-body { padding: var(--padding-card,2rem); font-size: 1rem; line-height: 1.5rem; }
.card-normal .card-title { margin-bottom: 0.75rem; }
.divider-horizontal { margin: 0px 1rem; height: auto; width: 1rem; }
.divider-vertical { margin: 1rem 0px; height: 1rem; width: auto; }
.drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay { cursor: default; background-color: transparent; }
.join.join-vertical > :where(:not(:first-child)) { margin-left: 0px; margin-right: 0px; margin-top: -1px; }
.join.join-horizontal > :where(:not(:first-child)) { margin-top: 0px; margin-bottom: 0px; margin-inline-start: -1px; }
.menu-horizontal > li:not(.menu-title) > details > ul { margin-inline-start: 0px; margin-top: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-inline-end: 0.5rem; }
.menu-horizontal > li > details > ul::before { content: none; }
:where(.menu-horizontal > li:not(.menu-title) > details > ul) { border-radius: var(--rounded-box,1rem); --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.menu-vertical > li:not(.menu-title) > details > ul { margin-inline-start: 1rem; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; padding-inline-end: 0px; }
.menu-xs :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .menu-xs :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: 0.25rem; padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1rem; }
.menu-xs .menu-title { padding: 0.25rem 0.5rem; }
.menu-sm :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--rounded-btn,.5rem); padding: 0.25rem 0.75rem; font-size: 0.875rem; line-height: 1.25rem; }
.menu-sm .menu-title { padding: 0.5rem 0.75rem; }
.menu-md :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--rounded-btn,.5rem); padding: 0.5rem 1rem; font-size: 0.875rem; line-height: 1.25rem; }
.menu-md .menu-title { padding: 0.5rem 1rem; }
.menu-lg :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--rounded-btn,.5rem); padding: 0.75rem 1.5rem; font-size: 1.125rem; line-height: 1.75rem; }
.menu-lg .menu-title { padding: 0.75rem 1.5rem; }
.modal-top :where(.modal-box) { width: 100%; max-width: none; --tw-translate-y: -2.5rem; --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)); border-bottom-right-radius: var(--rounded-box,1rem); border-bottom-left-radius: var(--rounded-box,1rem); border-top-left-radius: 0px; border-top-right-radius: 0px; }
.modal-middle :where(.modal-box) { width: 91.6667%; max-width: 32rem; --tw-translate-y: 0px; --tw-scale-x: .9; --tw-scale-y: .9; 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)); border-top-left-radius: var(--rounded-box,1rem); border-top-right-radius: var(--rounded-box,1rem); border-bottom-right-radius: var(--rounded-box,1rem); border-bottom-left-radius: var(--rounded-box,1rem); }
.modal-bottom :where(.modal-box) { width: 100%; max-width: none; --tw-translate-y: 2.5rem; --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)); border-top-left-radius: var(--rounded-box,1rem); border-top-right-radius: var(--rounded-box,1rem); border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.stats-horizontal > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); --tw-divide-y-reverse: 0; border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); }
.stats-horizontal { overflow-x: auto; }
:is([dir="rtl"] .stats-horizontal) { --tw-divide-x-reverse: 1; }
.stats-vertical > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(0px * var(--tw-divide-x-reverse)); border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse))); --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)); }
.stats-vertical { overflow-y: auto; }
.steps-horizontal .step { grid-template-rows: 40px 1fr; grid-template-columns: auto; min-width: 4rem; }
.steps-horizontal .step::before { height: 0.5rem; width: 100%; --tw-translate-x: 0px; --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)); content: ""; margin-inline-start: -100%; }
:is([dir="rtl"] .steps-horizontal .step)::before { --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)); }
.steps-vertical .step { gap: 0.5rem; grid-template-columns: 40px 1fr; grid-template-rows: auto; min-height: 4rem; justify-items: start; }
.steps-vertical .step::before { height: 100%; width: 0.5rem; --tw-translate-x: -50%; --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)); margin-inline-start: 50%; }
:is([dir="rtl"] .steps-vertical .step)::before { --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)); }
.table-xs :not(thead):not(tfoot) tr { font-size: 0.75rem; line-height: 1rem; }
.table-xs :where(th, td) { padding: 0.25rem 0.5rem; }
.table-sm :not(thead):not(tfoot) tr { font-size: 0.875rem; line-height: 1.25rem; }
.table-sm :where(th, td) { padding: 0.5rem 0.75rem; }
.table-md :not(thead):not(tfoot) tr { font-size: 0.875rem; line-height: 1.25rem; }
.table-md :where(th, td) { padding: 0.75rem 1rem; }
.table-lg :not(thead):not(tfoot) tr { font-size: 1rem; line-height: 1.5rem; }
.table-lg :where(th, td) { padding: 1rem 1.5rem; }
.tooltip { position: relative; display: inline-block; text-align: center; --tooltip-tail: 0.1875rem; --tooltip-color: var(--fallback-n,oklch(var(--n)/1)); --tooltip-text-color: var(--fallback-nc,oklch(var(--nc)/1)); --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail)); }
.tooltip::after, .tooltip::before { opacity: 0; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-delay: 0.1s; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.tooltip::after { position: absolute; content: ""; border-style: solid; border-width: var(--tooltip-tail,0); width: 0px; height: 0px; display: block; }
.tooltip::before { max-width: 20rem; border-radius: 0.25rem; padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.25rem; background-color: var(--tooltip-color); color: var(--tooltip-text-color); width: max-content; }
.tooltip.tooltip-open::before { opacity: 1; transition-delay: 75ms; }
.tooltip.tooltip-open::after { opacity: 1; transition-delay: 75ms; }
.tooltip:hover::before { opacity: 1; transition-delay: 75ms; }
.tooltip:hover::after { opacity: 1; transition-delay: 75ms; }
.tooltip:has(:focus-visible)::after, .tooltip:has(:focus-visible)::before { opacity: 1; transition-delay: 75ms; }
.tooltip:not([data-tip]):hover::after, .tooltip:not([data-tip]):hover::before { visibility: hidden; opacity: 0; }
.tooltip-top::after, .tooltip::after { transform: translateX(-50%); border-color: var(--tooltip-color) transparent transparent transparent; top: auto; left: 50%; right: auto; bottom: var(--tooltip-tail-offset); }
.tooltip-bottom::after { transform: translateX(-50%); border-color: transparent transparent var(--tooltip-color) transparent; top: var(--tooltip-tail-offset); left: 50%; right: auto; bottom: auto; }
.tooltip-left::after { transform: translateY(-50%); border-color: transparent transparent transparent var(--tooltip-color); top: 50%; left: auto; right: calc(var(--tooltip-tail-offset) + .0625rem); bottom: auto; }
.tooltip-right::after { transform: translateY(-50%); border-color: transparent var(--tooltip-color) transparent transparent; top: 50%; left: calc(var(--tooltip-tail-offset) + .0625rem); right: auto; bottom: auto; }
.tooltip-primary { --tooltip-color: var(--fallback-p,oklch(var(--p)/1)); --tooltip-text-color: var(--fallback-pc,oklch(var(--pc)/1)); }
.tooltip-secondary { --tooltip-color: var(--fallback-s,oklch(var(--s)/1)); --tooltip-text-color: var(--fallback-sc,oklch(var(--sc)/1)); }
.tooltip-accent { --tooltip-color: var(--fallback-a,oklch(var(--a)/1)); --tooltip-text-color: var(--fallback-ac,oklch(var(--ac)/1)); }
.tooltip-info { --tooltip-color: var(--fallback-in,oklch(var(--in)/1)); --tooltip-text-color: var(--fallback-inc,oklch(var(--inc)/1)); }
.tooltip-success { --tooltip-color: var(--fallback-su,oklch(var(--su)/1)); --tooltip-text-color: var(--fallback-suc,oklch(var(--suc)/1)); }
.tooltip-warning { --tooltip-color: var(--fallback-wa,oklch(var(--wa)/1)); --tooltip-text-color: var(--fallback-wac,oklch(var(--wac)/1)); }
.tooltip-error { --tooltip-color: var(--fallback-er,oklch(var(--er)/1)); --tooltip-text-color: var(--fallback-erc,oklch(var(--erc)/1)); }
@media (hover: hover) {
.hover\:btn-success:hover.btn-outline:hover { --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.hover\:btn-success:hover.btn-outline:hover { background-color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000); }
}
.hover\:btn-success:hover.btn-outline:hover { --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.hover\:btn-success:hover.btn-outline:hover { background-color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000); }
}
.hover\:btn-info:hover.btn-outline:hover { --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.hover\:btn-info:hover.btn-outline:hover { background-color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000); }
}
.hover\:btn-info:hover.btn-outline:hover { --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.hover\:btn-info:hover.btn-outline:hover { background-color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000); }
}
.hover\:btn-warning:hover.btn-outline:hover { --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.hover\:btn-warning:hover.btn-outline:hover { background-color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000); }
}
.hover\:btn-warning:hover.btn-outline:hover { --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.hover\:btn-warning:hover.btn-outline:hover { background-color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000); }
}
.hover\:btn-error:hover.btn-outline:hover { --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.hover\:btn-error:hover.btn-outline:hover { background-color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000); }
}
.hover\:btn-error:hover.btn-outline:hover { --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.hover\:btn-error:hover.btn-outline:hover { background-color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000); }
}
}
.hover\:badge-info:hover.badge-outline { --tw-text-opacity: 1; color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity))); }
.hover\:badge-success:hover.badge-outline { --tw-text-opacity: 1; color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity))); }
.hover\:badge-warning:hover.badge-outline { --tw-text-opacity: 1; color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity))); }
.hover\:badge-error:hover.badge-outline { --tw-text-opacity: 1; color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.hover\:btn-success:hover.btn-outline.btn-active { background-color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000); }
.hover\:btn-info:hover.btn-outline.btn-active { background-color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000); }
.hover\:btn-warning:hover.btn-outline.btn-active { background-color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000); }
.hover\:btn-error:hover.btn-outline.btn-active { background-color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000); }
}
.hover\:btn-success:hover.btn-outline { --tw-text-opacity: 1; color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity))); }
.hover\:btn-success:hover.btn-outline.btn-active { --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); }
.hover\:btn-info:hover.btn-outline { --tw-text-opacity: 1; color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity))); }
.hover\:btn-info:hover.btn-outline.btn-active { --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); }
.hover\:btn-warning:hover.btn-outline { --tw-text-opacity: 1; color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity))); }
.hover\:btn-warning:hover.btn-outline.btn-active { --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); }
.hover\:btn-error:hover.btn-outline { --tw-text-opacity: 1; color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); }
.hover\:btn-error:hover.btn-outline.btn-active { --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); }
.steps .hover\:step-info:hover + .hover\:step-info:hover::before { --tw-bg-opacity: 1; background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity))); }
.steps .hover\:step-info:hover::after { --tw-bg-opacity: 1; background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); }
.steps .hover\:step-success:hover + .hover\:step-success:hover::before { --tw-bg-opacity: 1; background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); }
.steps .hover\:step-success:hover::after { --tw-bg-opacity: 1; background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); }
.steps .hover\:step-warning:hover + .hover\:step-warning:hover::before { --tw-bg-opacity: 1; background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity))); }
.steps .hover\:step-warning:hover::after { --tw-bg-opacity: 1; background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); }
.steps .hover\:step-error:hover + .hover\:step-error:hover::before { --tw-bg-opacity: 1; background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity))); }
.steps .hover\:step-error:hover::after { --tw-bg-opacity: 1; background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); }
@media (hover: hover) {
.focus\:btn-success:focus.btn-outline:hover { --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.focus\:btn-success:focus.btn-outline:hover { background-color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000); }
}
.focus\:btn-success:focus.btn-outline:hover { --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.focus\:btn-success:focus.btn-outline:hover { background-color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000); }
}
.focus\:btn-info:focus.btn-outline:hover { --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.focus\:btn-info:focus.btn-outline:hover { background-color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000); }
}
.focus\:btn-info:focus.btn-outline:hover { --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.focus\:btn-info:focus.btn-outline:hover { background-color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000); }
}
.focus\:btn-warning:focus.btn-outline:hover { --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.focus\:btn-warning:focus.btn-outline:hover { background-color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000); }
}
.focus\:btn-warning:focus.btn-outline:hover { --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.focus\:btn-warning:focus.btn-outline:hover { background-color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000); }
}
.focus\:btn-error:focus.btn-outline:hover { --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.focus\:btn-error:focus.btn-outline:hover { background-color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000); }
}
.focus\:btn-error:focus.btn-outline:hover { --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.focus\:btn-error:focus.btn-outline:hover { background-color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000); }
}
}
.focus\:badge-info:focus.badge-outline { --tw-text-opacity: 1; color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity))); }
.focus\:badge-success:focus.badge-outline { --tw-text-opacity: 1; color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity))); }
.focus\:badge-warning:focus.badge-outline { --tw-text-opacity: 1; color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity))); }
.focus\:badge-error:focus.badge-outline { --tw-text-opacity: 1; color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); }
@supports (color:color-mix(in oklab,black,black)) {
.focus\:btn-success:focus.btn-outline.btn-active { background-color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 90%,#000); }
.focus\:btn-info:focus.btn-outline.btn-active { background-color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 90%,#000); }
.focus\:btn-warning:focus.btn-outline.btn-active { background-color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 90%,#000); }
.focus\:btn-error:focus.btn-outline.btn-active { background-color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000); border-color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 90%,#000); }
}
.focus\:btn-success:focus.btn-outline { --tw-text-opacity: 1; color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity))); }
.focus\:btn-success:focus.btn-outline.btn-active { --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); }
.focus\:btn-info:focus.btn-outline { --tw-text-opacity: 1; color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity))); }
.focus\:btn-info:focus.btn-outline.btn-active { --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); }
.focus\:btn-warning:focus.btn-outline { --tw-text-opacity: 1; color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity))); }
.focus\:btn-warning:focus.btn-outline.btn-active { --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); }
.focus\:btn-error:focus.btn-outline { --tw-text-opacity: 1; color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); }
.focus\:btn-error:focus.btn-outline.btn-active { --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); }
.steps .focus\:step-info:focus + .focus\:step-info:focus::before { --tw-bg-opacity: 1; background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity))); }
.steps .focus\:step-info:focus::after { --tw-bg-opacity: 1; background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity))); }
.steps .focus\:step-success:focus + .focus\:step-success:focus::before { --tw-bg-opacity: 1; background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); }
.steps .focus\:step-success:focus::after { --tw-bg-opacity: 1; background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity))); }
.steps .focus\:step-warning:focus + .focus\:step-warning:focus::before { --tw-bg-opacity: 1; background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity))); }
.steps .focus\:step-warning:focus::after { --tw-bg-opacity: 1; background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity))); }
.steps .focus\:step-error:focus + .focus\:step-error:focus::before { --tw-bg-opacity: 1; background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity))); }
.steps .focus\:step-error:focus::after { --tw-bg-opacity: 1; background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity))); --tw-text-opacity: 1; color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))); }
@media (min-width: 640px) {
.sm\:dropdown-end .dropdown-content { inset-inline-end: 0px; }
.sm\:dropdown-left .dropdown-content { bottom: auto; inset-inline-end: 100%; top: 0px; transform-origin: right center; }
.sm\:dropdown-right .dropdown-content { bottom: auto; inset-inline-start: 100%; top: 0px; transform-origin: left center; }
.sm\:dropdown-bottom .dropdown-content { bottom: auto; top: 100%; transform-origin: center top; }
.sm\:dropdown-top .dropdown-content { bottom: 100%; top: auto; transform-origin: center bottom; }
.sm\:dropdown-end.dropdown-right .dropdown-content { bottom: 0px; top: auto; }
.sm\:dropdown-right.dropdown-end .dropdown-content { bottom: 0px; top: auto; }
.sm\:dropdown-end.dropdown-left .dropdown-content { bottom: 0px; top: auto; }
.sm\:dropdown-left.dropdown-end .dropdown-content { bottom: 0px; top: auto; }
}
@media (min-width: 768px) {
.md\:dropdown-end .dropdown-content { inset-inline-end: 0px; }
.md\:dropdown-left .dropdown-content { bottom: auto; inset-inline-end: 100%; top: 0px; transform-origin: right center; }
.md\:dropdown-right .dropdown-content { bottom: auto; inset-inline-start: 100%; top: 0px; transform-origin: left center; }
.md\:dropdown-bottom .dropdown-content { bottom: auto; top: 100%; transform-origin: center top; }
.md\:dropdown-top .dropdown-content { bottom: 100%; top: auto; transform-origin: center bottom; }
.md\:dropdown-end.dropdown-right .dropdown-content { bottom: 0px; top: auto; }
.md\:dropdown-right.dropdown-end .dropdown-content { bottom: 0px; top: auto; }
.md\:dropdown-end.dropdown-left .dropdown-content { bottom: 0px; top: auto; }
.md\:dropdown-left.dropdown-end .dropdown-content { bottom: 0px; top: auto; }
}
@media (min-width: 1024px) {
.lg\:dropdown-end .dropdown-content { inset-inline-end: 0px; }
.lg\:dropdown-left .dropdown-content { bottom: auto; inset-inline-end: 100%; top: 0px; transform-origin: right center; }
.lg\:dropdown-right .dropdown-content { bottom: auto; inset-inline-start: 100%; top: 0px; transform-origin: left center; }
.lg\:dropdown-bottom .dropdown-content { bottom: auto; top: 100%; transform-origin: center top; }
.lg\:dropdown-top .dropdown-content { bottom: 100%; top: auto; transform-origin: center bottom; }
.lg\:dropdown-end.dropdown-right .dropdown-content { bottom: 0px; top: auto; }
.lg\:dropdown-right.dropdown-end .dropdown-content { bottom: 0px; top: auto; }
.lg\:dropdown-end.dropdown-left .dropdown-content { bottom: 0px; top: auto; }
.lg\:dropdown-left.dropdown-end .dropdown-content { bottom: 0px; top: auto; }
}
@media (min-width: 1280px) {
.xl\:dropdown-end .dropdown-content { inset-inline-end: 0px; }
.xl\:dropdown-left .dropdown-content { bottom: auto; inset-inline-end: 100%; top: 0px; transform-origin: right center; }
.xl\:dropdown-right .dropdown-content { bottom: auto; inset-inline-start: 100%; top: 0px; transform-origin: left center; }
.xl\:dropdown-bottom .dropdown-content { bottom: auto; top: 100%; transform-origin: center top; }
.xl\:dropdown-top .dropdown-content { bottom: 100%; top: auto; transform-origin: center bottom; }
.xl\:dropdown-end.dropdown-right .dropdown-content { bottom: 0px; top: auto; }
.xl\:dropdown-right.dropdown-end .dropdown-content { bottom: 0px; top: auto; }
.xl\:dropdown-end.dropdown-left .dropdown-content { bottom: 0px; top: auto; }
.xl\:dropdown-left.dropdown-end .dropdown-content { bottom: 0px; top: auto; }
}
@media (min-width: 640px) {
.sm\:btm-nav-sm > :where(.active) { border-top-width: 2px; }
.sm\:btm-nav-md > :where(.active) { border-top-width: 2px; }
.sm\:btm-nav-lg > :where(.active) { border-top-width: 4px; }
.btn-square:where(.sm\:btn-sm) { height: 2rem; width: 2rem; padding: 0px; }
.btn-square:where(.sm\:btn-md) { height: 3rem; width: 3rem; padding: 0px; }
.btn-square:where(.sm\:btn-lg) { height: 4rem; width: 4rem; padding: 0px; }
.btn-circle:where(.sm\:btn-sm) { height: 2rem; width: 2rem; border-radius: 9999px; padding: 0px; }
.btn-circle:where(.sm\:btn-md) { height: 3rem; width: 3rem; border-radius: 9999px; padding: 0px; }
.btn-circle:where(.sm\:btn-lg) { height: 4rem; width: 4rem; border-radius: 9999px; padding: 0px; }
.sm\:drawer-open > .drawer-toggle { display: none; }
.sm\:drawer-open > .drawer-toggle ~ .drawer-side { pointer-events: auto; visibility: visible; position: sticky; display: block; width: auto; overscroll-behavior: auto; }
.sm\:drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay) { transform: translateX(0px); }
[dir="rtl"] .sm\:drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay) { transform: translateX(0px); }
.sm\:drawer-open > .drawer-toggle:checked ~ .drawer-side { pointer-events: auto; visibility: visible; }
.sm\:tabs-md :where(.tab) { height: 2rem; font-size: 0.875rem; line-height: 2; --tab-padding: 1rem; }
.sm\:tabs-lg :where(.tab) { height: 3rem; font-size: 1.125rem; line-height: 2; --tab-padding: 1.25rem; }
.sm\:tabs-sm :where(.tab) { height: 1.5rem; font-size: 0.875rem; line-height: 0.75rem; --tab-padding: 0.75rem; }
.sm\:card-compact .card-body { padding: 1rem; font-size: 0.875rem; line-height: 1.25rem; }
.sm\:card-compact .card-title { margin-bottom: 0.25rem; }
.sm\:card-normal .card-body { padding: var(--padding-card,2rem); font-size: 1rem; line-height: 1.5rem; }
.sm\:card-normal .card-title { margin-bottom: 0.75rem; }
.sm\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay { cursor: default; background-color: transparent; }
.sm\:menu-sm :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .sm\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--rounded-btn,.5rem); padding: 0.25rem 0.75rem; font-size: 0.875rem; line-height: 1.25rem; }
.sm\:menu-sm .menu-title { padding: 0.5rem 0.75rem; }
.sm\:menu-md :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .sm\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--rounded-btn,.5rem); padding: 0.5rem 1rem; font-size: 0.875rem; line-height: 1.25rem; }
.sm\:menu-md .menu-title { padding: 0.5rem 1rem; }
.sm\:menu-lg :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .sm\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--rounded-btn,.5rem); padding: 0.75rem 1.5rem; font-size: 1.125rem; line-height: 1.75rem; }
.sm\:menu-lg .menu-title { padding: 0.75rem 1.5rem; }
.sm\:modal-top :where(.modal-box) { width: 100%; max-width: none; --tw-translate-y: -2.5rem; --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)); border-bottom-right-radius: var(--rounded-box,1rem); border-bottom-left-radius: var(--rounded-box,1rem); border-top-left-radius: 0px; border-top-right-radius: 0px; }
.sm\:modal-middle :where(.modal-box) { width: 91.6667%; max-width: 32rem; --tw-translate-y: 0px; --tw-scale-x: .9; --tw-scale-y: .9; 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)); border-top-left-radius: var(--rounded-box,1rem); border-top-right-radius: var(--rounded-box,1rem); border-bottom-right-radius: var(--rounded-box,1rem); border-bottom-left-radius: var(--rounded-box,1rem); }
.sm\:modal-bottom :where(.modal-box) { width: 100%; max-width: none; --tw-translate-y: 2.5rem; --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)); border-top-left-radius: var(--rounded-box,1rem); border-top-right-radius: var(--rounded-box,1rem); border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
}
@media (min-width: 768px) {
.md\:btm-nav-sm > :where(.active) { border-top-width: 2px; }
.md\:btm-nav-md > :where(.active) { border-top-width: 2px; }
.md\:btm-nav-lg > :where(.active) { border-top-width: 4px; }
.btn-square:where(.md\:btn-sm) { height: 2rem; width: 2rem; padding: 0px; }
.btn-square:where(.md\:btn-md) { height: 3rem; width: 3rem; padding: 0px; }
.btn-square:where(.md\:btn-lg) { height: 4rem; width: 4rem; padding: 0px; }
.btn-circle:where(.md\:btn-sm) { height: 2rem; width: 2rem; border-radius: 9999px; padding: 0px; }
.btn-circle:where(.md\:btn-md) { height: 3rem; width: 3rem; border-radius: 9999px; padding: 0px; }
.btn-circle:where(.md\:btn-lg) { height: 4rem; width: 4rem; border-radius: 9999px; padding: 0px; }
.md\:drawer-open > .drawer-toggle { display: none; }
.md\:drawer-open > .drawer-toggle ~ .drawer-side { pointer-events: auto; visibility: visible; position: sticky; display: block; width: auto; overscroll-behavior: auto; }
.md\:drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay) { transform: translateX(0px); }
[dir="rtl"] .md\:drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay) { transform: translateX(0px); }
.md\:drawer-open > .drawer-toggle:checked ~ .drawer-side { pointer-events: auto; visibility: visible; }
.md\:tabs-md :where(.tab) { height: 2rem; font-size: 0.875rem; line-height: 2; --tab-padding: 1rem; }
.md\:tabs-lg :where(.tab) { height: 3rem; font-size: 1.125rem; line-height: 2; --tab-padding: 1.25rem; }
.md\:tabs-sm :where(.tab) { height: 1.5rem; font-size: 0.875rem; line-height: 0.75rem; --tab-padding: 0.75rem; }
.md\:card-compact .card-body { padding: 1rem; font-size: 0.875rem; line-height: 1.25rem; }
.md\:card-compact .card-title { margin-bottom: 0.25rem; }
.md\:card-normal .card-body { padding: var(--padding-card,2rem); font-size: 1rem; line-height: 1.5rem; }
.md\:card-normal .card-title { margin-bottom: 0.75rem; }
.md\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay { cursor: default; background-color: transparent; }
.md\:menu-sm :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .md\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--rounded-btn,.5rem); padding: 0.25rem 0.75rem; font-size: 0.875rem; line-height: 1.25rem; }
.md\:menu-sm .menu-title { padding: 0.5rem 0.75rem; }
.md\:menu-md :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .md\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--rounded-btn,.5rem); padding: 0.5rem 1rem; font-size: 0.875rem; line-height: 1.25rem; }
.md\:menu-md .menu-title { padding: 0.5rem 1rem; }
.md\:menu-lg :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .md\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--rounded-btn,.5rem); padding: 0.75rem 1.5rem; font-size: 1.125rem; line-height: 1.75rem; }
.md\:menu-lg .menu-title { padding: 0.75rem 1.5rem; }
.md\:modal-top :where(.modal-box) { width: 100%; max-width: none; --tw-translate-y: -2.5rem; --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)); border-bottom-right-radius: var(--rounded-box,1rem); border-bottom-left-radius: var(--rounded-box,1rem); border-top-left-radius: 0px; border-top-right-radius: 0px; }
.md\:modal-middle :where(.modal-box) { width: 91.6667%; max-width: 32rem; --tw-translate-y: 0px; --tw-scale-x: .9; --tw-scale-y: .9; 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)); border-top-left-radius: var(--rounded-box,1rem); border-top-right-radius: var(--rounded-box,1rem); border-bottom-right-radius: var(--rounded-box,1rem); border-bottom-left-radius: var(--rounded-box,1rem); }
.md\:modal-bottom :where(.modal-box) { width: 100%; max-width: none; --tw-translate-y: 2.5rem; --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)); border-top-left-radius: var(--rounded-box,1rem); border-top-right-radius: var(--rounded-box,1rem); border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
}
@media (min-width: 1024px) {
.lg\:btm-nav-sm > :where(.active) { border-top-width: 2px; }
.lg\:btm-nav-md > :where(.active) { border-top-width: 2px; }
.lg\:btm-nav-lg > :where(.active) { border-top-width: 4px; }
.btn-square:where(.lg\:btn-sm) { height: 2rem; width: 2rem; padding: 0px; }
.btn-square:where(.lg\:btn-md) { height: 3rem; width: 3rem; padding: 0px; }
.btn-square:where(.lg\:btn-lg) { height: 4rem; width: 4rem; padding: 0px; }
.btn-circle:where(.lg\:btn-sm) { height: 2rem; width: 2rem; border-radius: 9999px; padding: 0px; }
.btn-circle:where(.lg\:btn-md) { height: 3rem; width: 3rem; border-radius: 9999px; padding: 0px; }
.btn-circle:where(.lg\:btn-lg) { height: 4rem; width: 4rem; border-radius: 9999px; padding: 0px; }
.lg\:drawer-open > .drawer-toggle { display: none; }
.lg\:drawer-open > .drawer-toggle ~ .drawer-side { pointer-events: auto; visibility: visible; position: sticky; display: block; width: auto; overscroll-behavior: auto; }
.lg\:drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay) { transform: translateX(0px); }
[dir="rtl"] .lg\:drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay) { transform: translateX(0px); }
.lg\:drawer-open > .drawer-toggle:checked ~ .drawer-side { pointer-events: auto; visibility: visible; }
.lg\:tabs-md :where(.tab) { height: 2rem; font-size: 0.875rem; line-height: 2; --tab-padding: 1rem; }
.lg\:tabs-lg :where(.tab) { height: 3rem; font-size: 1.125rem; line-height: 2; --tab-padding: 1.25rem; }
.lg\:tabs-sm :where(.tab) { height: 1.5rem; font-size: 0.875rem; line-height: 0.75rem; --tab-padding: 0.75rem; }
.lg\:card-compact .card-body { padding: 1rem; font-size: 0.875rem; line-height: 1.25rem; }
.lg\:card-compact .card-title { margin-bottom: 0.25rem; }
.lg\:card-normal .card-body { padding: var(--padding-card,2rem); font-size: 1rem; line-height: 1.5rem; }
.lg\:card-normal .card-title { margin-bottom: 0.75rem; }
.lg\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay { cursor: default; background-color: transparent; }
.lg\:menu-sm :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .lg\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--rounded-btn,.5rem); padding: 0.25rem 0.75rem; font-size: 0.875rem; line-height: 1.25rem; }
.lg\:menu-sm .menu-title { padding: 0.5rem 0.75rem; }
.lg\:menu-md :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .lg\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--rounded-btn,.5rem); padding: 0.5rem 1rem; font-size: 0.875rem; line-height: 1.25rem; }
.lg\:menu-md .menu-title { padding: 0.5rem 1rem; }
.lg\:menu-lg :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .lg\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--rounded-btn,.5rem); padding: 0.75rem 1.5rem; font-size: 1.125rem; line-height: 1.75rem; }
.lg\:menu-lg .menu-title { padding: 0.75rem 1.5rem; }
.lg\:modal-top :where(.modal-box) { width: 100%; max-width: none; --tw-translate-y: -2.5rem; --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)); border-bottom-right-radius: var(--rounded-box,1rem); border-bottom-left-radius: var(--rounded-box,1rem); border-top-left-radius: 0px; border-top-right-radius: 0px; }
.lg\:modal-middle :where(.modal-box) { width: 91.6667%; max-width: 32rem; --tw-translate-y: 0px; --tw-scale-x: .9; --tw-scale-y: .9; 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)); border-top-left-radius: var(--rounded-box,1rem); border-top-right-radius: var(--rounded-box,1rem); border-bottom-right-radius: var(--rounded-box,1rem); border-bottom-left-radius: var(--rounded-box,1rem); }
.lg\:modal-bottom :where(.modal-box) { width: 100%; max-width: none; --tw-translate-y: 2.5rem; --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)); border-top-left-radius: var(--rounded-box,1rem); border-top-right-radius: var(--rounded-box,1rem); border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
}
@media (min-width: 1280px) {
.xl\:btm-nav-sm > :where(.active) { border-top-width: 2px; }
.xl\:btm-nav-md > :where(.active) { border-top-width: 2px; }
.xl\:btm-nav-lg > :where(.active) { border-top-width: 4px; }
.btn-square:where(.xl\:btn-sm) { height: 2rem; width: 2rem; padding: 0px; }
.btn-square:where(.xl\:btn-md) { height: 3rem; width: 3rem; padding: 0px; }
.btn-square:where(.xl\:btn-lg) { height: 4rem; width: 4rem; padding: 0px; }
.btn-circle:where(.xl\:btn-sm) { height: 2rem; width: 2rem; border-radius: 9999px; padding: 0px; }
.btn-circle:where(.xl\:btn-md) { height: 3rem; width: 3rem; border-radius: 9999px; padding: 0px; }
.btn-circle:where(.xl\:btn-lg) { height: 4rem; width: 4rem; border-radius: 9999px; padding: 0px; }
.xl\:drawer-open > .drawer-toggle { display: none; }
.xl\:drawer-open > .drawer-toggle ~ .drawer-side { pointer-events: auto; visibility: visible; position: sticky; display: block; width: auto; overscroll-behavior: auto; }
.xl\:drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay) { transform: translateX(0px); }
[dir="rtl"] .xl\:drawer-open > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay) { transform: translateX(0px); }
.xl\:drawer-open > .drawer-toggle:checked ~ .drawer-side { pointer-events: auto; visibility: visible; }
.xl\:tabs-md :where(.tab) { height: 2rem; font-size: 0.875rem; line-height: 2; --tab-padding: 1rem; }
.xl\:tabs-lg :where(.tab) { height: 3rem; font-size: 1.125rem; line-height: 2; --tab-padding: 1.25rem; }
.xl\:tabs-sm :where(.tab) { height: 1.5rem; font-size: 0.875rem; line-height: 0.75rem; --tab-padding: 0.75rem; }
.xl\:card-compact .card-body { padding: 1rem; font-size: 0.875rem; line-height: 1.25rem; }
.xl\:card-compact .card-title { margin-bottom: 0.25rem; }
.xl\:card-normal .card-body { padding: var(--padding-card,2rem); font-size: 1rem; line-height: 1.5rem; }
.xl\:card-normal .card-title { margin-bottom: 0.75rem; }
.xl\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay { cursor: default; background-color: transparent; }
.xl\:menu-sm :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .xl\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--rounded-btn,.5rem); padding: 0.25rem 0.75rem; font-size: 0.875rem; line-height: 1.25rem; }
.xl\:menu-sm .menu-title { padding: 0.5rem 0.75rem; }
.xl\:menu-md :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .xl\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--rounded-btn,.5rem); padding: 0.5rem 1rem; font-size: 0.875rem; line-height: 1.25rem; }
.xl\:menu-md .menu-title { padding: 0.5rem 1rem; }
.xl\:menu-lg :where(li:not(.menu-title) > :not(ul):not(details):not(.menu-title)), .xl\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--rounded-btn,.5rem); padding: 0.75rem 1.5rem; font-size: 1.125rem; line-height: 1.75rem; }
.xl\:menu-lg .menu-title { padding: 0.75rem 1.5rem; }
.xl\:modal-top :where(.modal-box) { width: 100%; max-width: none; --tw-translate-y: -2.5rem; --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)); border-bottom-right-radius: var(--rounded-box,1rem); border-bottom-left-radius: var(--rounded-box,1rem); border-top-left-radius: 0px; border-top-right-radius: 0px; }
.xl\:modal-middle :where(.modal-box) { width: 91.6667%; max-width: 32rem; --tw-translate-y: 0px; --tw-scale-x: .9; --tw-scale-y: .9; 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)); border-top-left-radius: var(--rounded-box,1rem); border-top-right-radius: var(--rounded-box,1rem); border-bottom-right-radius: var(--rounded-box,1rem); border-bottom-left-radius: var(--rounded-box,1rem); }
.xl\:modal-bottom :where(.modal-box) { width: 100%; max-width: none; --tw-translate-y: 2.5rem; --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)); border-top-left-radius: var(--rounded-box,1rem); border-top-right-radius: var(--rounded-box,1rem); border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
}