daisyui 5.0.0-alpha.48 → 5.0.0-alpha.49

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 (86) hide show
  1. package/base/keyframes.css +1 -1
  2. package/base/properties.css +1 -1
  3. package/base/reset.css +1 -1
  4. package/base/rootcolor.css +1 -1
  5. package/base/rootscrollgutter.css +1 -1
  6. package/base/rootscrolllock.css +1 -1
  7. package/base/scrollbar.css +1 -1
  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.css +1 -1
  14. package/components/breadcrumbs.css +1 -1
  15. package/components/button/class.json +1 -2
  16. package/components/button/object.js +1 -1
  17. package/components/button.css +1 -1
  18. package/components/calendar/class.json +1 -1
  19. package/components/calendar/object.js +1 -1
  20. package/components/calendar.css +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.css +1 -1
  27. package/components/diff.css +1 -1
  28. package/components/divider.css +1 -1
  29. package/components/dock.css +1 -1
  30. package/components/drawer.css +1 -1
  31. package/components/dropdown.css +1 -1
  32. package/components/fieldset.css +1 -1
  33. package/components/fileinput.css +1 -1
  34. package/components/filter/object.js +1 -1
  35. package/components/filter.css +1 -1
  36. package/components/footer.css +1 -1
  37. package/components/hero/object.js +1 -1
  38. package/components/hero.css +1 -1
  39. package/components/indicator.css +1 -1
  40. package/components/input.css +1 -1
  41. package/components/kbd.css +1 -1
  42. package/components/label.css +1 -1
  43. package/components/link.css +1 -1
  44. package/components/list/class.json +2 -1
  45. package/components/list/object.js +1 -1
  46. package/components/list.css +1 -1
  47. package/components/loading.css +1 -1
  48. package/components/mask.css +1 -1
  49. package/components/menu.css +1 -1
  50. package/components/mockup/object.js +1 -1
  51. package/components/mockup.css +1 -1
  52. package/components/modal/object.js +1 -1
  53. package/components/modal.css +1 -1
  54. package/components/navbar.css +1 -1
  55. package/components/progress.css +1 -1
  56. package/components/radialprogress.css +1 -1
  57. package/components/radio.css +1 -1
  58. package/components/range/object.js +1 -1
  59. package/components/range.css +1 -1
  60. package/components/rating.css +1 -1
  61. package/components/select.css +1 -1
  62. package/components/skeleton.css +1 -1
  63. package/components/stack.css +1 -1
  64. package/components/stat.css +1 -1
  65. package/components/status.css +1 -1
  66. package/components/steps.css +1 -1
  67. package/components/swap.css +1 -1
  68. package/components/tab/object.js +1 -1
  69. package/components/tab.css +1 -1
  70. package/components/table.css +1 -1
  71. package/components/textarea.css +1 -1
  72. package/components/timeline.css +1 -1
  73. package/components/toast.css +1 -1
  74. package/components/toggle/object.js +1 -1
  75. package/components/toggle.css +1 -1
  76. package/components/tooltip/object.js +1 -1
  77. package/components/tooltip.css +1 -1
  78. package/daisyui.css +1 -1
  79. package/functions/pluginOptionsHandler.js +32 -8
  80. package/functions/themeOrder.js +36 -0
  81. package/package.json +2 -1
  82. package/theme/object.js +1 -1
  83. package/themes.css +1 -1
  84. package/utilities/join.css +1 -1
  85. package/utilities/radius.css +1 -1
  86. package/utilities/typography.css +1 -1
