daisyui 5.0.0-alpha.39 → 5.0.0-alpha.40

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 (149) 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/chunks.css +2 -2
  8. package/colors/properties.css +1 -1
  9. package/colors/responsive.css +1 -1
  10. package/colors/states.css +1 -1
  11. package/components/alert.css +1 -1
  12. package/components/avatar.css +1 -1
  13. package/components/badge/object.js +1 -1
  14. package/components/badge.css +1 -1
  15. package/components/breadcrumbs.css +1 -1
  16. package/components/button.css +1 -1
  17. package/components/calendar/index.js +7 -0
  18. package/components/calendar/object.js +1 -0
  19. package/components/calendar.css +1 -0
  20. package/components/card/object.js +1 -1
  21. package/components/card.css +1 -1
  22. package/components/carousel.css +1 -1
  23. package/components/chat.css +1 -1
  24. package/components/checkbox.css +1 -1
  25. package/components/collapse.css +1 -1
  26. package/components/countdown/object.js +1 -1
  27. package/components/countdown.css +1 -1
  28. package/components/divider.css +1 -1
  29. package/components/dock.css +1 -1
  30. package/components/drawer/object.js +1 -1
  31. package/components/drawer.css +1 -1
  32. package/components/dropdown/object.js +1 -1
  33. package/components/dropdown.css +1 -1
  34. package/components/fieldset/index.js +7 -0
  35. package/components/fieldset/object.js +1 -0
  36. package/components/fieldset.css +1 -0
  37. package/components/fileinput.css +1 -1
  38. package/components/footer.css +1 -1
  39. package/components/hero.css +1 -1
  40. package/components/indicator.css +1 -1
  41. package/components/input.css +1 -1
  42. package/components/kbd/object.js +1 -1
  43. package/components/kbd.css +1 -1
  44. package/components/link.css +1 -1
  45. package/components/loading.css +1 -1
  46. package/components/mask.css +1 -1
  47. package/components/menu/object.js +1 -1
  48. package/components/menu.css +1 -1
  49. package/components/mockup.css +1 -1
  50. package/components/modal/object.js +1 -1
  51. package/components/modal.css +1 -1
  52. package/components/navbar.css +1 -1
  53. package/components/progress.css +1 -1
  54. package/components/radialprogress.css +1 -1
  55. package/components/radio.css +1 -1
  56. package/components/range.css +1 -1
  57. package/components/rating.css +1 -1
  58. package/components/select.css +1 -1
  59. package/components/skeleton.css +1 -1
  60. package/components/stack.css +1 -1
  61. package/components/stat.css +1 -1
  62. package/components/status.css +1 -1
  63. package/components/steps.css +1 -1
  64. package/components/swap.css +1 -1
  65. package/components/tab.css +1 -1
  66. package/components/table.css +1 -1
  67. package/components/textarea.css +1 -1
  68. package/components/timeline.css +1 -1
  69. package/components/toast.css +1 -1
  70. package/components/toggle.css +1 -1
  71. package/components/tooltip.css +1 -1
  72. package/daisyui.css +1 -1
  73. package/imports.js +4 -4
  74. package/package.json +2 -2
  75. package/theme/acid/object.js +1 -1
  76. package/theme/acid.css +16 -16
  77. package/theme/aqua/object.js +1 -1
  78. package/theme/aqua.css +18 -18
  79. package/theme/autumn/object.js +1 -1
  80. package/theme/autumn.css +19 -19
  81. package/theme/black/object.js +1 -1
  82. package/theme/black.css +15 -15
  83. package/theme/bumblebee/object.js +1 -1
  84. package/theme/bumblebee.css +2 -2
  85. package/theme/business/object.js +1 -1
  86. package/theme/business.css +19 -19
  87. package/theme/cmyk/object.js +1 -1
  88. package/theme/cmyk.css +16 -16
  89. package/theme/coffee/object.js +1 -1
  90. package/theme/coffee.css +20 -20
  91. package/theme/corporate/object.js +1 -1
  92. package/theme/corporate.css +8 -8
  93. package/theme/cupcake/object.js +1 -1
  94. package/theme/cupcake.css +12 -12
  95. package/theme/cyberpunk/object.js +1 -1
  96. package/theme/cyberpunk.css +7 -7
  97. package/theme/dark/object.js +1 -1
  98. package/theme/dark.css +6 -6
  99. package/theme/dim/object.js +1 -1
  100. package/theme/dim.css +20 -20
  101. package/theme/dracula/object.js +1 -1
  102. package/theme/dracula.css +20 -20
  103. package/theme/emerald/object.js +1 -1
  104. package/theme/emerald.css +7 -7
  105. package/theme/fantasy/object.js +1 -1
  106. package/theme/fantasy.css +6 -6
  107. package/theme/forest/object.js +1 -1
  108. package/theme/forest.css +11 -11
  109. package/theme/garden/object.js +1 -1
  110. package/theme/garden.css +11 -11
  111. package/theme/halloween/object.js +1 -1
  112. package/theme/halloween.css +16 -16
  113. package/theme/lemonade/object.js +1 -1
  114. package/theme/lemonade.css +9 -9
  115. package/theme/light/object.js +1 -1
  116. package/theme/light.css +9 -9
  117. package/theme/lofi/object.js +1 -1
  118. package/theme/lofi.css +7 -7
  119. package/theme/luxury/object.js +1 -1
  120. package/theme/luxury.css +18 -18
  121. package/theme/night/object.js +1 -1
  122. package/theme/night.css +19 -19
  123. package/theme/nord/object.js +1 -1
  124. package/theme/nord.css +20 -20
  125. package/theme/object.js +1 -1
  126. package/theme/pastel/object.js +1 -1
  127. package/theme/pastel.css +10 -10
  128. package/theme/retro/object.js +1 -1
  129. package/theme/retro.css +19 -19
  130. package/theme/sunset/object.js +1 -1
  131. package/theme/sunset.css +15 -15
  132. package/theme/synthwave/object.js +1 -1
  133. package/theme/synthwave.css +19 -19
  134. package/theme/valentine/object.js +1 -1
  135. package/theme/valentine.css +19 -19
  136. package/theme/winter/object.js +1 -1
  137. package/theme/winter.css +17 -17
  138. package/theme/wireframe/object.js +1 -1
  139. package/theme/wireframe.css +17 -17
  140. package/themes.css +1 -1
  141. package/utilities/join.css +1 -1
  142. package/utilities/radius.css +1 -1
  143. package/utilities/typography.css +1 -1
  144. package/base/startingstyle/index.js +0 -7
  145. package/base/startingstyle/object.js +0 -1
  146. package/base/startingstyle.css +0 -1
  147. package/components/formcontrol/index.js +0 -7
  148. package/components/formcontrol/object.js +0 -1
  149. package/components/formcontrol.css +0 -1
