daisyui 5.0.0-alpha.3 → 5.0.0-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/base/root-color/config.js +12 -0
  2. package/base/root-color/index.css +1 -0
  3. package/base/root-color/index.js +6 -0
  4. package/base/root-color.css +1 -0
  5. package/base/scrollbar/config.js +12 -0
  6. package/base/scrollbar/index.css +1 -0
  7. package/base/scrollbar/index.js +5 -0
  8. package/base/scrollbar.css +1 -0
  9. package/base/tap-color/config.js +12 -0
  10. package/base/tap-color/index.css +1 -0
  11. package/base/tap-color/index.js +5 -0
  12. package/base/tap-color.css +1 -0
  13. package/colors/properties.css +1 -0
  14. package/colors/responsive.css +1 -0
  15. package/colors/states.css +1 -0
  16. package/components/avatar/class.json +7 -0
  17. package/components/avatar/config.js +12 -0
  18. package/components/avatar/index.css +1 -0
  19. package/components/avatar/index.js +42 -0
  20. package/components/avatar.css +1 -0
  21. package/components/badge/class.json +18 -0
  22. package/components/badge/config.js +1 -1
  23. package/components/badge.css +1 -109
  24. package/components/button/class.json +24 -0
  25. package/components/button/config.js +1 -1
  26. package/components/button/index.js +12 -10
  27. package/components/button.css +1 -293
  28. package/components/checkbox/class.json +17 -0
  29. package/components/checkbox/config.js +1 -1
  30. package/components/checkbox.css +1 -144
  31. package/components/dropdown/class.json +13 -0
  32. package/components/dropdown/config.js +12 -0
  33. package/components/dropdown/index.css +1 -0
  34. package/components/dropdown/index.js +146 -0
  35. package/components/dropdown.css +1 -0
  36. package/components/input/class.json +16 -0
  37. package/components/input/config.js +1 -1
  38. package/components/input.css +1 -204
  39. package/components/kbd/class.json +7 -0
  40. package/components/kbd/config.js +1 -1
  41. package/components/kbd.css +1 -49
  42. package/components/loading/class.json +21 -0
  43. package/components/loading/config.js +12 -0
  44. package/components/loading/index.css +1 -0
  45. package/components/loading/index.js +39 -0
  46. package/components/loading.css +1 -0
  47. package/components/mask/class.json +24 -0
  48. package/components/mask/config.js +1 -1
  49. package/components/mask.css +1 -78
  50. package/components/menu/class.json +15 -0
  51. package/components/menu/config.js +12 -0
  52. package/components/menu/index.css +1 -0
  53. package/components/menu/index.js +129 -0
  54. package/components/menu.css +1 -0
  55. package/components/radio/class.json +14 -0
  56. package/components/radio/config.js +1 -1
  57. package/components/radio.css +1 -102
  58. package/components/range/class.json +14 -0
  59. package/components/range/config.js +1 -1
  60. package/components/range.css +1 -164
  61. package/components/rating/class.json +5 -0
  62. package/components/rating/config.js +1 -1
  63. package/components/rating.css +1 -104
  64. package/components/select/class.json +16 -0
  65. package/components/select/config.js +1 -1
  66. package/components/select.css +1 -166
  67. package/components/tab/class.json +13 -0
  68. package/components/tab/config.js +12 -0
  69. package/components/tab/index.css +1 -0
  70. package/components/tab/index.js +165 -0
  71. package/components/tab.css +1 -0
  72. package/components/toggle/class.json +16 -0
  73. package/components/toggle/config.js +1 -1
  74. package/components/toggle.css +1 -143
  75. package/components/tooltip/class.json +15 -0
  76. package/components/tooltip/config.js +12 -0
  77. package/components/tooltip/index.css +1 -0
  78. package/components/tooltip/index.js +135 -0
  79. package/components/tooltip.css +1 -0
  80. package/full.css +12 -0
  81. package/functions/plugin.js +8 -8
  82. package/index.css +9 -0
  83. package/package.json +5 -1
  84. package/themes/dark/index.css +1 -0
  85. package/themes/default/index.css +1 -0
  86. package/themes/index.css +1 -0
  87. package/themes/light/index.css +1 -0