package/components/toast.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.48 - MIT License */ .toast{inset-inline:auto 0;white-space:nowrap;min-width:fit-content;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;margin:1rem;display:flex;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@media (width>=640px){.sm\:toast{inset-inline:auto 0;white-space:nowrap;min-width:fit-content;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;margin:1rem;display:flex;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}}@media (width>=768px){.md\:toast{inset-inline:auto 0;white-space:nowrap;min-width:fit-content;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;margin:1rem;display:flex;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}}@media (width>=1024px){.lg\:toast{inset-inline:auto 0;white-space:nowrap;min-width:fit-content;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;margin:1rem;display:flex;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}}@media (width>=1280px){.xl\:toast{inset-inline:auto 0;white-space:nowrap;min-width:fit-content;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;margin:1rem;display:flex;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}}@media (width>=1536px){.\32 xl\:toast{inset-inline:auto 0;white-space:nowrap;min-width:fit-content;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;margin:1rem;display:flex;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.49 - MIT License */ .toast{inset-inline:auto 0;white-space:nowrap;min-width:fit-content;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;margin:1rem;display:flex;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}@media (width>=640px){.sm\:toast{inset-inline:auto 0;white-space:nowrap;min-width:fit-content;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;margin:1rem;display:flex;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}}@media (width>=768px){.md\:toast{inset-inline:auto 0;white-space:nowrap;min-width:fit-content;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;margin:1rem;display:flex;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}}@media (width>=1024px){.lg\:toast{inset-inline:auto 0;white-space:nowrap;min-width:fit-content;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;margin:1rem;display:flex;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}}@media (width>=1280px){.xl\:toast{inset-inline:auto 0;white-space:nowrap;min-width:fit-content;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;margin:1rem;display:flex;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}}@media (width>=1536px){.\32 xl\:toast{inset-inline:auto 0;white-space:nowrap;min-width:fit-content;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;margin:1rem;display:flex;position:fixed;top:auto;bottom:0;&>*{animation:.25s ease-out toast}&:where(.toast-start){--toast-x:0;inset-inline:0 auto}&:where(.toast-center){--toast-x:-50%;inset-inline:50%}&:where(.toast-end){--toast-x:0;inset-inline:auto 0}&:where(.toast-bottom){--toast-y:0;top:auto;bottom:0}&:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}&:where(.toast-top){--toast-y:0;top:0;bottom:auto}}}
package/components/toggle/object.js CHANGED
@@ -1 +1 @@
1
- export default {".toggle":{"border":"var(--border) solid currentColor","position":"relative","display":"inline-grid","flex-shrink":0,"cursor":"pointer","appearance":"none","vertical-align":"middle","color":"color-mix(in oklab, var(--color-base-content) 50%, transparent)","webkit-user-select":"none","user-select":"none","grid-template-columns":"0fr auto 1fr","border-radius":"calc(var(--radius-selector) + var(--toggle-padding))","padding":"var(--toggle-padding)","box-shadow":"0 1px color-mix(in oklab, currentColor calc(var(--gloss) * 10%), transparent) inset","transition":"color 0.3s, grid-template-columns 0.2s","--toggle-padding":"0.1875rem","--size":"calc(var(--size-selector, 0.25rem) * 6)","width":"calc(var(--size) * 1.75)","height":"var(--size)","> *":{"z-index":1,"grid-column":"span 1 / span 1","grid-column-start":"2","grid-row-start":"1","height":"100%","cursor":"pointer","appearance":"none","background-color":"transparent","padding":"calc(0.25rem * 0.5)","transition":"opacity 0.2s, rotate 0.4s","border":"none","&:focus":{"outline":"2px solid transparent","outline-offset":"2px"},"&:nth-child(2)":{"color":"var(--color-base-100)","rotate":"0deg"},"&:nth-child(3)":{"color":"var(--color-base-100)","opacity":"0%","rotate":"-15deg"}},"&:has(:checked)":{"*:nth-child(2)":{"opacity":"0%","rotate":"15deg"},"*:nth-child(3)":{"opacity":"100%","rotate":"0deg"}},"&:before":{"position":"relative","inset-inline-start":"calc(0.25rem * 0)","grid-column-start":"2","grid-row-start":"1","aspect-ratio":"1 / 1","height":"100%","border-radius":"var(--radius-selector)","background-color":"currentColor","translate":"0","content":"\"\"","transition":"background-color 0.1s, translate 0.2s, inset-inline-start 0.2s","box-shadow":"0 -1px oklch(0% 0 0 / calc(var(--gloss) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--gloss) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--gloss) * 10%), transparent)","background-size":"calc(var(--noise) * 1000px)","background-image":"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' stitchTiles='stitch'/%3E%3CfeBlend mode='screen'/%3E%3C/filter%3E%3Crect width='1000' height='1000' filter='url(%23noise)' opacity='.1'/%3E%3C/svg%3E\")"},"&:focus-visible, &:has(:focus-visible)":{"outline":"2px solid currentColor","outline-offset":"2px"},"&:checked, &[aria-checked=\"true\"], &:has(> input:checked)":{"grid-template-columns":"1fr auto 0fr","background-color":"var(--color-base-100)","color":"var(--color-base-content)","&:before":{"background-color":"currentColor","@starting-style":{"opacity":0}}},"&:indeterminate":{"grid-template-columns":"1fr auto 1fr"},"&:disabled":{"cursor":"not-allowed","opacity":"30%","&:before":{"background-color":"transparent","border":"var(--border) solid currentColor"}}},".toggle-primary":{"&:checked, &[aria-checked=\"true\"]":{"color":"var(--color-primary)"}},".toggle-secondary":{"&:checked, &[aria-checked=\"true\"]":{"color":"var(--color-secondary)"}},".toggle-accent":{"&:checked, &[aria-checked=\"true\"]":{"color":"var(--color-accent)"}},".toggle-success":{"&:checked, &[aria-checked=\"true\"]":{"color":"var(--color-success)"}},".toggle-warning":{"&:checked, &[aria-checked=\"true\"]":{"color":"var(--color-warning)"}},".toggle-info":{"&:checked, &[aria-checked=\"true\"]":{"color":"var(--color-info)"}},".toggle-error":{"&:checked, &[aria-checked=\"true\"]":{"color":"var(--color-error)"}},".toggle-xs":{"&:is([type=\"checkbox\"]), &:has([type=\"checkbox\"])":{"--toggle-padding":"0.0625rem","--size":"calc(var(--size-selector, 0.25rem) * 4)"}},".toggle-sm":{"&:is([type=\"checkbox\"]), &:has([type=\"checkbox\"])":{"--toggle-padding":"0.125rem","--size":"calc(var(--size-selector, 0.25rem) * 5)"}},".toggle-md":{"&:is([type=\"checkbox\"]), &:has([type=\"checkbox\"])":{"--toggle-padding":"0.1875rem","--size":"calc(var(--size-selector, 0.25rem) * 6)"}},".toggle-lg":{"&:is([type=\"checkbox\"]), &:has([type=\"checkbox\"])":{"--toggle-padding":"0.25rem","--size":"calc(var(--size-selector, 0.25rem) * 7)"}},".toggle-xl":{"&:is([type=\"checkbox\"]), &:has([type=\"checkbox\"])":{"--toggle-padding":"0.3125rem","--size":"calc(var(--size-selector, 0.25rem) * 8)"}}};
1
+ export default {".toggle":{"border":"var(--border) solid currentColor","position":"relative","display":"inline-grid","flex-shrink":0,"cursor":"pointer","appearance":"none","place-content":"center","vertical-align":"middle","color":"color-mix(in oklab, var(--color-base-content) 50%, transparent)","webkit-user-select":"none","user-select":"none","grid-template-columns":"0fr 1fr 1fr","border-radius":"calc(var(--radius-selector) + var(--toggle-padding))","padding":"var(--toggle-padding)","box-shadow":"0 1px color-mix(in oklab, currentColor calc(var(--gloss) * 10%), transparent) inset","transition":"color 0.3s, grid-template-columns 0.2s","--toggle-padding":"0.1875rem","--size":"calc(var(--size-selector, 0.25rem) * 6)","width":"calc(calc(var(--size) * 2) - calc(var(--border) + var(--toggle-padding)) * 2)","height":"var(--size)","> *":{"z-index":1,"grid-column":"span 1 / span 1","grid-column-start":"2","grid-row-start":"1","height":"100%","cursor":"pointer","appearance":"none","background-color":"transparent","padding":"calc(0.25rem * 0.5)","transition":"opacity 0.2s, rotate 0.4s","border":"none","&:focus":{"outline":"2px solid transparent","outline-offset":"2px"},"&:nth-child(2)":{"color":"var(--color-base-100)","rotate":"0deg"},"&:nth-child(3)":{"color":"var(--color-base-100)","opacity":"0%","rotate":"-15deg"}},"&:has(:checked)":{"*:nth-child(2)":{"opacity":"0%","rotate":"15deg"},"*:nth-child(3)":{"opacity":"100%","rotate":"0deg"}},"&:before":{"position":"relative","inset-inline-start":"calc(0.25rem * 0)","grid-column-start":"2","grid-row-start":"1","aspect-ratio":"1 / 1","height":"100%","border-radius":"var(--radius-selector)","background-color":"currentColor","translate":"0","content":"\"\"","transition":"background-color 0.1s, translate 0.2s, inset-inline-start 0.2s","box-shadow":"0 -1px oklch(0% 0 0 / calc(var(--gloss) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--gloss) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--gloss) * 10%), transparent)","background-size":"calc(var(--noise) * 1000px)","background-image":"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' stitchTiles='stitch'/%3E%3CfeBlend mode='screen'/%3E%3C/filter%3E%3Crect width='1000' height='1000' filter='url(%23noise)' opacity='.1'/%3E%3C/svg%3E\")"},"&:focus-visible, &:has(:focus-visible)":{"outline":"2px solid currentColor","outline-offset":"2px"},"&:checked, &[aria-checked=\"true\"], &:has(> input:checked)":{"grid-template-columns":"1fr 1fr 0fr","background-color":"var(--color-base-100)","color":"var(--color-base-content)","&:before":{"background-color":"currentColor","@starting-style":{"opacity":0}}},"&:indeterminate":{"grid-template-columns":"0.5fr 1fr 0.5fr"},"&:disabled":{"cursor":"not-allowed","opacity":"30%","&:before":{"background-color":"transparent","border":"var(--border) solid currentColor"}}},".toggle-primary":{"&:checked, &[aria-checked=\"true\"]":{"color":"var(--color-primary)"}},".toggle-secondary":{"&:checked, &[aria-checked=\"true\"]":{"color":"var(--color-secondary)"}},".toggle-accent":{"&:checked, &[aria-checked=\"true\"]":{"color":"var(--color-accent)"}},".toggle-success":{"&:checked, &[aria-checked=\"true\"]":{"color":"var(--color-success)"}},".toggle-warning":{"&:checked, &[aria-checked=\"true\"]":{"color":"var(--color-warning)"}},".toggle-info":{"&:checked, &[aria-checked=\"true\"]":{"color":"var(--color-info)"}},".toggle-error":{"&:checked, &[aria-checked=\"true\"]":{"color":"var(--color-error)"}},".toggle-xs":{"&:is([type=\"checkbox\"]), &:has([type=\"checkbox\"])":{"--toggle-padding":"0.0625rem","--size":"calc(var(--size-selector, 0.25rem) * 4)"}},".toggle-sm":{"&:is([type=\"checkbox\"]), &:has([type=\"checkbox\"])":{"--toggle-padding":"0.125rem","--size":"calc(var(--size-selector, 0.25rem) * 5)"}},".toggle-md":{"&:is([type=\"checkbox\"]), &:has([type=\"checkbox\"])":{"--toggle-padding":"0.1875rem","--size":"calc(var(--size-selector, 0.25rem) * 6)"}},".toggle-lg":{"&:is([type=\"checkbox\"]), &:has([type=\"checkbox\"])":{"--toggle-padding":"0.25rem","--size":"calc(var(--size-selector, 0.25rem) * 7)"}},".toggle-xl":{"&:is([type=\"checkbox\"]), &:has([type=\"checkbox\"])":{"--toggle-padding":"0.3125rem","--size":"calc(var(--size-selector, 0.25rem) * 8)"}}};
package/components/toggle.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.48 - MIT License */ .toggle{border:var(--border)solid currentColor;cursor:pointer;appearance:none;vertical-align:middle;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;border-radius:calc(var(--radius-selector) + var(--toggle-padding));padding:var(--toggle-padding);box-shadow:0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent)inset;--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6);width:calc(var(--size)*1.75);height:var(--size);flex-shrink:0;grid-template-columns:0fr auto 1fr;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{outline-offset:2px;outline:2px solid #0000}&:nth-child(2){color:var(--color-base-100);rotate:none}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){& :nth-child(2){opacity:0;rotate:15deg}& :nth-child(3){opacity:1;rotate:none}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);content:"";height:100%;box-shadow:0 -1px oklch(0% 0 0/calc(var(--gloss)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--gloss)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent);background-color:currentColor;background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' stitchTiles='stitch'/%3E%3CfeBlend mode='screen'/%3E%3C/filter%3E%3Crect width='1000' height='1000' filter='url(%23noise)' opacity='.1'/%3E%3C/svg%3E");grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);color:var(--color-base-content);grid-template-columns:1fr auto 0fr;&:before{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{grid-template-columns:1fr auto 1fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border)solid currentColor;background-color:#0000}}}.toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.toggle-xs{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.0625rem;--size:calc(var(--size-selector,.25rem)*4)}}.toggle-sm{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.125rem;--size:calc(var(--size-selector,.25rem)*5)}}.toggle-md{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6)}}.toggle-lg{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.25rem;--size:calc(var(--size-selector,.25rem)*7)}}.toggle-xl{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.3125rem;--size:calc(var(--size-selector,.25rem)*8)}}@media (width>=640px){.sm\:toggle{border:var(--border)solid currentColor;cursor:pointer;appearance:none;vertical-align:middle;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;border-radius:calc(var(--radius-selector) + var(--toggle-padding));padding:var(--toggle-padding);box-shadow:0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent)inset;--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6);width:calc(var(--size)*1.75);height:var(--size);flex-shrink:0;grid-template-columns:0fr auto 1fr;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{outline-offset:2px;outline:2px solid #0000}&:nth-child(2){color:var(--color-base-100);rotate:none}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){& :nth-child(2){opacity:0;rotate:15deg}& :nth-child(3){opacity:1;rotate:none}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);content:"";height:100%;box-shadow:0 -1px oklch(0% 0 0/calc(var(--gloss)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--gloss)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent);background-color:currentColor;background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' stitchTiles='stitch'/%3E%3CfeBlend mode='screen'/%3E%3C/filter%3E%3Crect width='1000' height='1000' filter='url(%23noise)' opacity='.1'/%3E%3C/svg%3E");grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);color:var(--color-base-content);grid-template-columns:1fr auto 0fr;&:before{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{grid-template-columns:1fr auto 1fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border)solid currentColor;background-color:#0000}}}.sm\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.sm\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.sm\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.sm\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.sm\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.sm\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.sm\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.sm\:toggle-xs{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.0625rem;--size:calc(var(--size-selector,.25rem)*4)}}.sm\:toggle-sm{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.125rem;--size:calc(var(--size-selector,.25rem)*5)}}.sm\:toggle-md{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6)}}.sm\:toggle-lg{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.25rem;--size:calc(var(--size-selector,.25rem)*7)}}.sm\:toggle-xl{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.3125rem;--size:calc(var(--size-selector,.25rem)*8)}}}@media (width>=768px){.md\:toggle{border:var(--border)solid currentColor;cursor:pointer;appearance:none;vertical-align:middle;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;border-radius:calc(var(--radius-selector) + var(--toggle-padding));padding:var(--toggle-padding);box-shadow:0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent)inset;--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6);width:calc(var(--size)*1.75);height:var(--size);flex-shrink:0;grid-template-columns:0fr auto 1fr;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{outline-offset:2px;outline:2px solid #0000}&:nth-child(2){color:var(--color-base-100);rotate:none}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){& :nth-child(2){opacity:0;rotate:15deg}& :nth-child(3){opacity:1;rotate:none}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);content:"";height:100%;box-shadow:0 -1px oklch(0% 0 0/calc(var(--gloss)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--gloss)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent);background-color:currentColor;background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' stitchTiles='stitch'/%3E%3CfeBlend mode='screen'/%3E%3C/filter%3E%3Crect width='1000' height='1000' filter='url(%23noise)' opacity='.1'/%3E%3C/svg%3E");grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);color:var(--color-base-content);grid-template-columns:1fr auto 0fr;&:before{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{grid-template-columns:1fr auto 1fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border)solid currentColor;background-color:#0000}}}.md\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.md\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.md\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.md\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.md\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.md\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.md\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.md\:toggle-xs{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.0625rem;--size:calc(var(--size-selector,.25rem)*4)}}.md\:toggle-sm{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.125rem;--size:calc(var(--size-selector,.25rem)*5)}}.md\:toggle-md{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6)}}.md\:toggle-lg{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.25rem;--size:calc(var(--size-selector,.25rem)*7)}}.md\:toggle-xl{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.3125rem;--size:calc(var(--size-selector,.25rem)*8)}}}@media (width>=1024px){.lg\:toggle{border:var(--border)solid currentColor;cursor:pointer;appearance:none;vertical-align:middle;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;border-radius:calc(var(--radius-selector) + var(--toggle-padding));padding:var(--toggle-padding);box-shadow:0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent)inset;--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6);width:calc(var(--size)*1.75);height:var(--size);flex-shrink:0;grid-template-columns:0fr auto 1fr;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{outline-offset:2px;outline:2px solid #0000}&:nth-child(2){color:var(--color-base-100);rotate:none}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){& :nth-child(2){opacity:0;rotate:15deg}& :nth-child(3){opacity:1;rotate:none}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);content:"";height:100%;box-shadow:0 -1px oklch(0% 0 0/calc(var(--gloss)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--gloss)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent);background-color:currentColor;background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' stitchTiles='stitch'/%3E%3CfeBlend mode='screen'/%3E%3C/filter%3E%3Crect width='1000' height='1000' filter='url(%23noise)' opacity='.1'/%3E%3C/svg%3E");grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);color:var(--color-base-content);grid-template-columns:1fr auto 0fr;&:before{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{grid-template-columns:1fr auto 1fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border)solid currentColor;background-color:#0000}}}.lg\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.lg\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.lg\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.lg\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.lg\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.lg\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.lg\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.lg\:toggle-xs{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.0625rem;--size:calc(var(--size-selector,.25rem)*4)}}.lg\:toggle-sm{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.125rem;--size:calc(var(--size-selector,.25rem)*5)}}.lg\:toggle-md{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6)}}.lg\:toggle-lg{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.25rem;--size:calc(var(--size-selector,.25rem)*7)}}.lg\:toggle-xl{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.3125rem;--size:calc(var(--size-selector,.25rem)*8)}}}@media (width>=1280px){.xl\:toggle{border:var(--border)solid currentColor;cursor:pointer;appearance:none;vertical-align:middle;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;border-radius:calc(var(--radius-selector) + var(--toggle-padding));padding:var(--toggle-padding);box-shadow:0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent)inset;--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6);width:calc(var(--size)*1.75);height:var(--size);flex-shrink:0;grid-template-columns:0fr auto 1fr;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{outline-offset:2px;outline:2px solid #0000}&:nth-child(2){color:var(--color-base-100);rotate:none}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){& :nth-child(2){opacity:0;rotate:15deg}& :nth-child(3){opacity:1;rotate:none}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);content:"";height:100%;box-shadow:0 -1px oklch(0% 0 0/calc(var(--gloss)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--gloss)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent);background-color:currentColor;background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' stitchTiles='stitch'/%3E%3CfeBlend mode='screen'/%3E%3C/filter%3E%3Crect width='1000' height='1000' filter='url(%23noise)' opacity='.1'/%3E%3C/svg%3E");grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);color:var(--color-base-content);grid-template-columns:1fr auto 0fr;&:before{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{grid-template-columns:1fr auto 1fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border)solid currentColor;background-color:#0000}}}.xl\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.xl\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.xl\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.xl\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.xl\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.xl\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.xl\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.xl\:toggle-xs{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.0625rem;--size:calc(var(--size-selector,.25rem)*4)}}.xl\:toggle-sm{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.125rem;--size:calc(var(--size-selector,.25rem)*5)}}.xl\:toggle-md{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6)}}.xl\:toggle-lg{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.25rem;--size:calc(var(--size-selector,.25rem)*7)}}.xl\:toggle-xl{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.3125rem;--size:calc(var(--size-selector,.25rem)*8)}}}@media (width>=1536px){.\32 xl\:toggle{border:var(--border)solid currentColor;cursor:pointer;appearance:none;vertical-align:middle;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;border-radius:calc(var(--radius-selector) + var(--toggle-padding));padding:var(--toggle-padding);box-shadow:0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent)inset;--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6);width:calc(var(--size)*1.75);height:var(--size);flex-shrink:0;grid-template-columns:0fr auto 1fr;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{outline-offset:2px;outline:2px solid #0000}&:nth-child(2){color:var(--color-base-100);rotate:none}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){& :nth-child(2){opacity:0;rotate:15deg}& :nth-child(3){opacity:1;rotate:none}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);content:"";height:100%;box-shadow:0 -1px oklch(0% 0 0/calc(var(--gloss)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--gloss)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent);background-color:currentColor;background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' stitchTiles='stitch'/%3E%3CfeBlend mode='screen'/%3E%3C/filter%3E%3Crect width='1000' height='1000' filter='url(%23noise)' opacity='.1'/%3E%3C/svg%3E");grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);color:var(--color-base-content);grid-template-columns:1fr auto 0fr;&:before{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{grid-template-columns:1fr auto 1fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border)solid currentColor;background-color:#0000}}}.\32 xl\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.\32 xl\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.\32 xl\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.\32 xl\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.\32 xl\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.\32 xl\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.\32 xl\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.\32 xl\:toggle-xs{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.0625rem;--size:calc(var(--size-selector,.25rem)*4)}}.\32 xl\:toggle-sm{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.125rem;--size:calc(var(--size-selector,.25rem)*5)}}.\32 xl\:toggle-md{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6)}}.\32 xl\:toggle-lg{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.25rem;--size:calc(var(--size-selector,.25rem)*7)}}.\32 xl\:toggle-xl{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.3125rem;--size:calc(var(--size-selector,.25rem)*8)}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.49 - MIT License */ .toggle{border:var(--border)solid currentColor;cursor:pointer;appearance:none;vertical-align:middle;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;border-radius:calc(var(--radius-selector) + var(--toggle-padding));padding:var(--toggle-padding);box-shadow:0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent)inset;--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6);width:calc(calc(var(--size)*2) - calc(var(--border) + var(--toggle-padding))*2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{outline-offset:2px;outline:2px solid #0000}&:nth-child(2){color:var(--color-base-100);rotate:none}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){& :nth-child(2){opacity:0;rotate:15deg}& :nth-child(3){opacity:1;rotate:none}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);content:"";height:100%;box-shadow:0 -1px oklch(0% 0 0/calc(var(--gloss)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--gloss)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent);background-color:currentColor;background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' stitchTiles='stitch'/%3E%3CfeBlend mode='screen'/%3E%3C/filter%3E%3Crect width='1000' height='1000' filter='url(%23noise)' opacity='.1'/%3E%3C/svg%3E");grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border)solid currentColor;background-color:#0000}}}.toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.toggle-xs{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.0625rem;--size:calc(var(--size-selector,.25rem)*4)}}.toggle-sm{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.125rem;--size:calc(var(--size-selector,.25rem)*5)}}.toggle-md{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6)}}.toggle-lg{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.25rem;--size:calc(var(--size-selector,.25rem)*7)}}.toggle-xl{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.3125rem;--size:calc(var(--size-selector,.25rem)*8)}}@media (width>=640px){.sm\:toggle{border:var(--border)solid currentColor;cursor:pointer;appearance:none;vertical-align:middle;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;border-radius:calc(var(--radius-selector) + var(--toggle-padding));padding:var(--toggle-padding);box-shadow:0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent)inset;--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6);width:calc(calc(var(--size)*2) - calc(var(--border) + var(--toggle-padding))*2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{outline-offset:2px;outline:2px solid #0000}&:nth-child(2){color:var(--color-base-100);rotate:none}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){& :nth-child(2){opacity:0;rotate:15deg}& :nth-child(3){opacity:1;rotate:none}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);content:"";height:100%;box-shadow:0 -1px oklch(0% 0 0/calc(var(--gloss)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--gloss)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent);background-color:currentColor;background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' stitchTiles='stitch'/%3E%3CfeBlend mode='screen'/%3E%3C/filter%3E%3Crect width='1000' height='1000' filter='url(%23noise)' opacity='.1'/%3E%3C/svg%3E");grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border)solid currentColor;background-color:#0000}}}.sm\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.sm\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.sm\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.sm\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.sm\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.sm\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.sm\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.sm\:toggle-xs{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.0625rem;--size:calc(var(--size-selector,.25rem)*4)}}.sm\:toggle-sm{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.125rem;--size:calc(var(--size-selector,.25rem)*5)}}.sm\:toggle-md{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6)}}.sm\:toggle-lg{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.25rem;--size:calc(var(--size-selector,.25rem)*7)}}.sm\:toggle-xl{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.3125rem;--size:calc(var(--size-selector,.25rem)*8)}}}@media (width>=768px){.md\:toggle{border:var(--border)solid currentColor;cursor:pointer;appearance:none;vertical-align:middle;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;border-radius:calc(var(--radius-selector) + var(--toggle-padding));padding:var(--toggle-padding);box-shadow:0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent)inset;--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6);width:calc(calc(var(--size)*2) - calc(var(--border) + var(--toggle-padding))*2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{outline-offset:2px;outline:2px solid #0000}&:nth-child(2){color:var(--color-base-100);rotate:none}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){& :nth-child(2){opacity:0;rotate:15deg}& :nth-child(3){opacity:1;rotate:none}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);content:"";height:100%;box-shadow:0 -1px oklch(0% 0 0/calc(var(--gloss)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--gloss)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent);background-color:currentColor;background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' stitchTiles='stitch'/%3E%3CfeBlend mode='screen'/%3E%3C/filter%3E%3Crect width='1000' height='1000' filter='url(%23noise)' opacity='.1'/%3E%3C/svg%3E");grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border)solid currentColor;background-color:#0000}}}.md\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.md\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.md\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.md\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.md\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.md\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.md\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.md\:toggle-xs{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.0625rem;--size:calc(var(--size-selector,.25rem)*4)}}.md\:toggle-sm{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.125rem;--size:calc(var(--size-selector,.25rem)*5)}}.md\:toggle-md{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6)}}.md\:toggle-lg{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.25rem;--size:calc(var(--size-selector,.25rem)*7)}}.md\:toggle-xl{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.3125rem;--size:calc(var(--size-selector,.25rem)*8)}}}@media (width>=1024px){.lg\:toggle{border:var(--border)solid currentColor;cursor:pointer;appearance:none;vertical-align:middle;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;border-radius:calc(var(--radius-selector) + var(--toggle-padding));padding:var(--toggle-padding);box-shadow:0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent)inset;--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6);width:calc(calc(var(--size)*2) - calc(var(--border) + var(--toggle-padding))*2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{outline-offset:2px;outline:2px solid #0000}&:nth-child(2){color:var(--color-base-100);rotate:none}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){& :nth-child(2){opacity:0;rotate:15deg}& :nth-child(3){opacity:1;rotate:none}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);content:"";height:100%;box-shadow:0 -1px oklch(0% 0 0/calc(var(--gloss)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--gloss)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent);background-color:currentColor;background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' stitchTiles='stitch'/%3E%3CfeBlend mode='screen'/%3E%3C/filter%3E%3Crect width='1000' height='1000' filter='url(%23noise)' opacity='.1'/%3E%3C/svg%3E");grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border)solid currentColor;background-color:#0000}}}.lg\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.lg\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.lg\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.lg\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.lg\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.lg\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.lg\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.lg\:toggle-xs{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.0625rem;--size:calc(var(--size-selector,.25rem)*4)}}.lg\:toggle-sm{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.125rem;--size:calc(var(--size-selector,.25rem)*5)}}.lg\:toggle-md{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6)}}.lg\:toggle-lg{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.25rem;--size:calc(var(--size-selector,.25rem)*7)}}.lg\:toggle-xl{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.3125rem;--size:calc(var(--size-selector,.25rem)*8)}}}@media (width>=1280px){.xl\:toggle{border:var(--border)solid currentColor;cursor:pointer;appearance:none;vertical-align:middle;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;border-radius:calc(var(--radius-selector) + var(--toggle-padding));padding:var(--toggle-padding);box-shadow:0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent)inset;--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6);width:calc(calc(var(--size)*2) - calc(var(--border) + var(--toggle-padding))*2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{outline-offset:2px;outline:2px solid #0000}&:nth-child(2){color:var(--color-base-100);rotate:none}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){& :nth-child(2){opacity:0;rotate:15deg}& :nth-child(3){opacity:1;rotate:none}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);content:"";height:100%;box-shadow:0 -1px oklch(0% 0 0/calc(var(--gloss)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--gloss)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent);background-color:currentColor;background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' stitchTiles='stitch'/%3E%3CfeBlend mode='screen'/%3E%3C/filter%3E%3Crect width='1000' height='1000' filter='url(%23noise)' opacity='.1'/%3E%3C/svg%3E");grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border)solid currentColor;background-color:#0000}}}.xl\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.xl\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.xl\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.xl\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.xl\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.xl\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.xl\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.xl\:toggle-xs{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.0625rem;--size:calc(var(--size-selector,.25rem)*4)}}.xl\:toggle-sm{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.125rem;--size:calc(var(--size-selector,.25rem)*5)}}.xl\:toggle-md{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6)}}.xl\:toggle-lg{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.25rem;--size:calc(var(--size-selector,.25rem)*7)}}.xl\:toggle-xl{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.3125rem;--size:calc(var(--size-selector,.25rem)*8)}}}@media (width>=1536px){.\32 xl\:toggle{border:var(--border)solid currentColor;cursor:pointer;appearance:none;vertical-align:middle;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;border-radius:calc(var(--radius-selector) + var(--toggle-padding));padding:var(--toggle-padding);box-shadow:0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent)inset;--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6);width:calc(calc(var(--size)*2) - calc(var(--border) + var(--toggle-padding))*2);height:var(--size);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;transition:color .3s,grid-template-columns .2s;display:inline-grid;position:relative;&>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s;&:focus{outline-offset:2px;outline:2px solid #0000}&:nth-child(2){color:var(--color-base-100);rotate:none}&:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}}&:has(:checked){& :nth-child(2){opacity:0;rotate:15deg}& :nth-child(3){opacity:1;rotate:none}}&:before{aspect-ratio:1;border-radius:var(--radius-selector);content:"";height:100%;box-shadow:0 -1px oklch(0% 0 0/calc(var(--gloss)*.1))inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--gloss)*.1))inset,0 1px color-mix(in oklab,currentColor calc(var(--gloss)*10%),transparent);background-color:currentColor;background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' stitchTiles='stitch'/%3E%3CfeBlend mode='screen'/%3E%3C/filter%3E%3Crect width='1000' height='1000' filter='url(%23noise)' opacity='.1'/%3E%3C/svg%3E");grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}&:focus-visible,&:has(:focus-visible){outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true],&:has(>input:checked){background-color:var(--color-base-100);color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr;&:before{background-color:currentColor;@starting-style{&{opacity:0}}}}&:indeterminate{grid-template-columns:.5fr 1fr .5fr}&:disabled{cursor:not-allowed;opacity:.3;&:before{border:var(--border)solid currentColor;background-color:#0000}}}.\32 xl\:toggle-primary{&:checked,&[aria-checked=true]{color:var(--color-primary)}}.\32 xl\:toggle-secondary{&:checked,&[aria-checked=true]{color:var(--color-secondary)}}.\32 xl\:toggle-accent{&:checked,&[aria-checked=true]{color:var(--color-accent)}}.\32 xl\:toggle-success{&:checked,&[aria-checked=true]{color:var(--color-success)}}.\32 xl\:toggle-warning{&:checked,&[aria-checked=true]{color:var(--color-warning)}}.\32 xl\:toggle-info{&:checked,&[aria-checked=true]{color:var(--color-info)}}.\32 xl\:toggle-error{&:checked,&[aria-checked=true]{color:var(--color-error)}}.\32 xl\:toggle-xs{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.0625rem;--size:calc(var(--size-selector,.25rem)*4)}}.\32 xl\:toggle-sm{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.125rem;--size:calc(var(--size-selector,.25rem)*5)}}.\32 xl\:toggle-md{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.1875rem;--size:calc(var(--size-selector,.25rem)*6)}}.\32 xl\:toggle-lg{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.25rem;--size:calc(var(--size-selector,.25rem)*7)}}.\32 xl\:toggle-xl{&[type=checkbox],&:has([type=checkbox]){--toggle-padding:.3125rem;--size:calc(var(--size-selector,.25rem)*8)}}}
package/components/tooltip/object.js CHANGED
@@ -1 +1 @@
1
- export default {".tooltip":{"position":"relative","display":"inline-block","--tt-bg":"var(--color-neutral)","--tt-off":"calc(100% + 0.5rem)","--tt-tail":"calc(100% + 1px + 0.25rem)","&:before":{"position":"absolute","max-width":"var(--container-xs)","border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1)","text-align":"center","white-space":"normal","color":"var(--color-neutral-content)","opacity":"0%","translate":"0 .25rem","font-size":"0.875rem","line-height":"1.25rem","transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, translate 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms","background-color":"var(--tt-bg)","width":"max-content","pointer-events":"none","z-index":1,"--tw-content":"attr(data-tip)","content":"var(--tw-content)"},"&:after":{"position":["absolute","absolute"],"opacity":"0%","translate":"0 .25rem","background-color":"var(--tt-bg)","transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, translate 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms","content":"\"\"","width":"0.625rem","height":"0.25rem","display":"block","mask-repeat":"no-repeat","mask-position":"-1px 0","mask-image":"url(\"data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A\")"},"&.tooltip-open, &:hover, &:has(:focus-visible)":{"&:before, &:after":{"opacity":"100%","translate":"0 0rem","transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, , translate 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0ms"}}},".tooltip, .tooltip-top":{"&:before":{"translate":"0 .25rem","transform":"translateX(-50%)","inset":"auto auto var(--tt-off) 50%"},"&:after":{"translate":"0 .25rem","transform":"translateX(-50%)","inset":"auto auto var(--tt-tail) 50%"}},".tooltip-bottom":{"&:before":{"translate":"0 -.25rem","transform":"translateX(-50%)","inset":"var(--tt-off) auto auto 50%"},"&:after":{"translate":"0 -.25rem","transform":"translateX(-50%) rotate(180deg)","inset":"var(--tt-tail) auto auto 50%"}},".tooltip-left":{"&:before":{"translate":".25rem 0","transform":"translateY(-50%)","inset":"50% var(--tt-off) auto auto"},"&:after":{"translate":".25rem 0","transform":"translateY(-50%) translateX(4px) rotate(-90deg)","inset":"50% calc(var(--tt-tail) + 1px) auto auto"}},".tooltip-right":{"&:before":{"translate":"-.25rem 0","transform":"translateY(-50%)","inset":"50% auto auto var(--tt-off)"},"&:after":{"translate":"-.25rem 0","transform":"translateY(-50%) translateX(-4px) rotate(90deg)","inset":"50% auto auto calc(var(--tt-tail) + 1px)"}},".tooltip:not([data-tip]):hover":{"&:before, &:after":{"visibility":"hidden","opacity":0}},".tooltip-primary":{"--tt-bg":"var(--color-primary)","&:before":{"color":"var(--color-primary-content)"}},".tooltip-secondary":{"--tt-bg":"var(--color-secondary)","&:before":{"color":"var(--color-secondary-content)"}},".tooltip-accent":{"--tt-bg":"var(--color-accent)","&:before":{"color":"var(--color-accent-content)"}},".tooltip-info":{"--tt-bg":"var(--color-info)","&:before":{"color":"var(--color-info-content)"}},".tooltip-success":{"--tt-bg":"var(--color-success)","&:before":{"color":"var(--color-success-content)"}},".tooltip-warning":{"--tt-bg":"var(--color-warning)","&:before":{"color":"var(--color-warning-content)"}},".tooltip-error":{"--tt-bg":"var(--color-error)","&:before":{"color":"var(--color-error-content)"}}};
1
+ export default {".tooltip":{"position":"relative","display":"inline-block","--tt-bg":"var(--color-neutral)","--tt-off":"calc(100% + 0.5rem)","--tt-tail":"calc(100% + 1px + 0.25rem)","&:before":{"position":"absolute","max-width":"20rem","border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1)","text-align":"center","white-space":"normal","color":"var(--color-neutral-content)","opacity":"0%","translate":"0 .25rem","font-size":"0.875rem","line-height":"1.25rem","transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, translate 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms","background-color":"var(--tt-bg)","width":"max-content","pointer-events":"none","z-index":1,"--tw-content":"attr(data-tip)","content":"var(--tw-content)"},"&:after":{"position":["absolute","absolute"],"opacity":"0%","translate":"0 .25rem","background-color":"var(--tt-bg)","transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, translate 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms","content":"\"\"","width":"0.625rem","height":"0.25rem","display":"block","mask-repeat":"no-repeat","mask-position":"-1px 0","mask-image":"url(\"data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A\")"},"&.tooltip-open, &:hover, &:has(:focus-visible)":{"&:before, &:after":{"opacity":"100%","translate":"0 0rem","transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, , translate 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0ms"}}},".tooltip, .tooltip-top":{"&:before":{"translate":"0 .25rem","transform":"translateX(-50%)","inset":"auto auto var(--tt-off) 50%"},"&:after":{"translate":"0 .25rem","transform":"translateX(-50%)","inset":"auto auto var(--tt-tail) 50%"}},".tooltip-bottom":{"&:before":{"translate":"0 -.25rem","transform":"translateX(-50%)","inset":"var(--tt-off) auto auto 50%"},"&:after":{"translate":"0 -.25rem","transform":"translateX(-50%) rotate(180deg)","inset":"var(--tt-tail) auto auto 50%"}},".tooltip-left":{"&:before":{"translate":".25rem 0","transform":"translateY(-50%)","inset":"50% var(--tt-off) auto auto"},"&:after":{"translate":".25rem 0","transform":"translateY(-50%) translateX(4px) rotate(-90deg)","inset":"50% calc(var(--tt-tail) + 1px) auto auto"}},".tooltip-right":{"&:before":{"translate":"-.25rem 0","transform":"translateY(-50%)","inset":"50% auto auto var(--tt-off)"},"&:after":{"translate":"-.25rem 0","transform":"translateY(-50%) translateX(-4px) rotate(90deg)","inset":"50% auto auto calc(var(--tt-tail) + 1px)"}},".tooltip:not([data-tip]):hover":{"&:before, &:after":{"visibility":"hidden","opacity":0}},".tooltip-primary":{"--tt-bg":"var(--color-primary)","&:before":{"color":"var(--color-primary-content)"}},".tooltip-secondary":{"--tt-bg":"var(--color-secondary)","&:before":{"color":"var(--color-secondary-content)"}},".tooltip-accent":{"--tt-bg":"var(--color-accent)","&:before":{"color":"var(--color-accent-content)"}},".tooltip-info":{"--tt-bg":"var(--color-info)","&:before":{"color":"var(--color-info-content)"}},".tooltip-success":{"--tt-bg":"var(--color-success)","&:before":{"color":"var(--color-success-content)"}},".tooltip-warning":{"--tt-bg":"var(--color-warning)","&:before":{"color":"var(--color-warning-content)"}},".tooltip-error":{"--tt-bg":"var(--color-error)","&:before":{"color":"var(--color-error-content)"}}};
package/components/tooltip.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.48 - MIT License */ .tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);display:inline-block;position:relative;&:before{max-width:var(--container-xs);border-radius:var(--radius-field);text-align:center;white-space:normal;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute;translate:0 .25rem}&:after{opacity:0;background-color:var(--tt-bg);content:"";width:.625rem;height:.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute;translate:0 .25rem;mask-image:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");mask-position:-1px 0;mask-repeat:no-repeat}}.tooltip,.tooltip-top{&:before{inset:auto auto var(--tt-off)50%;transform:translate(-50%)}}.tooltip-bottom{&:before{inset:var(--tt-off)auto auto 50%;transform:translate(-50%)}}.tooltip-left{&:before{inset:50% var(--tt-off)auto auto;transform:translateY(-50%)}}.tooltip-right{&:before{inset:50% auto auto var(--tt-off);transform:translateY(-50%)}}.tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1),all,translate .2s cubic-bezier(.4,0,.2,1);translate:0}}}.tooltip:not([data-tip]):hover{&:before,&:after{visibility:hidden;opacity:0}}.tooltip,.tooltip-top{&:after{inset:auto auto var(--tt-tail)50%;transform:translate(-50%)}}.tooltip-bottom{&:after{inset:var(--tt-tail)auto auto 50%;transform:translate(-50%)rotate(180deg)}}.tooltip-left{&:after{inset:50% calc(var(--tt-tail) + 1px)auto auto;transform:translateY(-50%)translate(4px)rotate(-90deg)}}.tooltip-right{&:after{inset:50% auto auto calc(var(--tt-tail) + 1px);transform:translateY(-50%)translate(-4px)rotate(90deg)}}.tooltip-primary{--tt-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.tooltip-secondary{--tt-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.tooltip-accent{--tt-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.tooltip-info{--tt-bg:var(--color-info);&:before{color:var(--color-info-content)}}.tooltip-success{--tt-bg:var(--color-success);&:before{color:var(--color-success-content)}}.tooltip-warning{--tt-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.tooltip-error{--tt-bg:var(--color-error);&:before{color:var(--color-error-content)}}@media (width>=640px){.sm\:tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);display:inline-block;position:relative;&:before{max-width:var(--container-xs);border-radius:var(--radius-field);text-align:center;white-space:normal;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute;translate:0 .25rem}&:after{opacity:0;background-color:var(--tt-bg);content:"";width:.625rem;height:.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute;translate:0 .25rem;mask-image:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");mask-position:-1px 0;mask-repeat:no-repeat}}.sm\:tooltip,.sm\:tooltip-top{&:before{inset:auto auto var(--tt-off)50%;transform:translate(-50%)}}.sm\:tooltip-bottom{&:before{inset:var(--tt-off)auto auto 50%;transform:translate(-50%)}}.sm\:tooltip-left{&:before{inset:50% var(--tt-off)auto auto;transform:translateY(-50%)}}.sm\:tooltip-right{&:before{inset:50% auto auto var(--tt-off);transform:translateY(-50%)}}.sm\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1),all,translate .2s cubic-bezier(.4,0,.2,1);translate:0}}}.sm\:tooltip:not([data-tip]):hover{&:before,&:after{visibility:hidden;opacity:0}}.sm\:tooltip,.sm\:tooltip-top{&:after{inset:auto auto var(--tt-tail)50%;transform:translate(-50%)}}.sm\:tooltip-bottom{&:after{inset:var(--tt-tail)auto auto 50%;transform:translate(-50%)rotate(180deg)}}.sm\:tooltip-left{&:after{inset:50% calc(var(--tt-tail) + 1px)auto auto;transform:translateY(-50%)translate(4px)rotate(-90deg)}}.sm\:tooltip-right{&:after{inset:50% auto auto calc(var(--tt-tail) + 1px);transform:translateY(-50%)translate(-4px)rotate(90deg)}}.sm\:tooltip-primary{--tt-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.sm\:tooltip-secondary{--tt-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.sm\:tooltip-accent{--tt-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.sm\:tooltip-info{--tt-bg:var(--color-info);&:before{color:var(--color-info-content)}}.sm\:tooltip-success{--tt-bg:var(--color-success);&:before{color:var(--color-success-content)}}.sm\:tooltip-warning{--tt-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.sm\:tooltip-error{--tt-bg:var(--color-error);&:before{color:var(--color-error-content)}}}@media (width>=768px){.md\:tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);display:inline-block;position:relative;&:before{max-width:var(--container-xs);border-radius:var(--radius-field);text-align:center;white-space:normal;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute;translate:0 .25rem}&:after{opacity:0;background-color:var(--tt-bg);content:"";width:.625rem;height:.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute;translate:0 .25rem;mask-image:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");mask-position:-1px 0;mask-repeat:no-repeat}}.md\:tooltip,.md\:tooltip-top{&:before{inset:auto auto var(--tt-off)50%;transform:translate(-50%)}}.md\:tooltip-bottom{&:before{inset:var(--tt-off)auto auto 50%;transform:translate(-50%)}}.md\:tooltip-left{&:before{inset:50% var(--tt-off)auto auto;transform:translateY(-50%)}}.md\:tooltip-right{&:before{inset:50% auto auto var(--tt-off);transform:translateY(-50%)}}.md\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1),all,translate .2s cubic-bezier(.4,0,.2,1);translate:0}}}.md\:tooltip:not([data-tip]):hover{&:before,&:after{visibility:hidden;opacity:0}}.md\:tooltip,.md\:tooltip-top{&:after{inset:auto auto var(--tt-tail)50%;transform:translate(-50%)}}.md\:tooltip-bottom{&:after{inset:var(--tt-tail)auto auto 50%;transform:translate(-50%)rotate(180deg)}}.md\:tooltip-left{&:after{inset:50% calc(var(--tt-tail) + 1px)auto auto;transform:translateY(-50%)translate(4px)rotate(-90deg)}}.md\:tooltip-right{&:after{inset:50% auto auto calc(var(--tt-tail) + 1px);transform:translateY(-50%)translate(-4px)rotate(90deg)}}.md\:tooltip-primary{--tt-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.md\:tooltip-secondary{--tt-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.md\:tooltip-accent{--tt-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.md\:tooltip-info{--tt-bg:var(--color-info);&:before{color:var(--color-info-content)}}.md\:tooltip-success{--tt-bg:var(--color-success);&:before{color:var(--color-success-content)}}.md\:tooltip-warning{--tt-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.md\:tooltip-error{--tt-bg:var(--color-error);&:before{color:var(--color-error-content)}}}@media (width>=1024px){.lg\:tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);display:inline-block;position:relative;&:before{max-width:var(--container-xs);border-radius:var(--radius-field);text-align:center;white-space:normal;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute;translate:0 .25rem}&:after{opacity:0;background-color:var(--tt-bg);content:"";width:.625rem;height:.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute;translate:0 .25rem;mask-image:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");mask-position:-1px 0;mask-repeat:no-repeat}}.lg\:tooltip,.lg\:tooltip-top{&:before{inset:auto auto var(--tt-off)50%;transform:translate(-50%)}}.lg\:tooltip-bottom{&:before{inset:var(--tt-off)auto auto 50%;transform:translate(-50%)}}.lg\:tooltip-left{&:before{inset:50% var(--tt-off)auto auto;transform:translateY(-50%)}}.lg\:tooltip-right{&:before{inset:50% auto auto var(--tt-off);transform:translateY(-50%)}}.lg\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1),all,translate .2s cubic-bezier(.4,0,.2,1);translate:0}}}.lg\:tooltip:not([data-tip]):hover{&:before,&:after{visibility:hidden;opacity:0}}.lg\:tooltip,.lg\:tooltip-top{&:after{inset:auto auto var(--tt-tail)50%;transform:translate(-50%)}}.lg\:tooltip-bottom{&:after{inset:var(--tt-tail)auto auto 50%;transform:translate(-50%)rotate(180deg)}}.lg\:tooltip-left{&:after{inset:50% calc(var(--tt-tail) + 1px)auto auto;transform:translateY(-50%)translate(4px)rotate(-90deg)}}.lg\:tooltip-right{&:after{inset:50% auto auto calc(var(--tt-tail) + 1px);transform:translateY(-50%)translate(-4px)rotate(90deg)}}.lg\:tooltip-primary{--tt-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.lg\:tooltip-secondary{--tt-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.lg\:tooltip-accent{--tt-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.lg\:tooltip-info{--tt-bg:var(--color-info);&:before{color:var(--color-info-content)}}.lg\:tooltip-success{--tt-bg:var(--color-success);&:before{color:var(--color-success-content)}}.lg\:tooltip-warning{--tt-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.lg\:tooltip-error{--tt-bg:var(--color-error);&:before{color:var(--color-error-content)}}}@media (width>=1280px){.xl\:tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);display:inline-block;position:relative;&:before{max-width:var(--container-xs);border-radius:var(--radius-field);text-align:center;white-space:normal;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute;translate:0 .25rem}&:after{opacity:0;background-color:var(--tt-bg);content:"";width:.625rem;height:.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute;translate:0 .25rem;mask-image:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");mask-position:-1px 0;mask-repeat:no-repeat}}.xl\:tooltip,.xl\:tooltip-top{&:before{inset:auto auto var(--tt-off)50%;transform:translate(-50%)}}.xl\:tooltip-bottom{&:before{inset:var(--tt-off)auto auto 50%;transform:translate(-50%)}}.xl\:tooltip-left{&:before{inset:50% var(--tt-off)auto auto;transform:translateY(-50%)}}.xl\:tooltip-right{&:before{inset:50% auto auto var(--tt-off);transform:translateY(-50%)}}.xl\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1),all,translate .2s cubic-bezier(.4,0,.2,1);translate:0}}}.xl\:tooltip:not([data-tip]):hover{&:before,&:after{visibility:hidden;opacity:0}}.xl\:tooltip,.xl\:tooltip-top{&:after{inset:auto auto var(--tt-tail)50%;transform:translate(-50%)}}.xl\:tooltip-bottom{&:after{inset:var(--tt-tail)auto auto 50%;transform:translate(-50%)rotate(180deg)}}.xl\:tooltip-left{&:after{inset:50% calc(var(--tt-tail) + 1px)auto auto;transform:translateY(-50%)translate(4px)rotate(-90deg)}}.xl\:tooltip-right{&:after{inset:50% auto auto calc(var(--tt-tail) + 1px);transform:translateY(-50%)translate(-4px)rotate(90deg)}}.xl\:tooltip-primary{--tt-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.xl\:tooltip-secondary{--tt-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.xl\:tooltip-accent{--tt-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.xl\:tooltip-info{--tt-bg:var(--color-info);&:before{color:var(--color-info-content)}}.xl\:tooltip-success{--tt-bg:var(--color-success);&:before{color:var(--color-success-content)}}.xl\:tooltip-warning{--tt-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.xl\:tooltip-error{--tt-bg:var(--color-error);&:before{color:var(--color-error-content)}}}@media (width>=1536px){.\32 xl\:tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);display:inline-block;position:relative;&:before{max-width:var(--container-xs);border-radius:var(--radius-field);text-align:center;white-space:normal;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute;translate:0 .25rem}&:after{opacity:0;background-color:var(--tt-bg);content:"";width:.625rem;height:.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute;translate:0 .25rem;mask-image:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");mask-position:-1px 0;mask-repeat:no-repeat}}.\32 xl\:tooltip,.\32 xl\:tooltip-top{&:before{inset:auto auto var(--tt-off)50%;transform:translate(-50%)}}.\32 xl\:tooltip-bottom{&:before{inset:var(--tt-off)auto auto 50%;transform:translate(-50%)}}.\32 xl\:tooltip-left{&:before{inset:50% var(--tt-off)auto auto;transform:translateY(-50%)}}.\32 xl\:tooltip-right{&:before{inset:50% auto auto var(--tt-off);transform:translateY(-50%)}}.\32 xl\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1),all,translate .2s cubic-bezier(.4,0,.2,1);translate:0}}}.\32 xl\:tooltip:not([data-tip]):hover{&:before,&:after{visibility:hidden;opacity:0}}.\32 xl\:tooltip,.\32 xl\:tooltip-top{&:after{inset:auto auto var(--tt-tail)50%;transform:translate(-50%)}}.\32 xl\:tooltip-bottom{&:after{inset:var(--tt-tail)auto auto 50%;transform:translate(-50%)rotate(180deg)}}.\32 xl\:tooltip-left{&:after{inset:50% calc(var(--tt-tail) + 1px)auto auto;transform:translateY(-50%)translate(4px)rotate(-90deg)}}.\32 xl\:tooltip-right{&:after{inset:50% auto auto calc(var(--tt-tail) + 1px);transform:translateY(-50%)translate(-4px)rotate(90deg)}}.\32 xl\:tooltip-primary{--tt-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.\32 xl\:tooltip-secondary{--tt-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.\32 xl\:tooltip-accent{--tt-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.\32 xl\:tooltip-info{--tt-bg:var(--color-info);&:before{color:var(--color-info-content)}}.\32 xl\:tooltip-success{--tt-bg:var(--color-success);&:before{color:var(--color-success-content)}}.\32 xl\:tooltip-warning{--tt-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.\32 xl\:tooltip-error{--tt-bg:var(--color-error);&:before{color:var(--color-error-content)}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.49 - MIT License */ .tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);display:inline-block;position:relative;&:before{border-radius:var(--radius-field);text-align:center;white-space:normal;max-width:20rem;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute;translate:0 .25rem}&:after{opacity:0;background-color:var(--tt-bg);content:"";width:.625rem;height:.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute;translate:0 .25rem;mask-image:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");mask-position:-1px 0;mask-repeat:no-repeat}}.tooltip,.tooltip-top{&:before{inset:auto auto var(--tt-off)50%;transform:translate(-50%)}}.tooltip-bottom{&:before{inset:var(--tt-off)auto auto 50%;transform:translate(-50%)}}.tooltip-left{&:before{inset:50% var(--tt-off)auto auto;transform:translateY(-50%)}}.tooltip-right{&:before{inset:50% auto auto var(--tt-off);transform:translateY(-50%)}}.tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1),all,translate .2s cubic-bezier(.4,0,.2,1);translate:0}}}.tooltip:not([data-tip]):hover{&:before,&:after{visibility:hidden;opacity:0}}.tooltip,.tooltip-top{&:after{inset:auto auto var(--tt-tail)50%;transform:translate(-50%)}}.tooltip-bottom{&:after{inset:var(--tt-tail)auto auto 50%;transform:translate(-50%)rotate(180deg)}}.tooltip-left{&:after{inset:50% calc(var(--tt-tail) + 1px)auto auto;transform:translateY(-50%)translate(4px)rotate(-90deg)}}.tooltip-right{&:after{inset:50% auto auto calc(var(--tt-tail) + 1px);transform:translateY(-50%)translate(-4px)rotate(90deg)}}.tooltip-primary{--tt-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.tooltip-secondary{--tt-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.tooltip-accent{--tt-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.tooltip-info{--tt-bg:var(--color-info);&:before{color:var(--color-info-content)}}.tooltip-success{--tt-bg:var(--color-success);&:before{color:var(--color-success-content)}}.tooltip-warning{--tt-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.tooltip-error{--tt-bg:var(--color-error);&:before{color:var(--color-error-content)}}@media (width>=640px){.sm\:tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);display:inline-block;position:relative;&:before{border-radius:var(--radius-field);text-align:center;white-space:normal;max-width:20rem;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute;translate:0 .25rem}&:after{opacity:0;background-color:var(--tt-bg);content:"";width:.625rem;height:.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute;translate:0 .25rem;mask-image:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");mask-position:-1px 0;mask-repeat:no-repeat}}.sm\:tooltip,.sm\:tooltip-top{&:before{inset:auto auto var(--tt-off)50%;transform:translate(-50%)}}.sm\:tooltip-bottom{&:before{inset:var(--tt-off)auto auto 50%;transform:translate(-50%)}}.sm\:tooltip-left{&:before{inset:50% var(--tt-off)auto auto;transform:translateY(-50%)}}.sm\:tooltip-right{&:before{inset:50% auto auto var(--tt-off);transform:translateY(-50%)}}.sm\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1),all,translate .2s cubic-bezier(.4,0,.2,1);translate:0}}}.sm\:tooltip:not([data-tip]):hover{&:before,&:after{visibility:hidden;opacity:0}}.sm\:tooltip,.sm\:tooltip-top{&:after{inset:auto auto var(--tt-tail)50%;transform:translate(-50%)}}.sm\:tooltip-bottom{&:after{inset:var(--tt-tail)auto auto 50%;transform:translate(-50%)rotate(180deg)}}.sm\:tooltip-left{&:after{inset:50% calc(var(--tt-tail) + 1px)auto auto;transform:translateY(-50%)translate(4px)rotate(-90deg)}}.sm\:tooltip-right{&:after{inset:50% auto auto calc(var(--tt-tail) + 1px);transform:translateY(-50%)translate(-4px)rotate(90deg)}}.sm\:tooltip-primary{--tt-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.sm\:tooltip-secondary{--tt-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.sm\:tooltip-accent{--tt-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.sm\:tooltip-info{--tt-bg:var(--color-info);&:before{color:var(--color-info-content)}}.sm\:tooltip-success{--tt-bg:var(--color-success);&:before{color:var(--color-success-content)}}.sm\:tooltip-warning{--tt-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.sm\:tooltip-error{--tt-bg:var(--color-error);&:before{color:var(--color-error-content)}}}@media (width>=768px){.md\:tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);display:inline-block;position:relative;&:before{border-radius:var(--radius-field);text-align:center;white-space:normal;max-width:20rem;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute;translate:0 .25rem}&:after{opacity:0;background-color:var(--tt-bg);content:"";width:.625rem;height:.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute;translate:0 .25rem;mask-image:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");mask-position:-1px 0;mask-repeat:no-repeat}}.md\:tooltip,.md\:tooltip-top{&:before{inset:auto auto var(--tt-off)50%;transform:translate(-50%)}}.md\:tooltip-bottom{&:before{inset:var(--tt-off)auto auto 50%;transform:translate(-50%)}}.md\:tooltip-left{&:before{inset:50% var(--tt-off)auto auto;transform:translateY(-50%)}}.md\:tooltip-right{&:before{inset:50% auto auto var(--tt-off);transform:translateY(-50%)}}.md\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1),all,translate .2s cubic-bezier(.4,0,.2,1);translate:0}}}.md\:tooltip:not([data-tip]):hover{&:before,&:after{visibility:hidden;opacity:0}}.md\:tooltip,.md\:tooltip-top{&:after{inset:auto auto var(--tt-tail)50%;transform:translate(-50%)}}.md\:tooltip-bottom{&:after{inset:var(--tt-tail)auto auto 50%;transform:translate(-50%)rotate(180deg)}}.md\:tooltip-left{&:after{inset:50% calc(var(--tt-tail) + 1px)auto auto;transform:translateY(-50%)translate(4px)rotate(-90deg)}}.md\:tooltip-right{&:after{inset:50% auto auto calc(var(--tt-tail) + 1px);transform:translateY(-50%)translate(-4px)rotate(90deg)}}.md\:tooltip-primary{--tt-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.md\:tooltip-secondary{--tt-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.md\:tooltip-accent{--tt-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.md\:tooltip-info{--tt-bg:var(--color-info);&:before{color:var(--color-info-content)}}.md\:tooltip-success{--tt-bg:var(--color-success);&:before{color:var(--color-success-content)}}.md\:tooltip-warning{--tt-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.md\:tooltip-error{--tt-bg:var(--color-error);&:before{color:var(--color-error-content)}}}@media (width>=1024px){.lg\:tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);display:inline-block;position:relative;&:before{border-radius:var(--radius-field);text-align:center;white-space:normal;max-width:20rem;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute;translate:0 .25rem}&:after{opacity:0;background-color:var(--tt-bg);content:"";width:.625rem;height:.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute;translate:0 .25rem;mask-image:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");mask-position:-1px 0;mask-repeat:no-repeat}}.lg\:tooltip,.lg\:tooltip-top{&:before{inset:auto auto var(--tt-off)50%;transform:translate(-50%)}}.lg\:tooltip-bottom{&:before{inset:var(--tt-off)auto auto 50%;transform:translate(-50%)}}.lg\:tooltip-left{&:before{inset:50% var(--tt-off)auto auto;transform:translateY(-50%)}}.lg\:tooltip-right{&:before{inset:50% auto auto var(--tt-off);transform:translateY(-50%)}}.lg\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1),all,translate .2s cubic-bezier(.4,0,.2,1);translate:0}}}.lg\:tooltip:not([data-tip]):hover{&:before,&:after{visibility:hidden;opacity:0}}.lg\:tooltip,.lg\:tooltip-top{&:after{inset:auto auto var(--tt-tail)50%;transform:translate(-50%)}}.lg\:tooltip-bottom{&:after{inset:var(--tt-tail)auto auto 50%;transform:translate(-50%)rotate(180deg)}}.lg\:tooltip-left{&:after{inset:50% calc(var(--tt-tail) + 1px)auto auto;transform:translateY(-50%)translate(4px)rotate(-90deg)}}.lg\:tooltip-right{&:after{inset:50% auto auto calc(var(--tt-tail) + 1px);transform:translateY(-50%)translate(-4px)rotate(90deg)}}.lg\:tooltip-primary{--tt-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.lg\:tooltip-secondary{--tt-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.lg\:tooltip-accent{--tt-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.lg\:tooltip-info{--tt-bg:var(--color-info);&:before{color:var(--color-info-content)}}.lg\:tooltip-success{--tt-bg:var(--color-success);&:before{color:var(--color-success-content)}}.lg\:tooltip-warning{--tt-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.lg\:tooltip-error{--tt-bg:var(--color-error);&:before{color:var(--color-error-content)}}}@media (width>=1280px){.xl\:tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);display:inline-block;position:relative;&:before{border-radius:var(--radius-field);text-align:center;white-space:normal;max-width:20rem;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute;translate:0 .25rem}&:after{opacity:0;background-color:var(--tt-bg);content:"";width:.625rem;height:.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute;translate:0 .25rem;mask-image:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");mask-position:-1px 0;mask-repeat:no-repeat}}.xl\:tooltip,.xl\:tooltip-top{&:before{inset:auto auto var(--tt-off)50%;transform:translate(-50%)}}.xl\:tooltip-bottom{&:before{inset:var(--tt-off)auto auto 50%;transform:translate(-50%)}}.xl\:tooltip-left{&:before{inset:50% var(--tt-off)auto auto;transform:translateY(-50%)}}.xl\:tooltip-right{&:before{inset:50% auto auto var(--tt-off);transform:translateY(-50%)}}.xl\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1),all,translate .2s cubic-bezier(.4,0,.2,1);translate:0}}}.xl\:tooltip:not([data-tip]):hover{&:before,&:after{visibility:hidden;opacity:0}}.xl\:tooltip,.xl\:tooltip-top{&:after{inset:auto auto var(--tt-tail)50%;transform:translate(-50%)}}.xl\:tooltip-bottom{&:after{inset:var(--tt-tail)auto auto 50%;transform:translate(-50%)rotate(180deg)}}.xl\:tooltip-left{&:after{inset:50% calc(var(--tt-tail) + 1px)auto auto;transform:translateY(-50%)translate(4px)rotate(-90deg)}}.xl\:tooltip-right{&:after{inset:50% auto auto calc(var(--tt-tail) + 1px);transform:translateY(-50%)translate(-4px)rotate(90deg)}}.xl\:tooltip-primary{--tt-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.xl\:tooltip-secondary{--tt-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.xl\:tooltip-accent{--tt-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.xl\:tooltip-info{--tt-bg:var(--color-info);&:before{color:var(--color-info-content)}}.xl\:tooltip-success{--tt-bg:var(--color-success);&:before{color:var(--color-success-content)}}.xl\:tooltip-warning{--tt-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.xl\:tooltip-error{--tt-bg:var(--color-error);&:before{color:var(--color-error-content)}}}@media (width>=1536px){.\32 xl\:tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);display:inline-block;position:relative;&:before{border-radius:var(--radius-field);text-align:center;white-space:normal;max-width:20rem;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:1;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;position:absolute;translate:0 .25rem}&:after{opacity:0;background-color:var(--tt-bg);content:"";width:.625rem;height:.25rem;transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,translate .2s cubic-bezier(.4,0,.2,1) 75ms;display:block;position:absolute;translate:0 .25rem;mask-image:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");mask-position:-1px 0;mask-repeat:no-repeat}}.\32 xl\:tooltip,.\32 xl\:tooltip-top{&:before{inset:auto auto var(--tt-off)50%;transform:translate(-50%)}}.\32 xl\:tooltip-bottom{&:before{inset:var(--tt-off)auto auto 50%;transform:translate(-50%)}}.\32 xl\:tooltip-left{&:before{inset:50% var(--tt-off)auto auto;transform:translateY(-50%)}}.\32 xl\:tooltip-right{&:before{inset:50% auto auto var(--tt-off);transform:translateY(-50%)}}.\32 xl\:tooltip{&.tooltip-open,&:hover,&:has(:focus-visible){&:before,&:after{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1),all,translate .2s cubic-bezier(.4,0,.2,1);translate:0}}}.\32 xl\:tooltip:not([data-tip]):hover{&:before,&:after{visibility:hidden;opacity:0}}.\32 xl\:tooltip,.\32 xl\:tooltip-top{&:after{inset:auto auto var(--tt-tail)50%;transform:translate(-50%)}}.\32 xl\:tooltip-bottom{&:after{inset:var(--tt-tail)auto auto 50%;transform:translate(-50%)rotate(180deg)}}.\32 xl\:tooltip-left{&:after{inset:50% calc(var(--tt-tail) + 1px)auto auto;transform:translateY(-50%)translate(4px)rotate(-90deg)}}.\32 xl\:tooltip-right{&:after{inset:50% auto auto calc(var(--tt-tail) + 1px);transform:translateY(-50%)translate(-4px)rotate(90deg)}}.\32 xl\:tooltip-primary{--tt-bg:var(--color-primary);&:before{color:var(--color-primary-content)}}.\32 xl\:tooltip-secondary{--tt-bg:var(--color-secondary);&:before{color:var(--color-secondary-content)}}.\32 xl\:tooltip-accent{--tt-bg:var(--color-accent);&:before{color:var(--color-accent-content)}}.\32 xl\:tooltip-info{--tt-bg:var(--color-info);&:before{color:var(--color-info-content)}}.\32 xl\:tooltip-success{--tt-bg:var(--color-success);&:before{color:var(--color-success-content)}}.\32 xl\:tooltip-warning{--tt-bg:var(--color-warning);&:before{color:var(--color-warning-content)}}.\32 xl\:tooltip-error{--tt-bg:var(--color-error);&:before{color:var(--color-error-content)}}}