daisyui 5.6.0-beta.0 → 5.6.1

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 (118) hide show
  1. package/base/properties.css +1 -1
  2. package/base/reset.css +1 -1
  3. package/base/rootcolor.css +1 -1
  4. package/base/rootscrollgutter.css +1 -1
  5. package/base/rootscrolllock.css +1 -1
  6. package/base/scrollbar.css +1 -1
  7. package/base/svg.css +1 -1
  8. package/chunks.css +57 -57
  9. package/colors/properties-extended.css +1 -1
  10. package/colors/properties.css +1 -1
  11. package/colors/responsive-extended.css +1 -1
  12. package/colors/responsive.css +1 -1
  13. package/colors/states-extended.css +1 -1
  14. package/colors/states.css +1 -1
  15. package/components/alert/object.js +1 -1
  16. package/components/alert.css +1 -1
  17. package/components/aura/object.js +1 -1
  18. package/components/aura.css +1 -1
  19. package/components/avatar.css +1 -1
  20. package/components/badge.css +1 -1
  21. package/components/breadcrumbs.css +1 -1
  22. package/components/button/object.js +1 -1
  23. package/components/button.css +1 -1
  24. package/components/calendar/object.js +1 -1
  25. package/components/calendar.css +1 -1
  26. package/components/card.css +1 -1
  27. package/components/carousel.css +1 -1
  28. package/components/chat/object.js +1 -1
  29. package/components/chat.css +1 -1
  30. package/components/checkbox/object.js +1 -1
  31. package/components/checkbox.css +1 -1
  32. package/components/collapse.css +1 -1
  33. package/components/countdown.css +1 -1
  34. package/components/diff/object.js +1 -1
  35. package/components/diff.css +1 -1
  36. package/components/divider.css +1 -1
  37. package/components/dock/object.js +1 -1
  38. package/components/dock.css +1 -1
  39. package/components/drawer/object.js +1 -1
  40. package/components/drawer.css +1 -1
  41. package/components/dropdown/object.js +1 -1
  42. package/components/dropdown.css +1 -1
  43. package/components/fab/object.js +1 -1
  44. package/components/fab.css +1 -1
  45. package/components/fieldset/object.js +1 -1
  46. package/components/fieldset.css +1 -1
  47. package/components/fileinput/object.js +1 -1
  48. package/components/fileinput.css +1 -1
  49. package/components/filter/object.js +1 -1
  50. package/components/filter.css +1 -1
  51. package/components/footer.css +1 -1
  52. package/components/hero.css +1 -1
  53. package/components/hover3d/object.js +1 -1
  54. package/components/hover3d.css +1 -1
  55. package/components/hovergallery.css +1 -1
  56. package/components/indicator.css +1 -1
  57. package/components/input/object.js +1 -1
  58. package/components/input.css +1 -1
  59. package/components/kbd.css +1 -1
  60. package/components/label/object.js +1 -1
  61. package/components/label.css +1 -1
  62. package/components/link.css +1 -1
  63. package/components/list/object.js +1 -1
  64. package/components/list.css +1 -1
  65. package/components/loading.css +1 -1
  66. package/components/mask.css +1 -1
  67. package/components/megamenu/object.js +1 -1
  68. package/components/megamenu.css +1 -1
  69. package/components/menu/object.js +1 -1
  70. package/components/menu.css +1 -1
  71. package/components/mockup.css +1 -1
  72. package/components/modal/object.js +1 -1
  73. package/components/modal.css +1 -1
  74. package/components/navbar.css +1 -1
  75. package/components/otp/object.js +1 -1
  76. package/components/otp.css +1 -1
  77. package/components/progress.css +1 -1
  78. package/components/radialprogress/object.js +1 -1
  79. package/components/radialprogress.css +1 -1
  80. package/components/radio/object.js +1 -1
  81. package/components/radio.css +1 -1
  82. package/components/range.css +1 -1
  83. package/components/rating/object.js +1 -1
  84. package/components/rating.css +1 -1
  85. package/components/select.css +1 -1
  86. package/components/skeleton.css +1 -1
  87. package/components/stack.css +1 -1
  88. package/components/stat.css +1 -1
  89. package/components/status/object.js +1 -1
  90. package/components/status.css +1 -1
  91. package/components/steps/object.js +1 -1
  92. package/components/steps.css +1 -1
  93. package/components/swap.css +1 -1
  94. package/components/tab/object.js +1 -1
  95. package/components/tab.css +1 -1
  96. package/components/table/object.js +1 -1
  97. package/components/table.css +1 -1
  98. package/components/textarea.css +1 -1
  99. package/components/textrotate.css +1 -1
  100. package/components/timeline/object.js +1 -1
  101. package/components/timeline.css +1 -1
  102. package/components/toast/object.js +1 -1
  103. package/components/toast.css +1 -1
  104. package/components/toggle.css +1 -1
  105. package/components/tooltip/object.js +1 -1
  106. package/components/tooltip.css +1 -1
  107. package/components/validator.css +1 -1
  108. package/daisyui.css +1 -1
  109. package/imports.js +55 -55
  110. package/index.js +1 -1
  111. package/package.json +2 -2
  112. package/theme/object.d.ts +27 -27
  113. package/theme/object.js +1 -1
  114. package/themes.css +1 -1
  115. package/utilities/glass.css +1 -1
  116. package/utilities/join.css +1 -1
  117. package/utilities/radius.css +1 -1
  118. package/utilities/typography.css +1 -1