package/components/fileinput.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .file-input{border:var(--spacing-button-border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));width:100%;max-width:20rem;padding-inline-end:.75rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--btn-fg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:calc(var(--radius-join-ss,var(--radius-field) - var(--spacing-button-border)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--spacing-button-border)));height:100%;margin-inline-end:1rem;padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}.file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.file-input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.file-input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.file-input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.file-input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.file-input-xl{--field-size:calc(var(--spacing-field-size)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}@media (width>=640px){.sm\:file-input{border:var(--spacing-button-border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));width:100%;max-width:20rem;padding-inline-end:.75rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--btn-fg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:calc(var(--radius-join-ss,var(--radius-field) - var(--spacing-button-border)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--spacing-button-border)));height:100%;margin-inline-end:1rem;padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}.sm\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.sm\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.sm\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.sm\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.sm\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.sm\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.sm\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.sm\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.sm\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.sm\:file-input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.sm\:file-input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.sm\:file-input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.sm\:file-input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.sm\:file-input-xl{--field-size:calc(var(--spacing-field-size)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}@media (width>=768px){.md\:file-input{border:var(--spacing-button-border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));width:100%;max-width:20rem;padding-inline-end:.75rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--btn-fg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:calc(var(--radius-join-ss,var(--radius-field) - var(--spacing-button-border)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--spacing-button-border)));height:100%;margin-inline-end:1rem;padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}.md\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.md\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.md\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.md\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.md\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.md\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.md\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.md\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.md\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.md\:file-input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.md\:file-input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.md\:file-input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.md\:file-input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.md\:file-input-xl{--field-size:calc(var(--spacing-field-size)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}@media (width>=1024px){.lg\:file-input{border:var(--spacing-button-border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));width:100%;max-width:20rem;padding-inline-end:.75rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--btn-fg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:calc(var(--radius-join-ss,var(--radius-field) - var(--spacing-button-border)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--spacing-button-border)));height:100%;margin-inline-end:1rem;padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}.lg\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.lg\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.lg\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.lg\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.lg\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.lg\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.lg\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.lg\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.lg\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.lg\:file-input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.lg\:file-input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.lg\:file-input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.lg\:file-input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.lg\:file-input-xl{--field-size:calc(var(--spacing-field-size)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}@media (width>=1280px){.xl\:file-input{border:var(--spacing-button-border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));width:100%;max-width:20rem;padding-inline-end:.75rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--btn-fg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:calc(var(--radius-join-ss,var(--radius-field) - var(--spacing-button-border)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--spacing-button-border)));height:100%;margin-inline-end:1rem;padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}.xl\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.xl\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.xl\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.xl\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.xl\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.xl\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.xl\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.xl\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.xl\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.xl\:file-input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.xl\:file-input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.xl\:file-input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.xl\:file-input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.xl\:file-input-xl{--field-size:calc(var(--spacing-field-size)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}@media (width>=1536px){.\32 xl\:file-input{border:var(--spacing-button-border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));width:100%;max-width:20rem;padding-inline-end:.75rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--btn-fg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:calc(var(--radius-join-ss,var(--radius-field) - var(--spacing-button-border)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--spacing-button-border)));height:100%;margin-inline-end:1rem;padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}.\32 xl\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.\32 xl\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.\32 xl\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.\32 xl\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.\32 xl\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.\32 xl\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.\32 xl\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.\32 xl\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.\32 xl\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.\32 xl\:file-input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.\32 xl\:file-input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.\32 xl\:file-input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.\32 xl\:file-input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.\32 xl\:file-input-xl{--field-size:calc(var(--spacing-field-size)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .file-input{border:var(--spacing-button-border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));width:100%;max-width:20rem;padding-inline-end:.75rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--btn-fg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:calc(var(--radius-join-ss,var(--radius-field) - var(--spacing-button-border)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--spacing-button-border)));height:100%;margin-inline-end:1rem;padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}.file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.file-input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.file-input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.file-input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.file-input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.file-input-xl{--field-size:calc(var(--spacing-field-size)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}@media (width>=640px){.sm\:file-input{border:var(--spacing-button-border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));width:100%;max-width:20rem;padding-inline-end:.75rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--btn-fg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:calc(var(--radius-join-ss,var(--radius-field) - var(--spacing-button-border)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--spacing-button-border)));height:100%;margin-inline-end:1rem;padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}.sm\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.sm\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.sm\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.sm\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.sm\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.sm\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.sm\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.sm\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.sm\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.sm\:file-input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.sm\:file-input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.sm\:file-input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.sm\:file-input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.sm\:file-input-xl{--field-size:calc(var(--spacing-field-size)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}@media (width>=768px){.md\:file-input{border:var(--spacing-button-border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));width:100%;max-width:20rem;padding-inline-end:.75rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--btn-fg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:calc(var(--radius-join-ss,var(--radius-field) - var(--spacing-button-border)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--spacing-button-border)));height:100%;margin-inline-end:1rem;padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}.md\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.md\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.md\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.md\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.md\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.md\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.md\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.md\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.md\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.md\:file-input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.md\:file-input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.md\:file-input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.md\:file-input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.md\:file-input-xl{--field-size:calc(var(--spacing-field-size)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}@media (width>=1024px){.lg\:file-input{border:var(--spacing-button-border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));width:100%;max-width:20rem;padding-inline-end:.75rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--btn-fg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:calc(var(--radius-join-ss,var(--radius-field) - var(--spacing-button-border)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--spacing-button-border)));height:100%;margin-inline-end:1rem;padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}.lg\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.lg\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.lg\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.lg\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.lg\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.lg\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.lg\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.lg\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.lg\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.lg\:file-input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.lg\:file-input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.lg\:file-input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.lg\:file-input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.lg\:file-input-xl{--field-size:calc(var(--spacing-field-size)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}@media (width>=1280px){.xl\:file-input{border:var(--spacing-button-border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));width:100%;max-width:20rem;padding-inline-end:.75rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--btn-fg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:calc(var(--radius-join-ss,var(--radius-field) - var(--spacing-button-border)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--spacing-button-border)));height:100%;margin-inline-end:1rem;padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}.xl\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.xl\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.xl\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.xl\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.xl\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.xl\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.xl\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.xl\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.xl\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.xl\:file-input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.xl\:file-input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.xl\:file-input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.xl\:file-input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.xl\:file-input-xl{--field-size:calc(var(--spacing-field-size)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}@media (width>=1536px){.\32 xl\:file-input{border:var(--spacing-button-border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));width:100%;max-width:20rem;padding-inline-end:.75rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--btn-fg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:calc(var(--radius-join-ss,var(--radius-field) - var(--spacing-button-border)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--spacing-button-border)));height:100%;margin-inline-end:1rem;padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}.\32 xl\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.\32 xl\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.\32 xl\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.\32 xl\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.\32 xl\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.\32 xl\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.\32 xl\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.\32 xl\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.\32 xl\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.\32 xl\:file-input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.\32 xl\:file-input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.\32 xl\:file-input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.\32 xl\:file-input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.\32 xl\:file-input-xl{--field-size:calc(var(--spacing-field-size)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}
package/components/footer.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}@media (width>=640px){.sm\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.sm\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.sm\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.sm\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=768px){.md\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.md\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.md\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.md\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=1024px){.lg\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.lg\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.lg\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.lg\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=1280px){.xl\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.xl\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.xl\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.xl\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=1536px){.\32 xl\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.\32 xl\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.\32 xl\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.\32 xl\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}@media (width>=640px){.sm\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.sm\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.sm\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.sm\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=768px){.md\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.md\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.md\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.md\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=1024px){.lg\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.lg\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.lg\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.lg\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=1280px){.xl\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.xl\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.xl\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.xl\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=1536px){.\32 xl\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.\32 xl\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.\32 xl\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.\32 xl\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}
package/components/hero.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.hero-content{z-index:0;max-width:var(--container-7xl);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}@media (width>=640px){.sm\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.sm\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.sm\:hero-content{z-index:0;max-width:var(--container-7xl);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}}@media (width>=768px){.md\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.md\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.md\:hero-content{z-index:0;max-width:var(--container-7xl);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}}@media (width>=1024px){.lg\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.lg\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.lg\:hero-content{z-index:0;max-width:var(--container-7xl);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}}@media (width>=1280px){.xl\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.xl\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.xl\:hero-content{z-index:0;max-width:var(--container-7xl);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}}@media (width>=1536px){.\32 xl\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.\32 xl\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.\32 xl\:hero-content{z-index:0;max-width:var(--container-7xl);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.hero-content{z-index:0;max-width:var(--container-7xl);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}@media (width>=640px){.sm\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.sm\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.sm\:hero-content{z-index:0;max-width:var(--container-7xl);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}}@media (width>=768px){.md\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.md\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.md\:hero-content{z-index:0;max-width:var(--container-7xl);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}}@media (width>=1024px){.lg\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.lg\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.lg\:hero-content{z-index:0;max-width:var(--container-7xl);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}}@media (width>=1280px){.xl\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.xl\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.xl\:hero-content{z-index:0;max-width:var(--container-7xl);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}}@media (width>=1536px){.\32 xl\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.\32 xl\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.\32 xl\:hero-content{z-index:0;max-width:var(--container-7xl);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}}
package/components/indicator.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}@media (width>=640px){.sm\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}@media (width>=768px){.md\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}@media (width>=1024px){.lg\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}@media (width>=1280px){.xl\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}@media (width>=1536px){.\32 xl\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}@media (width>=640px){.sm\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}@media (width>=768px){.md\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}@media (width>=1024px){.lg\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}@media (width>=1280px){.xl\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}@media (width>=1536px){.\32 xl\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}
package/components/input.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .input{border:var(--spacing-button-border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-shrink:1;width:100%;max-width:20rem;padding-inline:.75rem;font-size:.875rem;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.input-xl{--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}@media (width>=640px){.sm\:input{border:var(--spacing-button-border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-shrink:1;width:100%;max-width:20rem;padding-inline:.75rem;font-size:.875rem;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.sm\:input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.sm\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.sm\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.sm\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.sm\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.sm\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.sm\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.sm\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.sm\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.sm\:input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.sm\:input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.sm\:input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.sm\:input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.sm\:input-xl{--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}@media (width>=768px){.md\:input{border:var(--spacing-button-border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-shrink:1;width:100%;max-width:20rem;padding-inline:.75rem;font-size:.875rem;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.md\:input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.md\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.md\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.md\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.md\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.md\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.md\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.md\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.md\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.md\:input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.md\:input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.md\:input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.md\:input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.md\:input-xl{--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}@media (width>=1024px){.lg\:input{border:var(--spacing-button-border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-shrink:1;width:100%;max-width:20rem;padding-inline:.75rem;font-size:.875rem;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.lg\:input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.lg\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.lg\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.lg\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.lg\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.lg\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.lg\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.lg\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.lg\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.lg\:input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.lg\:input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.lg\:input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.lg\:input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.lg\:input-xl{--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}@media (width>=1280px){.xl\:input{border:var(--spacing-button-border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-shrink:1;width:100%;max-width:20rem;padding-inline:.75rem;font-size:.875rem;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.xl\:input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.xl\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.xl\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.xl\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.xl\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.xl\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.xl\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.xl\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.xl\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.xl\:input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.xl\:input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.xl\:input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.xl\:input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.xl\:input-xl{--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}@media (width>=1536px){.\32 xl\:input{border:var(--spacing-button-border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-shrink:1;width:100%;max-width:20rem;padding-inline:.75rem;font-size:.875rem;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.\32 xl\:input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.\32 xl\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.\32 xl\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.\32 xl\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.\32 xl\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.\32 xl\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.\32 xl\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.\32 xl\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.\32 xl\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.\32 xl\:input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.\32 xl\:input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.\32 xl\:input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.\32 xl\:input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.\32 xl\:input-xl{--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .input{border:var(--spacing-button-border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-shrink:1;width:100%;max-width:20rem;padding-inline:.75rem;font-size:.875rem;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.input-xl{--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}@media (width>=640px){.sm\:input{border:var(--spacing-button-border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-shrink:1;width:100%;max-width:20rem;padding-inline:.75rem;font-size:.875rem;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.sm\:input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.sm\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.sm\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.sm\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.sm\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.sm\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.sm\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.sm\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.sm\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.sm\:input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.sm\:input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.sm\:input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.sm\:input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.sm\:input-xl{--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}@media (width>=768px){.md\:input{border:var(--spacing-button-border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-shrink:1;width:100%;max-width:20rem;padding-inline:.75rem;font-size:.875rem;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.md\:input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.md\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.md\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.md\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.md\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.md\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.md\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.md\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.md\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.md\:input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.md\:input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.md\:input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.md\:input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.md\:input-xl{--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}@media (width>=1024px){.lg\:input{border:var(--spacing-button-border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-shrink:1;width:100%;max-width:20rem;padding-inline:.75rem;font-size:.875rem;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.lg\:input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.lg\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.lg\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.lg\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.lg\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.lg\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.lg\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.lg\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.lg\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.lg\:input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.lg\:input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.lg\:input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.lg\:input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.lg\:input-xl{--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}@media (width>=1280px){.xl\:input{border:var(--spacing-button-border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-shrink:1;width:100%;max-width:20rem;padding-inline:.75rem;font-size:.875rem;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.xl\:input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.xl\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.xl\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.xl\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.xl\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.xl\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.xl\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.xl\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.xl\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.xl\:input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.xl\:input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.xl\:input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.xl\:input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.xl\:input-xl{--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}@media (width>=1536px){.\32 xl\:input{border:var(--spacing-button-border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-shrink:1;width:100%;max-width:20rem;padding-inline:.75rem;font-size:.875rem;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.\32 xl\:input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.\32 xl\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.\32 xl\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.\32 xl\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.\32 xl\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.\32 xl\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.\32 xl\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.\32 xl\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.\32 xl\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.\32 xl\:input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.\32 xl\:input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.\32 xl\:input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.\32 xl\:input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.\32 xl\:input-xl{--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}
package/components/kbd/object.js CHANGED
@@ -1 +1 @@
1
- export default {".kbd":{"display":"inline-flex","align-items":"center","justify-content":"center","border-radius":"var(--radius-field)","background-color":"var(--color-base-200)","padding-inline":"calc(0.25rem * 2)","vertical-align":"middle","border":"1px solid color-mix(in srgb, var(--color-base-content) 20%, transparent)","border-bottom":"2px solid color-mix(in srgb, var(--color-base-content) 20%, transparent)","min-height":"2.2em","min-width":"2.2em"},".kbd-xs":{"padding-inline":"calc(0.25rem * 1)","font-size":"0.6875rem","min-height":"1.2em","min-width":"1.2em"},".kbd-sm":{"padding-inline":"calc(0.25rem * 1)","font-size":"0.75rem","min-height":"1.6em","min-width":"1.6em"},".kbd-md":{"padding-inline":"calc(0.25rem * 2)","font-size":"0.875rem","min-height":"2.2em","min-width":"2.2em"},".kbd-lg":{"padding-inline":"calc(0.25rem * 4)","font-size":"1.125rem","min-height":"2.5em","min-width":"2.5em"},".kbd-xl":{"padding-inline":"calc(0.25rem * 4)","font-size":"1.375rem","min-height":"2.5em","min-width":"2.5em"}};
1
+ export default {".kbd":{"display":"inline-flex","align-items":"center","justify-content":"center","border-radius":"var(--radius-field)","background-color":"var(--color-base-200)","vertical-align":"middle","padding-left":"0.5em","padding-right":"0.5em","border":"1px solid color-mix(in srgb, var(--color-base-content) 20%, transparent)","border-bottom":"2px solid color-mix(in srgb, var(--color-base-content) 20%, transparent)","--selector-size":"calc(var(--spacing-selector-size) * 6)","font-size":"0.875rem","height":"var(--selector-size)","min-width":"var(--selector-size)"},".kbd-xs":{"--selector-size":"calc(var(--spacing-selector-size) * 4)","font-size":"0.625rem"},".kbd-sm":{"--selector-size":"calc(var(--spacing-selector-size) * 5)","font-size":"0.75rem"},".kbd-md":{"--selector-size":"calc(var(--spacing-selector-size) * 6)","font-size":"0.875rem"},".kbd-lg":{"--selector-size":"calc(var(--spacing-selector-size) * 7)","font-size":"1rem"},".kbd-xl":{"--selector-size":"calc(var(--spacing-selector-size) * 8)","font-size":"1.125rem"}};
package/components/kbd.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);justify-content:center;align-items:center;min-width:2.2em;min-height:2.2em;padding-inline:.5rem;display:inline-flex}.kbd-xs{min-width:1.2em;min-height:1.2em;padding-inline:.25rem;font-size:.6875rem}.kbd-sm{min-width:1.6em;min-height:1.6em;padding-inline:.25rem;font-size:.75rem}.kbd-md{min-width:2.2em;min-height:2.2em;padding-inline:.5rem;font-size:.875rem}.kbd-lg{min-width:2.5em;min-height:2.5em;padding-inline:1rem;font-size:1.125rem}.kbd-xl{min-width:2.5em;min-height:2.5em;padding-inline:1rem;font-size:1.375rem}@media (width>=640px){.sm\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);justify-content:center;align-items:center;min-width:2.2em;min-height:2.2em;padding-inline:.5rem;display:inline-flex}.sm\:kbd-xs{min-width:1.2em;min-height:1.2em;padding-inline:.25rem;font-size:.6875rem}.sm\:kbd-sm{min-width:1.6em;min-height:1.6em;padding-inline:.25rem;font-size:.75rem}.sm\:kbd-md{min-width:2.2em;min-height:2.2em;padding-inline:.5rem;font-size:.875rem}.sm\:kbd-lg{min-width:2.5em;min-height:2.5em;padding-inline:1rem;font-size:1.125rem}.sm\:kbd-xl{min-width:2.5em;min-height:2.5em;padding-inline:1rem;font-size:1.375rem}}@media (width>=768px){.md\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);justify-content:center;align-items:center;min-width:2.2em;min-height:2.2em;padding-inline:.5rem;display:inline-flex}.md\:kbd-xs{min-width:1.2em;min-height:1.2em;padding-inline:.25rem;font-size:.6875rem}.md\:kbd-sm{min-width:1.6em;min-height:1.6em;padding-inline:.25rem;font-size:.75rem}.md\:kbd-md{min-width:2.2em;min-height:2.2em;padding-inline:.5rem;font-size:.875rem}.md\:kbd-lg{min-width:2.5em;min-height:2.5em;padding-inline:1rem;font-size:1.125rem}.md\:kbd-xl{min-width:2.5em;min-height:2.5em;padding-inline:1rem;font-size:1.375rem}}@media (width>=1024px){.lg\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);justify-content:center;align-items:center;min-width:2.2em;min-height:2.2em;padding-inline:.5rem;display:inline-flex}.lg\:kbd-xs{min-width:1.2em;min-height:1.2em;padding-inline:.25rem;font-size:.6875rem}.lg\:kbd-sm{min-width:1.6em;min-height:1.6em;padding-inline:.25rem;font-size:.75rem}.lg\:kbd-md{min-width:2.2em;min-height:2.2em;padding-inline:.5rem;font-size:.875rem}.lg\:kbd-lg{min-width:2.5em;min-height:2.5em;padding-inline:1rem;font-size:1.125rem}.lg\:kbd-xl{min-width:2.5em;min-height:2.5em;padding-inline:1rem;font-size:1.375rem}}@media (width>=1280px){.xl\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);justify-content:center;align-items:center;min-width:2.2em;min-height:2.2em;padding-inline:.5rem;display:inline-flex}.xl\:kbd-xs{min-width:1.2em;min-height:1.2em;padding-inline:.25rem;font-size:.6875rem}.xl\:kbd-sm{min-width:1.6em;min-height:1.6em;padding-inline:.25rem;font-size:.75rem}.xl\:kbd-md{min-width:2.2em;min-height:2.2em;padding-inline:.5rem;font-size:.875rem}.xl\:kbd-lg{min-width:2.5em;min-height:2.5em;padding-inline:1rem;font-size:1.125rem}.xl\:kbd-xl{min-width:2.5em;min-height:2.5em;padding-inline:1rem;font-size:1.375rem}}@media (width>=1536px){.\32 xl\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);justify-content:center;align-items:center;min-width:2.2em;min-height:2.2em;padding-inline:.5rem;display:inline-flex}.\32 xl\:kbd-xs{min-width:1.2em;min-height:1.2em;padding-inline:.25rem;font-size:.6875rem}.\32 xl\:kbd-sm{min-width:1.6em;min-height:1.6em;padding-inline:.25rem;font-size:.75rem}.\32 xl\:kbd-md{min-width:2.2em;min-height:2.2em;padding-inline:.5rem;font-size:.875rem}.\32 xl\:kbd-lg{min-width:2.5em;min-height:2.5em;padding-inline:1rem;font-size:1.125rem}.\32 xl\:kbd-xl{min-width:2.5em;min-height:2.5em;padding-inline:1rem;font-size:1.375rem}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--selector-size:calc(var(--spacing-selector-size)*6);height:var(--selector-size);min-width:var(--selector-size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}.kbd-xs{--selector-size:calc(var(--spacing-selector-size)*4);font-size:.625rem}.kbd-sm{--selector-size:calc(var(--spacing-selector-size)*5);font-size:.75rem}.kbd-md{--selector-size:calc(var(--spacing-selector-size)*6);font-size:.875rem}.kbd-lg{--selector-size:calc(var(--spacing-selector-size)*7);font-size:1rem}.kbd-xl{--selector-size:calc(var(--spacing-selector-size)*8);font-size:1.125rem}@media (width>=640px){.sm\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--selector-size:calc(var(--spacing-selector-size)*6);height:var(--selector-size);min-width:var(--selector-size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}.sm\:kbd-xs{--selector-size:calc(var(--spacing-selector-size)*4);font-size:.625rem}.sm\:kbd-sm{--selector-size:calc(var(--spacing-selector-size)*5);font-size:.75rem}.sm\:kbd-md{--selector-size:calc(var(--spacing-selector-size)*6);font-size:.875rem}.sm\:kbd-lg{--selector-size:calc(var(--spacing-selector-size)*7);font-size:1rem}.sm\:kbd-xl{--selector-size:calc(var(--spacing-selector-size)*8);font-size:1.125rem}}@media (width>=768px){.md\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--selector-size:calc(var(--spacing-selector-size)*6);height:var(--selector-size);min-width:var(--selector-size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}.md\:kbd-xs{--selector-size:calc(var(--spacing-selector-size)*4);font-size:.625rem}.md\:kbd-sm{--selector-size:calc(var(--spacing-selector-size)*5);font-size:.75rem}.md\:kbd-md{--selector-size:calc(var(--spacing-selector-size)*6);font-size:.875rem}.md\:kbd-lg{--selector-size:calc(var(--spacing-selector-size)*7);font-size:1rem}.md\:kbd-xl{--selector-size:calc(var(--spacing-selector-size)*8);font-size:1.125rem}}@media (width>=1024px){.lg\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--selector-size:calc(var(--spacing-selector-size)*6);height:var(--selector-size);min-width:var(--selector-size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}.lg\:kbd-xs{--selector-size:calc(var(--spacing-selector-size)*4);font-size:.625rem}.lg\:kbd-sm{--selector-size:calc(var(--spacing-selector-size)*5);font-size:.75rem}.lg\:kbd-md{--selector-size:calc(var(--spacing-selector-size)*6);font-size:.875rem}.lg\:kbd-lg{--selector-size:calc(var(--spacing-selector-size)*7);font-size:1rem}.lg\:kbd-xl{--selector-size:calc(var(--spacing-selector-size)*8);font-size:1.125rem}}@media (width>=1280px){.xl\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--selector-size:calc(var(--spacing-selector-size)*6);height:var(--selector-size);min-width:var(--selector-size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}.xl\:kbd-xs{--selector-size:calc(var(--spacing-selector-size)*4);font-size:.625rem}.xl\:kbd-sm{--selector-size:calc(var(--spacing-selector-size)*5);font-size:.75rem}.xl\:kbd-md{--selector-size:calc(var(--spacing-selector-size)*6);font-size:.875rem}.xl\:kbd-lg{--selector-size:calc(var(--spacing-selector-size)*7);font-size:1rem}.xl\:kbd-xl{--selector-size:calc(var(--spacing-selector-size)*8);font-size:1.125rem}}@media (width>=1536px){.\32 xl\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--selector-size:calc(var(--spacing-selector-size)*6);height:var(--selector-size);min-width:var(--selector-size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}.\32 xl\:kbd-xs{--selector-size:calc(var(--spacing-selector-size)*4);font-size:.625rem}.\32 xl\:kbd-sm{--selector-size:calc(var(--spacing-selector-size)*5);font-size:.75rem}.\32 xl\:kbd-md{--selector-size:calc(var(--spacing-selector-size)*6);font-size:.875rem}.\32 xl\:kbd-lg{--selector-size:calc(var(--spacing-selector-size)*7);font-size:1rem}.\32 xl\:kbd-xl{--selector-size:calc(var(--spacing-selector-size)*8);font-size:1.125rem}}
package/components/link.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}@media (width>=640px){.sm\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.sm\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.sm\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.sm\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.sm\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.sm\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.sm\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.sm\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.sm\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.sm\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}@media (width>=768px){.md\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.md\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.md\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.md\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.md\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.md\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.md\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.md\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.md\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.md\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}@media (width>=1024px){.lg\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.lg\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.lg\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.lg\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.lg\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.lg\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.lg\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.lg\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.lg\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.lg\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}@media (width>=1280px){.xl\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.xl\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.xl\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.xl\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.xl\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.xl\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.xl\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.xl\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.xl\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.xl\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}@media (width>=1536px){.\32 xl\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.\32 xl\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.\32 xl\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.\32 xl\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.\32 xl\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.\32 xl\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.\32 xl\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.\32 xl\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.\32 xl\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.\32 xl\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}@media (width>=640px){.sm\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.sm\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.sm\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.sm\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.sm\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.sm\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.sm\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.sm\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.sm\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.sm\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}@media (width>=768px){.md\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.md\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.md\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.md\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.md\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.md\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.md\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.md\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.md\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.md\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}@media (width>=1024px){.lg\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.lg\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.lg\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.lg\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.lg\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.lg\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.lg\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.lg\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.lg\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.lg\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}@media (width>=1280px){.xl\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.xl\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.xl\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.xl\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.xl\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.xl\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.xl\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.xl\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.xl\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.xl\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}@media (width>=1536px){.\32 xl\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.\32 xl\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.\32 xl\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.\32 xl\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.\32 xl\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.\32 xl\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.\32 xl\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.\32 xl\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.\32 xl\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.\32 xl\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}
package/components/loading.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .loading{pointer-events:none;aspect-ratio:1;vertical-align:middle;background-color:currentColor;width:1.5rem;display:inline-block;mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");mask-position:50%;mask-size:100%;mask-repeat:no-repeat}.loading-spinner{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.loading-dots{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3Ccircle class='spinner_qM83' cx='4' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_oXPr' cx='12' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_ZTLf' cx='20' cy='12' r='3'/%3E%3C/svg%3E")}.loading-ring{mask-image:url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}.loading-ball{mask-image:url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E")}.loading-bars{mask-image:url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_hzlK%7Banimation:spinner_vc4H .8s linear infinite;animation-delay:-.8s%7D.spinner_koGT%7Banimation-delay:-.65s%7D.spinner_YF1u%7Banimation-delay:-.5s%7D@keyframes spinner_vc4H%7B0%25%7By:1px;height:22px%7D93.75%25%7By:5px;height:14px;opacity:.2%7D%7D%3C/style%3E%3Crect class='spinner_hzlK' x='1' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_koGT' x='9' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_YF1u' x='17' y='1' width='6' height='22'/%3E%3C/svg%3E")}.loading-infinity{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E")}.loading-xs{width:1rem}.loading-sm{width:1.25rem}.loading-md{width:1.5rem}.loading-lg{width:2.25rem}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .loading{pointer-events:none;aspect-ratio:1;vertical-align:middle;background-color:currentColor;width:1.5rem;display:inline-block;mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");mask-position:50%;mask-size:100%;mask-repeat:no-repeat}.loading-spinner{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.loading-dots{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3Ccircle class='spinner_qM83' cx='4' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_oXPr' cx='12' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_ZTLf' cx='20' cy='12' r='3'/%3E%3C/svg%3E")}.loading-ring{mask-image:url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}.loading-ball{mask-image:url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E")}.loading-bars{mask-image:url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_hzlK%7Banimation:spinner_vc4H .8s linear infinite;animation-delay:-.8s%7D.spinner_koGT%7Banimation-delay:-.65s%7D.spinner_YF1u%7Banimation-delay:-.5s%7D@keyframes spinner_vc4H%7B0%25%7By:1px;height:22px%7D93.75%25%7By:5px;height:14px;opacity:.2%7D%7D%3C/style%3E%3Crect class='spinner_hzlK' x='1' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_koGT' x='9' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_YF1u' x='17' y='1' width='6' height='22'/%3E%3C/svg%3E")}.loading-infinity{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E")}.loading-xs{width:1rem}.loading-sm{width:1.25rem}.loading-md{width:1.5rem}.loading-lg{width:2.25rem}
package/components/mask.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .mask{vertical-align:middle;display:inline-block;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.mask-half-1{mask-position:0;mask-size:200%;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){mask-position:100%}}.mask-half-2{mask-position:100%;mask-size:200%;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){mask-position:0}}.mask-squircle{mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e")}.mask-decagon{mask-image:url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-diamond{mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-heart{mask-image:url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")}.mask-hexagon{mask-image:url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")}.mask-hexagon-2{mask-image:url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")}.mask-circle{mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-pentagon{mask-image:url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-star{mask-image:url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-star-2{mask-image:url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-triangle{mask-image:url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-triangle-2{mask-image:url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-triangle-3{mask-image:url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-triangle-4{mask-image:url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e")}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .mask{vertical-align:middle;display:inline-block;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.mask-half-1{mask-position:0;mask-size:200%;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){mask-position:100%}}.mask-half-2{mask-position:100%;mask-size:200%;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){mask-position:0}}.mask-squircle{mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e")}.mask-decagon{mask-image:url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-diamond{mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-heart{mask-image:url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")}.mask-hexagon{mask-image:url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")}.mask-hexagon-2{mask-image:url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")}.mask-circle{mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-pentagon{mask-image:url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-star{mask-image:url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-star-2{mask-image:url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-triangle{mask-image:url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-triangle-2{mask-image:url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-triangle-3{mask-image:url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e")}.mask-triangle-4{mask-image:url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e")}
package/components/menu/object.js CHANGED
@@ -1 +1 @@
1
- export default {".menu":{"display":"flex","width":"fit-content","flex-direction":"column","flex-wrap":"wrap","padding":"calc(0.25rem * 2)","font-size":"0.875rem",":where(li ul)":{"position":"relative","margin-inline-start":"calc(0.25rem * 4)","padding-inline-start":"calc(0.25rem * 2)","white-space":"nowrap","&:before":{"position":"absolute","inset-inline-start":"calc(0.25rem * 0)","top":"calc(0.25rem * 3)","bottom":"calc(0.25rem * 3)","width":"1px","background-color":"var(--color-base-content)","opacity":"10%","content":"\"\""}},":where(li > .menu-dropdown:not(.menu-dropdown-show))":{"display":"none"},":where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"display":"grid","grid-auto-flow":"column","align-content":"flex-start","align-items":"center","gap":"calc(0.25rem * 2)","border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)","text-align":"start","transition-property":"color, background-color, box-shadow","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0, 0, 0.2, 1)","grid-auto-columns":"minmax(auto, max-content) auto max-content","text-wrap":"balance","user-select":"none"},":where(li > details > summary)":{"outline":"2px solid transparent","outline-offset":"2px","&::-webkit-details-marker":{"display":"none"}},":where(li > details > summary), :where(li > .menu-dropdown-toggle)":{"&:after":{"justify-self":"flex-end","display":"block","height":"0.375rem","width":"0.375rem","rotate":"-135deg","translate":"0 -1px","transition-property":"rotate, translate","transition-duration":"0.2s","content":"\"\"","transform-origin":"50% 50%","box-shadow":"2px 2px inset","pointer-events":"none"}},":where(li > details[open] > summary):after, :where(li > .menu-dropdown-toggle.menu-dropdown-show):after":{"rotate":"45deg","translate":"0 1px"},":where(li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title, .disabled) > details > summary:not(.menu-title))":{"&:not(.menu-active, :active, .btn)":{"&.menu-focus, &:focus-visible":{"cursor":"pointer","background-color":"color-mix(in oklch, var(--color-base-content) 10%, transparent)","color":"var(--color-base-content)","outline":"2px solid transparent","outline-offset":"2px"},"&:hover":{"cursor":"pointer","background-color":"color-mix(in oklch, var(--color-base-content) 10%, transparent)","outline":"2px solid transparent","outline-offset":"2px","box-shadow":"0 1px oklch(0% 0 0 / 0.01) inset, 0 -1px oklch(100% 0 0 / 0.01) inset"}}},":where(li:empty)":{"background-color":"var(--color-base-content)","opacity":"10%","margin":"0.5rem 1rem","height":"1px"},":where(li)":{"position":"relative","display":"flex","flex-shrink":0,"flex-direction":"column","flex-wrap":"wrap","align-items":"stretch",".badge":{"justify-self":"flex-end"},"& > *:not(ul, .menu-title, details, .btn):active, & > *:not(ul, .menu-title, details, .btn).menu-active, & > details > summary:active":{"background-color":"var(--color-neutral)","color":"var(--color-neutral-content)","outline":"2px solid transparent","outline-offset":"2px","box-shadow":"0 2px 3px -2px var(--color-neutral)"},"&.menu-disabled":{"pointer-events":"none","color":"color-mix(in oklch, var(--color-base-content) 20%, transparent)"}}},".menu-title":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)","color":"color-mix(in oklch, var(--color-base-content) 40%, transparent)","font-size":"0.875rem","font-weight":600},".menu-horizontal":{"display":"inline-flex","flex-direction":"row","& > li:not(.menu-title) > details > ul":{"position":"absolute","margin-inline-start":"calc(0.25rem * 0)","margin-top":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 2)","padding-inline-end":"calc(0.25rem * 2)"},"& > li > details > ul":{"&:before":{"content":"none"}},":where(& > li:not(.menu-title) > details > ul)":{"border-radius":"var(--radius-box)","background-color":"var(--color-base-100)","box-shadow":"0 1px 3px 0 oklch(0% 0 0/0.1), 0 1px 2px -1px oklch(0% 0 0/0.1)"}},".menu-vertical":{"display":"inline-flex","flex-direction":"column","& > li:not(.menu-title) > details > ul":{"position":"relative","margin-inline-start":"calc(0.25rem * 4)","margin-top":"calc(0.25rem * 0)","padding-block":"calc(0.25rem * 0)","padding-inline-end":"calc(0.25rem * 0)"}},".menu-xs":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1)","font-size":"0.6875rem"},".menu-title":{"padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1)"}},".menu-sm":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 2.5)","padding-block":"calc(0.25rem * 1)","font-size":"0.75rem"},".menu-title":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)"}},".menu-md":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)","font-size":"0.875rem"},".menu-title":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)"}},".menu-lg":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 3)","font-size":"1.125rem"},".menu-title":{"padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 3)"}},".menu-xl":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 5)","padding-block":"calc(0.25rem * 3)","font-size":"1.375rem"},".menu-title":{"padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 3)"}}};
1
+ export default {".menu":{"display":"flex","width":"fit-content","flex-direction":"column","flex-wrap":"wrap","padding":"calc(0.25rem * 2)","font-size":"0.875rem",":where(li ul)":{"position":"relative","margin-inline-start":"calc(0.25rem * 4)","padding-inline-start":"calc(0.25rem * 2)","white-space":"nowrap","&:before":{"position":"absolute","inset-inline-start":"calc(0.25rem * 0)","top":"calc(0.25rem * 3)","bottom":"calc(0.25rem * 3)","width":"1px","background-color":"var(--color-base-content)","opacity":"10%","content":"\"\""}},":where(li > .menu-dropdown:not(.menu-dropdown-show))":{"display":"none"},":where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"display":"grid","grid-auto-flow":"column","align-content":"flex-start","align-items":"center","gap":"calc(0.25rem * 2)","border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 1.5)","text-align":"start","transition-property":"color, background-color, box-shadow","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0, 0, 0.2, 1)","grid-auto-columns":"minmax(auto, max-content) auto max-content","text-wrap":"balance","user-select":"none","box-shadow":"0 2px 3px -2px transparent"},":where(li > details > summary)":{"outline":"2px solid transparent","outline-offset":"2px","&::-webkit-details-marker":{"display":"none"}},":where(li > details > summary), :where(li > .menu-dropdown-toggle)":{"&:after":{"justify-self":"flex-end","display":"block","height":"0.375rem","width":"0.375rem","rotate":"-135deg","translate":"0 -1px","transition-property":"rotate, translate","transition-duration":"0.2s","content":"\"\"","transform-origin":"50% 50%","box-shadow":"2px 2px inset","pointer-events":"none"}},":where(li > details[open] > summary):after, :where(li > .menu-dropdown-toggle.menu-dropdown-show):after":{"rotate":"45deg","translate":"0 1px"},":where(li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title, .disabled) > details > summary:not(.menu-title))":{"&:not(.menu-active, :active, .btn)":{"&.menu-focus, &:focus-visible":{"cursor":"pointer","background-color":"color-mix(in oklch, var(--color-base-content) 10%, transparent)","color":"var(--color-base-content)","outline":"2px solid transparent","outline-offset":"2px"},"&:hover":{"cursor":"pointer","background-color":"color-mix(in oklch, var(--color-base-content) 10%, transparent)","outline":"2px solid transparent","outline-offset":"2px","box-shadow":"0 1px oklch(0% 0 0 / 0.01) inset, 0 -1px oklch(100% 0 0 / 0.01) inset"}}},":where(li:empty)":{"background-color":"var(--color-base-content)","opacity":"10%","margin":"0.5rem 1rem","height":"1px"},":where(li)":{"position":"relative","display":"flex","flex-shrink":0,"flex-direction":"column","flex-wrap":"wrap","align-items":"stretch",".badge":{"justify-self":"flex-end"},"& > *:not(ul, .menu-title, details, .btn):active, & > *:not(ul, .menu-title, details, .btn).menu-active, & > details > summary:active":{"background-color":"var(--color-neutral)","color":"var(--color-neutral-content)","outline":"2px solid transparent","outline-offset":"2px","box-shadow":"0 2px 3px -2px var(--color-neutral)"},"&.menu-disabled":{"pointer-events":"none","color":"color-mix(in oklch, var(--color-base-content) 20%, transparent)"}}},".menu-title":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)","color":"color-mix(in oklch, var(--color-base-content) 40%, transparent)","font-size":"0.875rem","font-weight":600},".menu-horizontal":{"display":"inline-flex","flex-direction":"row","& > li:not(.menu-title) > details > ul":{"position":"absolute","margin-inline-start":"calc(0.25rem * 0)","margin-top":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 2)","padding-inline-end":"calc(0.25rem * 2)"},"& > li > details > ul":{"&:before":{"content":"none"}},":where(& > li:not(.menu-title) > details > ul)":{"border-radius":"var(--radius-box)","background-color":"var(--color-base-100)","box-shadow":"0 1px 3px 0 oklch(0% 0 0/0.1), 0 1px 2px -1px oklch(0% 0 0/0.1)"}},".menu-vertical":{"display":"inline-flex","flex-direction":"column","& > li:not(.menu-title) > details > ul":{"position":"relative","margin-inline-start":"calc(0.25rem * 4)","margin-top":"calc(0.25rem * 0)","padding-block":"calc(0.25rem * 0)","padding-inline-end":"calc(0.25rem * 0)"}},".menu-xs":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1)","font-size":"0.6875rem"},".menu-title":{"padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1)"}},".menu-sm":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 2.5)","padding-block":"calc(0.25rem * 1)","font-size":"0.75rem"},".menu-title":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)"}},".menu-md":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 1.5)","font-size":"0.875rem"},".menu-title":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)"}},".menu-lg":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 1.5)","font-size":"1.125rem"},".menu-title":{"padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 3)"}},".menu-xl":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 5)","padding-block":"calc(0.25rem * 1.5)","font-size":"1.375rem"},".menu-title":{"padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 3)"}}};