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/button.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;height:var(--field-size);color:var(--btn-fg);outline-color:var(--color-base-content);background-color:var(--btn-bg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);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%;padding-inline:var(--btn-p);--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-p:1rem;--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: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-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);translate:0 .5px}}.btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);outline-color:var(--color-primary)}.btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);outline-color:var(--color-secondary)}.btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);outline-color:var(--color-accent)}.btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);outline-color:var(--color-neutral)}.btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);outline-color:var(--color-info)}.btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);outline-color:var(--color-success)}.btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);outline-color:var(--color-warning)}.btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);outline-color:var(--color-error)}.btn.glass{--btn-shadow:"";outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:currentColor;--btn-border:transparent;--btn-gradient:unset;outline-color:currentColor}}.btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-gradient:unset;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset}}.btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset;border-style:dashed}}.btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-200));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-200));--btn-gradient:unset}}.btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-gradient:unset;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.btn{&:is(input[type=checkbox],input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.btn-xs{--btn-p:.5rem;--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.btn-sm{--btn-p:.75rem;--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.btn-md{--btn-p:1rem;--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.btn-lg{--btn-p:1.25rem;--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.btn-xl{--btn-p:1.5rem;--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}.btn-square{width:var(--field-size);height:var(--field-size);padding-inline:0}.btn-circle{width:var(--field-size);height:var(--field-size);border-radius:3.40282e38px;padding-inline:0}.btn-wide{width:100%;max-width:16rem}.btn-block{width:100%}@media (width>=640px){.sm\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;height:var(--field-size);color:var(--btn-fg);outline-color:var(--color-base-content);background-color:var(--btn-bg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);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%;padding-inline:var(--btn-p);--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-p:1rem;--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: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-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);translate:0 .5px}}.sm\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);outline-color:var(--color-primary)}.sm\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);outline-color:var(--color-secondary)}.sm\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);outline-color:var(--color-accent)}.sm\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);outline-color:var(--color-neutral)}.sm\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);outline-color:var(--color-info)}.sm\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);outline-color:var(--color-success)}.sm\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);outline-color:var(--color-warning)}.sm\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);outline-color:var(--color-error)}.sm\:btn.glass{--btn-shadow:"";outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.sm\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:currentColor;--btn-border:transparent;--btn-gradient:unset;outline-color:currentColor}}.sm\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-gradient:unset;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.sm\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset}}.sm\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset;border-style:dashed}}.sm\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-200));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-200));--btn-gradient:unset}}.sm\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-gradient:unset;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.sm\:btn{&:is(input[type=checkbox],input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.sm\:btn-xs{--btn-p:.5rem;--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.sm\:btn-sm{--btn-p:.75rem;--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.sm\:btn-md{--btn-p:1rem;--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.sm\:btn-lg{--btn-p:1.25rem;--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.sm\:btn-xl{--btn-p:1.5rem;--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}.sm\:btn-square{width:var(--field-size);height:var(--field-size);padding-inline:0}.sm\:btn-circle{width:var(--field-size);height:var(--field-size);border-radius:3.40282e38px;padding-inline:0}.sm\:btn-wide{width:100%;max-width:16rem}.sm\:btn-block{width:100%}}@media (width>=768px){.md\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;height:var(--field-size);color:var(--btn-fg);outline-color:var(--color-base-content);background-color:var(--btn-bg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);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%;padding-inline:var(--btn-p);--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-p:1rem;--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: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-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);translate:0 .5px}}.md\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);outline-color:var(--color-primary)}.md\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);outline-color:var(--color-secondary)}.md\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);outline-color:var(--color-accent)}.md\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);outline-color:var(--color-neutral)}.md\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);outline-color:var(--color-info)}.md\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);outline-color:var(--color-success)}.md\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);outline-color:var(--color-warning)}.md\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);outline-color:var(--color-error)}.md\:btn.glass{--btn-shadow:"";outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.md\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:currentColor;--btn-border:transparent;--btn-gradient:unset;outline-color:currentColor}}.md\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-gradient:unset;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.md\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset}}.md\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset;border-style:dashed}}.md\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-200));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-200));--btn-gradient:unset}}.md\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-gradient:unset;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.md\:btn{&:is(input[type=checkbox],input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.md\:btn-xs{--btn-p:.5rem;--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.md\:btn-sm{--btn-p:.75rem;--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.md\:btn-md{--btn-p:1rem;--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.md\:btn-lg{--btn-p:1.25rem;--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.md\:btn-xl{--btn-p:1.5rem;--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}.md\:btn-square{width:var(--field-size);height:var(--field-size);padding-inline:0}.md\:btn-circle{width:var(--field-size);height:var(--field-size);border-radius:3.40282e38px;padding-inline:0}.md\:btn-wide{width:100%;max-width:16rem}.md\:btn-block{width:100%}}@media (width>=1024px){.lg\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;height:var(--field-size);color:var(--btn-fg);outline-color:var(--color-base-content);background-color:var(--btn-bg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);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%;padding-inline:var(--btn-p);--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-p:1rem;--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: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-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);translate:0 .5px}}.lg\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);outline-color:var(--color-primary)}.lg\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);outline-color:var(--color-secondary)}.lg\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);outline-color:var(--color-accent)}.lg\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);outline-color:var(--color-neutral)}.lg\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);outline-color:var(--color-info)}.lg\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);outline-color:var(--color-success)}.lg\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);outline-color:var(--color-warning)}.lg\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);outline-color:var(--color-error)}.lg\:btn.glass{--btn-shadow:"";outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.lg\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:currentColor;--btn-border:transparent;--btn-gradient:unset;outline-color:currentColor}}.lg\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-gradient:unset;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.lg\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset}}.lg\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset;border-style:dashed}}.lg\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-200));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-200));--btn-gradient:unset}}.lg\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-gradient:unset;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.lg\:btn{&:is(input[type=checkbox],input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.lg\:btn-xs{--btn-p:.5rem;--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.lg\:btn-sm{--btn-p:.75rem;--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.lg\:btn-md{--btn-p:1rem;--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.lg\:btn-lg{--btn-p:1.25rem;--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.lg\:btn-xl{--btn-p:1.5rem;--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}.lg\:btn-square{width:var(--field-size);height:var(--field-size);padding-inline:0}.lg\:btn-circle{width:var(--field-size);height:var(--field-size);border-radius:3.40282e38px;padding-inline:0}.lg\:btn-wide{width:100%;max-width:16rem}.lg\:btn-block{width:100%}}@media (width>=1280px){.xl\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;height:var(--field-size);color:var(--btn-fg);outline-color:var(--color-base-content);background-color:var(--btn-bg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);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%;padding-inline:var(--btn-p);--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-p:1rem;--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: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-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);translate:0 .5px}}.xl\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);outline-color:var(--color-primary)}.xl\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);outline-color:var(--color-secondary)}.xl\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);outline-color:var(--color-accent)}.xl\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);outline-color:var(--color-neutral)}.xl\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);outline-color:var(--color-info)}.xl\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);outline-color:var(--color-success)}.xl\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);outline-color:var(--color-warning)}.xl\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);outline-color:var(--color-error)}.xl\:btn.glass{--btn-shadow:"";outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.xl\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:currentColor;--btn-border:transparent;--btn-gradient:unset;outline-color:currentColor}}.xl\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-gradient:unset;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.xl\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset}}.xl\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset;border-style:dashed}}.xl\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-200));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-200));--btn-gradient:unset}}.xl\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-gradient:unset;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.xl\:btn{&:is(input[type=checkbox],input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.xl\:btn-xs{--btn-p:.5rem;--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.xl\:btn-sm{--btn-p:.75rem;--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.xl\:btn-md{--btn-p:1rem;--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.xl\:btn-lg{--btn-p:1.25rem;--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.xl\:btn-xl{--btn-p:1.5rem;--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}.xl\:btn-square{width:var(--field-size);height:var(--field-size);padding-inline:0}.xl\:btn-circle{width:var(--field-size);height:var(--field-size);border-radius:3.40282e38px;padding-inline:0}.xl\:btn-wide{width:100%;max-width:16rem}.xl\:btn-block{width:100%}}@media (width>=1536px){.\32 xl\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;height:var(--field-size);color:var(--btn-fg);outline-color:var(--color-base-content);background-color:var(--btn-bg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);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%;padding-inline:var(--btn-p);--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-p:1rem;--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: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-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);translate:0 .5px}}.\32 xl\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);outline-color:var(--color-primary)}.\32 xl\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);outline-color:var(--color-secondary)}.\32 xl\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);outline-color:var(--color-accent)}.\32 xl\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);outline-color:var(--color-neutral)}.\32 xl\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);outline-color:var(--color-info)}.\32 xl\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);outline-color:var(--color-success)}.\32 xl\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);outline-color:var(--color-warning)}.\32 xl\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);outline-color:var(--color-error)}.\32 xl\:btn.glass{--btn-shadow:"";outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.\32 xl\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:currentColor;--btn-border:transparent;--btn-gradient:unset;outline-color:currentColor}}.\32 xl\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-gradient:unset;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.\32 xl\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset}}.\32 xl\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset;border-style:dashed}}.\32 xl\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-200));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-200));--btn-gradient:unset}}.\32 xl\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-gradient:unset;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.\32 xl\:btn{&:is(input[type=checkbox],input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.\32 xl\:btn-xs{--btn-p:.5rem;--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.\32 xl\:btn-sm{--btn-p:.75rem;--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.\32 xl\:btn-md{--btn-p:1rem;--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.\32 xl\:btn-lg{--btn-p:1.25rem;--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.\32 xl\:btn-xl{--btn-p:1.5rem;--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}.\32 xl\:btn-square{width:var(--field-size);height:var(--field-size);padding-inline:0}.\32 xl\:btn-circle{width:var(--field-size);height:var(--field-size);border-radius:3.40282e38px;padding-inline:0}.\32 xl\:btn-wide{width:100%;max-width:16rem}.\32 xl\:btn-block{width:100%}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;height:var(--field-size);color:var(--btn-fg);outline-color:var(--color-base-content);background-color:var(--btn-bg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);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%;padding-inline:var(--btn-p);--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-p:1rem;--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: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-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);translate:0 .5px}}.btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);outline-color:var(--color-primary)}.btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);outline-color:var(--color-secondary)}.btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);outline-color:var(--color-accent)}.btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);outline-color:var(--color-neutral)}.btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);outline-color:var(--color-info)}.btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);outline-color:var(--color-success)}.btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);outline-color:var(--color-warning)}.btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);outline-color:var(--color-error)}.btn.glass{--btn-shadow:"";outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:currentColor;--btn-border:transparent;--btn-gradient:unset;outline-color:currentColor}}.btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-gradient:unset;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset}}.btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset;border-style:dashed}}.btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-200));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-200));--btn-gradient:unset}}.btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-gradient:unset;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.btn{&:is(input[type=checkbox],input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.btn-xs{--btn-p:.5rem;--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.btn-sm{--btn-p:.75rem;--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.btn-md{--btn-p:1rem;--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.btn-lg{--btn-p:1.25rem;--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.btn-xl{--btn-p:1.5rem;--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}.btn-square{width:var(--field-size);height:var(--field-size);padding-inline:0}.btn-circle{width:var(--field-size);height:var(--field-size);border-radius:3.40282e38px;padding-inline:0}.btn-wide{width:100%;max-width:16rem}.btn-block{width:100%}@media (width>=640px){.sm\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;height:var(--field-size);color:var(--btn-fg);outline-color:var(--color-base-content);background-color:var(--btn-bg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);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%;padding-inline:var(--btn-p);--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-p:1rem;--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: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-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);translate:0 .5px}}.sm\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);outline-color:var(--color-primary)}.sm\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);outline-color:var(--color-secondary)}.sm\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);outline-color:var(--color-accent)}.sm\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);outline-color:var(--color-neutral)}.sm\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);outline-color:var(--color-info)}.sm\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);outline-color:var(--color-success)}.sm\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);outline-color:var(--color-warning)}.sm\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);outline-color:var(--color-error)}.sm\:btn.glass{--btn-shadow:"";outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.sm\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:currentColor;--btn-border:transparent;--btn-gradient:unset;outline-color:currentColor}}.sm\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-gradient:unset;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.sm\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset}}.sm\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset;border-style:dashed}}.sm\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-200));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-200));--btn-gradient:unset}}.sm\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-gradient:unset;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.sm\:btn{&:is(input[type=checkbox],input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.sm\:btn-xs{--btn-p:.5rem;--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.sm\:btn-sm{--btn-p:.75rem;--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.sm\:btn-md{--btn-p:1rem;--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.sm\:btn-lg{--btn-p:1.25rem;--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.sm\:btn-xl{--btn-p:1.5rem;--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}.sm\:btn-square{width:var(--field-size);height:var(--field-size);padding-inline:0}.sm\:btn-circle{width:var(--field-size);height:var(--field-size);border-radius:3.40282e38px;padding-inline:0}.sm\:btn-wide{width:100%;max-width:16rem}.sm\:btn-block{width:100%}}@media (width>=768px){.md\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;height:var(--field-size);color:var(--btn-fg);outline-color:var(--color-base-content);background-color:var(--btn-bg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);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%;padding-inline:var(--btn-p);--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-p:1rem;--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: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-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);translate:0 .5px}}.md\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);outline-color:var(--color-primary)}.md\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);outline-color:var(--color-secondary)}.md\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);outline-color:var(--color-accent)}.md\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);outline-color:var(--color-neutral)}.md\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);outline-color:var(--color-info)}.md\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);outline-color:var(--color-success)}.md\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);outline-color:var(--color-warning)}.md\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);outline-color:var(--color-error)}.md\:btn.glass{--btn-shadow:"";outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.md\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:currentColor;--btn-border:transparent;--btn-gradient:unset;outline-color:currentColor}}.md\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-gradient:unset;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.md\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset}}.md\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset;border-style:dashed}}.md\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-200));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-200));--btn-gradient:unset}}.md\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-gradient:unset;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.md\:btn{&:is(input[type=checkbox],input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.md\:btn-xs{--btn-p:.5rem;--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.md\:btn-sm{--btn-p:.75rem;--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.md\:btn-md{--btn-p:1rem;--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.md\:btn-lg{--btn-p:1.25rem;--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.md\:btn-xl{--btn-p:1.5rem;--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}.md\:btn-square{width:var(--field-size);height:var(--field-size);padding-inline:0}.md\:btn-circle{width:var(--field-size);height:var(--field-size);border-radius:3.40282e38px;padding-inline:0}.md\:btn-wide{width:100%;max-width:16rem}.md\:btn-block{width:100%}}@media (width>=1024px){.lg\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;height:var(--field-size);color:var(--btn-fg);outline-color:var(--color-base-content);background-color:var(--btn-bg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);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%;padding-inline:var(--btn-p);--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-p:1rem;--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: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-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);translate:0 .5px}}.lg\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);outline-color:var(--color-primary)}.lg\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);outline-color:var(--color-secondary)}.lg\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);outline-color:var(--color-accent)}.lg\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);outline-color:var(--color-neutral)}.lg\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);outline-color:var(--color-info)}.lg\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);outline-color:var(--color-success)}.lg\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);outline-color:var(--color-warning)}.lg\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);outline-color:var(--color-error)}.lg\:btn.glass{--btn-shadow:"";outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.lg\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:currentColor;--btn-border:transparent;--btn-gradient:unset;outline-color:currentColor}}.lg\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-gradient:unset;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.lg\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset}}.lg\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset;border-style:dashed}}.lg\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-200));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-200));--btn-gradient:unset}}.lg\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-gradient:unset;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.lg\:btn{&:is(input[type=checkbox],input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.lg\:btn-xs{--btn-p:.5rem;--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.lg\:btn-sm{--btn-p:.75rem;--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.lg\:btn-md{--btn-p:1rem;--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.lg\:btn-lg{--btn-p:1.25rem;--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.lg\:btn-xl{--btn-p:1.5rem;--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}.lg\:btn-square{width:var(--field-size);height:var(--field-size);padding-inline:0}.lg\:btn-circle{width:var(--field-size);height:var(--field-size);border-radius:3.40282e38px;padding-inline:0}.lg\:btn-wide{width:100%;max-width:16rem}.lg\:btn-block{width:100%}}@media (width>=1280px){.xl\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;height:var(--field-size);color:var(--btn-fg);outline-color:var(--color-base-content);background-color:var(--btn-bg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);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%;padding-inline:var(--btn-p);--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-p:1rem;--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: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-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);translate:0 .5px}}.xl\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);outline-color:var(--color-primary)}.xl\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);outline-color:var(--color-secondary)}.xl\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);outline-color:var(--color-accent)}.xl\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);outline-color:var(--color-neutral)}.xl\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);outline-color:var(--color-info)}.xl\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);outline-color:var(--color-success)}.xl\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);outline-color:var(--color-warning)}.xl\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);outline-color:var(--color-error)}.xl\:btn.glass{--btn-shadow:"";outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.xl\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:currentColor;--btn-border:transparent;--btn-gradient:unset;outline-color:currentColor}}.xl\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-gradient:unset;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.xl\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset}}.xl\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset;border-style:dashed}}.xl\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-200));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-200));--btn-gradient:unset}}.xl\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-gradient:unset;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.xl\:btn{&:is(input[type=checkbox],input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.xl\:btn-xs{--btn-p:.5rem;--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.xl\:btn-sm{--btn-p:.75rem;--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.xl\:btn-md{--btn-p:1rem;--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.xl\:btn-lg{--btn-p:1.25rem;--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.xl\:btn-xl{--btn-p:1.5rem;--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}.xl\:btn-square{width:var(--field-size);height:var(--field-size);padding-inline:0}.xl\:btn-circle{width:var(--field-size);height:var(--field-size);border-radius:3.40282e38px;padding-inline:0}.xl\:btn-wide{width:100%;max-width:16rem}.xl\:btn-block{width:100%}}@media (width>=1536px){.\32 xl\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;height:var(--field-size);color:var(--btn-fg);outline-color:var(--color-base-content);background-color:var(--btn-bg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);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%;padding-inline:var(--btn-p);--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-p:1rem;--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: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-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);translate:0 .5px}}.\32 xl\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);outline-color:var(--color-primary)}.\32 xl\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);outline-color:var(--color-secondary)}.\32 xl\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);outline-color:var(--color-accent)}.\32 xl\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);outline-color:var(--color-neutral)}.\32 xl\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);outline-color:var(--color-info)}.\32 xl\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);outline-color:var(--color-success)}.\32 xl\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);outline-color:var(--color-warning)}.\32 xl\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);outline-color:var(--color-error)}.\32 xl\:btn.glass{--btn-shadow:"";outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.\32 xl\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:currentColor;--btn-border:transparent;--btn-gradient:unset;outline-color:currentColor}}.\32 xl\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-gradient:unset;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.\32 xl\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset}}.\32 xl\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset;border-style:dashed}}.\32 xl\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-200));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-200));--btn-gradient:unset}}.\32 xl\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-gradient:unset;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.\32 xl\:btn{&:is(input[type=checkbox],input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.\32 xl\:btn-xs{--btn-p:.5rem;--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.\32 xl\:btn-sm{--btn-p:.75rem;--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.\32 xl\:btn-md{--btn-p:1rem;--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.\32 xl\:btn-lg{--btn-p:1.25rem;--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.\32 xl\:btn-xl{--btn-p:1.5rem;--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}.\32 xl\:btn-square{width:var(--field-size);height:var(--field-size);padding-inline:0}.\32 xl\:btn-circle{width:var(--field-size);height:var(--field-size);border-radius:3.40282e38px;padding-inline:0}.\32 xl\:btn-wide{width:100%;max-width:16rem}.\32 xl\:btn-block{width:100%}}
package/components/calendar/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import calendar from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addComponents, prefix = '' }) => {
5
+ const prefixedcalendar = addPrefix(calendar, prefix);
6
+ addComponents({ ...prefixedcalendar });
7
+ };
package/components/calendar/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".cally":{"::part(head)":{"opacity":0.5,"font-size":"0.7rem"},"&::part(button)":{"border-radius":"var(--radius-field)","border":"none","padding":"0.5rem","background":"transparent"},"&::part(button):hover":{"background":"var(--color-base-200)"},"::part(day)":{"border-radius":"var(--radius-field)"},"::part(selected)":{"color":"var(--color-base-100)","background":"var(--color-base-content)","border-radius":"var(--radius-field)"},"::part(range-inner)":{"border-radius":"0"},"::part(range-start)":{"border-start-end-radius":"0","border-end-end-radius":"0"},"::part(range-end)":{"border-start-start-radius":"0","border-end-start-radius":"0"},"::part(range-start range-end)":{"border-radius":"var(--radius-field)"}}};
package/components/calendar.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .cally{& ::part(head){opacity:.5;font-size:.7rem}&::part(button){border-radius:var(--radius-field);background:0 0;border:none;padding:.5rem}&::part(button):hover{background:var(--color-base-200)}& ::part(day){border-radius:var(--radius-field)}& ::part(selected){color:var(--color-base-100);background:var(--color-base-content);border-radius:var(--radius-field)}& ::part(range-inner){border-radius:0}& ::part(range-start){border-start-end-radius:0;border-end-end-radius:0}& ::part(range-end){border-start-start-radius:0;border-end-start-radius:0}& ::part(range-start range-end){border-radius:var(--radius-field)}}
package/components/card/object.js CHANGED
@@ -1 +1 @@
1
- export default {".card":{"position":"relative","display":"flex","flex-direction":"column","border-radius":"var(--radius-box)","&:focus":{"outline":"2px solid transparent","outline-offset":"2px"},"&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"2px"},":where(figure:first-child)":{"overflow":"hidden","border-start-start-radius":"inherit","border-start-end-radius":"inherit","border-end-start-radius":"unset","border-end-end-radius":"unset"},":where(figure:last-child)":{"overflow":"hidden","border-start-start-radius":"unset","border-start-end-radius":"unset","border-end-start-radius":"inherit","border-end-end-radius":"inherit"},"&.card-border":{"border":"1px solid var(--color-base-200)"},"&.image-full":{"display":"grid","&:before":{"position":"relative","z-index":10,"grid-column-start":"1","grid-row-start":"1","border-radius":"var(--radius-box)","background-color":"var(--color-neutral)","opacity":"75%","content":"\"\""},"> *":{"grid-column-start":"1","grid-row-start":"1"},"> .card-body":{"position":"relative","z-index":20,"color":"var(--color-neutral-content)"},":where(figure)":{"overflow":"hidden","border-radius":"inherit"},"> figure img":{"height":"100%","object-fit":"cover"}},"figure":{"display":"flex","align-items":"center","justify-content":"center"}},".card-title":{"display":"flex","align-items":"center","gap":"calc(0.25rem * 2)","font-size":"1.25rem","font-weight":600},".card-body":{"display":"flex","flex":"auto","flex-direction":"column","gap":"calc(0.25rem * 2)","padding":"calc(0.25rem * 8)",":where(p)":{"flex-grow":1}},".card-actions":{"display":"flex","flex-wrap":"wrap","align-items":"flex-start","gap":"calc(0.25rem * 2)"},".card-xs":{".card-body":{"padding":"calc(0.25rem * 2)","font-size":"0.6875rem"},".card-title":{"margin-bottom":"calc(0.25rem * 1)"}},".card-sm":{".card-body":{"padding":"calc(0.25rem * 4)","font-size":"0.75rem"},".card-title":{"margin-bottom":"calc(0.25rem * 1)"}},".card-md":{".card-body":{"padding":"calc(0.25rem * 8)","font-size":"0.875rem"},".card-title":{"margin-bottom":"calc(0.25rem * 3)"}},".card-lg":{".card-body":{"padding":"calc(0.25rem * 10)","font-size":"1.125rem"},".card-title":{"margin-bottom":"calc(0.25rem * 4)"}},".card-xl":{".card-body":{"padding":"calc(0.25rem * 12)","font-size":"1.375rem"},".card-title":{"margin-bottom":"calc(0.25rem * 4)"}},".card-side":{"align-items":"stretch","flex-direction":"row",":where(figure:first-child)":{"overflow":"hidden","border-start-start-radius":"inherit","border-start-end-radius":"unset","border-end-start-radius":"inherit","border-end-end-radius":"unset"},":where(figure:last-child)":{"overflow":"hidden","border-start-start-radius":"unset","border-start-end-radius":"inherit","border-end-start-radius":"unset","border-end-end-radius":"inherit"},"figure > *":{"max-width":"unset"},":where(figure > *)":{"width":"100%","height":"100%","object-fit":"cover"}}};
1
+ export default {".card":{"position":"relative","display":"flex","flex-direction":"column","border-radius":"var(--radius-box)","outline-width":"2px","transition":"outline 0.2s ease-in-out","outline":"0 solid transparent","outline-offset":"2px","&:focus":{"outline":"2px solid transparent","outline-offset":"2px"},"&:focus-visible":{"outline-color":"currentColor"},":where(figure:first-child)":{"overflow":"hidden","border-start-start-radius":"inherit","border-start-end-radius":"inherit","border-end-start-radius":"unset","border-end-end-radius":"unset"},":where(figure:last-child)":{"overflow":"hidden","border-start-start-radius":"unset","border-start-end-radius":"unset","border-end-start-radius":"inherit","border-end-end-radius":"inherit"},"&.card-border":{"border":"1px solid var(--color-base-200)"},"&.image-full":{"display":"grid","&:before":{"position":"relative","z-index":10,"grid-column-start":"1","grid-row-start":"1","border-radius":"var(--radius-box)","background-color":"var(--color-neutral)","opacity":"75%","content":"\"\""},"> *":{"grid-column-start":"1","grid-row-start":"1"},"> .card-body":{"position":"relative","z-index":20,"color":"var(--color-neutral-content)"},":where(figure)":{"overflow":"hidden","border-radius":"inherit"},"> figure img":{"height":"100%","object-fit":"cover"}},"figure":{"display":"flex","align-items":"center","justify-content":"center"},"&:has(> input:is(input[type=\"checkbox\"], input[type=\"radio\"]))":{"cursor":"pointer","user-select":"none"},"&:has(> :checked)":{"outline":"2px solid currentColor"}},".card-title":{"display":"flex","align-items":"center","gap":"calc(0.25rem * 2)","font-size":"1.25rem","font-weight":600},".card-body":{"display":"flex","flex":"auto","flex-direction":"column","gap":"calc(0.25rem * 2)","padding":"calc(0.25rem * 8)",":where(p)":{"flex-grow":1}},".card-actions":{"display":"flex","flex-wrap":"wrap","align-items":"flex-start","gap":"calc(0.25rem * 2)"},".card-xs":{".card-body":{"padding":"calc(0.25rem * 2)","font-size":"0.6875rem"},".card-title":{"margin-bottom":"calc(0.25rem * 1)"}},".card-sm":{".card-body":{"padding":"calc(0.25rem * 4)","font-size":"0.75rem"},".card-title":{"margin-bottom":"calc(0.25rem * 1)"}},".card-md":{".card-body":{"padding":"calc(0.25rem * 8)","font-size":"0.875rem"},".card-title":{"margin-bottom":"calc(0.25rem * 3)"}},".card-lg":{".card-body":{"padding":"calc(0.25rem * 10)","font-size":"1.125rem"},".card-title":{"margin-bottom":"calc(0.25rem * 4)"}},".card-xl":{".card-body":{"padding":"calc(0.25rem * 12)","font-size":"1.375rem"},".card-title":{"margin-bottom":"calc(0.25rem * 4)"}},".card-side":{"align-items":"stretch","flex-direction":"row",":where(figure:first-child)":{"overflow":"hidden","border-start-start-radius":"inherit","border-start-end-radius":"unset","border-end-start-radius":"inherit","border-end-end-radius":"unset"},":where(figure:last-child)":{"overflow":"hidden","border-start-start-radius":"unset","border-start-end-radius":"inherit","border-end-start-radius":"unset","border-end-end-radius":"inherit"},"figure > *":{"max-width":"unset"},":where(figure > *)":{"width":"100%","height":"100%","object-fit":"cover"}}};
package/components/card.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .card{border-radius:var(--radius-box);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}@media (width>=640px){.sm\:card{border-radius:var(--radius-box);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.sm\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.sm\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.sm\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.sm\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.sm\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.sm\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.sm\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.sm\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.sm\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=768px){.md\:card{border-radius:var(--radius-box);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.md\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.md\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.md\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.md\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.md\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.md\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.md\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.md\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.md\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=1024px){.lg\:card{border-radius:var(--radius-box);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.lg\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.lg\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.lg\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.lg\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.lg\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.lg\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.lg\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.lg\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.lg\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=1280px){.xl\:card{border-radius:var(--radius-box);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.xl\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.xl\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.xl\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.xl\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.xl\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.xl\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.xl\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.xl\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.xl\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=1536px){.\32 xl\:card{border-radius:var(--radius-box);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.\32 xl\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.\32 xl\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.\32 xl\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.\32 xl\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.\32 xl\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.\32 xl\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.\32 xl\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.\32 xl\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.\32 xl\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .card{border-radius:var(--radius-box);outline-offset:2px;outline:0 solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-color:currentColor}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}&:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;user-select:none}&:has(>:checked){outline:2px solid}}.card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}@media (width>=640px){.sm\:card{border-radius:var(--radius-box);outline-offset:2px;outline:0 solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-color:currentColor}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}&:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;user-select:none}&:has(>:checked){outline:2px solid}}.sm\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.sm\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.sm\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.sm\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.sm\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.sm\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.sm\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.sm\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.sm\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=768px){.md\:card{border-radius:var(--radius-box);outline-offset:2px;outline:0 solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-color:currentColor}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}&:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;user-select:none}&:has(>:checked){outline:2px solid}}.md\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.md\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.md\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.md\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.md\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.md\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.md\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.md\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.md\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=1024px){.lg\:card{border-radius:var(--radius-box);outline-offset:2px;outline:0 solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-color:currentColor}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}&:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;user-select:none}&:has(>:checked){outline:2px solid}}.lg\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.lg\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.lg\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.lg\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.lg\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.lg\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.lg\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.lg\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.lg\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=1280px){.xl\:card{border-radius:var(--radius-box);outline-offset:2px;outline:0 solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-color:currentColor}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}&:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;user-select:none}&:has(>:checked){outline:2px solid}}.xl\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.xl\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.xl\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.xl\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.xl\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.xl\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.xl\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.xl\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.xl\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=1536px){.\32 xl\:card{border-radius:var(--radius-box);outline-offset:2px;outline:0 solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-color:currentColor}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}&:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;user-select:none}&:has(>:checked){outline:2px solid}}.\32 xl\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.\32 xl\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.\32 xl\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.\32 xl\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.\32 xl\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.\32 xl\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.\32 xl\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.\32 xl\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.\32 xl\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}
package/components/carousel.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:inline-flex;overflow-x:scroll;&::-webkit-scrollbar{display:none}}.carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow-y:scroll}.carousel-horizontal{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:scroll}.carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.carousel-start{& .carousel-item{scroll-snap-align:start}}.carousel-center{& .carousel-item{scroll-snap-align:center}}.carousel-end{& .carousel-item{scroll-snap-align:end}}@media (width>=640px){.sm\:carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:inline-flex;overflow-x:scroll;&::-webkit-scrollbar{display:none}}.sm\:carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow-y:scroll}.sm\:carousel-horizontal{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:scroll}.sm\:carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.sm\:carousel-start{& .carousel-item{scroll-snap-align:start}}.sm\:carousel-center{& .carousel-item{scroll-snap-align:center}}.sm\:carousel-end{& .carousel-item{scroll-snap-align:end}}}@media (width>=768px){.md\:carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:inline-flex;overflow-x:scroll;&::-webkit-scrollbar{display:none}}.md\:carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow-y:scroll}.md\:carousel-horizontal{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:scroll}.md\:carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.md\:carousel-start{& .carousel-item{scroll-snap-align:start}}.md\:carousel-center{& .carousel-item{scroll-snap-align:center}}.md\:carousel-end{& .carousel-item{scroll-snap-align:end}}}@media (width>=1024px){.lg\:carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:inline-flex;overflow-x:scroll;&::-webkit-scrollbar{display:none}}.lg\:carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow-y:scroll}.lg\:carousel-horizontal{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:scroll}.lg\:carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.lg\:carousel-start{& .carousel-item{scroll-snap-align:start}}.lg\:carousel-center{& .carousel-item{scroll-snap-align:center}}.lg\:carousel-end{& .carousel-item{scroll-snap-align:end}}}@media (width>=1280px){.xl\:carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:inline-flex;overflow-x:scroll;&::-webkit-scrollbar{display:none}}.xl\:carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow-y:scroll}.xl\:carousel-horizontal{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:scroll}.xl\:carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.xl\:carousel-start{& .carousel-item{scroll-snap-align:start}}.xl\:carousel-center{& .carousel-item{scroll-snap-align:center}}.xl\:carousel-end{& .carousel-item{scroll-snap-align:end}}}@media (width>=1536px){.\32 xl\:carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:inline-flex;overflow-x:scroll;&::-webkit-scrollbar{display:none}}.\32 xl\:carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow-y:scroll}.\32 xl\:carousel-horizontal{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:scroll}.\32 xl\:carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.\32 xl\:carousel-start{& .carousel-item{scroll-snap-align:start}}.\32 xl\:carousel-center{& .carousel-item{scroll-snap-align:center}}.\32 xl\:carousel-end{& .carousel-item{scroll-snap-align:end}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:inline-flex;overflow-x:scroll;&::-webkit-scrollbar{display:none}}.carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow-y:scroll}.carousel-horizontal{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:scroll}.carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.carousel-start{& .carousel-item{scroll-snap-align:start}}.carousel-center{& .carousel-item{scroll-snap-align:center}}.carousel-end{& .carousel-item{scroll-snap-align:end}}@media (width>=640px){.sm\:carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:inline-flex;overflow-x:scroll;&::-webkit-scrollbar{display:none}}.sm\:carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow-y:scroll}.sm\:carousel-horizontal{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:scroll}.sm\:carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.sm\:carousel-start{& .carousel-item{scroll-snap-align:start}}.sm\:carousel-center{& .carousel-item{scroll-snap-align:center}}.sm\:carousel-end{& .carousel-item{scroll-snap-align:end}}}@media (width>=768px){.md\:carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:inline-flex;overflow-x:scroll;&::-webkit-scrollbar{display:none}}.md\:carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow-y:scroll}.md\:carousel-horizontal{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:scroll}.md\:carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.md\:carousel-start{& .carousel-item{scroll-snap-align:start}}.md\:carousel-center{& .carousel-item{scroll-snap-align:center}}.md\:carousel-end{& .carousel-item{scroll-snap-align:end}}}@media (width>=1024px){.lg\:carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:inline-flex;overflow-x:scroll;&::-webkit-scrollbar{display:none}}.lg\:carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow-y:scroll}.lg\:carousel-horizontal{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:scroll}.lg\:carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.lg\:carousel-start{& .carousel-item{scroll-snap-align:start}}.lg\:carousel-center{& .carousel-item{scroll-snap-align:center}}.lg\:carousel-end{& .carousel-item{scroll-snap-align:end}}}@media (width>=1280px){.xl\:carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:inline-flex;overflow-x:scroll;&::-webkit-scrollbar{display:none}}.xl\:carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow-y:scroll}.xl\:carousel-horizontal{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:scroll}.xl\:carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.xl\:carousel-start{& .carousel-item{scroll-snap-align:start}}.xl\:carousel-center{& .carousel-item{scroll-snap-align:center}}.xl\:carousel-end{& .carousel-item{scroll-snap-align:end}}}@media (width>=1536px){.\32 xl\:carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:inline-flex;overflow-x:scroll;&::-webkit-scrollbar{display:none}}.\32 xl\:carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow-y:scroll}.\32 xl\:carousel-horizontal{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:scroll}.\32 xl\:carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.\32 xl\:carousel-start{& .carousel-item{scroll-snap-align:start}}.\32 xl\:carousel-center{& .carousel-item{scroll-snap-align:center}}.\32 xl\:carousel-end{& .carousel-item{scroll-snap-align:end}}}
package/components/chat.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .chat{column-gap:.75rem;padding-block:.25rem;display:grid}.chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.chat-image{grid-row:span 2/span 2;align-self:flex-end}.chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.chat-bubble{border-radius:var(--radius-box);background-color:var(--color-base-200);color:var(--color-base-content);width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}@media (width>=640px){.sm\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.sm\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.sm\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.sm\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.sm\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.sm\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.sm\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.sm\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.sm\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.sm\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.sm\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.sm\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.sm\:chat-bubble{border-radius:var(--radius-box);background-color:var(--color-base-200);color:var(--color-base-content);width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.sm\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.sm\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}@media (width>=768px){.md\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.md\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.md\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.md\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.md\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.md\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.md\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.md\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.md\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.md\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.md\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.md\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.md\:chat-bubble{border-radius:var(--radius-box);background-color:var(--color-base-200);color:var(--color-base-content);width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.md\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.md\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}@media (width>=1024px){.lg\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.lg\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.lg\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.lg\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.lg\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.lg\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.lg\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.lg\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.lg\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.lg\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.lg\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.lg\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.lg\:chat-bubble{border-radius:var(--radius-box);background-color:var(--color-base-200);color:var(--color-base-content);width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.lg\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.lg\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}@media (width>=1280px){.xl\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.xl\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.xl\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.xl\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.xl\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.xl\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.xl\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.xl\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.xl\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.xl\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.xl\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.xl\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.xl\:chat-bubble{border-radius:var(--radius-box);background-color:var(--color-base-200);color:var(--color-base-content);width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.xl\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.xl\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}@media (width>=1536px){.\32 xl\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.\32 xl\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.\32 xl\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.\32 xl\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.\32 xl\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.\32 xl\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.\32 xl\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.\32 xl\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.\32 xl\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.\32 xl\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.\32 xl\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.\32 xl\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.\32 xl\:chat-bubble{border-radius:var(--radius-box);background-color:var(--color-base-200);color:var(--color-base-content);width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.\32 xl\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.\32 xl\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .chat{column-gap:.75rem;padding-block:.25rem;display:grid}.chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.chat-image{grid-row:span 2/span 2;align-self:flex-end}.chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.chat-bubble{border-radius:var(--radius-box);background-color:var(--color-base-200);color:var(--color-base-content);width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}@media (width>=640px){.sm\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.sm\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.sm\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.sm\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.sm\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.sm\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.sm\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.sm\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.sm\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.sm\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.sm\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.sm\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.sm\:chat-bubble{border-radius:var(--radius-box);background-color:var(--color-base-200);color:var(--color-base-content);width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.sm\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.sm\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}@media (width>=768px){.md\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.md\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.md\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.md\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.md\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.md\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.md\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.md\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.md\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.md\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.md\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.md\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.md\:chat-bubble{border-radius:var(--radius-box);background-color:var(--color-base-200);color:var(--color-base-content);width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.md\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.md\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}@media (width>=1024px){.lg\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.lg\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.lg\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.lg\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.lg\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.lg\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.lg\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.lg\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.lg\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.lg\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.lg\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.lg\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.lg\:chat-bubble{border-radius:var(--radius-box);background-color:var(--color-base-200);color:var(--color-base-content);width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.lg\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.lg\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}@media (width>=1280px){.xl\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.xl\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.xl\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.xl\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.xl\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.xl\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.xl\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.xl\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.xl\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.xl\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.xl\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.xl\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.xl\:chat-bubble{border-radius:var(--radius-box);background-color:var(--color-base-200);color:var(--color-base-content);width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.xl\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.xl\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}@media (width>=1536px){.\32 xl\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.\32 xl\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.\32 xl\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.\32 xl\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.\32 xl\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.\32 xl\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.\32 xl\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.\32 xl\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.\32 xl\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.\32 xl\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.\32 xl\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.\32 xl\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.\32 xl\:chat-bubble{border-radius:var(--radius-box);background-color:var(--color-base-200);color:var(--color-base-content);width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.\32 xl\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.\32 xl\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}
package/components/checkbox.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-field);border:1px solid;border-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.checkbox:disabled{cursor:not-allowed;opacity:.2}.checkbox-xs{--selector-size:calc(var(--spacing-selector-size)*4);padding:.125rem}.checkbox-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding:.1875rem}.checkbox-md{--selector-size:calc(var(--spacing-selector-size)*6);padding:.25rem}.checkbox-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding:.3125rem}.checkbox-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding:.375rem}@media (width>=640px){.sm\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-field);border:1px solid;border-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.sm\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.sm\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.sm\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.sm\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.sm\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.sm\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.sm\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.sm\:checkbox:disabled{cursor:not-allowed;opacity:.2}.sm\:checkbox-xs{--selector-size:calc(var(--spacing-selector-size)*4);padding:.125rem}.sm\:checkbox-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding:.1875rem}.sm\:checkbox-md{--selector-size:calc(var(--spacing-selector-size)*6);padding:.25rem}.sm\:checkbox-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding:.3125rem}.sm\:checkbox-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding:.375rem}}@media (width>=768px){.md\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-field);border:1px solid;border-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.md\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.md\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.md\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.md\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.md\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.md\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.md\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.md\:checkbox:disabled{cursor:not-allowed;opacity:.2}.md\:checkbox-xs{--selector-size:calc(var(--spacing-selector-size)*4);padding:.125rem}.md\:checkbox-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding:.1875rem}.md\:checkbox-md{--selector-size:calc(var(--spacing-selector-size)*6);padding:.25rem}.md\:checkbox-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding:.3125rem}.md\:checkbox-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding:.375rem}}@media (width>=1024px){.lg\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-field);border:1px solid;border-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.lg\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.lg\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.lg\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.lg\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.lg\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.lg\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.lg\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.lg\:checkbox:disabled{cursor:not-allowed;opacity:.2}.lg\:checkbox-xs{--selector-size:calc(var(--spacing-selector-size)*4);padding:.125rem}.lg\:checkbox-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding:.1875rem}.lg\:checkbox-md{--selector-size:calc(var(--spacing-selector-size)*6);padding:.25rem}.lg\:checkbox-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding:.3125rem}.lg\:checkbox-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding:.375rem}}@media (width>=1280px){.xl\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-field);border:1px solid;border-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.xl\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.xl\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.xl\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.xl\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.xl\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.xl\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.xl\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.xl\:checkbox-xs{--selector-size:calc(var(--spacing-selector-size)*4);padding:.125rem}.xl\:checkbox-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding:.1875rem}.xl\:checkbox-md{--selector-size:calc(var(--spacing-selector-size)*6);padding:.25rem}.xl\:checkbox-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding:.3125rem}.xl\:checkbox-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding:.375rem}}@media (width>=1536px){.\32 xl\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-field);border:1px solid;border-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.\32 xl\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.\32 xl\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.\32 xl\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.\32 xl\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.\32 xl\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.\32 xl\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.\32 xl\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.\32 xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.\32 xl\:checkbox-xs{--selector-size:calc(var(--spacing-selector-size)*4);padding:.125rem}.\32 xl\:checkbox-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding:.1875rem}.\32 xl\:checkbox-md{--selector-size:calc(var(--spacing-selector-size)*6);padding:.25rem}.\32 xl\:checkbox-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding:.3125rem}.\32 xl\:checkbox-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding:.375rem}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-field);border:1px solid;border-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.checkbox:disabled{cursor:not-allowed;opacity:.2}.checkbox-xs{--selector-size:calc(var(--spacing-selector-size)*4);padding:.125rem}.checkbox-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding:.1875rem}.checkbox-md{--selector-size:calc(var(--spacing-selector-size)*6);padding:.25rem}.checkbox-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding:.3125rem}.checkbox-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding:.375rem}@media (width>=640px){.sm\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-field);border:1px solid;border-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.sm\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.sm\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.sm\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.sm\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.sm\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.sm\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.sm\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.sm\:checkbox:disabled{cursor:not-allowed;opacity:.2}.sm\:checkbox-xs{--selector-size:calc(var(--spacing-selector-size)*4);padding:.125rem}.sm\:checkbox-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding:.1875rem}.sm\:checkbox-md{--selector-size:calc(var(--spacing-selector-size)*6);padding:.25rem}.sm\:checkbox-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding:.3125rem}.sm\:checkbox-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding:.375rem}}@media (width>=768px){.md\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-field);border:1px solid;border-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.md\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.md\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.md\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.md\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.md\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.md\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.md\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.md\:checkbox:disabled{cursor:not-allowed;opacity:.2}.md\:checkbox-xs{--selector-size:calc(var(--spacing-selector-size)*4);padding:.125rem}.md\:checkbox-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding:.1875rem}.md\:checkbox-md{--selector-size:calc(var(--spacing-selector-size)*6);padding:.25rem}.md\:checkbox-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding:.3125rem}.md\:checkbox-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding:.375rem}}@media (width>=1024px){.lg\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-field);border:1px solid;border-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.lg\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.lg\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.lg\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.lg\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.lg\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.lg\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.lg\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.lg\:checkbox:disabled{cursor:not-allowed;opacity:.2}.lg\:checkbox-xs{--selector-size:calc(var(--spacing-selector-size)*4);padding:.125rem}.lg\:checkbox-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding:.1875rem}.lg\:checkbox-md{--selector-size:calc(var(--spacing-selector-size)*6);padding:.25rem}.lg\:checkbox-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding:.3125rem}.lg\:checkbox-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding:.375rem}}@media (width>=1280px){.xl\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-field);border:1px solid;border-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.xl\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.xl\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.xl\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.xl\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.xl\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.xl\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.xl\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.xl\:checkbox-xs{--selector-size:calc(var(--spacing-selector-size)*4);padding:.125rem}.xl\:checkbox-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding:.1875rem}.xl\:checkbox-md{--selector-size:calc(var(--spacing-selector-size)*6);padding:.25rem}.xl\:checkbox-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding:.3125rem}.xl\:checkbox-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding:.375rem}}@media (width>=1536px){.\32 xl\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-field);border:1px solid;border-color:color-mix(in oklch,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.\32 xl\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.\32 xl\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.\32 xl\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.\32 xl\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.\32 xl\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.\32 xl\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.\32 xl\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.\32 xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.\32 xl\:checkbox-xs{--selector-size:calc(var(--spacing-selector-size)*4);padding:.125rem}.\32 xl\:checkbox-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding:.1875rem}.\32 xl\:checkbox-md{--selector-size:calc(var(--spacing-selector-size)*6);padding:.25rem}.\32 xl\:checkbox-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding:.3125rem}.\32 xl\:checkbox-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding:.375rem}}