package/components/progress.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.6.0-beta.0 - MIT License */ @layer utilities{.progress{@layer daisyui.l1.l2.l3{&{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklab,currentcolor 20%,transparent);width:100%;height:.5rem;color:var(--color-base-content);position:relative;overflow:hidden}&:indeterminate{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;@media (prefers-reduced-motion:no-preference){&{animation:5s ease-in-out infinite progress}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;@media (prefers-reduced-motion:no-preference){&{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress}}}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:currentColor}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:currentColor}}}}.progress-primary{@layer daisyui.l1.l2{&{color:var(--color-primary)}}}.progress-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary)}}}.progress-accent{@layer daisyui.l1.l2{&{color:var(--color-accent)}}}.progress-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral)}}}.progress-info{@layer daisyui.l1.l2{&{color:var(--color-info)}}}.progress-success{@layer daisyui.l1.l2{&{color:var(--color-success)}}}.progress-warning{@layer daisyui.l1.l2{&{color:var(--color-warning)}}}.progress-error{@layer daisyui.l1.l2{&{color:var(--color-error)}}}@keyframes progress{50%{background-position-x:-115%}}@media (width>=640px){.sm\:progress{@layer daisyui.l1.l2.l3{&{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklab,currentcolor 20%,transparent);width:100%;height:.5rem;color:var(--color-base-content);position:relative;overflow:hidden}&:indeterminate{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;@media (prefers-reduced-motion:no-preference){&{animation:5s ease-in-out infinite progress}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;@media (prefers-reduced-motion:no-preference){&{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress}}}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:currentColor}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:currentColor}}}}.sm\:progress-primary{@layer daisyui.l1.l2{&{color:var(--color-primary)}}}.sm\:progress-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary)}}}.sm\:progress-accent{@layer daisyui.l1.l2{&{color:var(--color-accent)}}}.sm\:progress-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral)}}}.sm\:progress-info{@layer daisyui.l1.l2{&{color:var(--color-info)}}}.sm\:progress-success{@layer daisyui.l1.l2{&{color:var(--color-success)}}}.sm\:progress-warning{@layer daisyui.l1.l2{&{color:var(--color-warning)}}}.sm\:progress-error{@layer daisyui.l1.l2{&{color:var(--color-error)}}}}@media (width>=768px){.md\:progress{@layer daisyui.l1.l2.l3{&{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklab,currentcolor 20%,transparent);width:100%;height:.5rem;color:var(--color-base-content);position:relative;overflow:hidden}&:indeterminate{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;@media (prefers-reduced-motion:no-preference){&{animation:5s ease-in-out infinite progress}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;@media (prefers-reduced-motion:no-preference){&{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress}}}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:currentColor}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:currentColor}}}}.md\:progress-primary{@layer daisyui.l1.l2{&{color:var(--color-primary)}}}.md\:progress-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary)}}}.md\:progress-accent{@layer daisyui.l1.l2{&{color:var(--color-accent)}}}.md\:progress-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral)}}}.md\:progress-info{@layer daisyui.l1.l2{&{color:var(--color-info)}}}.md\:progress-success{@layer daisyui.l1.l2{&{color:var(--color-success)}}}.md\:progress-warning{@layer daisyui.l1.l2{&{color:var(--color-warning)}}}.md\:progress-error{@layer daisyui.l1.l2{&{color:var(--color-error)}}}}@media (width>=1024px){.lg\:progress{@layer daisyui.l1.l2.l3{&{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklab,currentcolor 20%,transparent);width:100%;height:.5rem;color:var(--color-base-content);position:relative;overflow:hidden}&:indeterminate{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;@media (prefers-reduced-motion:no-preference){&{animation:5s ease-in-out infinite progress}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;@media (prefers-reduced-motion:no-preference){&{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress}}}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:currentColor}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:currentColor}}}}.lg\:progress-primary{@layer daisyui.l1.l2{&{color:var(--color-primary)}}}.lg\:progress-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary)}}}.lg\:progress-accent{@layer daisyui.l1.l2{&{color:var(--color-accent)}}}.lg\:progress-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral)}}}.lg\:progress-info{@layer daisyui.l1.l2{&{color:var(--color-info)}}}.lg\:progress-success{@layer daisyui.l1.l2{&{color:var(--color-success)}}}.lg\:progress-warning{@layer daisyui.l1.l2{&{color:var(--color-warning)}}}.lg\:progress-error{@layer daisyui.l1.l2{&{color:var(--color-error)}}}}@media (width>=1280px){.xl\:progress{@layer daisyui.l1.l2.l3{&{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklab,currentcolor 20%,transparent);width:100%;height:.5rem;color:var(--color-base-content);position:relative;overflow:hidden}&:indeterminate{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;@media (prefers-reduced-motion:no-preference){&{animation:5s ease-in-out infinite progress}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;@media (prefers-reduced-motion:no-preference){&{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress}}}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:currentColor}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:currentColor}}}}.xl\:progress-primary{@layer daisyui.l1.l2{&{color:var(--color-primary)}}}.xl\:progress-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary)}}}.xl\:progress-accent{@layer daisyui.l1.l2{&{color:var(--color-accent)}}}.xl\:progress-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral)}}}.xl\:progress-info{@layer daisyui.l1.l2{&{color:var(--color-info)}}}.xl\:progress-success{@layer daisyui.l1.l2{&{color:var(--color-success)}}}.xl\:progress-warning{@layer daisyui.l1.l2{&{color:var(--color-warning)}}}.xl\:progress-error{@layer daisyui.l1.l2{&{color:var(--color-error)}}}}@media (width>=1536px){.\32 xl\:progress{@layer daisyui.l1.l2.l3{&{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklab,currentcolor 20%,transparent);width:100%;height:.5rem;color:var(--color-base-content);position:relative;overflow:hidden}&:indeterminate{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;@media (prefers-reduced-motion:no-preference){&{animation:5s ease-in-out infinite progress}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;@media (prefers-reduced-motion:no-preference){&{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress}}}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:currentColor}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:currentColor}}}}.\32 xl\:progress-primary{@layer daisyui.l1.l2{&{color:var(--color-primary)}}}.\32 xl\:progress-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary)}}}.\32 xl\:progress-accent{@layer daisyui.l1.l2{&{color:var(--color-accent)}}}.\32 xl\:progress-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral)}}}.\32 xl\:progress-info{@layer daisyui.l1.l2{&{color:var(--color-info)}}}.\32 xl\:progress-success{@layer daisyui.l1.l2{&{color:var(--color-success)}}}.\32 xl\:progress-warning{@layer daisyui.l1.l2{&{color:var(--color-warning)}}}.\32 xl\:progress-error{@layer daisyui.l1.l2{&{color:var(--color-error)}}}}}
1
+ /*! 🌼 daisyUI 5.6.1 - MIT License */ @layer utilities{.progress{@layer daisyui.l1.l2.l3{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklab, currentcolor 20%, transparent);width:100%;height:.5rem;color:var(--color-base-content);position:relative;overflow:hidden;&:indeterminate{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;@media (prefers-reduced-motion:no-preference){animation:5s ease-in-out infinite progress}@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;@media (prefers-reduced-motion:no-preference){background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress}}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:currentColor}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:currentColor}}}}.progress-primary{@layer daisyui.l1.l2{color:var(--color-primary)}}.progress-secondary{@layer daisyui.l1.l2{color:var(--color-secondary)}}.progress-accent{@layer daisyui.l1.l2{color:var(--color-accent)}}.progress-neutral{@layer daisyui.l1.l2{color:var(--color-neutral)}}.progress-info{@layer daisyui.l1.l2{color:var(--color-info)}}.progress-success{@layer daisyui.l1.l2{color:var(--color-success)}}.progress-warning{@layer daisyui.l1.l2{color:var(--color-warning)}}.progress-error{@layer daisyui.l1.l2{color:var(--color-error)}}@keyframes progress{50%{background-position-x:-115%}}@media (width>=640px){.sm\:progress{@layer daisyui.l1.l2.l3{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklab, currentcolor 20%, transparent);width:100%;height:.5rem;color:var(--color-base-content);position:relative;overflow:hidden;&:indeterminate{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;@media (prefers-reduced-motion:no-preference){animation:5s ease-in-out infinite progress}@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;@media (prefers-reduced-motion:no-preference){background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress}}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:currentColor}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:currentColor}}}}.sm\:progress-primary{@layer daisyui.l1.l2{color:var(--color-primary)}}.sm\:progress-secondary{@layer daisyui.l1.l2{color:var(--color-secondary)}}.sm\:progress-accent{@layer daisyui.l1.l2{color:var(--color-accent)}}.sm\:progress-neutral{@layer daisyui.l1.l2{color:var(--color-neutral)}}.sm\:progress-info{@layer daisyui.l1.l2{color:var(--color-info)}}.sm\:progress-success{@layer daisyui.l1.l2{color:var(--color-success)}}.sm\:progress-warning{@layer daisyui.l1.l2{color:var(--color-warning)}}.sm\:progress-error{@layer daisyui.l1.l2{color:var(--color-error)}}}@media (width>=768px){.md\:progress{@layer daisyui.l1.l2.l3{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklab, currentcolor 20%, transparent);width:100%;height:.5rem;color:var(--color-base-content);position:relative;overflow:hidden;&:indeterminate{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;@media (prefers-reduced-motion:no-preference){animation:5s ease-in-out infinite progress}@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;@media (prefers-reduced-motion:no-preference){background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress}}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:currentColor}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:currentColor}}}}.md\:progress-primary{@layer daisyui.l1.l2{color:var(--color-primary)}}.md\:progress-secondary{@layer daisyui.l1.l2{color:var(--color-secondary)}}.md\:progress-accent{@layer daisyui.l1.l2{color:var(--color-accent)}}.md\:progress-neutral{@layer daisyui.l1.l2{color:var(--color-neutral)}}.md\:progress-info{@layer daisyui.l1.l2{color:var(--color-info)}}.md\:progress-success{@layer daisyui.l1.l2{color:var(--color-success)}}.md\:progress-warning{@layer daisyui.l1.l2{color:var(--color-warning)}}.md\:progress-error{@layer daisyui.l1.l2{color:var(--color-error)}}}@media (width>=1024px){.lg\:progress{@layer daisyui.l1.l2.l3{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklab, currentcolor 20%, transparent);width:100%;height:.5rem;color:var(--color-base-content);position:relative;overflow:hidden;&:indeterminate{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;@media (prefers-reduced-motion:no-preference){animation:5s ease-in-out infinite progress}@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;@media (prefers-reduced-motion:no-preference){background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress}}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:currentColor}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:currentColor}}}}.lg\:progress-primary{@layer daisyui.l1.l2{color:var(--color-primary)}}.lg\:progress-secondary{@layer daisyui.l1.l2{color:var(--color-secondary)}}.lg\:progress-accent{@layer daisyui.l1.l2{color:var(--color-accent)}}.lg\:progress-neutral{@layer daisyui.l1.l2{color:var(--color-neutral)}}.lg\:progress-info{@layer daisyui.l1.l2{color:var(--color-info)}}.lg\:progress-success{@layer daisyui.l1.l2{color:var(--color-success)}}.lg\:progress-warning{@layer daisyui.l1.l2{color:var(--color-warning)}}.lg\:progress-error{@layer daisyui.l1.l2{color:var(--color-error)}}}@media (width>=1280px){.xl\:progress{@layer daisyui.l1.l2.l3{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklab, currentcolor 20%, transparent);width:100%;height:.5rem;color:var(--color-base-content);position:relative;overflow:hidden;&:indeterminate{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;@media (prefers-reduced-motion:no-preference){animation:5s ease-in-out infinite progress}@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;@media (prefers-reduced-motion:no-preference){background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress}}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:currentColor}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:currentColor}}}}.xl\:progress-primary{@layer daisyui.l1.l2{color:var(--color-primary)}}.xl\:progress-secondary{@layer daisyui.l1.l2{color:var(--color-secondary)}}.xl\:progress-accent{@layer daisyui.l1.l2{color:var(--color-accent)}}.xl\:progress-neutral{@layer daisyui.l1.l2{color:var(--color-neutral)}}.xl\:progress-info{@layer daisyui.l1.l2{color:var(--color-info)}}.xl\:progress-success{@layer daisyui.l1.l2{color:var(--color-success)}}.xl\:progress-warning{@layer daisyui.l1.l2{color:var(--color-warning)}}.xl\:progress-error{@layer daisyui.l1.l2{color:var(--color-error)}}}@media (width>=1536px){.\32 xl\:progress{@layer daisyui.l1.l2.l3{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklab, currentcolor 20%, transparent);width:100%;height:.5rem;color:var(--color-base-content);position:relative;overflow:hidden;&:indeterminate{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;@media (prefers-reduced-motion:no-preference){animation:5s ease-in-out infinite progress}@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;@media (prefers-reduced-motion:no-preference){background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress}}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:currentColor}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:currentColor}}}}.\32 xl\:progress-primary{@layer daisyui.l1.l2{color:var(--color-primary)}}.\32 xl\:progress-secondary{@layer daisyui.l1.l2{color:var(--color-secondary)}}.\32 xl\:progress-accent{@layer daisyui.l1.l2{color:var(--color-accent)}}.\32 xl\:progress-neutral{@layer daisyui.l1.l2{color:var(--color-neutral)}}.\32 xl\:progress-info{@layer daisyui.l1.l2{color:var(--color-info)}}.\32 xl\:progress-success{@layer daisyui.l1.l2{color:var(--color-success)}}.\32 xl\:progress-warning{@layer daisyui.l1.l2{color:var(--color-warning)}}.\32 xl\:progress-error{@layer daisyui.l1.l2{color:var(--color-error)}}}}
package/components/radialprogress/object.js CHANGED
@@ -1 +1 @@
1
- export default {".radial-progress":{"@layer daisyui.l1.l2.l3":{"position":"relative","display":"inline-grid","height":"var(--size)","width":"var(--size)","place-content":"center","border-radius":"calc(infinity * 1px)","background-color":"transparent","vertical-align":"middle","box-sizing":"content-box","--value":"0","--size":"5rem","--thickness":"calc(var(--size) / 10)","--radialprogress":"calc(var(--value) * 1%)","transition":"--radialprogress 0.3s linear","&:before":{"position":"absolute","inset":"calc(0.25rem * 0)","border-radius":"calc(infinity * 1px)","content":"\"\"","background":"radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness) no-repeat, conic-gradient(currentColor var(--radialprogress), #0000 0)","webkit-mask":"radial-gradient( farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + 0.5px - var(--thickness)) )","mask":"radial-gradient( farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + 0.5px - var(--thickness)) )"},"&:after":{"position":"absolute","border-radius":"calc(infinity * 1px)","background-color":"currentcolor","transition":"transform 0.3s linear","content":"\"\"","inset":"calc(50% - var(--thickness) / 2)","transform":"rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%))"}}}};
1
+ export default {".radial-progress":{"@layer daisyui.l1.l2.l3":{"position":"relative","display":"inline-grid","height":"var(--size)","width":"var(--size)","place-content":"center","border-radius":"calc(infinity * 1px)","background-color":"transparent","vertical-align":"middle","box-sizing":"content-box","--value":"0","--size":"5rem","--thickness":"calc(var(--size) / 10)","--radialprogress":"calc(var(--value) * 1%)","transition":"--radialprogress 0.3s linear","&:before":{"position":"absolute","inset":"0","border-radius":"calc(infinity * 1px)","content":"\"\"","background":"radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness) no-repeat, conic-gradient(currentColor var(--radialprogress), #0000 0)","webkit-mask":"radial-gradient( farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + 0.5px - var(--thickness)) )","mask":"radial-gradient( farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + 0.5px - var(--thickness)) )"},"&:after":{"position":"absolute","border-radius":"calc(infinity * 1px)","background-color":"currentcolor","transition":"transform 0.3s linear","content":"\"\"","inset":"calc(50% - var(--thickness) / 2)","transform":"rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%))"}}}};
package/components/radialprogress.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.6.0-beta.0 - MIT License */ @layer utilities{.radial-progress{@layer daisyui.l1.l2.l3{&{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative}&:before{content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}@media (width>=640px){.sm\:radial-progress{@layer daisyui.l1.l2.l3{&{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative}&:before{content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}}@media (width>=768px){.md\:radial-progress{@layer daisyui.l1.l2.l3{&{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative}&:before{content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}}@media (width>=1024px){.lg\:radial-progress{@layer daisyui.l1.l2.l3{&{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative}&:before{content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}}@media (width>=1280px){.xl\:radial-progress{@layer daisyui.l1.l2.l3{&{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative}&:before{content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}}@media (width>=1536px){.\32 xl\:radial-progress{@layer daisyui.l1.l2.l3{&{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative}&:before{content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}}}
1
+ /*! 🌼 daisyUI 5.6.1 - MIT License */ @layer utilities{.radial-progress{@layer daisyui.l1.l2.l3{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size) / 10);--radialprogress:calc(var(--value) * 1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{content:"";background:radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness) no-repeat, conic-gradient(currentColor var(--radialprogress), #0000 0);-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness) / 2);transform:rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}@media (width>=640px){.sm\:radial-progress{@layer daisyui.l1.l2.l3{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size) / 10);--radialprogress:calc(var(--value) * 1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{content:"";background:radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness) no-repeat, conic-gradient(currentColor var(--radialprogress), #0000 0);-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness) / 2);transform:rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}}@media (width>=768px){.md\:radial-progress{@layer daisyui.l1.l2.l3{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size) / 10);--radialprogress:calc(var(--value) * 1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{content:"";background:radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness) no-repeat, conic-gradient(currentColor var(--radialprogress), #0000 0);-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness) / 2);transform:rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}}@media (width>=1024px){.lg\:radial-progress{@layer daisyui.l1.l2.l3{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size) / 10);--radialprogress:calc(var(--value) * 1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{content:"";background:radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness) no-repeat, conic-gradient(currentColor var(--radialprogress), #0000 0);-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness) / 2);transform:rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}}@media (width>=1280px){.xl\:radial-progress{@layer daisyui.l1.l2.l3{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size) / 10);--radialprogress:calc(var(--value) * 1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{content:"";background:radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness) no-repeat, conic-gradient(currentColor var(--radialprogress), #0000 0);-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness) / 2);transform:rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}}@media (width>=1536px){.\32 xl\:radial-progress{@layer daisyui.l1.l2.l3{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size) / 10);--radialprogress:calc(var(--value) * 1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{content:"";background:radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness) no-repeat, conic-gradient(currentColor var(--radialprogress), #0000 0);-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness) / 2);transform:rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}}}
package/components/radio/object.js CHANGED
@@ -1 +1 @@
1
- export default {".radio":{"@layer daisyui.l1.l2.l3":{"position":"relative","display":"inline-block","flex-shrink":0,"cursor":"pointer","appearance":"none","border-radius":"calc(infinity * 1px)","padding":"calc(0.25rem * 1)","vertical-align":"middle","border":"var(--border) solid var(--input-color, color-mix(in srgb, currentColor 20%, #0000))","box-shadow":"0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset","--size":"calc(var(--size-selector, 0.25rem) * 6)","width":"var(--size)","height":"var(--size)","color":"var(--input-color, currentColor)","&:before":{"display":"block","width":"100%","height":"100%","border-radius":"calc(infinity * 1px)","--tw-content":"\"\"","content":"var(--tw-content)","background-size":"auto, calc(var(--noise) * 100%)","background-image":"none, var(--fx-noise)"},"&:focus-visible":{"outline":"2px solid currentColor"},"&:checked, &[aria-checked=\"true\"]":{"border-color":"currentcolor","background-color":"var(--color-base-100)","@media (prefers-reduced-motion: no-preference)":{"animation":"radio 0.2s ease-out"},"&:before":{"background-color":"currentcolor","box-shadow":"0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1))"},"@media (forced-colors: active)":{"&:before":{"outline-style":"var(--tw-outline-style)","outline-width":"1px","outline-offset":"calc(1px * -1)"}},"@media print":{"&:before":{"outline":"0.25rem solid","outline-offset":"-1rem"}}}}},".radio-primary":{"@layer daisyui.l1.l2":{"--input-color":"var(--color-primary)"}},".radio-secondary":{"@layer daisyui.l1.l2":{"--input-color":"var(--color-secondary)"}},".radio-accent":{"@layer daisyui.l1.l2":{"--input-color":"var(--color-accent)"}},".radio-neutral":{"@layer daisyui.l1.l2":{"--input-color":"var(--color-neutral)"}},".radio-info":{"@layer daisyui.l1.l2":{"--input-color":"var(--color-info)"}},".radio-success":{"@layer daisyui.l1.l2":{"--input-color":"var(--color-success)"}},".radio-warning":{"@layer daisyui.l1.l2":{"--input-color":"var(--color-warning)"}},".radio-error":{"@layer daisyui.l1.l2":{"--input-color":"var(--color-error)"}},".radio:disabled":{"@layer daisyui.l1.l2":{"cursor":"not-allowed","opacity":"20%"}},".radio-xs":{"@layer daisyui.l1.l2":{"padding":"0.125rem","&:is([type=\"radio\"])":{"--size":"calc(var(--size-selector, 0.25rem) * 4)"}}},".radio-sm":{"@layer daisyui.l1.l2":{"padding":"0.1875rem","&:is([type=\"radio\"])":{"--size":"calc(var(--size-selector, 0.25rem) * 5)"}}},".radio-md":{"@layer daisyui.l1.l2":{"padding":"0.25rem","&:is([type=\"radio\"])":{"--size":"calc(var(--size-selector, 0.25rem) * 6)"}}},".radio-lg":{"@layer daisyui.l1.l2":{"padding":"0.3125rem","&:is([type=\"radio\"])":{"--size":"calc(var(--size-selector, 0.25rem) * 7)"}}},".radio-xl":{"@layer daisyui.l1.l2":{"padding":"0.375rem","&:is([type=\"radio\"])":{"--size":"calc(var(--size-selector, 0.25rem) * 8)"}}},"@keyframes radio":{"0%":{"padding":"5px"},"50%":{"padding":"3px"}}};
1
+ export default {".radio":{"@layer daisyui.l1.l2.l3":{"position":"relative","display":"inline-block","flex-shrink":0,"cursor":"pointer","appearance":"none","border-radius":"calc(infinity * 1px)","padding":"0.25rem","vertical-align":"middle","border":"var(--border) solid var(--input-color, color-mix(in srgb, currentColor 20%, #0000))","box-shadow":"0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset","--size":"calc(var(--size-selector, 0.25rem) * 6)","width":"var(--size)","height":"var(--size)","color":"var(--input-color, currentColor)","&:before":{"display":"block","width":"100%","height":"100%","border-radius":"calc(infinity * 1px)","--tw-content":"\"\"","content":"var(--tw-content)","background-size":"auto, calc(var(--noise) * 100%)","background-image":"none, var(--fx-noise)"},"&:focus-visible":{"outline":"2px solid currentColor"},"&:checked, &[aria-checked=\"true\"]":{"border-color":"currentcolor","background-color":"var(--color-base-100)","@media (prefers-reduced-motion: no-preference)":{"animation":"radio 0.2s ease-out"},"&:before":{"background-color":"currentcolor","box-shadow":"0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1))"},"@media (forced-colors: active)":{"&:before":{"outline-style":"var(--tw-outline-style)","outline-width":"1px","outline-offset":"calc(1px * -1)"}},"@media print":{"&:before":{"outline":"0.25rem solid","outline-offset":"-1rem"}}}}},".radio-primary":{"@layer daisyui.l1.l2":{"--input-color":"var(--color-primary)"}},".radio-secondary":{"@layer daisyui.l1.l2":{"--input-color":"var(--color-secondary)"}},".radio-accent":{"@layer daisyui.l1.l2":{"--input-color":"var(--color-accent)"}},".radio-neutral":{"@layer daisyui.l1.l2":{"--input-color":"var(--color-neutral)"}},".radio-info":{"@layer daisyui.l1.l2":{"--input-color":"var(--color-info)"}},".radio-success":{"@layer daisyui.l1.l2":{"--input-color":"var(--color-success)"}},".radio-warning":{"@layer daisyui.l1.l2":{"--input-color":"var(--color-warning)"}},".radio-error":{"@layer daisyui.l1.l2":{"--input-color":"var(--color-error)"}},".radio:disabled":{"@layer daisyui.l1.l2":{"cursor":"not-allowed","opacity":"20%"}},".radio-xs":{"@layer daisyui.l1.l2":{"padding":"0.125rem","&:is([type=\"radio\"])":{"--size":"calc(var(--size-selector, 0.25rem) * 4)"}}},".radio-sm":{"@layer daisyui.l1.l2":{"padding":"0.1875rem","&:is([type=\"radio\"])":{"--size":"calc(var(--size-selector, 0.25rem) * 5)"}}},".radio-md":{"@layer daisyui.l1.l2":{"padding":"0.25rem","&:is([type=\"radio\"])":{"--size":"calc(var(--size-selector, 0.25rem) * 6)"}}},".radio-lg":{"@layer daisyui.l1.l2":{"padding":"0.3125rem","&:is([type=\"radio\"])":{"--size":"calc(var(--size-selector, 0.25rem) * 7)"}}},".radio-xl":{"@layer daisyui.l1.l2":{"padding":"0.375rem","&:is([type=\"radio\"])":{"--size":"calc(var(--size-selector, 0.25rem) * 8)"}}},"@keyframes radio":{"0%":{"padding":"5px"},"50%":{"padding":"3px"}}};
package/components/radio.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.6.0-beta.0 - MIT License */ @layer utilities{.radio{@layer daisyui.l1.l2.l3{&{cursor:pointer;appearance:none;vertical-align:middle;border:var(--border)solid var(--input-color,color-mix(in srgb,currentColor 20%,#0000));box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);color:var(--input-color,currentColor);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;display:inline-block;position:relative}&:before{--tw-content:"";content:var(--tw-content);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);border-color:currentColor;@media (prefers-reduced-motion:no-preference){&{animation:.2s ease-out radio}}&:before{box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px oklch(0% 0 0/calc(var(--depth)*.1));background-color:currentColor}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px*-1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}}}}.radio-primary{@layer daisyui.l1.l2{&{--input-color:var(--color-primary)}}}.radio-secondary{@layer daisyui.l1.l2{&{--input-color:var(--color-secondary)}}}.radio-accent{@layer daisyui.l1.l2{&{--input-color:var(--color-accent)}}}.radio-neutral{@layer daisyui.l1.l2{&{--input-color:var(--color-neutral)}}}.radio-info{@layer daisyui.l1.l2{&{--input-color:var(--color-info)}}}.radio-success{@layer daisyui.l1.l2{&{--input-color:var(--color-success)}}}.radio-warning{@layer daisyui.l1.l2{&{--input-color:var(--color-warning)}}}.radio-error{@layer daisyui.l1.l2{&{--input-color:var(--color-error)}}}.radio:disabled{@layer daisyui.l1.l2{&{cursor:not-allowed;opacity:.2}}}.radio-xs{@layer daisyui.l1.l2{&{padding:.125rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*4)}}}.radio-sm{@layer daisyui.l1.l2{&{padding:.1875rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*5)}}}.radio-md{@layer daisyui.l1.l2{&{padding:.25rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*6)}}}.radio-lg{@layer daisyui.l1.l2{&{padding:.3125rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*7)}}}.radio-xl{@layer daisyui.l1.l2{&{padding:.375rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*8)}}}@keyframes radio{0%{padding:5px}50%{padding:3px}}@media (width>=640px){.sm\:radio{@layer daisyui.l1.l2.l3{&{cursor:pointer;appearance:none;vertical-align:middle;border:var(--border)solid var(--input-color,color-mix(in srgb,currentColor 20%,#0000));box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);color:var(--input-color,currentColor);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;display:inline-block;position:relative}&:before{--tw-content:"";content:var(--tw-content);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);border-color:currentColor;@media (prefers-reduced-motion:no-preference){&{animation:.2s ease-out radio}}&:before{box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px oklch(0% 0 0/calc(var(--depth)*.1));background-color:currentColor}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px*-1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}}}}.sm\:radio-primary{@layer daisyui.l1.l2{&{--input-color:var(--color-primary)}}}.sm\:radio-secondary{@layer daisyui.l1.l2{&{--input-color:var(--color-secondary)}}}.sm\:radio-accent{@layer daisyui.l1.l2{&{--input-color:var(--color-accent)}}}.sm\:radio-neutral{@layer daisyui.l1.l2{&{--input-color:var(--color-neutral)}}}.sm\:radio-info{@layer daisyui.l1.l2{&{--input-color:var(--color-info)}}}.sm\:radio-success{@layer daisyui.l1.l2{&{--input-color:var(--color-success)}}}.sm\:radio-warning{@layer daisyui.l1.l2{&{--input-color:var(--color-warning)}}}.sm\:radio-error{@layer daisyui.l1.l2{&{--input-color:var(--color-error)}}}.sm\:radio:disabled{@layer daisyui.l1.l2{&{cursor:not-allowed;opacity:.2}}}.sm\:radio-xs{@layer daisyui.l1.l2{&{padding:.125rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*4)}}}.sm\:radio-sm{@layer daisyui.l1.l2{&{padding:.1875rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*5)}}}.sm\:radio-md{@layer daisyui.l1.l2{&{padding:.25rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*6)}}}.sm\:radio-lg{@layer daisyui.l1.l2{&{padding:.3125rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*7)}}}.sm\:radio-xl{@layer daisyui.l1.l2{&{padding:.375rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*8)}}}}@media (width>=768px){.md\:radio{@layer daisyui.l1.l2.l3{&{cursor:pointer;appearance:none;vertical-align:middle;border:var(--border)solid var(--input-color,color-mix(in srgb,currentColor 20%,#0000));box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);color:var(--input-color,currentColor);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;display:inline-block;position:relative}&:before{--tw-content:"";content:var(--tw-content);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);border-color:currentColor;@media (prefers-reduced-motion:no-preference){&{animation:.2s ease-out radio}}&:before{box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px oklch(0% 0 0/calc(var(--depth)*.1));background-color:currentColor}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px*-1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}}}}.md\:radio-primary{@layer daisyui.l1.l2{&{--input-color:var(--color-primary)}}}.md\:radio-secondary{@layer daisyui.l1.l2{&{--input-color:var(--color-secondary)}}}.md\:radio-accent{@layer daisyui.l1.l2{&{--input-color:var(--color-accent)}}}.md\:radio-neutral{@layer daisyui.l1.l2{&{--input-color:var(--color-neutral)}}}.md\:radio-info{@layer daisyui.l1.l2{&{--input-color:var(--color-info)}}}.md\:radio-success{@layer daisyui.l1.l2{&{--input-color:var(--color-success)}}}.md\:radio-warning{@layer daisyui.l1.l2{&{--input-color:var(--color-warning)}}}.md\:radio-error{@layer daisyui.l1.l2{&{--input-color:var(--color-error)}}}.md\:radio:disabled{@layer daisyui.l1.l2{&{cursor:not-allowed;opacity:.2}}}.md\:radio-xs{@layer daisyui.l1.l2{&{padding:.125rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*4)}}}.md\:radio-sm{@layer daisyui.l1.l2{&{padding:.1875rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*5)}}}.md\:radio-md{@layer daisyui.l1.l2{&{padding:.25rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*6)}}}.md\:radio-lg{@layer daisyui.l1.l2{&{padding:.3125rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*7)}}}.md\:radio-xl{@layer daisyui.l1.l2{&{padding:.375rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*8)}}}}@media (width>=1024px){.lg\:radio{@layer daisyui.l1.l2.l3{&{cursor:pointer;appearance:none;vertical-align:middle;border:var(--border)solid var(--input-color,color-mix(in srgb,currentColor 20%,#0000));box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);color:var(--input-color,currentColor);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;display:inline-block;position:relative}&:before{--tw-content:"";content:var(--tw-content);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);border-color:currentColor;@media (prefers-reduced-motion:no-preference){&{animation:.2s ease-out radio}}&:before{box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px oklch(0% 0 0/calc(var(--depth)*.1));background-color:currentColor}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px*-1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}}}}.lg\:radio-primary{@layer daisyui.l1.l2{&{--input-color:var(--color-primary)}}}.lg\:radio-secondary{@layer daisyui.l1.l2{&{--input-color:var(--color-secondary)}}}.lg\:radio-accent{@layer daisyui.l1.l2{&{--input-color:var(--color-accent)}}}.lg\:radio-neutral{@layer daisyui.l1.l2{&{--input-color:var(--color-neutral)}}}.lg\:radio-info{@layer daisyui.l1.l2{&{--input-color:var(--color-info)}}}.lg\:radio-success{@layer daisyui.l1.l2{&{--input-color:var(--color-success)}}}.lg\:radio-warning{@layer daisyui.l1.l2{&{--input-color:var(--color-warning)}}}.lg\:radio-error{@layer daisyui.l1.l2{&{--input-color:var(--color-error)}}}.lg\:radio:disabled{@layer daisyui.l1.l2{&{cursor:not-allowed;opacity:.2}}}.lg\:radio-xs{@layer daisyui.l1.l2{&{padding:.125rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*4)}}}.lg\:radio-sm{@layer daisyui.l1.l2{&{padding:.1875rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*5)}}}.lg\:radio-md{@layer daisyui.l1.l2{&{padding:.25rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*6)}}}.lg\:radio-lg{@layer daisyui.l1.l2{&{padding:.3125rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*7)}}}.lg\:radio-xl{@layer daisyui.l1.l2{&{padding:.375rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*8)}}}}@media (width>=1280px){.xl\:radio{@layer daisyui.l1.l2.l3{&{cursor:pointer;appearance:none;vertical-align:middle;border:var(--border)solid var(--input-color,color-mix(in srgb,currentColor 20%,#0000));box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);color:var(--input-color,currentColor);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;display:inline-block;position:relative}&:before{--tw-content:"";content:var(--tw-content);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);border-color:currentColor;@media (prefers-reduced-motion:no-preference){&{animation:.2s ease-out radio}}&:before{box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px oklch(0% 0 0/calc(var(--depth)*.1));background-color:currentColor}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px*-1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}}}}.xl\:radio-primary{@layer daisyui.l1.l2{&{--input-color:var(--color-primary)}}}.xl\:radio-secondary{@layer daisyui.l1.l2{&{--input-color:var(--color-secondary)}}}.xl\:radio-accent{@layer daisyui.l1.l2{&{--input-color:var(--color-accent)}}}.xl\:radio-neutral{@layer daisyui.l1.l2{&{--input-color:var(--color-neutral)}}}.xl\:radio-info{@layer daisyui.l1.l2{&{--input-color:var(--color-info)}}}.xl\:radio-success{@layer daisyui.l1.l2{&{--input-color:var(--color-success)}}}.xl\:radio-warning{@layer daisyui.l1.l2{&{--input-color:var(--color-warning)}}}.xl\:radio-error{@layer daisyui.l1.l2{&{--input-color:var(--color-error)}}}.xl\:radio:disabled{@layer daisyui.l1.l2{&{cursor:not-allowed;opacity:.2}}}.xl\:radio-xs{@layer daisyui.l1.l2{&{padding:.125rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*4)}}}.xl\:radio-sm{@layer daisyui.l1.l2{&{padding:.1875rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*5)}}}.xl\:radio-md{@layer daisyui.l1.l2{&{padding:.25rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*6)}}}.xl\:radio-lg{@layer daisyui.l1.l2{&{padding:.3125rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*7)}}}.xl\:radio-xl{@layer daisyui.l1.l2{&{padding:.375rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*8)}}}}@media (width>=1536px){.\32 xl\:radio{@layer daisyui.l1.l2.l3{&{cursor:pointer;appearance:none;vertical-align:middle;border:var(--border)solid var(--input-color,color-mix(in srgb,currentColor 20%,#0000));box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);color:var(--input-color,currentColor);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;display:inline-block;position:relative}&:before{--tw-content:"";content:var(--tw-content);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);border-color:currentColor;@media (prefers-reduced-motion:no-preference){&{animation:.2s ease-out radio}}&:before{box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px oklch(0% 0 0/calc(var(--depth)*.1));background-color:currentColor}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px*-1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}}}}.\32 xl\:radio-primary{@layer daisyui.l1.l2{&{--input-color:var(--color-primary)}}}.\32 xl\:radio-secondary{@layer daisyui.l1.l2{&{--input-color:var(--color-secondary)}}}.\32 xl\:radio-accent{@layer daisyui.l1.l2{&{--input-color:var(--color-accent)}}}.\32 xl\:radio-neutral{@layer daisyui.l1.l2{&{--input-color:var(--color-neutral)}}}.\32 xl\:radio-info{@layer daisyui.l1.l2{&{--input-color:var(--color-info)}}}.\32 xl\:radio-success{@layer daisyui.l1.l2{&{--input-color:var(--color-success)}}}.\32 xl\:radio-warning{@layer daisyui.l1.l2{&{--input-color:var(--color-warning)}}}.\32 xl\:radio-error{@layer daisyui.l1.l2{&{--input-color:var(--color-error)}}}.\32 xl\:radio:disabled{@layer daisyui.l1.l2{&{cursor:not-allowed;opacity:.2}}}.\32 xl\:radio-xs{@layer daisyui.l1.l2{&{padding:.125rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*4)}}}.\32 xl\:radio-sm{@layer daisyui.l1.l2{&{padding:.1875rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*5)}}}.\32 xl\:radio-md{@layer daisyui.l1.l2{&{padding:.25rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*6)}}}.\32 xl\:radio-lg{@layer daisyui.l1.l2{&{padding:.3125rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*7)}}}.\32 xl\:radio-xl{@layer daisyui.l1.l2{&{padding:.375rem}&[type=radio]{--size:calc(var(--size-selector,.25rem)*8)}}}}}
1
+ /*! 🌼 daisyUI 5.6.1 - MIT License */ @layer utilities{.radio{@layer daisyui.l1.l2.l3{cursor:pointer;appearance:none;vertical-align:middle;border:var(--border) solid var(--input-color,color-mix(in srgb, currentColor 20%, #0000));box-shadow:0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-selector,.25rem) * 6);width:var(--size);height:var(--size);color:var(--input-color,currentColor);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;display:inline-block;position:relative;&:before{--tw-content:"";content:var(--tw-content);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);border-color:currentColor;@media (prefers-reduced-motion:no-preference){animation:.2s ease-out radio}&:before{box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1));background-color:currentColor}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}}}}.radio-primary{@layer daisyui.l1.l2{--input-color:var(--color-primary)}}.radio-secondary{@layer daisyui.l1.l2{--input-color:var(--color-secondary)}}.radio-accent{@layer daisyui.l1.l2{--input-color:var(--color-accent)}}.radio-neutral{@layer daisyui.l1.l2{--input-color:var(--color-neutral)}}.radio-info{@layer daisyui.l1.l2{--input-color:var(--color-info)}}.radio-success{@layer daisyui.l1.l2{--input-color:var(--color-success)}}.radio-warning{@layer daisyui.l1.l2{--input-color:var(--color-warning)}}.radio-error{@layer daisyui.l1.l2{--input-color:var(--color-error)}}.radio:disabled{@layer daisyui.l1.l2{cursor:not-allowed;opacity:.2}}.radio-xs{@layer daisyui.l1.l2{padding:.125rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 4)}}}.radio-sm{@layer daisyui.l1.l2{padding:.1875rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 5)}}}.radio-md{@layer daisyui.l1.l2{padding:.25rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 6)}}}.radio-lg{@layer daisyui.l1.l2{padding:.3125rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 7)}}}.radio-xl{@layer daisyui.l1.l2{padding:.375rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 8)}}}@keyframes radio{0%{padding:5px}50%{padding:3px}}@media (width>=640px){.sm\:radio{@layer daisyui.l1.l2.l3{cursor:pointer;appearance:none;vertical-align:middle;border:var(--border) solid var(--input-color,color-mix(in srgb, currentColor 20%, #0000));box-shadow:0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-selector,.25rem) * 6);width:var(--size);height:var(--size);color:var(--input-color,currentColor);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;display:inline-block;position:relative;&:before{--tw-content:"";content:var(--tw-content);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);border-color:currentColor;@media (prefers-reduced-motion:no-preference){animation:.2s ease-out radio}&:before{box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1));background-color:currentColor}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}}}}.sm\:radio-primary{@layer daisyui.l1.l2{--input-color:var(--color-primary)}}.sm\:radio-secondary{@layer daisyui.l1.l2{--input-color:var(--color-secondary)}}.sm\:radio-accent{@layer daisyui.l1.l2{--input-color:var(--color-accent)}}.sm\:radio-neutral{@layer daisyui.l1.l2{--input-color:var(--color-neutral)}}.sm\:radio-info{@layer daisyui.l1.l2{--input-color:var(--color-info)}}.sm\:radio-success{@layer daisyui.l1.l2{--input-color:var(--color-success)}}.sm\:radio-warning{@layer daisyui.l1.l2{--input-color:var(--color-warning)}}.sm\:radio-error{@layer daisyui.l1.l2{--input-color:var(--color-error)}}.sm\:radio:disabled{@layer daisyui.l1.l2{cursor:not-allowed;opacity:.2}}.sm\:radio-xs{@layer daisyui.l1.l2{padding:.125rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 4)}}}.sm\:radio-sm{@layer daisyui.l1.l2{padding:.1875rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 5)}}}.sm\:radio-md{@layer daisyui.l1.l2{padding:.25rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 6)}}}.sm\:radio-lg{@layer daisyui.l1.l2{padding:.3125rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 7)}}}.sm\:radio-xl{@layer daisyui.l1.l2{padding:.375rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=768px){.md\:radio{@layer daisyui.l1.l2.l3{cursor:pointer;appearance:none;vertical-align:middle;border:var(--border) solid var(--input-color,color-mix(in srgb, currentColor 20%, #0000));box-shadow:0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-selector,.25rem) * 6);width:var(--size);height:var(--size);color:var(--input-color,currentColor);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;display:inline-block;position:relative;&:before{--tw-content:"";content:var(--tw-content);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);border-color:currentColor;@media (prefers-reduced-motion:no-preference){animation:.2s ease-out radio}&:before{box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1));background-color:currentColor}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}}}}.md\:radio-primary{@layer daisyui.l1.l2{--input-color:var(--color-primary)}}.md\:radio-secondary{@layer daisyui.l1.l2{--input-color:var(--color-secondary)}}.md\:radio-accent{@layer daisyui.l1.l2{--input-color:var(--color-accent)}}.md\:radio-neutral{@layer daisyui.l1.l2{--input-color:var(--color-neutral)}}.md\:radio-info{@layer daisyui.l1.l2{--input-color:var(--color-info)}}.md\:radio-success{@layer daisyui.l1.l2{--input-color:var(--color-success)}}.md\:radio-warning{@layer daisyui.l1.l2{--input-color:var(--color-warning)}}.md\:radio-error{@layer daisyui.l1.l2{--input-color:var(--color-error)}}.md\:radio:disabled{@layer daisyui.l1.l2{cursor:not-allowed;opacity:.2}}.md\:radio-xs{@layer daisyui.l1.l2{padding:.125rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 4)}}}.md\:radio-sm{@layer daisyui.l1.l2{padding:.1875rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 5)}}}.md\:radio-md{@layer daisyui.l1.l2{padding:.25rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 6)}}}.md\:radio-lg{@layer daisyui.l1.l2{padding:.3125rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 7)}}}.md\:radio-xl{@layer daisyui.l1.l2{padding:.375rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=1024px){.lg\:radio{@layer daisyui.l1.l2.l3{cursor:pointer;appearance:none;vertical-align:middle;border:var(--border) solid var(--input-color,color-mix(in srgb, currentColor 20%, #0000));box-shadow:0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-selector,.25rem) * 6);width:var(--size);height:var(--size);color:var(--input-color,currentColor);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;display:inline-block;position:relative;&:before{--tw-content:"";content:var(--tw-content);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);border-color:currentColor;@media (prefers-reduced-motion:no-preference){animation:.2s ease-out radio}&:before{box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1));background-color:currentColor}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}}}}.lg\:radio-primary{@layer daisyui.l1.l2{--input-color:var(--color-primary)}}.lg\:radio-secondary{@layer daisyui.l1.l2{--input-color:var(--color-secondary)}}.lg\:radio-accent{@layer daisyui.l1.l2{--input-color:var(--color-accent)}}.lg\:radio-neutral{@layer daisyui.l1.l2{--input-color:var(--color-neutral)}}.lg\:radio-info{@layer daisyui.l1.l2{--input-color:var(--color-info)}}.lg\:radio-success{@layer daisyui.l1.l2{--input-color:var(--color-success)}}.lg\:radio-warning{@layer daisyui.l1.l2{--input-color:var(--color-warning)}}.lg\:radio-error{@layer daisyui.l1.l2{--input-color:var(--color-error)}}.lg\:radio:disabled{@layer daisyui.l1.l2{cursor:not-allowed;opacity:.2}}.lg\:radio-xs{@layer daisyui.l1.l2{padding:.125rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 4)}}}.lg\:radio-sm{@layer daisyui.l1.l2{padding:.1875rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 5)}}}.lg\:radio-md{@layer daisyui.l1.l2{padding:.25rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 6)}}}.lg\:radio-lg{@layer daisyui.l1.l2{padding:.3125rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 7)}}}.lg\:radio-xl{@layer daisyui.l1.l2{padding:.375rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=1280px){.xl\:radio{@layer daisyui.l1.l2.l3{cursor:pointer;appearance:none;vertical-align:middle;border:var(--border) solid var(--input-color,color-mix(in srgb, currentColor 20%, #0000));box-shadow:0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-selector,.25rem) * 6);width:var(--size);height:var(--size);color:var(--input-color,currentColor);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;display:inline-block;position:relative;&:before{--tw-content:"";content:var(--tw-content);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);border-color:currentColor;@media (prefers-reduced-motion:no-preference){animation:.2s ease-out radio}&:before{box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1));background-color:currentColor}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}}}}.xl\:radio-primary{@layer daisyui.l1.l2{--input-color:var(--color-primary)}}.xl\:radio-secondary{@layer daisyui.l1.l2{--input-color:var(--color-secondary)}}.xl\:radio-accent{@layer daisyui.l1.l2{--input-color:var(--color-accent)}}.xl\:radio-neutral{@layer daisyui.l1.l2{--input-color:var(--color-neutral)}}.xl\:radio-info{@layer daisyui.l1.l2{--input-color:var(--color-info)}}.xl\:radio-success{@layer daisyui.l1.l2{--input-color:var(--color-success)}}.xl\:radio-warning{@layer daisyui.l1.l2{--input-color:var(--color-warning)}}.xl\:radio-error{@layer daisyui.l1.l2{--input-color:var(--color-error)}}.xl\:radio:disabled{@layer daisyui.l1.l2{cursor:not-allowed;opacity:.2}}.xl\:radio-xs{@layer daisyui.l1.l2{padding:.125rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 4)}}}.xl\:radio-sm{@layer daisyui.l1.l2{padding:.1875rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 5)}}}.xl\:radio-md{@layer daisyui.l1.l2{padding:.25rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 6)}}}.xl\:radio-lg{@layer daisyui.l1.l2{padding:.3125rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 7)}}}.xl\:radio-xl{@layer daisyui.l1.l2{padding:.375rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 8)}}}}@media (width>=1536px){.\32 xl\:radio{@layer daisyui.l1.l2.l3{cursor:pointer;appearance:none;vertical-align:middle;border:var(--border) solid var(--input-color,color-mix(in srgb, currentColor 20%, #0000));box-shadow:0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-selector,.25rem) * 6);width:var(--size);height:var(--size);color:var(--input-color,currentColor);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;display:inline-block;position:relative;&:before{--tw-content:"";content:var(--tw-content);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{background-color:var(--color-base-100);border-color:currentColor;@media (prefers-reduced-motion:no-preference){animation:.2s ease-out radio}&:before{box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1));background-color:currentColor}@media (forced-colors:active){&:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{&:before{outline-offset:-1rem;outline:.25rem solid}}}}}.\32 xl\:radio-primary{@layer daisyui.l1.l2{--input-color:var(--color-primary)}}.\32 xl\:radio-secondary{@layer daisyui.l1.l2{--input-color:var(--color-secondary)}}.\32 xl\:radio-accent{@layer daisyui.l1.l2{--input-color:var(--color-accent)}}.\32 xl\:radio-neutral{@layer daisyui.l1.l2{--input-color:var(--color-neutral)}}.\32 xl\:radio-info{@layer daisyui.l1.l2{--input-color:var(--color-info)}}.\32 xl\:radio-success{@layer daisyui.l1.l2{--input-color:var(--color-success)}}.\32 xl\:radio-warning{@layer daisyui.l1.l2{--input-color:var(--color-warning)}}.\32 xl\:radio-error{@layer daisyui.l1.l2{--input-color:var(--color-error)}}.\32 xl\:radio:disabled{@layer daisyui.l1.l2{cursor:not-allowed;opacity:.2}}.\32 xl\:radio-xs{@layer daisyui.l1.l2{padding:.125rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 4)}}}.\32 xl\:radio-sm{@layer daisyui.l1.l2{padding:.1875rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 5)}}}.\32 xl\:radio-md{@layer daisyui.l1.l2{padding:.25rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 6)}}}.\32 xl\:radio-lg{@layer daisyui.l1.l2{padding:.3125rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 7)}}}.\32 xl\:radio-xl{@layer daisyui.l1.l2{padding:.375rem;&[type=radio]{--size:calc(var(--size-selector,.25rem) * 8)}}}}}
package/components/range.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.6.0-beta.0 - MIT License */ @layer utilities{.range{@layer daisyui.l1.l2.l3{&{-webkit-appearance:none;appearance:none;--range-thumb:var(--color-base-100);--range-thumb-size:calc(var(--size-selector,.25rem)*6);--range-progress:currentColor;--range-fill:1;--range-p:.25rem;--range-bg:color-mix(in oklab,currentColor 10%,#0000);--range-fill-x:calc((var(--range-dir,1)*-100cqw) - (var(--range-dir,1)*var(--range-thumb-size)/2));--range-fill-y:0;--range-fill-spread:calc(100cqw*var(--range-fill));cursor:pointer;vertical-align:middle;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));width:clamp(3rem,20rem,100%);height:var(--range-thumb-size);background-color:#0000;border:none;overflow:hidden}[dir=rtl] &{--range-dir:-1}&:focus{outline:none}&:focus-visible{outline-offset:2px;outline:2px solid}&::-webkit-slider-runnable-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size)*.5)}@media (forced-colors:active){&::-webkit-slider-runnable-track{border:1px solid}}&::-webkit-slider-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));background-color:var(--range-thumb);height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p)solid;-webkit-appearance:none;appearance:none;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--depth)*10%),#0000),0 0 0 2rem var(--range-thumb)inset,var(--range-fill-x)var(--range-fill-y)0 var(--range-fill-spread);position:relative;inset-block-start:50%;transform:translateY(-50%)}&::-moz-range-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size)*.5)}@media (forced-colors:active){&::-moz-range-track{border:1px solid}}&::-moz-range-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p)solid;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--depth)*10%),#0000),0 0 0 2rem var(--range-thumb)inset,var(--range-fill-x)var(--range-fill-y)0 var(--range-fill-spread);background-color:currentColor;position:relative}&:disabled{cursor:not-allowed;opacity:.3}}}.range-primary{@layer daisyui.l1.l2{&{color:var(--color-primary);--range-thumb:var(--color-primary-content)}}}.range-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary);--range-thumb:var(--color-secondary-content)}}}.range-accent{@layer daisyui.l1.l2{&{color:var(--color-accent);--range-thumb:var(--color-accent-content)}}}.range-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral);--range-thumb:var(--color-neutral-content)}}}.range-success{@layer daisyui.l1.l2{&{color:var(--color-success);--range-thumb:var(--color-success-content)}}}.range-warning{@layer daisyui.l1.l2{&{color:var(--color-warning);--range-thumb:var(--color-warning-content)}}}.range-info{@layer daisyui.l1.l2{&{color:var(--color-info);--range-thumb:var(--color-info-content)}}}.range-error{@layer daisyui.l1.l2{&{color:var(--color-error);--range-thumb:var(--color-error-content)}}}.range-xs{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*4)}}}.range-sm{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*5)}}}.range-md{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*6)}}}.range-lg{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*7)}}}.range-xl{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*8)}}}.range-vertical{@layer daisyui.l1.l2{&{writing-mode:vertical-lr;width:var(--range-thumb-size);--range-fill-x:0;--range-fill-y:calc(100cqh + var(--range-thumb-size)/2);--range-fill-spread:calc(100cqh*var(--range-fill));direction:rtl;height:clamp(3rem,20rem,100%)}&::-webkit-slider-runnable-track{height:100%;width:calc(var(--range-thumb-size)*.5)}&::-webkit-slider-thumb{transform:translate(-50%)}&::-moz-range-track{height:100%;width:calc(var(--range-thumb-size)*.5)}}}@media (width>=640px){.sm\:range{@layer daisyui.l1.l2.l3{&{-webkit-appearance:none;appearance:none;--range-thumb:var(--color-base-100);--range-thumb-size:calc(var(--size-selector,.25rem)*6);--range-progress:currentColor;--range-fill:1;--range-p:.25rem;--range-bg:color-mix(in oklab,currentColor 10%,#0000);--range-fill-x:calc((var(--range-dir,1)*-100cqw) - (var(--range-dir,1)*var(--range-thumb-size)/2));--range-fill-y:0;--range-fill-spread:calc(100cqw*var(--range-fill));cursor:pointer;vertical-align:middle;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));width:clamp(3rem,20rem,100%);height:var(--range-thumb-size);background-color:#0000;border:none;overflow:hidden}[dir=rtl] &{--range-dir:-1}&:focus{outline:none}&:focus-visible{outline-offset:2px;outline:2px solid}&::-webkit-slider-runnable-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size)*.5)}@media (forced-colors:active){&::-webkit-slider-runnable-track{border:1px solid}}&::-webkit-slider-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));background-color:var(--range-thumb);height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p)solid;-webkit-appearance:none;appearance:none;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--depth)*10%),#0000),0 0 0 2rem var(--range-thumb)inset,var(--range-fill-x)var(--range-fill-y)0 var(--range-fill-spread);position:relative;inset-block-start:50%;transform:translateY(-50%)}&::-moz-range-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size)*.5)}@media (forced-colors:active){&::-moz-range-track{border:1px solid}}&::-moz-range-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p)solid;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--depth)*10%),#0000),0 0 0 2rem var(--range-thumb)inset,var(--range-fill-x)var(--range-fill-y)0 var(--range-fill-spread);background-color:currentColor;position:relative}&:disabled{cursor:not-allowed;opacity:.3}}}.sm\:range-primary{@layer daisyui.l1.l2{&{color:var(--color-primary);--range-thumb:var(--color-primary-content)}}}.sm\:range-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary);--range-thumb:var(--color-secondary-content)}}}.sm\:range-accent{@layer daisyui.l1.l2{&{color:var(--color-accent);--range-thumb:var(--color-accent-content)}}}.sm\:range-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral);--range-thumb:var(--color-neutral-content)}}}.sm\:range-success{@layer daisyui.l1.l2{&{color:var(--color-success);--range-thumb:var(--color-success-content)}}}.sm\:range-warning{@layer daisyui.l1.l2{&{color:var(--color-warning);--range-thumb:var(--color-warning-content)}}}.sm\:range-info{@layer daisyui.l1.l2{&{color:var(--color-info);--range-thumb:var(--color-info-content)}}}.sm\:range-error{@layer daisyui.l1.l2{&{color:var(--color-error);--range-thumb:var(--color-error-content)}}}.sm\:range-xs{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*4)}}}.sm\:range-sm{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*5)}}}.sm\:range-md{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*6)}}}.sm\:range-lg{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*7)}}}.sm\:range-xl{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*8)}}}.sm\:range-vertical{@layer daisyui.l1.l2{&{writing-mode:vertical-lr;width:var(--range-thumb-size);--range-fill-x:0;--range-fill-y:calc(100cqh + var(--range-thumb-size)/2);--range-fill-spread:calc(100cqh*var(--range-fill));direction:rtl;height:clamp(3rem,20rem,100%)}&::-webkit-slider-runnable-track{height:100%;width:calc(var(--range-thumb-size)*.5)}&::-webkit-slider-thumb{transform:translate(-50%)}&::-moz-range-track{height:100%;width:calc(var(--range-thumb-size)*.5)}}}}@media (width>=768px){.md\:range{@layer daisyui.l1.l2.l3{&{-webkit-appearance:none;appearance:none;--range-thumb:var(--color-base-100);--range-thumb-size:calc(var(--size-selector,.25rem)*6);--range-progress:currentColor;--range-fill:1;--range-p:.25rem;--range-bg:color-mix(in oklab,currentColor 10%,#0000);--range-fill-x:calc((var(--range-dir,1)*-100cqw) - (var(--range-dir,1)*var(--range-thumb-size)/2));--range-fill-y:0;--range-fill-spread:calc(100cqw*var(--range-fill));cursor:pointer;vertical-align:middle;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));width:clamp(3rem,20rem,100%);height:var(--range-thumb-size);background-color:#0000;border:none;overflow:hidden}[dir=rtl] &{--range-dir:-1}&:focus{outline:none}&:focus-visible{outline-offset:2px;outline:2px solid}&::-webkit-slider-runnable-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size)*.5)}@media (forced-colors:active){&::-webkit-slider-runnable-track{border:1px solid}}&::-webkit-slider-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));background-color:var(--range-thumb);height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p)solid;-webkit-appearance:none;appearance:none;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--depth)*10%),#0000),0 0 0 2rem var(--range-thumb)inset,var(--range-fill-x)var(--range-fill-y)0 var(--range-fill-spread);position:relative;inset-block-start:50%;transform:translateY(-50%)}&::-moz-range-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size)*.5)}@media (forced-colors:active){&::-moz-range-track{border:1px solid}}&::-moz-range-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p)solid;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--depth)*10%),#0000),0 0 0 2rem var(--range-thumb)inset,var(--range-fill-x)var(--range-fill-y)0 var(--range-fill-spread);background-color:currentColor;position:relative}&:disabled{cursor:not-allowed;opacity:.3}}}.md\:range-primary{@layer daisyui.l1.l2{&{color:var(--color-primary);--range-thumb:var(--color-primary-content)}}}.md\:range-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary);--range-thumb:var(--color-secondary-content)}}}.md\:range-accent{@layer daisyui.l1.l2{&{color:var(--color-accent);--range-thumb:var(--color-accent-content)}}}.md\:range-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral);--range-thumb:var(--color-neutral-content)}}}.md\:range-success{@layer daisyui.l1.l2{&{color:var(--color-success);--range-thumb:var(--color-success-content)}}}.md\:range-warning{@layer daisyui.l1.l2{&{color:var(--color-warning);--range-thumb:var(--color-warning-content)}}}.md\:range-info{@layer daisyui.l1.l2{&{color:var(--color-info);--range-thumb:var(--color-info-content)}}}.md\:range-error{@layer daisyui.l1.l2{&{color:var(--color-error);--range-thumb:var(--color-error-content)}}}.md\:range-xs{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*4)}}}.md\:range-sm{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*5)}}}.md\:range-md{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*6)}}}.md\:range-lg{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*7)}}}.md\:range-xl{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*8)}}}.md\:range-vertical{@layer daisyui.l1.l2{&{writing-mode:vertical-lr;width:var(--range-thumb-size);--range-fill-x:0;--range-fill-y:calc(100cqh + var(--range-thumb-size)/2);--range-fill-spread:calc(100cqh*var(--range-fill));direction:rtl;height:clamp(3rem,20rem,100%)}&::-webkit-slider-runnable-track{height:100%;width:calc(var(--range-thumb-size)*.5)}&::-webkit-slider-thumb{transform:translate(-50%)}&::-moz-range-track{height:100%;width:calc(var(--range-thumb-size)*.5)}}}}@media (width>=1024px){.lg\:range{@layer daisyui.l1.l2.l3{&{-webkit-appearance:none;appearance:none;--range-thumb:var(--color-base-100);--range-thumb-size:calc(var(--size-selector,.25rem)*6);--range-progress:currentColor;--range-fill:1;--range-p:.25rem;--range-bg:color-mix(in oklab,currentColor 10%,#0000);--range-fill-x:calc((var(--range-dir,1)*-100cqw) - (var(--range-dir,1)*var(--range-thumb-size)/2));--range-fill-y:0;--range-fill-spread:calc(100cqw*var(--range-fill));cursor:pointer;vertical-align:middle;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));width:clamp(3rem,20rem,100%);height:var(--range-thumb-size);background-color:#0000;border:none;overflow:hidden}[dir=rtl] &{--range-dir:-1}&:focus{outline:none}&:focus-visible{outline-offset:2px;outline:2px solid}&::-webkit-slider-runnable-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size)*.5)}@media (forced-colors:active){&::-webkit-slider-runnable-track{border:1px solid}}&::-webkit-slider-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));background-color:var(--range-thumb);height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p)solid;-webkit-appearance:none;appearance:none;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--depth)*10%),#0000),0 0 0 2rem var(--range-thumb)inset,var(--range-fill-x)var(--range-fill-y)0 var(--range-fill-spread);position:relative;inset-block-start:50%;transform:translateY(-50%)}&::-moz-range-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size)*.5)}@media (forced-colors:active){&::-moz-range-track{border:1px solid}}&::-moz-range-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p)solid;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--depth)*10%),#0000),0 0 0 2rem var(--range-thumb)inset,var(--range-fill-x)var(--range-fill-y)0 var(--range-fill-spread);background-color:currentColor;position:relative}&:disabled{cursor:not-allowed;opacity:.3}}}.lg\:range-primary{@layer daisyui.l1.l2{&{color:var(--color-primary);--range-thumb:var(--color-primary-content)}}}.lg\:range-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary);--range-thumb:var(--color-secondary-content)}}}.lg\:range-accent{@layer daisyui.l1.l2{&{color:var(--color-accent);--range-thumb:var(--color-accent-content)}}}.lg\:range-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral);--range-thumb:var(--color-neutral-content)}}}.lg\:range-success{@layer daisyui.l1.l2{&{color:var(--color-success);--range-thumb:var(--color-success-content)}}}.lg\:range-warning{@layer daisyui.l1.l2{&{color:var(--color-warning);--range-thumb:var(--color-warning-content)}}}.lg\:range-info{@layer daisyui.l1.l2{&{color:var(--color-info);--range-thumb:var(--color-info-content)}}}.lg\:range-error{@layer daisyui.l1.l2{&{color:var(--color-error);--range-thumb:var(--color-error-content)}}}.lg\:range-xs{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*4)}}}.lg\:range-sm{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*5)}}}.lg\:range-md{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*6)}}}.lg\:range-lg{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*7)}}}.lg\:range-xl{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*8)}}}.lg\:range-vertical{@layer daisyui.l1.l2{&{writing-mode:vertical-lr;width:var(--range-thumb-size);--range-fill-x:0;--range-fill-y:calc(100cqh + var(--range-thumb-size)/2);--range-fill-spread:calc(100cqh*var(--range-fill));direction:rtl;height:clamp(3rem,20rem,100%)}&::-webkit-slider-runnable-track{height:100%;width:calc(var(--range-thumb-size)*.5)}&::-webkit-slider-thumb{transform:translate(-50%)}&::-moz-range-track{height:100%;width:calc(var(--range-thumb-size)*.5)}}}}@media (width>=1280px){.xl\:range{@layer daisyui.l1.l2.l3{&{-webkit-appearance:none;appearance:none;--range-thumb:var(--color-base-100);--range-thumb-size:calc(var(--size-selector,.25rem)*6);--range-progress:currentColor;--range-fill:1;--range-p:.25rem;--range-bg:color-mix(in oklab,currentColor 10%,#0000);--range-fill-x:calc((var(--range-dir,1)*-100cqw) - (var(--range-dir,1)*var(--range-thumb-size)/2));--range-fill-y:0;--range-fill-spread:calc(100cqw*var(--range-fill));cursor:pointer;vertical-align:middle;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));width:clamp(3rem,20rem,100%);height:var(--range-thumb-size);background-color:#0000;border:none;overflow:hidden}[dir=rtl] &{--range-dir:-1}&:focus{outline:none}&:focus-visible{outline-offset:2px;outline:2px solid}&::-webkit-slider-runnable-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size)*.5)}@media (forced-colors:active){&::-webkit-slider-runnable-track{border:1px solid}}&::-webkit-slider-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));background-color:var(--range-thumb);height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p)solid;-webkit-appearance:none;appearance:none;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--depth)*10%),#0000),0 0 0 2rem var(--range-thumb)inset,var(--range-fill-x)var(--range-fill-y)0 var(--range-fill-spread);position:relative;inset-block-start:50%;transform:translateY(-50%)}&::-moz-range-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size)*.5)}@media (forced-colors:active){&::-moz-range-track{border:1px solid}}&::-moz-range-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p)solid;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--depth)*10%),#0000),0 0 0 2rem var(--range-thumb)inset,var(--range-fill-x)var(--range-fill-y)0 var(--range-fill-spread);background-color:currentColor;position:relative}&:disabled{cursor:not-allowed;opacity:.3}}}.xl\:range-primary{@layer daisyui.l1.l2{&{color:var(--color-primary);--range-thumb:var(--color-primary-content)}}}.xl\:range-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary);--range-thumb:var(--color-secondary-content)}}}.xl\:range-accent{@layer daisyui.l1.l2{&{color:var(--color-accent);--range-thumb:var(--color-accent-content)}}}.xl\:range-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral);--range-thumb:var(--color-neutral-content)}}}.xl\:range-success{@layer daisyui.l1.l2{&{color:var(--color-success);--range-thumb:var(--color-success-content)}}}.xl\:range-warning{@layer daisyui.l1.l2{&{color:var(--color-warning);--range-thumb:var(--color-warning-content)}}}.xl\:range-info{@layer daisyui.l1.l2{&{color:var(--color-info);--range-thumb:var(--color-info-content)}}}.xl\:range-error{@layer daisyui.l1.l2{&{color:var(--color-error);--range-thumb:var(--color-error-content)}}}.xl\:range-xs{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*4)}}}.xl\:range-sm{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*5)}}}.xl\:range-md{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*6)}}}.xl\:range-lg{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*7)}}}.xl\:range-xl{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*8)}}}.xl\:range-vertical{@layer daisyui.l1.l2{&{writing-mode:vertical-lr;width:var(--range-thumb-size);--range-fill-x:0;--range-fill-y:calc(100cqh + var(--range-thumb-size)/2);--range-fill-spread:calc(100cqh*var(--range-fill));direction:rtl;height:clamp(3rem,20rem,100%)}&::-webkit-slider-runnable-track{height:100%;width:calc(var(--range-thumb-size)*.5)}&::-webkit-slider-thumb{transform:translate(-50%)}&::-moz-range-track{height:100%;width:calc(var(--range-thumb-size)*.5)}}}}@media (width>=1536px){.\32 xl\:range{@layer daisyui.l1.l2.l3{&{-webkit-appearance:none;appearance:none;--range-thumb:var(--color-base-100);--range-thumb-size:calc(var(--size-selector,.25rem)*6);--range-progress:currentColor;--range-fill:1;--range-p:.25rem;--range-bg:color-mix(in oklab,currentColor 10%,#0000);--range-fill-x:calc((var(--range-dir,1)*-100cqw) - (var(--range-dir,1)*var(--range-thumb-size)/2));--range-fill-y:0;--range-fill-spread:calc(100cqw*var(--range-fill));cursor:pointer;vertical-align:middle;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));width:clamp(3rem,20rem,100%);height:var(--range-thumb-size);background-color:#0000;border:none;overflow:hidden}[dir=rtl] &{--range-dir:-1}&:focus{outline:none}&:focus-visible{outline-offset:2px;outline:2px solid}&::-webkit-slider-runnable-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size)*.5)}@media (forced-colors:active){&::-webkit-slider-runnable-track{border:1px solid}}&::-webkit-slider-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));background-color:var(--range-thumb);height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p)solid;-webkit-appearance:none;appearance:none;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--depth)*10%),#0000),0 0 0 2rem var(--range-thumb)inset,var(--range-fill-x)var(--range-fill-y)0 var(--range-fill-spread);position:relative;inset-block-start:50%;transform:translateY(-50%)}&::-moz-range-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size)*.5)}@media (forced-colors:active){&::-moz-range-track{border:1px solid}}&::-moz-range-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p),var(--radius-selector-max)));height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p)solid;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--depth)*10%),#0000),0 0 0 2rem var(--range-thumb)inset,var(--range-fill-x)var(--range-fill-y)0 var(--range-fill-spread);background-color:currentColor;position:relative}&:disabled{cursor:not-allowed;opacity:.3}}}.\32 xl\:range-primary{@layer daisyui.l1.l2{&{color:var(--color-primary);--range-thumb:var(--color-primary-content)}}}.\32 xl\:range-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary);--range-thumb:var(--color-secondary-content)}}}.\32 xl\:range-accent{@layer daisyui.l1.l2{&{color:var(--color-accent);--range-thumb:var(--color-accent-content)}}}.\32 xl\:range-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral);--range-thumb:var(--color-neutral-content)}}}.\32 xl\:range-success{@layer daisyui.l1.l2{&{color:var(--color-success);--range-thumb:var(--color-success-content)}}}.\32 xl\:range-warning{@layer daisyui.l1.l2{&{color:var(--color-warning);--range-thumb:var(--color-warning-content)}}}.\32 xl\:range-info{@layer daisyui.l1.l2{&{color:var(--color-info);--range-thumb:var(--color-info-content)}}}.\32 xl\:range-error{@layer daisyui.l1.l2{&{color:var(--color-error);--range-thumb:var(--color-error-content)}}}.\32 xl\:range-xs{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*4)}}}.\32 xl\:range-sm{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*5)}}}.\32 xl\:range-md{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*6)}}}.\32 xl\:range-lg{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*7)}}}.\32 xl\:range-xl{@layer daisyui.l1.l2{&{--range-thumb-size:calc(var(--size-selector,.25rem)*8)}}}.\32 xl\:range-vertical{@layer daisyui.l1.l2{&{writing-mode:vertical-lr;width:var(--range-thumb-size);--range-fill-x:0;--range-fill-y:calc(100cqh + var(--range-thumb-size)/2);--range-fill-spread:calc(100cqh*var(--range-fill));direction:rtl;height:clamp(3rem,20rem,100%)}&::-webkit-slider-runnable-track{height:100%;width:calc(var(--range-thumb-size)*.5)}&::-webkit-slider-thumb{transform:translate(-50%)}&::-moz-range-track{height:100%;width:calc(var(--range-thumb-size)*.5)}}}}}
1
+ /*! 🌼 daisyUI 5.6.1 - MIT License */ @layer utilities{.range{@layer daisyui.l1.l2.l3{-webkit-appearance:none;appearance:none;--range-thumb:var(--color-base-100);--range-thumb-size:calc(var(--size-selector,.25rem) * 6);--range-progress:currentColor;--range-fill:1;--range-p:.25rem;--range-bg:color-mix(in oklab, currentColor 10%, #0000);--range-fill-x:calc((var(--range-dir,1) * -100cqw) - (var(--range-dir,1) * var(--range-thumb-size) / 2));--range-fill-y:0;--range-fill-spread:calc(100cqw * var(--range-fill));cursor:pointer;vertical-align:middle;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));width:clamp(3rem,20rem,100%);height:var(--range-thumb-size);background-color:#0000;border:none;overflow:hidden;[dir=rtl] &{--range-dir:-1}&:focus{outline:none}&:focus-visible{outline-offset:2px;outline:2px solid}&::-webkit-slider-runnable-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size) * .5)}@media (forced-colors:active){&::-webkit-slider-runnable-track{border:1px solid}}&::-webkit-slider-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));background-color:var(--range-thumb);height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p) solid;-webkit-appearance:none;appearance:none;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);position:relative;inset-block-start:50%;transform:translateY(-50%)}&::-moz-range-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size) * .5)}@media (forced-colors:active){&::-moz-range-track{border:1px solid}}&::-moz-range-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p) solid;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);background-color:currentColor;position:relative}&:disabled{cursor:not-allowed;opacity:.3}}}.range-primary{@layer daisyui.l1.l2{color:var(--color-primary);--range-thumb:var(--color-primary-content)}}.range-secondary{@layer daisyui.l1.l2{color:var(--color-secondary);--range-thumb:var(--color-secondary-content)}}.range-accent{@layer daisyui.l1.l2{color:var(--color-accent);--range-thumb:var(--color-accent-content)}}.range-neutral{@layer daisyui.l1.l2{color:var(--color-neutral);--range-thumb:var(--color-neutral-content)}}.range-success{@layer daisyui.l1.l2{color:var(--color-success);--range-thumb:var(--color-success-content)}}.range-warning{@layer daisyui.l1.l2{color:var(--color-warning);--range-thumb:var(--color-warning-content)}}.range-info{@layer daisyui.l1.l2{color:var(--color-info);--range-thumb:var(--color-info-content)}}.range-error{@layer daisyui.l1.l2{color:var(--color-error);--range-thumb:var(--color-error-content)}}.range-xs{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 4)}}.range-sm{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 5)}}.range-md{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 6)}}.range-lg{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 7)}}.range-xl{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 8)}}.range-vertical{@layer daisyui.l1.l2{writing-mode:vertical-lr;width:var(--range-thumb-size);--range-fill-x:0;--range-fill-y:calc(100cqh + var(--range-thumb-size) / 2);--range-fill-spread:calc(100cqh * var(--range-fill));direction:rtl;height:clamp(3rem,20rem,100%);&::-webkit-slider-runnable-track{height:100%;width:calc(var(--range-thumb-size) * .5)}&::-webkit-slider-thumb{transform:translate(-50%)}&::-moz-range-track{height:100%;width:calc(var(--range-thumb-size) * .5)}}}@media (width>=640px){.sm\:range{@layer daisyui.l1.l2.l3{-webkit-appearance:none;appearance:none;--range-thumb:var(--color-base-100);--range-thumb-size:calc(var(--size-selector,.25rem) * 6);--range-progress:currentColor;--range-fill:1;--range-p:.25rem;--range-bg:color-mix(in oklab, currentColor 10%, #0000);--range-fill-x:calc((var(--range-dir,1) * -100cqw) - (var(--range-dir,1) * var(--range-thumb-size) / 2));--range-fill-y:0;--range-fill-spread:calc(100cqw * var(--range-fill));cursor:pointer;vertical-align:middle;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));width:clamp(3rem,20rem,100%);height:var(--range-thumb-size);background-color:#0000;border:none;overflow:hidden;[dir=rtl] &{--range-dir:-1}&:focus{outline:none}&:focus-visible{outline-offset:2px;outline:2px solid}&::-webkit-slider-runnable-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size) * .5)}@media (forced-colors:active){&::-webkit-slider-runnable-track{border:1px solid}}&::-webkit-slider-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));background-color:var(--range-thumb);height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p) solid;-webkit-appearance:none;appearance:none;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);position:relative;inset-block-start:50%;transform:translateY(-50%)}&::-moz-range-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size) * .5)}@media (forced-colors:active){&::-moz-range-track{border:1px solid}}&::-moz-range-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p) solid;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);background-color:currentColor;position:relative}&:disabled{cursor:not-allowed;opacity:.3}}}.sm\:range-primary{@layer daisyui.l1.l2{color:var(--color-primary);--range-thumb:var(--color-primary-content)}}.sm\:range-secondary{@layer daisyui.l1.l2{color:var(--color-secondary);--range-thumb:var(--color-secondary-content)}}.sm\:range-accent{@layer daisyui.l1.l2{color:var(--color-accent);--range-thumb:var(--color-accent-content)}}.sm\:range-neutral{@layer daisyui.l1.l2{color:var(--color-neutral);--range-thumb:var(--color-neutral-content)}}.sm\:range-success{@layer daisyui.l1.l2{color:var(--color-success);--range-thumb:var(--color-success-content)}}.sm\:range-warning{@layer daisyui.l1.l2{color:var(--color-warning);--range-thumb:var(--color-warning-content)}}.sm\:range-info{@layer daisyui.l1.l2{color:var(--color-info);--range-thumb:var(--color-info-content)}}.sm\:range-error{@layer daisyui.l1.l2{color:var(--color-error);--range-thumb:var(--color-error-content)}}.sm\:range-xs{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 4)}}.sm\:range-sm{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 5)}}.sm\:range-md{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 6)}}.sm\:range-lg{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 7)}}.sm\:range-xl{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 8)}}.sm\:range-vertical{@layer daisyui.l1.l2{writing-mode:vertical-lr;width:var(--range-thumb-size);--range-fill-x:0;--range-fill-y:calc(100cqh + var(--range-thumb-size) / 2);--range-fill-spread:calc(100cqh * var(--range-fill));direction:rtl;height:clamp(3rem,20rem,100%);&::-webkit-slider-runnable-track{height:100%;width:calc(var(--range-thumb-size) * .5)}&::-webkit-slider-thumb{transform:translate(-50%)}&::-moz-range-track{height:100%;width:calc(var(--range-thumb-size) * .5)}}}}@media (width>=768px){.md\:range{@layer daisyui.l1.l2.l3{-webkit-appearance:none;appearance:none;--range-thumb:var(--color-base-100);--range-thumb-size:calc(var(--size-selector,.25rem) * 6);--range-progress:currentColor;--range-fill:1;--range-p:.25rem;--range-bg:color-mix(in oklab, currentColor 10%, #0000);--range-fill-x:calc((var(--range-dir,1) * -100cqw) - (var(--range-dir,1) * var(--range-thumb-size) / 2));--range-fill-y:0;--range-fill-spread:calc(100cqw * var(--range-fill));cursor:pointer;vertical-align:middle;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));width:clamp(3rem,20rem,100%);height:var(--range-thumb-size);background-color:#0000;border:none;overflow:hidden;[dir=rtl] &{--range-dir:-1}&:focus{outline:none}&:focus-visible{outline-offset:2px;outline:2px solid}&::-webkit-slider-runnable-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size) * .5)}@media (forced-colors:active){&::-webkit-slider-runnable-track{border:1px solid}}&::-webkit-slider-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));background-color:var(--range-thumb);height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p) solid;-webkit-appearance:none;appearance:none;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);position:relative;inset-block-start:50%;transform:translateY(-50%)}&::-moz-range-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size) * .5)}@media (forced-colors:active){&::-moz-range-track{border:1px solid}}&::-moz-range-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p) solid;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);background-color:currentColor;position:relative}&:disabled{cursor:not-allowed;opacity:.3}}}.md\:range-primary{@layer daisyui.l1.l2{color:var(--color-primary);--range-thumb:var(--color-primary-content)}}.md\:range-secondary{@layer daisyui.l1.l2{color:var(--color-secondary);--range-thumb:var(--color-secondary-content)}}.md\:range-accent{@layer daisyui.l1.l2{color:var(--color-accent);--range-thumb:var(--color-accent-content)}}.md\:range-neutral{@layer daisyui.l1.l2{color:var(--color-neutral);--range-thumb:var(--color-neutral-content)}}.md\:range-success{@layer daisyui.l1.l2{color:var(--color-success);--range-thumb:var(--color-success-content)}}.md\:range-warning{@layer daisyui.l1.l2{color:var(--color-warning);--range-thumb:var(--color-warning-content)}}.md\:range-info{@layer daisyui.l1.l2{color:var(--color-info);--range-thumb:var(--color-info-content)}}.md\:range-error{@layer daisyui.l1.l2{color:var(--color-error);--range-thumb:var(--color-error-content)}}.md\:range-xs{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 4)}}.md\:range-sm{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 5)}}.md\:range-md{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 6)}}.md\:range-lg{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 7)}}.md\:range-xl{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 8)}}.md\:range-vertical{@layer daisyui.l1.l2{writing-mode:vertical-lr;width:var(--range-thumb-size);--range-fill-x:0;--range-fill-y:calc(100cqh + var(--range-thumb-size) / 2);--range-fill-spread:calc(100cqh * var(--range-fill));direction:rtl;height:clamp(3rem,20rem,100%);&::-webkit-slider-runnable-track{height:100%;width:calc(var(--range-thumb-size) * .5)}&::-webkit-slider-thumb{transform:translate(-50%)}&::-moz-range-track{height:100%;width:calc(var(--range-thumb-size) * .5)}}}}@media (width>=1024px){.lg\:range{@layer daisyui.l1.l2.l3{-webkit-appearance:none;appearance:none;--range-thumb:var(--color-base-100);--range-thumb-size:calc(var(--size-selector,.25rem) * 6);--range-progress:currentColor;--range-fill:1;--range-p:.25rem;--range-bg:color-mix(in oklab, currentColor 10%, #0000);--range-fill-x:calc((var(--range-dir,1) * -100cqw) - (var(--range-dir,1) * var(--range-thumb-size) / 2));--range-fill-y:0;--range-fill-spread:calc(100cqw * var(--range-fill));cursor:pointer;vertical-align:middle;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));width:clamp(3rem,20rem,100%);height:var(--range-thumb-size);background-color:#0000;border:none;overflow:hidden;[dir=rtl] &{--range-dir:-1}&:focus{outline:none}&:focus-visible{outline-offset:2px;outline:2px solid}&::-webkit-slider-runnable-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size) * .5)}@media (forced-colors:active){&::-webkit-slider-runnable-track{border:1px solid}}&::-webkit-slider-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));background-color:var(--range-thumb);height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p) solid;-webkit-appearance:none;appearance:none;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);position:relative;inset-block-start:50%;transform:translateY(-50%)}&::-moz-range-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size) * .5)}@media (forced-colors:active){&::-moz-range-track{border:1px solid}}&::-moz-range-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p) solid;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);background-color:currentColor;position:relative}&:disabled{cursor:not-allowed;opacity:.3}}}.lg\:range-primary{@layer daisyui.l1.l2{color:var(--color-primary);--range-thumb:var(--color-primary-content)}}.lg\:range-secondary{@layer daisyui.l1.l2{color:var(--color-secondary);--range-thumb:var(--color-secondary-content)}}.lg\:range-accent{@layer daisyui.l1.l2{color:var(--color-accent);--range-thumb:var(--color-accent-content)}}.lg\:range-neutral{@layer daisyui.l1.l2{color:var(--color-neutral);--range-thumb:var(--color-neutral-content)}}.lg\:range-success{@layer daisyui.l1.l2{color:var(--color-success);--range-thumb:var(--color-success-content)}}.lg\:range-warning{@layer daisyui.l1.l2{color:var(--color-warning);--range-thumb:var(--color-warning-content)}}.lg\:range-info{@layer daisyui.l1.l2{color:var(--color-info);--range-thumb:var(--color-info-content)}}.lg\:range-error{@layer daisyui.l1.l2{color:var(--color-error);--range-thumb:var(--color-error-content)}}.lg\:range-xs{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 4)}}.lg\:range-sm{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 5)}}.lg\:range-md{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 6)}}.lg\:range-lg{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 7)}}.lg\:range-xl{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 8)}}.lg\:range-vertical{@layer daisyui.l1.l2{writing-mode:vertical-lr;width:var(--range-thumb-size);--range-fill-x:0;--range-fill-y:calc(100cqh + var(--range-thumb-size) / 2);--range-fill-spread:calc(100cqh * var(--range-fill));direction:rtl;height:clamp(3rem,20rem,100%);&::-webkit-slider-runnable-track{height:100%;width:calc(var(--range-thumb-size) * .5)}&::-webkit-slider-thumb{transform:translate(-50%)}&::-moz-range-track{height:100%;width:calc(var(--range-thumb-size) * .5)}}}}@media (width>=1280px){.xl\:range{@layer daisyui.l1.l2.l3{-webkit-appearance:none;appearance:none;--range-thumb:var(--color-base-100);--range-thumb-size:calc(var(--size-selector,.25rem) * 6);--range-progress:currentColor;--range-fill:1;--range-p:.25rem;--range-bg:color-mix(in oklab, currentColor 10%, #0000);--range-fill-x:calc((var(--range-dir,1) * -100cqw) - (var(--range-dir,1) * var(--range-thumb-size) / 2));--range-fill-y:0;--range-fill-spread:calc(100cqw * var(--range-fill));cursor:pointer;vertical-align:middle;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));width:clamp(3rem,20rem,100%);height:var(--range-thumb-size);background-color:#0000;border:none;overflow:hidden;[dir=rtl] &{--range-dir:-1}&:focus{outline:none}&:focus-visible{outline-offset:2px;outline:2px solid}&::-webkit-slider-runnable-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size) * .5)}@media (forced-colors:active){&::-webkit-slider-runnable-track{border:1px solid}}&::-webkit-slider-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));background-color:var(--range-thumb);height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p) solid;-webkit-appearance:none;appearance:none;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);position:relative;inset-block-start:50%;transform:translateY(-50%)}&::-moz-range-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size) * .5)}@media (forced-colors:active){&::-moz-range-track{border:1px solid}}&::-moz-range-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p) solid;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);background-color:currentColor;position:relative}&:disabled{cursor:not-allowed;opacity:.3}}}.xl\:range-primary{@layer daisyui.l1.l2{color:var(--color-primary);--range-thumb:var(--color-primary-content)}}.xl\:range-secondary{@layer daisyui.l1.l2{color:var(--color-secondary);--range-thumb:var(--color-secondary-content)}}.xl\:range-accent{@layer daisyui.l1.l2{color:var(--color-accent);--range-thumb:var(--color-accent-content)}}.xl\:range-neutral{@layer daisyui.l1.l2{color:var(--color-neutral);--range-thumb:var(--color-neutral-content)}}.xl\:range-success{@layer daisyui.l1.l2{color:var(--color-success);--range-thumb:var(--color-success-content)}}.xl\:range-warning{@layer daisyui.l1.l2{color:var(--color-warning);--range-thumb:var(--color-warning-content)}}.xl\:range-info{@layer daisyui.l1.l2{color:var(--color-info);--range-thumb:var(--color-info-content)}}.xl\:range-error{@layer daisyui.l1.l2{color:var(--color-error);--range-thumb:var(--color-error-content)}}.xl\:range-xs{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 4)}}.xl\:range-sm{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 5)}}.xl\:range-md{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 6)}}.xl\:range-lg{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 7)}}.xl\:range-xl{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 8)}}.xl\:range-vertical{@layer daisyui.l1.l2{writing-mode:vertical-lr;width:var(--range-thumb-size);--range-fill-x:0;--range-fill-y:calc(100cqh + var(--range-thumb-size) / 2);--range-fill-spread:calc(100cqh * var(--range-fill));direction:rtl;height:clamp(3rem,20rem,100%);&::-webkit-slider-runnable-track{height:100%;width:calc(var(--range-thumb-size) * .5)}&::-webkit-slider-thumb{transform:translate(-50%)}&::-moz-range-track{height:100%;width:calc(var(--range-thumb-size) * .5)}}}}@media (width>=1536px){.\32 xl\:range{@layer daisyui.l1.l2.l3{-webkit-appearance:none;appearance:none;--range-thumb:var(--color-base-100);--range-thumb-size:calc(var(--size-selector,.25rem) * 6);--range-progress:currentColor;--range-fill:1;--range-p:.25rem;--range-bg:color-mix(in oklab, currentColor 10%, #0000);--range-fill-x:calc((var(--range-dir,1) * -100cqw) - (var(--range-dir,1) * var(--range-thumb-size) / 2));--range-fill-y:0;--range-fill-spread:calc(100cqw * var(--range-fill));cursor:pointer;vertical-align:middle;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));width:clamp(3rem,20rem,100%);height:var(--range-thumb-size);background-color:#0000;border:none;overflow:hidden;[dir=rtl] &{--range-dir:-1}&:focus{outline:none}&:focus-visible{outline-offset:2px;outline:2px solid}&::-webkit-slider-runnable-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size) * .5)}@media (forced-colors:active){&::-webkit-slider-runnable-track{border:1px solid}}&::-webkit-slider-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));background-color:var(--range-thumb);height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p) solid;-webkit-appearance:none;appearance:none;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);position:relative;inset-block-start:50%;transform:translateY(-50%)}&::-moz-range-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size) * .5)}@media (forced-colors:active){&::-moz-range-track{border:1px solid}}&::-moz-range-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p) solid;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);background-color:currentColor;position:relative}&:disabled{cursor:not-allowed;opacity:.3}}}.\32 xl\:range-primary{@layer daisyui.l1.l2{color:var(--color-primary);--range-thumb:var(--color-primary-content)}}.\32 xl\:range-secondary{@layer daisyui.l1.l2{color:var(--color-secondary);--range-thumb:var(--color-secondary-content)}}.\32 xl\:range-accent{@layer daisyui.l1.l2{color:var(--color-accent);--range-thumb:var(--color-accent-content)}}.\32 xl\:range-neutral{@layer daisyui.l1.l2{color:var(--color-neutral);--range-thumb:var(--color-neutral-content)}}.\32 xl\:range-success{@layer daisyui.l1.l2{color:var(--color-success);--range-thumb:var(--color-success-content)}}.\32 xl\:range-warning{@layer daisyui.l1.l2{color:var(--color-warning);--range-thumb:var(--color-warning-content)}}.\32 xl\:range-info{@layer daisyui.l1.l2{color:var(--color-info);--range-thumb:var(--color-info-content)}}.\32 xl\:range-error{@layer daisyui.l1.l2{color:var(--color-error);--range-thumb:var(--color-error-content)}}.\32 xl\:range-xs{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 4)}}.\32 xl\:range-sm{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 5)}}.\32 xl\:range-md{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 6)}}.\32 xl\:range-lg{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 7)}}.\32 xl\:range-xl{@layer daisyui.l1.l2{--range-thumb-size:calc(var(--size-selector,.25rem) * 8)}}.\32 xl\:range-vertical{@layer daisyui.l1.l2{writing-mode:vertical-lr;width:var(--range-thumb-size);--range-fill-x:0;--range-fill-y:calc(100cqh + var(--range-thumb-size) / 2);--range-fill-spread:calc(100cqh * var(--range-fill));direction:rtl;height:clamp(3rem,20rem,100%);&::-webkit-slider-runnable-track{height:100%;width:calc(var(--range-thumb-size) * .5)}&::-webkit-slider-thumb{transform:translate(-50%)}&::-moz-range-track{height:100%;width:calc(var(--range-thumb-size) * .5)}}}}}
package/components/rating/object.js CHANGED
@@ -1 +1 @@
1
- export default {".rating":{"@layer daisyui.l1.l2.l3":{"position":"relative","display":"inline-flex","vertical-align":"middle","--size":"var(--size-selector, 0.25rem) * var(--rt-size-mul)","input":{"cursor":"pointer","appearance":"none"},"*":{"border-radius":"0","background-color":"var(--color-base-content)","opacity":"20%","width":"calc(var(--size) * var(--rt-size-w-mul))","height":"calc(var(--size))","@media (prefers-reduced-motion: no-preference)":{"animation":"rating 0.25s ease-out"}},".rating-hidden":{"width":"calc(0.25rem * 2)","background-color":"transparent"},":checked, [aria-checked=\"true\"], [aria-current=\"true\"], :has(~ :checked, ~ [aria-checked=\"true\"], ~ [aria-current=\"true\"])":{"opacity":"100%"},":focus-visible":{"scale":"1.1","@media (prefers-reduced-motion: no-preference)":{"transition":"scale 0.2s ease-out"}},":active:focus":{"animation":"none","scale":"1.1"}}},".rating-half":{"@layer daisyui.l1.l2":{"--rt-size-w-mul":"0.5"}},".rating, .rating-full":{"@layer daisyui.l1.l2":{"--rt-size-w-mul":"1"}},".rating-xs":{"@layer daisyui.l1.l2":{"--rt-size-mul":"4"}},".rating-sm":{"@layer daisyui.l1.l2":{"--rt-size-mul":"5"}},".rating, .rating-md":{"@layer daisyui.l1.l2":{"--rt-size-mul":"6"}},".rating-lg":{"@layer daisyui.l1.l2":{"--rt-size-mul":"7"}},".rating-xl":{"@layer daisyui.l1.l2":{"--rt-size-mul":"8"}},"@keyframes rating":{"0%, 40%":{"scale":"1.1","filter":"brightness(1.05) contrast(1.05)"}}};
1
+ export default {".rating":{"@layer daisyui.l1.l2.l3":{"position":"relative","display":"inline-flex","vertical-align":"middle","--size":"var(--size-selector, 0.25rem) * 6","input":{"cursor":"pointer","appearance":"none"},"*":{"border-radius":"0","background-color":"var(--color-base-content)","opacity":"20%","width":"calc(var(--size) * 1)","height":"calc(var(--size))","@media (prefers-reduced-motion: no-preference)":{"animation":"rating 0.25s ease-out"}},".rating-hidden":{"width":"calc(0.25rem * 2)","background-color":"transparent"},":checked, [aria-checked=\"true\"], [aria-current=\"true\"], :has(~ :checked, ~ [aria-checked=\"true\"], ~ [aria-current=\"true\"])":{"opacity":"100%"},":focus-visible":{"scale":"1.1","@media (prefers-reduced-motion: no-preference)":{"transition":"scale 0.2s ease-out"}},":active:focus":{"animation":"none","scale":"1.1"}}},".rating-half":{"@layer daisyui.l1.l2":{"*":{"width":"calc(var(--size) * 0.5)"}}},".rating-xs":{"@layer daisyui.l1.l2":{"--size":"var(--size-selector, 0.25rem) * 4"}},".rating-sm":{"@layer daisyui.l1.l2":{"--size":"var(--size-selector, 0.25rem) * 5"}},".rating, .rating-md":{"@layer daisyui.l1.l2":{"--size":"var(--size-selector, 0.25rem) * 6"}},".rating-lg":{"@layer daisyui.l1.l2":{"--size":"var(--size-selector, 0.25rem) * 7"}},".rating-xl":{"@layer daisyui.l1.l2":{"--size":"var(--size-selector, 0.25rem) * 8"}},"@keyframes rating":{"0%, 40%":{"scale":"1.1","filter":"brightness(1.05) contrast(1.05)"}}};
package/components/rating.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.6.0-beta.0 - MIT License */ @layer utilities{.rating{@layer daisyui.l1.l2.l3{&{vertical-align:middle;--size:var(--size-selector,.25rem)*var(--rt-size-mul);display:inline-flex;position:relative}& input{cursor:pointer;appearance:none}& *{background-color:var(--color-base-content);opacity:.2;width:calc(var(--size)*var(--rt-size-w-mul));height:calc(var(--size));border-radius:0;@media (prefers-reduced-motion:no-preference){&{animation:.25s ease-out rating}}}& .rating-hidden{background-color:#0000;width:.5rem}& :checked,& [aria-checked=true],& [aria-current=true],& :has(~:checked,~[aria-checked=true],~[aria-current=true]){opacity:1}& :focus-visible{scale:1.1;@media (prefers-reduced-motion:no-preference){&{transition:scale .2s ease-out}}}& :active:focus{animation:none;scale:1.1}}}.rating-half{@layer daisyui.l1.l2{&{--rt-size-w-mul:.5}}}.rating,.rating-full{@layer daisyui.l1.l2{&{--rt-size-w-mul:1}}}.rating-xs{@layer daisyui.l1.l2{&{--rt-size-mul:4}}}.rating-sm{@layer daisyui.l1.l2{&{--rt-size-mul:5}}}.rating,.rating-md{@layer daisyui.l1.l2{&{--rt-size-mul:6}}}.rating-lg{@layer daisyui.l1.l2{&{--rt-size-mul:7}}}.rating-xl{@layer daisyui.l1.l2{&{--rt-size-mul:8}}}@keyframes rating{0%,40%{filter:brightness(1.05)contrast(1.05);scale:1.1}}@media (width>=640px){.sm\:rating{@layer daisyui.l1.l2.l3{&{vertical-align:middle;--size:var(--size-selector,.25rem)*var(--rt-size-mul);display:inline-flex;position:relative}& input{cursor:pointer;appearance:none}& *{background-color:var(--color-base-content);opacity:.2;width:calc(var(--size)*var(--rt-size-w-mul));height:calc(var(--size));border-radius:0;@media (prefers-reduced-motion:no-preference){&{animation:.25s ease-out rating}}}& .rating-hidden{background-color:#0000;width:.5rem}& :checked,& [aria-checked=true],& [aria-current=true],& :has(~:checked,~[aria-checked=true],~[aria-current=true]){opacity:1}& :focus-visible{scale:1.1;@media (prefers-reduced-motion:no-preference){&{transition:scale .2s ease-out}}}& :active:focus{animation:none;scale:1.1}}}.sm\:rating-half{@layer daisyui.l1.l2{&{--rt-size-w-mul:.5}}}.sm\:rating,.sm\:rating-full{@layer daisyui.l1.l2{&{--rt-size-w-mul:1}}}.sm\:rating-xs{@layer daisyui.l1.l2{&{--rt-size-mul:4}}}.sm\:rating-sm{@layer daisyui.l1.l2{&{--rt-size-mul:5}}}.sm\:rating,.sm\:rating-md{@layer daisyui.l1.l2{&{--rt-size-mul:6}}}.sm\:rating-lg{@layer daisyui.l1.l2{&{--rt-size-mul:7}}}.sm\:rating-xl{@layer daisyui.l1.l2{&{--rt-size-mul:8}}}}@media (width>=768px){.md\:rating{@layer daisyui.l1.l2.l3{&{vertical-align:middle;--size:var(--size-selector,.25rem)*var(--rt-size-mul);display:inline-flex;position:relative}& input{cursor:pointer;appearance:none}& *{background-color:var(--color-base-content);opacity:.2;width:calc(var(--size)*var(--rt-size-w-mul));height:calc(var(--size));border-radius:0;@media (prefers-reduced-motion:no-preference){&{animation:.25s ease-out rating}}}& .rating-hidden{background-color:#0000;width:.5rem}& :checked,& [aria-checked=true],& [aria-current=true],& :has(~:checked,~[aria-checked=true],~[aria-current=true]){opacity:1}& :focus-visible{scale:1.1;@media (prefers-reduced-motion:no-preference){&{transition:scale .2s ease-out}}}& :active:focus{animation:none;scale:1.1}}}.md\:rating-half{@layer daisyui.l1.l2{&{--rt-size-w-mul:.5}}}.md\:rating,.md\:rating-full{@layer daisyui.l1.l2{&{--rt-size-w-mul:1}}}.md\:rating-xs{@layer daisyui.l1.l2{&{--rt-size-mul:4}}}.md\:rating-sm{@layer daisyui.l1.l2{&{--rt-size-mul:5}}}.md\:rating,.md\:rating-md{@layer daisyui.l1.l2{&{--rt-size-mul:6}}}.md\:rating-lg{@layer daisyui.l1.l2{&{--rt-size-mul:7}}}.md\:rating-xl{@layer daisyui.l1.l2{&{--rt-size-mul:8}}}}@media (width>=1024px){.lg\:rating{@layer daisyui.l1.l2.l3{&{vertical-align:middle;--size:var(--size-selector,.25rem)*var(--rt-size-mul);display:inline-flex;position:relative}& input{cursor:pointer;appearance:none}& *{background-color:var(--color-base-content);opacity:.2;width:calc(var(--size)*var(--rt-size-w-mul));height:calc(var(--size));border-radius:0;@media (prefers-reduced-motion:no-preference){&{animation:.25s ease-out rating}}}& .rating-hidden{background-color:#0000;width:.5rem}& :checked,& [aria-checked=true],& [aria-current=true],& :has(~:checked,~[aria-checked=true],~[aria-current=true]){opacity:1}& :focus-visible{scale:1.1;@media (prefers-reduced-motion:no-preference){&{transition:scale .2s ease-out}}}& :active:focus{animation:none;scale:1.1}}}.lg\:rating-half{@layer daisyui.l1.l2{&{--rt-size-w-mul:.5}}}.lg\:rating,.lg\:rating-full{@layer daisyui.l1.l2{&{--rt-size-w-mul:1}}}.lg\:rating-xs{@layer daisyui.l1.l2{&{--rt-size-mul:4}}}.lg\:rating-sm{@layer daisyui.l1.l2{&{--rt-size-mul:5}}}.lg\:rating,.lg\:rating-md{@layer daisyui.l1.l2{&{--rt-size-mul:6}}}.lg\:rating-lg{@layer daisyui.l1.l2{&{--rt-size-mul:7}}}.lg\:rating-xl{@layer daisyui.l1.l2{&{--rt-size-mul:8}}}}@media (width>=1280px){.xl\:rating{@layer daisyui.l1.l2.l3{&{vertical-align:middle;--size:var(--size-selector,.25rem)*var(--rt-size-mul);display:inline-flex;position:relative}& input{cursor:pointer;appearance:none}& *{background-color:var(--color-base-content);opacity:.2;width:calc(var(--size)*var(--rt-size-w-mul));height:calc(var(--size));border-radius:0;@media (prefers-reduced-motion:no-preference){&{animation:.25s ease-out rating}}}& .rating-hidden{background-color:#0000;width:.5rem}& :checked,& [aria-checked=true],& [aria-current=true],& :has(~:checked,~[aria-checked=true],~[aria-current=true]){opacity:1}& :focus-visible{scale:1.1;@media (prefers-reduced-motion:no-preference){&{transition:scale .2s ease-out}}}& :active:focus{animation:none;scale:1.1}}}.xl\:rating-half{@layer daisyui.l1.l2{&{--rt-size-w-mul:.5}}}.xl\:rating,.xl\:rating-full{@layer daisyui.l1.l2{&{--rt-size-w-mul:1}}}.xl\:rating-xs{@layer daisyui.l1.l2{&{--rt-size-mul:4}}}.xl\:rating-sm{@layer daisyui.l1.l2{&{--rt-size-mul:5}}}.xl\:rating,.xl\:rating-md{@layer daisyui.l1.l2{&{--rt-size-mul:6}}}.xl\:rating-lg{@layer daisyui.l1.l2{&{--rt-size-mul:7}}}.xl\:rating-xl{@layer daisyui.l1.l2{&{--rt-size-mul:8}}}}@media (width>=1536px){.\32 xl\:rating{@layer daisyui.l1.l2.l3{&{vertical-align:middle;--size:var(--size-selector,.25rem)*var(--rt-size-mul);display:inline-flex;position:relative}& input{cursor:pointer;appearance:none}& *{background-color:var(--color-base-content);opacity:.2;width:calc(var(--size)*var(--rt-size-w-mul));height:calc(var(--size));border-radius:0;@media (prefers-reduced-motion:no-preference){&{animation:.25s ease-out rating}}}& .rating-hidden{background-color:#0000;width:.5rem}& :checked,& [aria-checked=true],& [aria-current=true],& :has(~:checked,~[aria-checked=true],~[aria-current=true]){opacity:1}& :focus-visible{scale:1.1;@media (prefers-reduced-motion:no-preference){&{transition:scale .2s ease-out}}}& :active:focus{animation:none;scale:1.1}}}.\32 xl\:rating-half{@layer daisyui.l1.l2{&{--rt-size-w-mul:.5}}}.\32 xl\:rating,.\32 xl\:rating-full{@layer daisyui.l1.l2{&{--rt-size-w-mul:1}}}.\32 xl\:rating-xs{@layer daisyui.l1.l2{&{--rt-size-mul:4}}}.\32 xl\:rating-sm{@layer daisyui.l1.l2{&{--rt-size-mul:5}}}.\32 xl\:rating,.\32 xl\:rating-md{@layer daisyui.l1.l2{&{--rt-size-mul:6}}}.\32 xl\:rating-lg{@layer daisyui.l1.l2{&{--rt-size-mul:7}}}.\32 xl\:rating-xl{@layer daisyui.l1.l2{&{--rt-size-mul:8}}}}}
1
+ /*! 🌼 daisyUI 5.6.1 - MIT License */ @layer utilities{.rating{@layer daisyui.l1.l2.l3{vertical-align:middle;--size:var(--size-selector,.25rem) * 6;display:inline-flex;position:relative;& input{cursor:pointer;appearance:none}& *{background-color:var(--color-base-content);opacity:.2;width:calc(var(--size) * 1);height:calc(var(--size));border-radius:0;@media (prefers-reduced-motion:no-preference){animation:.25s ease-out rating}}& .rating-hidden{background-color:#0000;width:.5rem}& :checked,& [aria-checked=true],& [aria-current=true],& :has(~:checked,~[aria-checked=true],~[aria-current=true]){opacity:1}& :focus-visible{scale:1.1;@media (prefers-reduced-motion:no-preference){transition:scale .2s ease-out}}& :active:focus{animation:none;scale:1.1}}}.rating-half{@layer daisyui.l1.l2{& *{width:calc(var(--size) * .5)}}}.rating-xs{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 4}}.rating-sm{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 5}}.rating,.rating-md{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 6}}.rating-lg{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 7}}.rating-xl{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 8}}@keyframes rating{0%,40%{filter:brightness(1.05)contrast(1.05);scale:1.1}}@media (width>=640px){.sm\:rating{@layer daisyui.l1.l2.l3{vertical-align:middle;--size:var(--size-selector,.25rem) * 6;display:inline-flex;position:relative;& input{cursor:pointer;appearance:none}& *{background-color:var(--color-base-content);opacity:.2;width:calc(var(--size) * 1);height:calc(var(--size));border-radius:0;@media (prefers-reduced-motion:no-preference){animation:.25s ease-out rating}}& .rating-hidden{background-color:#0000;width:.5rem}& :checked,& [aria-checked=true],& [aria-current=true],& :has(~:checked,~[aria-checked=true],~[aria-current=true]){opacity:1}& :focus-visible{scale:1.1;@media (prefers-reduced-motion:no-preference){transition:scale .2s ease-out}}& :active:focus{animation:none;scale:1.1}}}.sm\:rating-half{@layer daisyui.l1.l2{& *{width:calc(var(--size) * .5)}}}.sm\:rating-xs{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 4}}.sm\:rating-sm{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 5}}.sm\:rating,.sm\:rating-md{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 6}}.sm\:rating-lg{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 7}}.sm\:rating-xl{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 8}}}@media (width>=768px){.md\:rating{@layer daisyui.l1.l2.l3{vertical-align:middle;--size:var(--size-selector,.25rem) * 6;display:inline-flex;position:relative;& input{cursor:pointer;appearance:none}& *{background-color:var(--color-base-content);opacity:.2;width:calc(var(--size) * 1);height:calc(var(--size));border-radius:0;@media (prefers-reduced-motion:no-preference){animation:.25s ease-out rating}}& .rating-hidden{background-color:#0000;width:.5rem}& :checked,& [aria-checked=true],& [aria-current=true],& :has(~:checked,~[aria-checked=true],~[aria-current=true]){opacity:1}& :focus-visible{scale:1.1;@media (prefers-reduced-motion:no-preference){transition:scale .2s ease-out}}& :active:focus{animation:none;scale:1.1}}}.md\:rating-half{@layer daisyui.l1.l2{& *{width:calc(var(--size) * .5)}}}.md\:rating-xs{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 4}}.md\:rating-sm{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 5}}.md\:rating,.md\:rating-md{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 6}}.md\:rating-lg{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 7}}.md\:rating-xl{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 8}}}@media (width>=1024px){.lg\:rating{@layer daisyui.l1.l2.l3{vertical-align:middle;--size:var(--size-selector,.25rem) * 6;display:inline-flex;position:relative;& input{cursor:pointer;appearance:none}& *{background-color:var(--color-base-content);opacity:.2;width:calc(var(--size) * 1);height:calc(var(--size));border-radius:0;@media (prefers-reduced-motion:no-preference){animation:.25s ease-out rating}}& .rating-hidden{background-color:#0000;width:.5rem}& :checked,& [aria-checked=true],& [aria-current=true],& :has(~:checked,~[aria-checked=true],~[aria-current=true]){opacity:1}& :focus-visible{scale:1.1;@media (prefers-reduced-motion:no-preference){transition:scale .2s ease-out}}& :active:focus{animation:none;scale:1.1}}}.lg\:rating-half{@layer daisyui.l1.l2{& *{width:calc(var(--size) * .5)}}}.lg\:rating-xs{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 4}}.lg\:rating-sm{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 5}}.lg\:rating,.lg\:rating-md{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 6}}.lg\:rating-lg{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 7}}.lg\:rating-xl{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 8}}}@media (width>=1280px){.xl\:rating{@layer daisyui.l1.l2.l3{vertical-align:middle;--size:var(--size-selector,.25rem) * 6;display:inline-flex;position:relative;& input{cursor:pointer;appearance:none}& *{background-color:var(--color-base-content);opacity:.2;width:calc(var(--size) * 1);height:calc(var(--size));border-radius:0;@media (prefers-reduced-motion:no-preference){animation:.25s ease-out rating}}& .rating-hidden{background-color:#0000;width:.5rem}& :checked,& [aria-checked=true],& [aria-current=true],& :has(~:checked,~[aria-checked=true],~[aria-current=true]){opacity:1}& :focus-visible{scale:1.1;@media (prefers-reduced-motion:no-preference){transition:scale .2s ease-out}}& :active:focus{animation:none;scale:1.1}}}.xl\:rating-half{@layer daisyui.l1.l2{& *{width:calc(var(--size) * .5)}}}.xl\:rating-xs{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 4}}.xl\:rating-sm{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 5}}.xl\:rating,.xl\:rating-md{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 6}}.xl\:rating-lg{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 7}}.xl\:rating-xl{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 8}}}@media (width>=1536px){.\32 xl\:rating{@layer daisyui.l1.l2.l3{vertical-align:middle;--size:var(--size-selector,.25rem) * 6;display:inline-flex;position:relative;& input{cursor:pointer;appearance:none}& *{background-color:var(--color-base-content);opacity:.2;width:calc(var(--size) * 1);height:calc(var(--size));border-radius:0;@media (prefers-reduced-motion:no-preference){animation:.25s ease-out rating}}& .rating-hidden{background-color:#0000;width:.5rem}& :checked,& [aria-checked=true],& [aria-current=true],& :has(~:checked,~[aria-checked=true],~[aria-current=true]){opacity:1}& :focus-visible{scale:1.1;@media (prefers-reduced-motion:no-preference){transition:scale .2s ease-out}}& :active:focus{animation:none;scale:1.1}}}.\32 xl\:rating-half{@layer daisyui.l1.l2{& *{width:calc(var(--size) * .5)}}}.\32 xl\:rating-xs{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 4}}.\32 xl\:rating-sm{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 5}}.\32 xl\:rating,.\32 xl\:rating-md{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 6}}.\32 xl\:rating-lg{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 7}}.\32 xl\:rating-xl{@layer daisyui.l1.l2{--size:var(--size-selector,.25rem) * 8}}}}
package/components/select.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.6.0-beta.0 - MIT License */ @layer utilities{.select{@layer daisyui.l1.l2.l3{&{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem)*var(--sl-size-mul));--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem),var(--font-size-min));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border)solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:.75rem 1.75rem;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&:focus,&:focus-within,&:open{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}&:has(>select[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&,&::picker(select){appearance:base-select}}&::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}&::picker-icon{display:none}& selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem*var(--option-px));white-space:normal;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.select-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&:focus,&:focus-within,&:open{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}&::picker(select){background-color:var(--color-base-100);color:var(--color-base-content)}}}.select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-neutral)}}}.select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-primary)}}}.select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-secondary)}}}.select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-accent)}}}.select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-info)}}}.select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-success)}}}.select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-warning)}}}.select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-error)}}}.select-xs{@layer daisyui.l1.l2{&{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2}.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.select-sm{@layer daisyui.l1.l2{&{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5}.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.select,.select-md{@layer daisyui.l1.l2{&{--sl-size-mul:10;--font-size-min:.875rem;--option-px:3}.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.select-lg{@layer daisyui.l1.l2{&{--sl-size-mul:12;--font-size-min:1.125rem;--option-px:4}.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.select-xl{@layer daisyui.l1.l2{&{--sl-size-mul:14;--font-size-min:1.375rem;--option-px:5}.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}@media (width>=640px){.sm\:select{@layer daisyui.l1.l2.l3{&{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem)*var(--sl-size-mul));--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem),var(--font-size-min));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border)solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:.75rem 1.75rem;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&:focus,&:focus-within,&:open{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}&:has(>select[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&,&::picker(select){appearance:base-select}}&::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}&::picker-icon{display:none}& selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem*var(--option-px));white-space:normal;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.sm\:select-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&:focus,&:focus-within,&:open{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}&::picker(select){background-color:var(--color-base-100);color:var(--color-base-content)}}}.sm\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-neutral)}}}.sm\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-primary)}}}.sm\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-secondary)}}}.sm\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-accent)}}}.sm\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-info)}}}.sm\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-success)}}}.sm\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-warning)}}}.sm\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-error)}}}.sm\:select-xs{@layer daisyui.l1.l2{&{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2}.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.sm\:select-sm{@layer daisyui.l1.l2{&{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5}.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.sm\:select,.sm\:select-md{@layer daisyui.l1.l2{&{--sl-size-mul:10;--font-size-min:.875rem;--option-px:3}.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.sm\:select-lg{@layer daisyui.l1.l2{&{--sl-size-mul:12;--font-size-min:1.125rem;--option-px:4}.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.sm\:select-xl{@layer daisyui.l1.l2{&{--sl-size-mul:14;--font-size-min:1.375rem;--option-px:5}.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=768px){.md\:select{@layer daisyui.l1.l2.l3{&{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem)*var(--sl-size-mul));--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem),var(--font-size-min));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border)solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:.75rem 1.75rem;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&:focus,&:focus-within,&:open{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}&:has(>select[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&,&::picker(select){appearance:base-select}}&::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}&::picker-icon{display:none}& selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem*var(--option-px));white-space:normal;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.md\:select-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&:focus,&:focus-within,&:open{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}&::picker(select){background-color:var(--color-base-100);color:var(--color-base-content)}}}.md\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-neutral)}}}.md\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-primary)}}}.md\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-secondary)}}}.md\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-accent)}}}.md\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-info)}}}.md\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-success)}}}.md\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-warning)}}}.md\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-error)}}}.md\:select-xs{@layer daisyui.l1.l2{&{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2}.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.md\:select-sm{@layer daisyui.l1.l2{&{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5}.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.md\:select,.md\:select-md{@layer daisyui.l1.l2{&{--sl-size-mul:10;--font-size-min:.875rem;--option-px:3}.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.md\:select-lg{@layer daisyui.l1.l2{&{--sl-size-mul:12;--font-size-min:1.125rem;--option-px:4}.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.md\:select-xl{@layer daisyui.l1.l2{&{--sl-size-mul:14;--font-size-min:1.375rem;--option-px:5}.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=1024px){.lg\:select{@layer daisyui.l1.l2.l3{&{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem)*var(--sl-size-mul));--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem),var(--font-size-min));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border)solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:.75rem 1.75rem;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&:focus,&:focus-within,&:open{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}&:has(>select[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&,&::picker(select){appearance:base-select}}&::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}&::picker-icon{display:none}& selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem*var(--option-px));white-space:normal;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.lg\:select-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&:focus,&:focus-within,&:open{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}&::picker(select){background-color:var(--color-base-100);color:var(--color-base-content)}}}.lg\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-neutral)}}}.lg\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-primary)}}}.lg\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-secondary)}}}.lg\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-accent)}}}.lg\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-info)}}}.lg\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-success)}}}.lg\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-warning)}}}.lg\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-error)}}}.lg\:select-xs{@layer daisyui.l1.l2{&{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2}.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.lg\:select-sm{@layer daisyui.l1.l2{&{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5}.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.lg\:select,.lg\:select-md{@layer daisyui.l1.l2{&{--sl-size-mul:10;--font-size-min:.875rem;--option-px:3}.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.lg\:select-lg{@layer daisyui.l1.l2{&{--sl-size-mul:12;--font-size-min:1.125rem;--option-px:4}.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.lg\:select-xl{@layer daisyui.l1.l2{&{--sl-size-mul:14;--font-size-min:1.375rem;--option-px:5}.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=1280px){.xl\:select{@layer daisyui.l1.l2.l3{&{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem)*var(--sl-size-mul));--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem),var(--font-size-min));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border)solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:.75rem 1.75rem;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&:focus,&:focus-within,&:open{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}&:has(>select[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&,&::picker(select){appearance:base-select}}&::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}&::picker-icon{display:none}& selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem*var(--option-px));white-space:normal;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.xl\:select-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&:focus,&:focus-within,&:open{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}&::picker(select){background-color:var(--color-base-100);color:var(--color-base-content)}}}.xl\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-neutral)}}}.xl\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-primary)}}}.xl\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-secondary)}}}.xl\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-accent)}}}.xl\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-info)}}}.xl\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-success)}}}.xl\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-warning)}}}.xl\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-error)}}}.xl\:select-xs{@layer daisyui.l1.l2{&{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2}.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.xl\:select-sm{@layer daisyui.l1.l2{&{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5}.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.xl\:select,.xl\:select-md{@layer daisyui.l1.l2{&{--sl-size-mul:10;--font-size-min:.875rem;--option-px:3}.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.xl\:select-lg{@layer daisyui.l1.l2{&{--sl-size-mul:12;--font-size-min:1.125rem;--option-px:4}.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.xl\:select-xl{@layer daisyui.l1.l2{&{--sl-size-mul:14;--font-size-min:1.375rem;--option-px:5}.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=1536px){.\32 xl\:select{@layer daisyui.l1.l2.l3{&{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem)*var(--sl-size-mul));--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem),var(--font-size-min));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border)solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:.75rem 1.75rem;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&:focus,&:focus-within,&:open{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}&:has(>select[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&,&::picker(select){appearance:base-select}}&::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}&::picker-icon{display:none}& selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem*var(--option-px));white-space:normal;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.\32 xl\:select-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&:focus,&:focus-within,&:open{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}&::picker(select){background-color:var(--color-base-100);color:var(--color-base-content)}}}.\32 xl\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-neutral)}}}.\32 xl\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-primary)}}}.\32 xl\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-secondary)}}}.\32 xl\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-accent)}}}.\32 xl\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-info)}}}.\32 xl\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-success)}}}.\32 xl\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-warning)}}}.\32 xl\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-error)}}}.\32 xl\:select-xs{@layer daisyui.l1.l2{&{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2}.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.\32 xl\:select-sm{@layer daisyui.l1.l2{&{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5}.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.\32 xl\:select,.\32 xl\:select-md{@layer daisyui.l1.l2{&{--sl-size-mul:10;--font-size-min:.875rem;--option-px:3}.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.\32 xl\:select-lg{@layer daisyui.l1.l2{&{--sl-size-mul:12;--font-size-min:1.125rem;--option-px:4}.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.\32 xl\:select-xl{@layer daisyui.l1.l2{&{--sl-size-mul:14;--font-size-min:1.375rem;--option-px:5}.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}}
1
+ /*! 🌼 daisyUI 5.6.1 - MIT License */ @layer utilities{.select{@layer daisyui.l1.l2.l3{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem) * var(--sl-size-mul));--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem), var(--font-size-min));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:.75rem 1.75rem;display:inline-flex;position:relative;overflow:hidden;[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border) * 2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&:focus,&:focus-within,&:open{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}&:has(>select[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab, var(--color-base-content) 40%, transparent);&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&,&::picker(select){appearance:base-select}}&::picker(select){color:inherit;border:var(--border) solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0/calc(var(--depth) * .1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}&::picker-icon{display:none}& selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem * var(--option-px));white-space:normal;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.select-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within,&:open{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}&::picker(select){background-color:var(--color-base-100);color:var(--color-base-content)}}}.select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-neutral)}}}.select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-primary)}}}.select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-secondary)}}}.select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-accent)}}}.select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-info)}}}.select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-success)}}}.select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-warning)}}}.select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-error)}}}.select-xs{@layer daisyui.l1.l2{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2;.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.select-sm{@layer daisyui.l1.l2{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5;.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.select,.select-md{@layer daisyui.l1.l2{--sl-size-mul:10;--font-size-min:.875rem;--option-px:3;.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.select-lg{@layer daisyui.l1.l2{--sl-size-mul:12;--font-size-min:1.125rem;--option-px:4;.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.select-xl{@layer daisyui.l1.l2{--sl-size-mul:14;--font-size-min:1.375rem;--option-px:5;.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}@media (width>=640px){.sm\:select{@layer daisyui.l1.l2.l3{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem) * var(--sl-size-mul));--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem), var(--font-size-min));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:.75rem 1.75rem;display:inline-flex;position:relative;overflow:hidden;[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border) * 2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&:focus,&:focus-within,&:open{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}&:has(>select[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab, var(--color-base-content) 40%, transparent);&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&,&::picker(select){appearance:base-select}}&::picker(select){color:inherit;border:var(--border) solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0/calc(var(--depth) * .1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}&::picker-icon{display:none}& selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem * var(--option-px));white-space:normal;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.sm\:select-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within,&:open{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}&::picker(select){background-color:var(--color-base-100);color:var(--color-base-content)}}}.sm\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-neutral)}}}.sm\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-primary)}}}.sm\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-secondary)}}}.sm\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-accent)}}}.sm\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-info)}}}.sm\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-success)}}}.sm\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-warning)}}}.sm\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-error)}}}.sm\:select-xs{@layer daisyui.l1.l2{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2;.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.sm\:select-sm{@layer daisyui.l1.l2{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5;.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.sm\:select,.sm\:select-md{@layer daisyui.l1.l2{--sl-size-mul:10;--font-size-min:.875rem;--option-px:3;.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.sm\:select-lg{@layer daisyui.l1.l2{--sl-size-mul:12;--font-size-min:1.125rem;--option-px:4;.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.sm\:select-xl{@layer daisyui.l1.l2{--sl-size-mul:14;--font-size-min:1.375rem;--option-px:5;.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=768px){.md\:select{@layer daisyui.l1.l2.l3{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem) * var(--sl-size-mul));--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem), var(--font-size-min));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:.75rem 1.75rem;display:inline-flex;position:relative;overflow:hidden;[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border) * 2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&:focus,&:focus-within,&:open{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}&:has(>select[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab, var(--color-base-content) 40%, transparent);&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&,&::picker(select){appearance:base-select}}&::picker(select){color:inherit;border:var(--border) solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0/calc(var(--depth) * .1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}&::picker-icon{display:none}& selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem * var(--option-px));white-space:normal;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.md\:select-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within,&:open{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}&::picker(select){background-color:var(--color-base-100);color:var(--color-base-content)}}}.md\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-neutral)}}}.md\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-primary)}}}.md\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-secondary)}}}.md\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-accent)}}}.md\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-info)}}}.md\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-success)}}}.md\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-warning)}}}.md\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-error)}}}.md\:select-xs{@layer daisyui.l1.l2{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2;.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.md\:select-sm{@layer daisyui.l1.l2{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5;.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.md\:select,.md\:select-md{@layer daisyui.l1.l2{--sl-size-mul:10;--font-size-min:.875rem;--option-px:3;.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.md\:select-lg{@layer daisyui.l1.l2{--sl-size-mul:12;--font-size-min:1.125rem;--option-px:4;.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.md\:select-xl{@layer daisyui.l1.l2{--sl-size-mul:14;--font-size-min:1.375rem;--option-px:5;.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=1024px){.lg\:select{@layer daisyui.l1.l2.l3{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem) * var(--sl-size-mul));--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem), var(--font-size-min));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:.75rem 1.75rem;display:inline-flex;position:relative;overflow:hidden;[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border) * 2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&:focus,&:focus-within,&:open{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}&:has(>select[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab, var(--color-base-content) 40%, transparent);&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&,&::picker(select){appearance:base-select}}&::picker(select){color:inherit;border:var(--border) solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0/calc(var(--depth) * .1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}&::picker-icon{display:none}& selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem * var(--option-px));white-space:normal;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.lg\:select-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within,&:open{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}&::picker(select){background-color:var(--color-base-100);color:var(--color-base-content)}}}.lg\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-neutral)}}}.lg\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-primary)}}}.lg\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-secondary)}}}.lg\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-accent)}}}.lg\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-info)}}}.lg\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-success)}}}.lg\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-warning)}}}.lg\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-error)}}}.lg\:select-xs{@layer daisyui.l1.l2{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2;.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.lg\:select-sm{@layer daisyui.l1.l2{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5;.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.lg\:select,.lg\:select-md{@layer daisyui.l1.l2{--sl-size-mul:10;--font-size-min:.875rem;--option-px:3;.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.lg\:select-lg{@layer daisyui.l1.l2{--sl-size-mul:12;--font-size-min:1.125rem;--option-px:4;.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.lg\:select-xl{@layer daisyui.l1.l2{--sl-size-mul:14;--font-size-min:1.375rem;--option-px:5;.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=1280px){.xl\:select{@layer daisyui.l1.l2.l3{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem) * var(--sl-size-mul));--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem), var(--font-size-min));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:.75rem 1.75rem;display:inline-flex;position:relative;overflow:hidden;[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border) * 2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&:focus,&:focus-within,&:open{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}&:has(>select[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab, var(--color-base-content) 40%, transparent);&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&,&::picker(select){appearance:base-select}}&::picker(select){color:inherit;border:var(--border) solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0/calc(var(--depth) * .1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}&::picker-icon{display:none}& selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem * var(--option-px));white-space:normal;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.xl\:select-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within,&:open{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}&::picker(select){background-color:var(--color-base-100);color:var(--color-base-content)}}}.xl\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-neutral)}}}.xl\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-primary)}}}.xl\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-secondary)}}}.xl\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-accent)}}}.xl\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-info)}}}.xl\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-success)}}}.xl\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-warning)}}}.xl\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-error)}}}.xl\:select-xs{@layer daisyui.l1.l2{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2;.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.xl\:select-sm{@layer daisyui.l1.l2{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5;.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.xl\:select,.xl\:select-md{@layer daisyui.l1.l2{--sl-size-mul:10;--font-size-min:.875rem;--option-px:3;.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.xl\:select-lg{@layer daisyui.l1.l2{--sl-size-mul:12;--font-size-min:1.125rem;--option-px:4;.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.xl\:select-xl{@layer daisyui.l1.l2{--sl-size-mul:14;--font-size-min:1.375rem;--option-px:5;.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=1536px){.\32 xl\:select{@layer daisyui.l1.l2.l3{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem) * var(--sl-size-mul));--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem), var(--font-size-min));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:.75rem 1.75rem;display:inline-flex;position:relative;overflow:hidden;[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border) * 2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&:focus,&:focus-within,&:open{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}&:has(>select[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab, var(--color-base-content) 40%, transparent);&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&,&::picker(select){appearance:base-select}}&::picker(select){color:inherit;border:var(--border) solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0/calc(var(--depth) * .1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}&::picker-icon{display:none}& selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem * var(--option-px));white-space:normal;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.\32 xl\:select-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within,&:open{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}&::picker(select){background-color:var(--color-base-100);color:var(--color-base-content)}}}.\32 xl\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-neutral)}}}.\32 xl\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-primary)}}}.\32 xl\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-secondary)}}}.\32 xl\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-accent)}}}.\32 xl\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-info)}}}.\32 xl\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-success)}}}.\32 xl\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-warning)}}}.\32 xl\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within,&:open{--input-color:var(--color-error)}}}.\32 xl\:select-xs{@layer daisyui.l1.l2{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2;.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.\32 xl\:select-sm{@layer daisyui.l1.l2{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5;.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.\32 xl\:select,.\32 xl\:select-md{@layer daisyui.l1.l2{--sl-size-mul:10;--font-size-min:.875rem;--option-px:3;.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.\32 xl\:select-lg{@layer daisyui.l1.l2{--sl-size-mul:12;--font-size-min:1.125rem;--option-px:4;.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.\32 xl\:select-xl{@layer daisyui.l1.l2{--sl-size-mul:14;--font-size-min:1.375rem;--option-px:5;.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}}
package/components/skeleton.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.6.0-beta.0 - MIT License */ @layer utilities{.skeleton{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-box);background-color:var(--color-base-300);will-change:background-position;background-image:linear-gradient(105deg,#0000 0% 40%,var(--color-base-100)50%,#0000 60% 100%);background-position-x:-50%;background-size:200%}@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}@media (prefers-reduced-motion:no-preference){&{animation:1.8s ease-in-out infinite skeleton}}}}.skeleton-text{@layer daisyui.l1.l2{&{color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(105deg,color-mix(in oklab,var(--color-base-content)20%,transparent)0% 40%,var(--color-base-content)50%,color-mix(in oklab,var(--color-base-content)20%,transparent)60% 100%)}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}
1
+ /*! 🌼 daisyUI 5.6.1 - MIT License */ @layer utilities{.skeleton{@layer daisyui.l1.l2.l3{border-radius:var(--radius-box);background-color:var(--color-base-300);@media (prefers-reduced-motion:reduce){transition-duration:15s}will-change:background-position;background-image:linear-gradient(105deg, #0000 0% 40%, var(--color-base-100) 50%, #0000 60% 100%);background-position-x:-50%;background-size:200%;@media (prefers-reduced-motion:no-preference){animation:1.8s ease-in-out infinite skeleton}}}.skeleton-text{@layer daisyui.l1.l2{color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(105deg, color-mix(in oklab, var(--color-base-content) 20%, transparent) 0% 40%, var(--color-base-content) 50%, color-mix(in oklab, var(--color-base-content) 20%, transparent) 60% 100%)}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}