@@ -0,0 +1 @@
1
+ .hover\:bg-base-100:hover{&:hover{@media (hover:hover){&{background-color:var(--color-base-100,oklch(100% 0 0))}}}}.focus\:bg-base-100:focus{&:focus{background-color:var(--color-base-100,oklch(100% 0 0))}}.hover\:to-base-100:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-base-100,oklch(100% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-base-100:focus{&:focus{--tw-gradient-to:var(--color-base-100,oklch(100% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-base-100:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-base-100,oklch(100% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-base-100:focus{&:focus{--tw-gradient-via:var(--color-base-100,oklch(100% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-base-100:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-base-100,oklch(100% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-base-100:focus{&:focus{--tw-gradient-from:var(--color-base-100,oklch(100% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-base-100:hover{&:hover{@media (hover:hover){&{color:var(--color-base-100,oklch(100% 0 0))}}}}.focus\:text-base-100:focus{&:focus{color:var(--color-base-100,oklch(100% 0 0))}}.hover\:ring-base-100:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-base-100,oklch(100% 0 0))}}}}.focus\:ring-base-100:focus{&:focus{--tw-ring-color:var(--color-base-100,oklch(100% 0 0))}}.hover\:stroke-base-100:hover{&:hover{@media (hover:hover){&{stroke:var(--color-base-100,oklch(100% 0 0))}}}}.focus\:stroke-base-100:focus{&:focus{stroke:var(--color-base-100,oklch(100% 0 0))}}.hover\:border-base-100:hover{&:hover{@media (hover:hover){&{border-color:var(--color-base-100,oklch(100% 0 0))}}}}.focus\:border-base-100:focus{&:focus{border-color:var(--color-base-100,oklch(100% 0 0))}}.hover\:outline-base-100:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-base-100,oklch(100% 0 0))}}}}.focus\:outline-base-100:focus{&:focus{outline-color:var(--color-base-100,oklch(100% 0 0))}}.hover\:ring-offset-base-100:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-base-100,oklch(100% 0 0))}}}}.focus\:ring-offset-base-100:focus{&:focus{--tw-ring-offset-color:var(--color-base-100,oklch(100% 0 0))}}.hover\:bg-base-200:hover{&:hover{@media (hover:hover){&{background-color:var(--color-base-200,oklch(96.1151% 0 0))}}}}.focus\:bg-base-200:focus{&:focus{background-color:var(--color-base-200,oklch(96.1151% 0 0))}}.hover\:to-base-200:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-base-200,oklch(96.1151% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-base-200:focus{&:focus{--tw-gradient-to:var(--color-base-200,oklch(96.1151% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-base-200:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-base-200,oklch(96.1151% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-base-200:focus{&:focus{--tw-gradient-via:var(--color-base-200,oklch(96.1151% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-base-200:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-base-200,oklch(96.1151% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-base-200:focus{&:focus{--tw-gradient-from:var(--color-base-200,oklch(96.1151% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-base-200:hover{&:hover{@media (hover:hover){&{color:var(--color-base-200,oklch(96.1151% 0 0))}}}}.focus\:text-base-200:focus{&:focus{color:var(--color-base-200,oklch(96.1151% 0 0))}}.hover\:ring-base-200:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-base-200,oklch(96.1151% 0 0))}}}}.focus\:ring-base-200:focus{&:focus{--tw-ring-color:var(--color-base-200,oklch(96.1151% 0 0))}}.hover\:stroke-base-200:hover{&:hover{@media (hover:hover){&{stroke:var(--color-base-200,oklch(96.1151% 0 0))}}}}.focus\:stroke-base-200:focus{&:focus{stroke:var(--color-base-200,oklch(96.1151% 0 0))}}.hover\:border-base-200:hover{&:hover{@media (hover:hover){&{border-color:var(--color-base-200,oklch(96.1151% 0 0))}}}}.focus\:border-base-200:focus{&:focus{border-color:var(--color-base-200,oklch(96.1151% 0 0))}}.hover\:outline-base-200:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-base-200,oklch(96.1151% 0 0))}}}}.focus\:outline-base-200:focus{&:focus{outline-color:var(--color-base-200,oklch(96.1151% 0 0))}}.hover\:ring-offset-base-200:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-base-200,oklch(96.1151% 0 0))}}}}.focus\:ring-offset-base-200:focus{&:focus{--tw-ring-offset-color:var(--color-base-200,oklch(96.1151% 0 0))}}.hover\:bg-base-300:hover{&:hover{@media (hover:hover){&{background-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}}}.focus\:bg-base-300:focus{&:focus{background-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}.hover\:to-base-300:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-base-300,oklch(92.4169% .00108 197.138));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-base-300:focus{&:focus{--tw-gradient-to:var(--color-base-300,oklch(92.4169% .00108 197.138));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-base-300:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-base-300,oklch(92.4169% .00108 197.138));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-base-300:focus{&:focus{--tw-gradient-via:var(--color-base-300,oklch(92.4169% .00108 197.138));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-base-300:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-base-300,oklch(92.4169% .00108 197.138));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-base-300:focus{&:focus{--tw-gradient-from:var(--color-base-300,oklch(92.4169% .00108 197.138));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-base-300:hover{&:hover{@media (hover:hover){&{color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}}}.focus\:text-base-300:focus{&:focus{color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}.hover\:ring-base-300:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}}}.focus\:ring-base-300:focus{&:focus{--tw-ring-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}.hover\:stroke-base-300:hover{&:hover{@media (hover:hover){&{stroke:var(--color-base-300,oklch(92.4169% .00108 197.138))}}}}.focus\:stroke-base-300:focus{&:focus{stroke:var(--color-base-300,oklch(92.4169% .00108 197.138))}}.hover\:border-base-300:hover{&:hover{@media (hover:hover){&{border-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}}}.focus\:border-base-300:focus{&:focus{border-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}.hover\:outline-base-300:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}}}.focus\:outline-base-300:focus{&:focus{outline-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}.hover\:ring-offset-base-300:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}}}.focus\:ring-offset-base-300:focus{&:focus{--tw-ring-offset-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}.hover\:bg-base-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}}}.focus\:bg-base-content:focus{&:focus{background-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}.hover\:to-base-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-base-content,oklch(27.8078% .029596 256.848));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-base-content:focus{&:focus{--tw-gradient-to:var(--color-base-content,oklch(27.8078% .029596 256.848));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-base-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-base-content,oklch(27.8078% .029596 256.848));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-base-content:focus{&:focus{--tw-gradient-via:var(--color-base-content,oklch(27.8078% .029596 256.848));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-base-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-base-content,oklch(27.8078% .029596 256.848));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-base-content:focus{&:focus{--tw-gradient-from:var(--color-base-content,oklch(27.8078% .029596 256.848));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-base-content:hover{&:hover{@media (hover:hover){&{color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}}}.focus\:text-base-content:focus{&:focus{color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}.hover\:ring-base-content:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}}}.focus\:ring-base-content:focus{&:focus{--tw-ring-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}.hover\:stroke-base-content:hover{&:hover{@media (hover:hover){&{stroke:var(--color-base-content,oklch(27.8078% .029596 256.848))}}}}.focus\:stroke-base-content:focus{&:focus{stroke:var(--color-base-content,oklch(27.8078% .029596 256.848))}}.hover\:border-base-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}}}.focus\:border-base-content:focus{&:focus{border-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}.hover\:outline-base-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}}}.focus\:outline-base-content:focus{&:focus{outline-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}.hover\:ring-offset-base-content:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}}}.focus\:ring-offset-base-content:focus{&:focus{--tw-ring-offset-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}.hover\:bg-primary:hover{&:hover{@media (hover:hover){&{background-color:var(--color-primary,oklch(49.12% .3096 275.75))}}}}.focus\:bg-primary:focus{&:focus{background-color:var(--color-primary,oklch(49.12% .3096 275.75))}}.hover\:to-primary:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-primary,oklch(49.12% .3096 275.75));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-primary:focus{&:focus{--tw-gradient-to:var(--color-primary,oklch(49.12% .3096 275.75));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-primary:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-primary,oklch(49.12% .3096 275.75));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-primary:focus{&:focus{--tw-gradient-via:var(--color-primary,oklch(49.12% .3096 275.75));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-primary:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-primary,oklch(49.12% .3096 275.75));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-primary:focus{&:focus{--tw-gradient-from:var(--color-primary,oklch(49.12% .3096 275.75));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-primary:hover{&:hover{@media (hover:hover){&{color:var(--color-primary,oklch(49.12% .3096 275.75))}}}}.focus\:text-primary:focus{&:focus{color:var(--color-primary,oklch(49.12% .3096 275.75))}}.hover\:ring-primary:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-primary,oklch(49.12% .3096 275.75))}}}}.focus\:ring-primary:focus{&:focus{--tw-ring-color:var(--color-primary,oklch(49.12% .3096 275.75))}}.hover\:stroke-primary:hover{&:hover{@media (hover:hover){&{stroke:var(--color-primary,oklch(49.12% .3096 275.75))}}}}.focus\:stroke-primary:focus{&:focus{stroke:var(--color-primary,oklch(49.12% .3096 275.75))}}.hover\:border-primary:hover{&:hover{@media (hover:hover){&{border-color:var(--color-primary,oklch(49.12% .3096 275.75))}}}}.focus\:border-primary:focus{&:focus{border-color:var(--color-primary,oklch(49.12% .3096 275.75))}}.hover\:outline-primary:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}}}}.focus\:outline-primary:focus{&:focus{outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}}.hover\:ring-offset-primary:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-primary,oklch(49.12% .3096 275.75))}}}}.focus\:ring-offset-primary:focus{&:focus{--tw-ring-offset-color:var(--color-primary,oklch(49.12% .3096 275.75))}}.hover\:bg-primary-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}}}.focus\:bg-primary-content:focus{&:focus{background-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}.hover\:to-primary-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-primary-content,oklch(89.824% .06192 275.75));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-primary-content:focus{&:focus{--tw-gradient-to:var(--color-primary-content,oklch(89.824% .06192 275.75));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-primary-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-primary-content,oklch(89.824% .06192 275.75));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-primary-content:focus{&:focus{--tw-gradient-via:var(--color-primary-content,oklch(89.824% .06192 275.75));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-primary-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-primary-content,oklch(89.824% .06192 275.75));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-primary-content:focus{&:focus{--tw-gradient-from:var(--color-primary-content,oklch(89.824% .06192 275.75));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-primary-content:hover{&:hover{@media (hover:hover){&{color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}}}.focus\:text-primary-content:focus{&:focus{color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}.hover\:ring-primary-content:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}}}.focus\:ring-primary-content:focus{&:focus{--tw-ring-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}.hover\:stroke-primary-content:hover{&:hover{@media (hover:hover){&{stroke:var(--color-primary-content,oklch(89.824% .06192 275.75))}}}}.focus\:stroke-primary-content:focus{&:focus{stroke:var(--color-primary-content,oklch(89.824% .06192 275.75))}}.hover\:border-primary-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}}}.focus\:border-primary-content:focus{&:focus{border-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}.hover\:outline-primary-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}}}.focus\:outline-primary-content:focus{&:focus{outline-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}.hover\:ring-offset-primary-content:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}}}.focus\:ring-offset-primary-content:focus{&:focus{--tw-ring-offset-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}.hover\:bg-secondary:hover{&:hover{@media (hover:hover){&{background-color:var(--color-secondary,oklch(69.71% .329 342.55))}}}}.focus\:bg-secondary:focus{&:focus{background-color:var(--color-secondary,oklch(69.71% .329 342.55))}}.hover\:to-secondary:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-secondary,oklch(69.71% .329 342.55));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-secondary:focus{&:focus{--tw-gradient-to:var(--color-secondary,oklch(69.71% .329 342.55));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-secondary:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-secondary,oklch(69.71% .329 342.55));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-secondary:focus{&:focus{--tw-gradient-via:var(--color-secondary,oklch(69.71% .329 342.55));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-secondary:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-secondary,oklch(69.71% .329 342.55));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-secondary:focus{&:focus{--tw-gradient-from:var(--color-secondary,oklch(69.71% .329 342.55));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-secondary:hover{&:hover{@media (hover:hover){&{color:var(--color-secondary,oklch(69.71% .329 342.55))}}}}.focus\:text-secondary:focus{&:focus{color:var(--color-secondary,oklch(69.71% .329 342.55))}}.hover\:ring-secondary:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-secondary,oklch(69.71% .329 342.55))}}}}.focus\:ring-secondary:focus{&:focus{--tw-ring-color:var(--color-secondary,oklch(69.71% .329 342.55))}}.hover\:stroke-secondary:hover{&:hover{@media (hover:hover){&{stroke:var(--color-secondary,oklch(69.71% .329 342.55))}}}}.focus\:stroke-secondary:focus{&:focus{stroke:var(--color-secondary,oklch(69.71% .329 342.55))}}.hover\:border-secondary:hover{&:hover{@media (hover:hover){&{border-color:var(--color-secondary,oklch(69.71% .329 342.55))}}}}.focus\:border-secondary:focus{&:focus{border-color:var(--color-secondary,oklch(69.71% .329 342.55))}}.hover\:outline-secondary:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-secondary,oklch(69.71% .329 342.55))}}}}.focus\:outline-secondary:focus{&:focus{outline-color:var(--color-secondary,oklch(69.71% .329 342.55))}}.hover\:ring-offset-secondary:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-secondary,oklch(69.71% .329 342.55))}}}}.focus\:ring-offset-secondary:focus{&:focus{--tw-ring-offset-color:var(--color-secondary,oklch(69.71% .329 342.55))}}.hover\:bg-secondary-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}}}.focus\:bg-secondary-content:focus{&:focus{background-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}.hover\:to-secondary-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-secondary-content,oklch(98.71% .0106 342.55));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-secondary-content:focus{&:focus{--tw-gradient-to:var(--color-secondary-content,oklch(98.71% .0106 342.55));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-secondary-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-secondary-content,oklch(98.71% .0106 342.55));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-secondary-content:focus{&:focus{--tw-gradient-via:var(--color-secondary-content,oklch(98.71% .0106 342.55));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-secondary-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-secondary-content,oklch(98.71% .0106 342.55));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-secondary-content:focus{&:focus{--tw-gradient-from:var(--color-secondary-content,oklch(98.71% .0106 342.55));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-secondary-content:hover{&:hover{@media (hover:hover){&{color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}}}.focus\:text-secondary-content:focus{&:focus{color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}.hover\:ring-secondary-content:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}}}.focus\:ring-secondary-content:focus{&:focus{--tw-ring-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}.hover\:stroke-secondary-content:hover{&:hover{@media (hover:hover){&{stroke:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}}}.focus\:stroke-secondary-content:focus{&:focus{stroke:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}.hover\:border-secondary-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}}}.focus\:border-secondary-content:focus{&:focus{border-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}.hover\:outline-secondary-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}}}.focus\:outline-secondary-content:focus{&:focus{outline-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}.hover\:ring-offset-secondary-content:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}}}.focus\:ring-offset-secondary-content:focus{&:focus{--tw-ring-offset-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}.hover\:bg-accent:hover{&:hover{@media (hover:hover){&{background-color:var(--color-accent,oklch(76.76% .184 183.61))}}}}.focus\:bg-accent:focus{&:focus{background-color:var(--color-accent,oklch(76.76% .184 183.61))}}.hover\:to-accent:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-accent,oklch(76.76% .184 183.61));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-accent:focus{&:focus{--tw-gradient-to:var(--color-accent,oklch(76.76% .184 183.61));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-accent:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-accent,oklch(76.76% .184 183.61));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-accent:focus{&:focus{--tw-gradient-via:var(--color-accent,oklch(76.76% .184 183.61));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-accent:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-accent,oklch(76.76% .184 183.61));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-accent:focus{&:focus{--tw-gradient-from:var(--color-accent,oklch(76.76% .184 183.61));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-accent:hover{&:hover{@media (hover:hover){&{color:var(--color-accent,oklch(76.76% .184 183.61))}}}}.focus\:text-accent:focus{&:focus{color:var(--color-accent,oklch(76.76% .184 183.61))}}.hover\:ring-accent:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-accent,oklch(76.76% .184 183.61))}}}}.focus\:ring-accent:focus{&:focus{--tw-ring-color:var(--color-accent,oklch(76.76% .184 183.61))}}.hover\:stroke-accent:hover{&:hover{@media (hover:hover){&{stroke:var(--color-accent,oklch(76.76% .184 183.61))}}}}.focus\:stroke-accent:focus{&:focus{stroke:var(--color-accent,oklch(76.76% .184 183.61))}}.hover\:border-accent:hover{&:hover{@media (hover:hover){&{border-color:var(--color-accent,oklch(76.76% .184 183.61))}}}}.focus\:border-accent:focus{&:focus{border-color:var(--color-accent,oklch(76.76% .184 183.61))}}.hover\:outline-accent:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-accent,oklch(76.76% .184 183.61))}}}}.focus\:outline-accent:focus{&:focus{outline-color:var(--color-accent,oklch(76.76% .184 183.61))}}.hover\:ring-offset-accent:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-accent,oklch(76.76% .184 183.61))}}}}.focus\:ring-offset-accent:focus{&:focus{--tw-ring-offset-color:var(--color-accent,oklch(76.76% .184 183.61))}}.hover\:bg-accent-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}}}.focus\:bg-accent-content:focus{&:focus{background-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}.hover\:to-accent-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-accent-content,oklch(15.352% .0368 183.61));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-accent-content:focus{&:focus{--tw-gradient-to:var(--color-accent-content,oklch(15.352% .0368 183.61));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-accent-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-accent-content,oklch(15.352% .0368 183.61));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-accent-content:focus{&:focus{--tw-gradient-via:var(--color-accent-content,oklch(15.352% .0368 183.61));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-accent-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-accent-content,oklch(15.352% .0368 183.61));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-accent-content:focus{&:focus{--tw-gradient-from:var(--color-accent-content,oklch(15.352% .0368 183.61));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-accent-content:hover{&:hover{@media (hover:hover){&{color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}}}.focus\:text-accent-content:focus{&:focus{color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}.hover\:ring-accent-content:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}}}.focus\:ring-accent-content:focus{&:focus{--tw-ring-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}.hover\:stroke-accent-content:hover{&:hover{@media (hover:hover){&{stroke:var(--color-accent-content,oklch(15.352% .0368 183.61))}}}}.focus\:stroke-accent-content:focus{&:focus{stroke:var(--color-accent-content,oklch(15.352% .0368 183.61))}}.hover\:border-accent-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}}}.focus\:border-accent-content:focus{&:focus{border-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}.hover\:outline-accent-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}}}.focus\:outline-accent-content:focus{&:focus{outline-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}.hover\:ring-offset-accent-content:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}}}.focus\:ring-offset-accent-content:focus{&:focus{--tw-ring-offset-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}.hover\:bg-neutral:hover{&:hover{@media (hover:hover){&{background-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}}}.focus\:bg-neutral:focus{&:focus{background-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}.hover\:to-neutral:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-neutral,oklch(32.1785% .02476 255.702));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-neutral:focus{&:focus{--tw-gradient-to:var(--color-neutral,oklch(32.1785% .02476 255.702));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-neutral:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-neutral,oklch(32.1785% .02476 255.702));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-neutral:focus{&:focus{--tw-gradient-via:var(--color-neutral,oklch(32.1785% .02476 255.702));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-neutral:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-neutral,oklch(32.1785% .02476 255.702));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-neutral:focus{&:focus{--tw-gradient-from:var(--color-neutral,oklch(32.1785% .02476 255.702));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-neutral:hover{&:hover{@media (hover:hover){&{color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}}}.focus\:text-neutral:focus{&:focus{color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}.hover\:ring-neutral:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}}}.focus\:ring-neutral:focus{&:focus{--tw-ring-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}.hover\:stroke-neutral:hover{&:hover{@media (hover:hover){&{stroke:var(--color-neutral,oklch(32.1785% .02476 255.702))}}}}.focus\:stroke-neutral:focus{&:focus{stroke:var(--color-neutral,oklch(32.1785% .02476 255.702))}}.hover\:border-neutral:hover{&:hover{@media (hover:hover){&{border-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}}}.focus\:border-neutral:focus{&:focus{border-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}.hover\:outline-neutral:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}}}.focus\:outline-neutral:focus{&:focus{outline-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}.hover\:ring-offset-neutral:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}}}.focus\:ring-offset-neutral:focus{&:focus{--tw-ring-offset-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}.hover\:bg-neutral-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}}}.focus\:bg-neutral-content:focus{&:focus{background-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}.hover\:to-neutral-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-neutral-content,oklch(89.4994% .011585 252.096));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-neutral-content:focus{&:focus{--tw-gradient-to:var(--color-neutral-content,oklch(89.4994% .011585 252.096));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-neutral-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-neutral-content,oklch(89.4994% .011585 252.096));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-neutral-content:focus{&:focus{--tw-gradient-via:var(--color-neutral-content,oklch(89.4994% .011585 252.096));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-neutral-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-neutral-content,oklch(89.4994% .011585 252.096));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-neutral-content:focus{&:focus{--tw-gradient-from:var(--color-neutral-content,oklch(89.4994% .011585 252.096));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-neutral-content:hover{&:hover{@media (hover:hover){&{color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}}}.focus\:text-neutral-content:focus{&:focus{color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}.hover\:ring-neutral-content:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}}}.focus\:ring-neutral-content:focus{&:focus{--tw-ring-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}.hover\:stroke-neutral-content:hover{&:hover{@media (hover:hover){&{stroke:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}}}.focus\:stroke-neutral-content:focus{&:focus{stroke:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}.hover\:border-neutral-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}}}.focus\:border-neutral-content:focus{&:focus{border-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}.hover\:outline-neutral-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}}}.focus\:outline-neutral-content:focus{&:focus{outline-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}.hover\:ring-offset-neutral-content:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}}}.focus\:ring-offset-neutral-content:focus{&:focus{--tw-ring-offset-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}.hover\:bg-info:hover{&:hover{@media (hover:hover){&{background-color:var(--color-info,oklch(72.06% .191 231.6))}}}}.focus\:bg-info:focus{&:focus{background-color:var(--color-info,oklch(72.06% .191 231.6))}}.hover\:to-info:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-info,oklch(72.06% .191 231.6));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-info:focus{&:focus{--tw-gradient-to:var(--color-info,oklch(72.06% .191 231.6));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-info:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-info,oklch(72.06% .191 231.6));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-info:focus{&:focus{--tw-gradient-via:var(--color-info,oklch(72.06% .191 231.6));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-info:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-info,oklch(72.06% .191 231.6));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-info:focus{&:focus{--tw-gradient-from:var(--color-info,oklch(72.06% .191 231.6));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-info:hover{&:hover{@media (hover:hover){&{color:var(--color-info,oklch(72.06% .191 231.6))}}}}.focus\:text-info:focus{&:focus{color:var(--color-info,oklch(72.06% .191 231.6))}}.hover\:ring-info:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-info,oklch(72.06% .191 231.6))}}}}.focus\:ring-info:focus{&:focus{--tw-ring-color:var(--color-info,oklch(72.06% .191 231.6))}}.hover\:stroke-info:hover{&:hover{@media (hover:hover){&{stroke:var(--color-info,oklch(72.06% .191 231.6))}}}}.focus\:stroke-info:focus{&:focus{stroke:var(--color-info,oklch(72.06% .191 231.6))}}.hover\:border-info:hover{&:hover{@media (hover:hover){&{border-color:var(--color-info,oklch(72.06% .191 231.6))}}}}.focus\:border-info:focus{&:focus{border-color:var(--color-info,oklch(72.06% .191 231.6))}}.hover\:outline-info:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-info,oklch(72.06% .191 231.6))}}}}.focus\:outline-info:focus{&:focus{outline-color:var(--color-info,oklch(72.06% .191 231.6))}}.hover\:ring-offset-info:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-info,oklch(72.06% .191 231.6))}}}}.focus\:ring-offset-info:focus{&:focus{--tw-ring-offset-color:var(--color-info,oklch(72.06% .191 231.6))}}.hover\:bg-info-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-info-content,oklch(0% 0 0))}}}}.focus\:bg-info-content:focus{&:focus{background-color:var(--color-info-content,oklch(0% 0 0))}}.hover\:to-info-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-info-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-info-content:focus{&:focus{--tw-gradient-to:var(--color-info-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-info-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-info-content,oklch(0% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-info-content:focus{&:focus{--tw-gradient-via:var(--color-info-content,oklch(0% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-info-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-info-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-info-content:focus{&:focus{--tw-gradient-from:var(--color-info-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-info-content:hover{&:hover{@media (hover:hover){&{color:var(--color-info-content,oklch(0% 0 0))}}}}.focus\:text-info-content:focus{&:focus{color:var(--color-info-content,oklch(0% 0 0))}}.hover\:ring-info-content:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-info-content,oklch(0% 0 0))}}}}.focus\:ring-info-content:focus{&:focus{--tw-ring-color:var(--color-info-content,oklch(0% 0 0))}}.hover\:stroke-info-content:hover{&:hover{@media (hover:hover){&{stroke:var(--color-info-content,oklch(0% 0 0))}}}}.focus\:stroke-info-content:focus{&:focus{stroke:var(--color-info-content,oklch(0% 0 0))}}.hover\:border-info-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-info-content,oklch(0% 0 0))}}}}.focus\:border-info-content:focus{&:focus{border-color:var(--color-info-content,oklch(0% 0 0))}}.hover\:outline-info-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-info-content,oklch(0% 0 0))}}}}.focus\:outline-info-content:focus{&:focus{outline-color:var(--color-info-content,oklch(0% 0 0))}}.hover\:ring-offset-info-content:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-info-content,oklch(0% 0 0))}}}}.focus\:ring-offset-info-content:focus{&:focus{--tw-ring-offset-color:var(--color-info-content,oklch(0% 0 0))}}.hover\:bg-success:hover{&:hover{@media (hover:hover){&{background-color:var(--color-success,oklch(64.8% .15 160))}}}}.focus\:bg-success:focus{&:focus{background-color:var(--color-success,oklch(64.8% .15 160))}}.hover\:to-success:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-success,oklch(64.8% .15 160));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-success:focus{&:focus{--tw-gradient-to:var(--color-success,oklch(64.8% .15 160));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-success:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-success,oklch(64.8% .15 160));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-success:focus{&:focus{--tw-gradient-via:var(--color-success,oklch(64.8% .15 160));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-success:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-success,oklch(64.8% .15 160));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-success:focus{&:focus{--tw-gradient-from:var(--color-success,oklch(64.8% .15 160));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-success:hover{&:hover{@media (hover:hover){&{color:var(--color-success,oklch(64.8% .15 160))}}}}.focus\:text-success:focus{&:focus{color:var(--color-success,oklch(64.8% .15 160))}}.hover\:ring-success:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-success,oklch(64.8% .15 160))}}}}.focus\:ring-success:focus{&:focus{--tw-ring-color:var(--color-success,oklch(64.8% .15 160))}}.hover\:stroke-success:hover{&:hover{@media (hover:hover){&{stroke:var(--color-success,oklch(64.8% .15 160))}}}}.focus\:stroke-success:focus{&:focus{stroke:var(--color-success,oklch(64.8% .15 160))}}.hover\:border-success:hover{&:hover{@media (hover:hover){&{border-color:var(--color-success,oklch(64.8% .15 160))}}}}.focus\:border-success:focus{&:focus{border-color:var(--color-success,oklch(64.8% .15 160))}}.hover\:outline-success:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-success,oklch(64.8% .15 160))}}}}.focus\:outline-success:focus{&:focus{outline-color:var(--color-success,oklch(64.8% .15 160))}}.hover\:ring-offset-success:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-success,oklch(64.8% .15 160))}}}}.focus\:ring-offset-success:focus{&:focus{--tw-ring-offset-color:var(--color-success,oklch(64.8% .15 160))}}.hover\:bg-success-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-success-content,oklch(0% 0 0))}}}}.focus\:bg-success-content:focus{&:focus{background-color:var(--color-success-content,oklch(0% 0 0))}}.hover\:to-success-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-success-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-success-content:focus{&:focus{--tw-gradient-to:var(--color-success-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-success-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-success-content,oklch(0% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-success-content:focus{&:focus{--tw-gradient-via:var(--color-success-content,oklch(0% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-success-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-success-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-success-content:focus{&:focus{--tw-gradient-from:var(--color-success-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-success-content:hover{&:hover{@media (hover:hover){&{color:var(--color-success-content,oklch(0% 0 0))}}}}.focus\:text-success-content:focus{&:focus{color:var(--color-success-content,oklch(0% 0 0))}}.hover\:ring-success-content:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-success-content,oklch(0% 0 0))}}}}.focus\:ring-success-content:focus{&:focus{--tw-ring-color:var(--color-success-content,oklch(0% 0 0))}}.hover\:stroke-success-content:hover{&:hover{@media (hover:hover){&{stroke:var(--color-success-content,oklch(0% 0 0))}}}}.focus\:stroke-success-content:focus{&:focus{stroke:var(--color-success-content,oklch(0% 0 0))}}.hover\:border-success-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-success-content,oklch(0% 0 0))}}}}.focus\:border-success-content:focus{&:focus{border-color:var(--color-success-content,oklch(0% 0 0))}}.hover\:outline-success-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-success-content,oklch(0% 0 0))}}}}.focus\:outline-success-content:focus{&:focus{outline-color:var(--color-success-content,oklch(0% 0 0))}}.hover\:ring-offset-success-content:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-success-content,oklch(0% 0 0))}}}}.focus\:ring-offset-success-content:focus{&:focus{--tw-ring-offset-color:var(--color-success-content,oklch(0% 0 0))}}.hover\:bg-warning:hover{&:hover{@media (hover:hover){&{background-color:var(--color-warning,oklch(84.71% .199 83.87))}}}}.focus\:bg-warning:focus{&:focus{background-color:var(--color-warning,oklch(84.71% .199 83.87))}}.hover\:to-warning:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-warning,oklch(84.71% .199 83.87));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-warning:focus{&:focus{--tw-gradient-to:var(--color-warning,oklch(84.71% .199 83.87));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-warning:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-warning,oklch(84.71% .199 83.87));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-warning:focus{&:focus{--tw-gradient-via:var(--color-warning,oklch(84.71% .199 83.87));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-warning:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-warning,oklch(84.71% .199 83.87));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-warning:focus{&:focus{--tw-gradient-from:var(--color-warning,oklch(84.71% .199 83.87));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-warning:hover{&:hover{@media (hover:hover){&{color:var(--color-warning,oklch(84.71% .199 83.87))}}}}.focus\:text-warning:focus{&:focus{color:var(--color-warning,oklch(84.71% .199 83.87))}}.hover\:ring-warning:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-warning,oklch(84.71% .199 83.87))}}}}.focus\:ring-warning:focus{&:focus{--tw-ring-color:var(--color-warning,oklch(84.71% .199 83.87))}}.hover\:stroke-warning:hover{&:hover{@media (hover:hover){&{stroke:var(--color-warning,oklch(84.71% .199 83.87))}}}}.focus\:stroke-warning:focus{&:focus{stroke:var(--color-warning,oklch(84.71% .199 83.87))}}.hover\:border-warning:hover{&:hover{@media (hover:hover){&{border-color:var(--color-warning,oklch(84.71% .199 83.87))}}}}.focus\:border-warning:focus{&:focus{border-color:var(--color-warning,oklch(84.71% .199 83.87))}}.hover\:outline-warning:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-warning,oklch(84.71% .199 83.87))}}}}.focus\:outline-warning:focus{&:focus{outline-color:var(--color-warning,oklch(84.71% .199 83.87))}}.hover\:ring-offset-warning:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-warning,oklch(84.71% .199 83.87))}}}}.focus\:ring-offset-warning:focus{&:focus{--tw-ring-offset-color:var(--color-warning,oklch(84.71% .199 83.87))}}.hover\:bg-warning-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-warning-content,oklch(0% 0 0))}}}}.focus\:bg-warning-content:focus{&:focus{background-color:var(--color-warning-content,oklch(0% 0 0))}}.hover\:to-warning-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-warning-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-warning-content:focus{&:focus{--tw-gradient-to:var(--color-warning-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-warning-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-warning-content,oklch(0% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-warning-content:focus{&:focus{--tw-gradient-via:var(--color-warning-content,oklch(0% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-warning-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-warning-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-warning-content:focus{&:focus{--tw-gradient-from:var(--color-warning-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-warning-content:hover{&:hover{@media (hover:hover){&{color:var(--color-warning-content,oklch(0% 0 0))}}}}.focus\:text-warning-content:focus{&:focus{color:var(--color-warning-content,oklch(0% 0 0))}}.hover\:ring-warning-content:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-warning-content,oklch(0% 0 0))}}}}.focus\:ring-warning-content:focus{&:focus{--tw-ring-color:var(--color-warning-content,oklch(0% 0 0))}}.hover\:stroke-warning-content:hover{&:hover{@media (hover:hover){&{stroke:var(--color-warning-content,oklch(0% 0 0))}}}}.focus\:stroke-warning-content:focus{&:focus{stroke:var(--color-warning-content,oklch(0% 0 0))}}.hover\:border-warning-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-warning-content,oklch(0% 0 0))}}}}.focus\:border-warning-content:focus{&:focus{border-color:var(--color-warning-content,oklch(0% 0 0))}}.hover\:outline-warning-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-warning-content,oklch(0% 0 0))}}}}.focus\:outline-warning-content:focus{&:focus{outline-color:var(--color-warning-content,oklch(0% 0 0))}}.hover\:ring-offset-warning-content:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-warning-content,oklch(0% 0 0))}}}}.focus\:ring-offset-warning-content:focus{&:focus{--tw-ring-offset-color:var(--color-warning-content,oklch(0% 0 0))}}.hover\:bg-error:hover{&:hover{@media (hover:hover){&{background-color:var(--color-error,oklch(71.76% .221 22.18))}}}}.focus\:bg-error:focus{&:focus{background-color:var(--color-error,oklch(71.76% .221 22.18))}}.hover\:to-error:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-error,oklch(71.76% .221 22.18));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-error:focus{&:focus{--tw-gradient-to:var(--color-error,oklch(71.76% .221 22.18));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-error:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-error,oklch(71.76% .221 22.18));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-error:focus{&:focus{--tw-gradient-via:var(--color-error,oklch(71.76% .221 22.18));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-error:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-error,oklch(71.76% .221 22.18));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-error:focus{&:focus{--tw-gradient-from:var(--color-error,oklch(71.76% .221 22.18));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-error:hover{&:hover{@media (hover:hover){&{color:var(--color-error,oklch(71.76% .221 22.18))}}}}.focus\:text-error:focus{&:focus{color:var(--color-error,oklch(71.76% .221 22.18))}}.hover\:ring-error:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-error,oklch(71.76% .221 22.18))}}}}.focus\:ring-error:focus{&:focus{--tw-ring-color:var(--color-error,oklch(71.76% .221 22.18))}}.hover\:stroke-error:hover{&:hover{@media (hover:hover){&{stroke:var(--color-error,oklch(71.76% .221 22.18))}}}}.focus\:stroke-error:focus{&:focus{stroke:var(--color-error,oklch(71.76% .221 22.18))}}.hover\:border-error:hover{&:hover{@media (hover:hover){&{border-color:var(--color-error,oklch(71.76% .221 22.18))}}}}.focus\:border-error:focus{&:focus{border-color:var(--color-error,oklch(71.76% .221 22.18))}}.hover\:outline-error:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-error,oklch(71.76% .221 22.18))}}}}.focus\:outline-error:focus{&:focus{outline-color:var(--color-error,oklch(71.76% .221 22.18))}}.hover\:ring-offset-error:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-error,oklch(71.76% .221 22.18))}}}}.focus\:ring-offset-error:focus{&:focus{--tw-ring-offset-color:var(--color-error,oklch(71.76% .221 22.18))}}.hover\:bg-error-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-error-content,oklch(0% 0 0))}}}}.focus\:bg-error-content:focus{&:focus{background-color:var(--color-error-content,oklch(0% 0 0))}}.hover\:to-error-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-error-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-error-content:focus{&:focus{--tw-gradient-to:var(--color-error-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-error-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-error-content,oklch(0% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-error-content:focus{&:focus{--tw-gradient-via:var(--color-error-content,oklch(0% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-error-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-error-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-error-content:focus{&:focus{--tw-gradient-from:var(--color-error-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-error-content:hover{&:hover{@media (hover:hover){&{color:var(--color-error-content,oklch(0% 0 0))}}}}.focus\:text-error-content:focus{&:focus{color:var(--color-error-content,oklch(0% 0 0))}}.hover\:ring-error-content:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-error-content,oklch(0% 0 0))}}}}.focus\:ring-error-content:focus{&:focus{--tw-ring-color:var(--color-error-content,oklch(0% 0 0))}}.hover\:stroke-error-content:hover{&:hover{@media (hover:hover){&{stroke:var(--color-error-content,oklch(0% 0 0))}}}}.focus\:stroke-error-content:focus{&:focus{stroke:var(--color-error-content,oklch(0% 0 0))}}.hover\:border-error-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-error-content,oklch(0% 0 0))}}}}.focus\:border-error-content:focus{&:focus{border-color:var(--color-error-content,oklch(0% 0 0))}}.hover\:outline-error-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-error-content,oklch(0% 0 0))}}}}.focus\:outline-error-content:focus{&:focus{outline-color:var(--color-error-content,oklch(0% 0 0))}}.hover\:ring-offset-error-content:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-error-content,oklch(0% 0 0))}}}}.focus\:ring-offset-error-content:focus{&:focus{--tw-ring-offset-color:var(--color-error-content,oklch(0% 0 0))}}
@@ -0,0 +1,7 @@
1
+ [
2
+ "avatar-group",
3
+ "avatar",
4
+ "avatar-placeholder",
5
+ "avatar-online",
6
+ "avatar-offline"
7
+ ]
@@ -0,0 +1,12 @@
1
+ import { plugin } from '../../functions/plugin.js';
2
+ import index from './index.js';
3
+
4
+ export default {
5
+ plugins: [
6
+ plugin(({ addComponents }) => {
7
+ addComponents({
8
+ ...index
9
+ });
10
+ })
11
+ ],
12
+ };
@@ -0,0 +1 @@
1
+ @config "./config.js";
@@ -0,0 +1,42 @@
1
+ export default {
2
+ ".avatar-group": {
3
+ "@apply flex overflow-hidden": {},
4
+ ":where(.avatar)": {
5
+ "@apply border-base-100 overflow-hidden rounded-full border-4": {}
6
+ }
7
+ },
8
+ ".avatar": {
9
+ "@apply relative inline-flex align-middle": {},
10
+ "&>div": {
11
+ "@apply block aspect-square overflow-hidden": {}
12
+ },
13
+ "img": {
14
+ "@apply h-full w-full object-cover": {}
15
+ }
16
+ },
17
+ ".avatar-placeholder": {
18
+ "&>div": {
19
+ "@apply flex items-center justify-center": {}
20
+ }
21
+ },
22
+ ".avatar-online": {
23
+ "&:before": {
24
+ "content": "\"\"",
25
+ "@apply bg-success outline-base-100 absolute z-10 block rounded-full outline outline-2": {},
26
+ "width": "15%",
27
+ "height": "15%",
28
+ "top": "7%",
29
+ "right": "7%"
30
+ }
31
+ },
32
+ ".avatar-offline": {
33
+ "&:before": {
34
+ "content": "\"\"",
35
+ "@apply bg-base-300 outline-base-100 absolute z-10 block rounded-full outline outline-2": {},
36
+ "width": "15%",
37
+ "height": "15%",
38
+ "top": "7%",
39
+ "right": "7%"
40
+ }
41
+ }
42
+ };
@@ -0,0 +1 @@
1
+ .avatar-group{display:flex;overflow:hidden;& :where(.avatar){border-style:var(--tw-border-style);border-width:4px;border-color:var(--color-base-100,oklch(100% 0 0));border-radius:3.40282e38px;overflow:hidden}}.avatar{vertical-align:middle;display:inline-flex;position:relative;&>div{aspect-ratio:1;display:block;overflow:hidden}& img{object-fit:cover;width:100%;height:100%}}.avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.avatar-online{&:before{content:"";z-index:10;background-color:var(--color-success,oklch(64.8% .15 160));outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--color-base-100,oklch(100% 0 0));border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.avatar-offline{&:before{content:"";z-index:10;background-color:var(--color-base-300,oklch(92.4169% .00108 197.138));outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--color-base-100,oklch(100% 0 0));border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}
@@ -0,0 +1,18 @@
1
+ [
2
+ "badge",
3
+ "badge-outline",
4
+ "badge-faded",
5
+ "badge-primary",
6
+ "badge-secondary",
7
+ "badge-accent",
8
+ "badge-neutral",
9
+ "badge-info",
10
+ "badge-success",
11
+ "badge-warning",
12
+ "badge-error",
13
+ "badge-ghost",
14
+ "badge-xs",
15
+ "badge-sm",
16
+ "badge-md",
17
+ "badge-lg"
18
+ ]
@@ -4,7 +4,7 @@ import index from './index.js';
4
4
  export default {
5
5
  plugins: [
6
6
  plugin(({ addComponents }) => {
7
- addComponents({
7
+ addComponents({
8
8
  ...index
9
9
  });
10
10
  })
@@ -1,109 +1 @@
1
- .badge {
2
- display: inline-flex;
3
- height: var(--spacing-5, 1.25rem);
4
- align-items: center;
5
- justify-content: center;
6
- border-radius: var(--radius-badge, 1.9rem);
7
- border-style: var(--tw-border-style);
8
- border-width: 1px;
9
- font-size: var(--font-size-sm, 0.875rem);
10
- line-height: var(--tw-leading, var(--font-size-sm--line-height, 1.25rem));
11
- --tw-leading: var(--line-height-5, 1.25rem);
12
- line-height: var(--line-height-5, 1.25rem);
13
- color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
14
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
15
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
16
- transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
17
- --tw-duration: 200ms;
18
- transition-duration: 200ms;
19
- --tw-ease: var(--transition-timing-function-out, cubic-bezier(0, 0, 0.2, 1));
20
- transition-timing-function: var(--transition-timing-function-out, cubic-bezier(0, 0, 0.2, 1));
21
- width: fit-content;
22
- padding-left: 0.563rem;
23
- padding-right: 0.563rem;
24
- background: var(--badge-color, var(--color-base-100));
25
- border-color: var(--badge-color, var(--color-base-200));
26
- &.badge-outline {
27
- border-color: color-mix(in srgb, currentColor 50%, transparent);
28
- background-color: transparent;
29
- color: var(--badge-color, var(--color-base-content));
30
- }
31
- }
32
- .badge-faded {
33
- color: color-mix(in xyz, var(--badge-color) 80%, var(--color-base-content));
34
- background: color-mix(in xyz, var(--badge-color) 10%, var(--color-base-100));
35
- border-color: color-mix(in xyz, var(--badge-color) 7%, transparent);
36
- }
37
- .badge-primary {
38
- --badge-color: var(--color-primary);
39
- color: var(--color-primary-content, oklch(89.824% 0.06192 275.75));
40
- }
41
- .badge-secondary {
42
- --badge-color: var(--color-secondary);
43
- color: var(--color-secondary-content, oklch(98.71% 0.0106 342.55));
44
- }
45
- .badge-accent {
46
- --badge-color: var(--color-accent);
47
- color: var(--color-accent-content, oklch(15.352% 0.0368 183.61));
48
- }
49
- .badge-neutral {
50
- --badge-color: var(--color-neutral);
51
- color: var(--color-neutral-content, oklch(89.4994% 0.011585 252.096176));
52
- }
53
- .badge-info {
54
- --badge-color: var(--color-info);
55
- color: var(--color-info-content, oklch(0% 0 0));
56
- }
57
- .badge-success {
58
- --badge-color: var(--color-success);
59
- color: var(--color-success-content, oklch(0% 0 0));
60
- }
61
- .badge-warning {
62
- --badge-color: var(--color-warning);
63
- color: var(--color-warning-content, oklch(0% 0 0));
64
- }
65
- .badge-error {
66
- --badge-color: var(--color-error);
67
- color: var(--color-error-content, oklch(0% 0 0));
68
- }
69
- .badge-ghost {
70
- border-color: var(--color-base-200, oklch(96.1151% 0 0));
71
- background-color: var(--color-base-200, oklch(96.1151% 0 0));
72
- color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
73
- }
74
- .badge-xs {
75
- height: var(--spacing-3, 0.75rem);
76
- font-size: var(--font-size-xs, 0.75rem);
77
- line-height: var(--tw-leading, var(--font-size-xs--line-height, 1rem));
78
- --tw-leading: var(--line-height-3, 0.75rem);
79
- line-height: var(--line-height-3, 0.75rem);
80
- padding-left: 0.313rem;
81
- padding-right: 0.313rem;
82
- }
83
- .badge-sm {
84
- height: var(--spacing-4, 1rem);
85
- font-size: var(--font-size-xs, 0.75rem);
86
- line-height: var(--tw-leading, var(--font-size-xs--line-height, 1rem));
87
- --tw-leading: var(--line-height-4, 1rem);
88
- line-height: var(--line-height-4, 1rem);
89
- padding-left: 0.438rem;
90
- padding-right: 0.438rem;
91
- }
92
- .badge-md {
93
- height: var(--spacing-5, 1.25rem);
94
- font-size: var(--font-size-sm, 0.875rem);
95
- line-height: var(--tw-leading, var(--font-size-sm--line-height, 1.25rem));
96
- --tw-leading: var(--line-height-5, 1.25rem);
97
- line-height: var(--line-height-5, 1.25rem);
98
- padding-left: 0.563rem;
99
- padding-right: 0.563rem;
100
- }
101
- .badge-lg {
102
- height: var(--spacing-6, 1.5rem);
103
- font-size: var(--font-size-base, 1rem);
104
- line-height: var(--tw-leading, var(--font-size-base--line-height, 1.5rem));
105
- --tw-leading: var(--line-height-6, 1.5rem);
106
- line-height: var(--line-height-6, 1.5rem);
107
- padding-left: 0.688rem;
108
- padding-right: 0.688rem;
109
- }
1
+ .badge{height:var(--spacing-5,1.25rem);border-radius:var(--radius-badge,1.9rem);border-style:var(--tw-border-style);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-5,1.25rem);line-height:var(--line-height-5,1.25rem);color:var(--color-base-content,oklch(27.8078% .029596 256.848));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--transition-timing-function-out,cubic-bezier(0,0,.2,1));transition-duration:.2s;transition-timing-function:var(--transition-timing-function-out,cubic-bezier(0,0,.2,1));background:var(--badge-color,var(--color-base-100));border-width:1px;border-color:var(--badge-color,var(--color-base-200));justify-content:center;align-items:center;width:fit-content;padding-left:.563rem;padding-right:.563rem;display:inline-flex;&.badge-outline{border-color:color-mix(in srgb,currentColor 50%,transparent);color:var(--badge-color,var(--color-base-content));background-color:#0000}}.badge-faded{color:color-mix(in xyz,var(--badge-color)80%,var(--color-base-content));background:color-mix(in xyz,var(--badge-color)10%,var(--color-base-100));border-color:color-mix(in xyz,var(--badge-color)7%,transparent)}.badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content,oklch(89.824% .06192 275.75))}.badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}.badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content,oklch(15.352% .0368 183.61))}.badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}.badge-info{--badge-color:var(--color-info);color:var(--color-info-content,oklch(0% 0 0))}.badge-success{--badge-color:var(--color-success);color:var(--color-success-content,oklch(0% 0 0))}.badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content,oklch(0% 0 0))}.badge-error{--badge-color:var(--color-error);color:var(--color-error-content,oklch(0% 0 0))}.badge-ghost{border-color:var(--color-base-200,oklch(96.1151% 0 0));background-color:var(--color-base-200,oklch(96.1151% 0 0));color:var(--color-base-content,oklch(27.8078% .029596 256.848))}.badge-xs{height:var(--spacing-3,.75rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-3,.75rem);line-height:var(--line-height-3,.75rem);padding-left:.313rem;padding-right:.313rem}.badge-sm{height:var(--spacing-4,1rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-4,1rem);line-height:var(--line-height-4,1rem);padding-left:.438rem;padding-right:.438rem}.badge-md{height:var(--spacing-5,1.25rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-5,1.25rem);line-height:var(--line-height-5,1.25rem);padding-left:.563rem;padding-right:.563rem}.badge-lg{height:var(--spacing-6,1.5rem);font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem));--tw-leading:var(--line-height-6,1.5rem);line-height:var(--line-height-6,1.5rem);padding-left:.688rem;padding-right:.688rem}
@@ -0,0 +1,24 @@
1
+ [
2
+ "btn",
3
+ "btn-active",
4
+ "btn-primary",
5
+ "btn-secondary",
6
+ "btn-accent",
7
+ "btn-neutral",
8
+ "btn-info",
9
+ "btn-success",
10
+ "btn-warning",
11
+ "btn-error",
12
+ "glass",
13
+ "btn-ghost",
14
+ "btn-link",
15
+ "btn-outline",
16
+ "btn-xs",
17
+ "btn-sm",
18
+ "btn-md",
19
+ "btn-lg",
20
+ "btn-square",
21
+ "btn-circle",
22
+ "btn-wide",
23
+ "btn-block"
24
+ ]
@@ -4,7 +4,7 @@ import index from './index.js';
4
4
  export default {
5
5
  plugins: [
6
6
  plugin(({ addComponents }) => {
7
- addComponents({
7
+ addComponents({
8
8
  ...index
9
9
  });
10
10
  })
@@ -6,16 +6,17 @@ export default {
6
6
  "borderWidth": "var(--spacing-button-border)",
7
7
  "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 2%)",
8
8
  "borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 4%)",
9
- "boxShadow": "0 1px 0 0 color-mix(in oklch, white 3%, transparent) inset,\n 0 1px 1px 0 oklch(0% 0 0/0.07)",
9
+ "boxShadow": "0 1px 1px 0 oklch(0% 0 0/0.07)",
10
10
  "&:hover": {
11
- "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)",
12
- "borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)",
13
- "backgroundColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)"
11
+ "backgroundColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)",
12
+ "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)",
13
+ "borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 9%)"
14
14
  },
15
15
  "&.btn-active": {
16
- "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)",
17
- "borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)",
18
- "backgroundColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)"
16
+ "backgroundColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)",
17
+ "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)",
18
+ "borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 9%)",
19
+ "boxShadow": "0 0 0 0 oklch(0% 0 0/0.07)"
19
20
  },
20
21
  "&:focus-visible": {
21
22
  "@apply outline outline-2": {}
@@ -24,9 +25,10 @@ export default {
24
25
  "&:focus": {
25
26
  "transform": "scale(var(--btn-focus-scale, 0.98))",
26
27
  "@apply animate-[button-pop_0s_ease-out]": {},
27
- "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)",
28
- "borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)",
29
- "boxShadow": "0 1px 0 0 oklch(0% 0 0/0.07) inset,\n 0 0 0 0 oklch(0% 0 0/0.1)"
28
+ "backgroundColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)",
29
+ "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)",
30
+ "borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 9%)",
31
+ "boxShadow": "0 0 0 0 oklch(0% 0 0/0.07)"
30
32
  },
31
33
  "&:hover": {
32
34
  "transform": "scale(var(--btn-focus-scale, 0.97))",