daisyui 5.6.0-alpha.1 → 5.6.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/base/properties.css +1 -1
  2. package/base/reset.css +1 -1
  3. package/base/rootcolor.css +1 -1
  4. package/base/rootscrollgutter.css +1 -1
  5. package/base/rootscrolllock.css +1 -1
  6. package/base/scrollbar.css +1 -1
  7. package/base/svg.css +1 -1
  8. package/colors/properties-extended.css +1 -1
  9. package/colors/properties.css +1 -1
  10. package/colors/responsive-extended.css +1 -1
  11. package/colors/responsive.css +1 -1
  12. package/colors/states-extended.css +1 -1
  13. package/colors/states.css +1 -1
  14. package/components/alert.css +1 -1
  15. package/components/aura.css +1 -1
  16. package/components/avatar.css +1 -1
  17. package/components/badge.css +1 -1
  18. package/components/breadcrumbs.css +1 -1
  19. package/components/button.css +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/object.js +1 -1
  26. package/components/collapse.css +1 -1
  27. package/components/countdown.css +1 -1
  28. package/components/diff.css +1 -1
  29. package/components/divider.css +1 -1
  30. package/components/dock.css +1 -1
  31. package/components/drawer.css +1 -1
  32. package/components/dropdown.css +1 -1
  33. package/components/fab.css +1 -1
  34. package/components/fieldset.css +1 -1
  35. package/components/fileinput.css +1 -1
  36. package/components/filter.css +1 -1
  37. package/components/footer.css +1 -1
  38. package/components/hero.css +1 -1
  39. package/components/hover3d.css +1 -1
  40. package/components/hovergallery.css +1 -1
  41. package/components/indicator.css +1 -1
  42. package/components/input.css +1 -1
  43. package/components/kbd.css +1 -1
  44. package/components/label.css +1 -1
  45. package/components/link.css +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/megamenu.css +1 -1
  50. package/components/menu.css +1 -1
  51. package/components/mockup.css +1 -1
  52. package/components/modal.css +1 -1
  53. package/components/navbar.css +1 -1
  54. package/components/otp.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.css +1 -1
  59. package/components/rating.css +1 -1
  60. package/components/select/object.js +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/object.js +1 -1
  68. package/components/swap.css +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/textrotate.css +1 -1
  73. package/components/timeline.css +1 -1
  74. package/components/toast.css +1 -1
  75. package/components/toggle.css +1 -1
  76. package/components/tooltip.css +1 -1
  77. package/components/validator.css +1 -1
  78. package/daisyui.css +1 -1
  79. package/functions/addPrefix.js +2 -2
  80. package/package.json +1 -1
  81. package/theme/object.d.ts +25 -25
  82. package/theme/object.js +1 -1
  83. package/themes.css +1 -1
  84. package/utilities/glass.css +1 -1
  85. package/utilities/join.css +1 -1
  86. package/utilities/radius.css +1 -1
  87. package/utilities/typography.css +1 -1
package/components/megamenu.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.6.0-alpha.1 - MIT License */ @layer utilities{.megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}@media (width>=640px){.sm\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.sm\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.sm\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.sm\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.sm\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.sm\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.sm\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.sm\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.sm\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.sm\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}@media (width>=768px){.md\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.md\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.md\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.md\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.md\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.md\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.md\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.md\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.md\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.md\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}@media (width>=1024px){.lg\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.lg\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.lg\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.lg\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.lg\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.lg\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.lg\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.lg\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.lg\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.lg\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}@media (width>=1280px){.xl\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.xl\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.xl\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.xl\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.xl\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.xl\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.xl\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.xl\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.xl\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.xl\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}@media (width>=1536px){.\32 xl\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.\32 xl\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.\32 xl\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.\32 xl\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.\32 xl\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.\32 xl\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.\32 xl\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.\32 xl\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.\32 xl\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.\32 xl\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}}
1
+ /*! 🌼 daisyUI 5.6.0-alpha.2 - MIT License */ @layer utilities{.megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}@media (width>=640px){.sm\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.sm\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.sm\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.sm\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.sm\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.sm\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.sm\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.sm\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.sm\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.sm\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}@media (width>=768px){.md\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.md\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.md\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.md\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.md\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.md\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.md\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.md\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.md\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.md\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}@media (width>=1024px){.lg\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.lg\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.lg\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.lg\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.lg\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.lg\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.lg\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.lg\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.lg\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.lg\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}@media (width>=1280px){.xl\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.xl\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.xl\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.xl\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.xl\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.xl\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.xl\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.xl\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.xl\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.xl\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}@media (width>=1536px){.\32 xl\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.\32 xl\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.\32 xl\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.\32 xl\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.\32 xl\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.\32 xl\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.\32 xl\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.\32 xl\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.\32 xl\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.\32 xl\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}}
package/components/menu.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.6.0-alpha.1 - MIT License */ @layer utilities{.menu{@layer daisyui.l1.l2.l3{&{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}& :where(li ul,li menu){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}& :where(li>details>summary){--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& details{interpolate-size:allow-keywords;overflow:hidden}& details::details-content{block-size:0;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:block-size,content-visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}}}& details[open]::details-content{block-size:auto}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);color:var(--color-base-content);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01);@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,menu,.menu-title,details,.btn):active,&>:not(ul,menu,.menu-title,details,.btn).menu-active,&>details>summary:active{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&:not(&:active){box-shadow:0 2px calc(var(--depth)*3px)-2px var(--menu-active-bg)}}&.menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}& .dropdown:focus-within{& .menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}}& .dropdown-content{margin-top:.5rem;padding:.5rem;&:before{display:none}}}}.menu-title{@layer daisyui.l1.l2.l3{&{color:color-mix(in oklab,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}}}.menu-horizontal{@layer daisyui.l1.l2{&{flex-direction:row;align-items:center;display:inline-flex}&>li:not(.menu-title)>details{&>:is(ul,menu){margin-inline-start:0;transform-origin:top;border-radius:var(--radius-box);background-color:var(--color-base-100);opacity:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute;scale:95%;box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1);@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}@starting-style{&{opacity:0;scale:95%}}}}&[open]>:is(ul,menu){opacity:1;scale:100%}}&>li>details>:is(ul,menu){&:before{--tw-content:none;content:var(--tw-content)}}}}.menu-vertical{@layer daisyui.l1.l2{&{flex-direction:column;align-items:stretch;display:inline-flex}&>li:not(.menu-title)>details>:is(ul,menu){margin-inline-start:1rem;background-color:revert-layer;border-radius:revert-layer;animation:revert-layer;box-shadow:revert-layer;margin-top:0;padding-block:0;padding-inline-end:0;transition:revert-layer;position:relative}}}.menu-xs{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}}.menu-sm{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.menu-md{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.menu-lg{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}.menu-xl{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}:where(:not(ul,menu,details,.menu-title,.btn)).menu-active{@layer daisyui.l1.l2{&{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none}@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}@keyframes menu{0%{opacity:0}}@media (width>=640px){.sm\:menu{@layer daisyui.l1.l2.l3{&{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}& :where(li ul,li menu){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}& :where(li>details>summary){--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& details{interpolate-size:allow-keywords;overflow:hidden}& details::details-content{block-size:0;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:block-size,content-visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}}}& details[open]::details-content{block-size:auto}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);color:var(--color-base-content);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01);@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,menu,.menu-title,details,.btn):active,&>:not(ul,menu,.menu-title,details,.btn).menu-active,&>details>summary:active{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&:not(&:active){box-shadow:0 2px calc(var(--depth)*3px)-2px var(--menu-active-bg)}}&.menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}& .dropdown:focus-within{& .menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}}& .dropdown-content{margin-top:.5rem;padding:.5rem;&:before{display:none}}}}.sm\:menu-title{@layer daisyui.l1.l2.l3{&{color:color-mix(in oklab,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}}}.sm\:menu-horizontal{@layer daisyui.l1.l2{&{flex-direction:row;align-items:center;display:inline-flex}&>li:not(.menu-title)>details{&>:is(ul,menu){margin-inline-start:0;transform-origin:top;border-radius:var(--radius-box);background-color:var(--color-base-100);opacity:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute;scale:95%;box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1);@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}@starting-style{&{opacity:0;scale:95%}}}}&[open]>:is(ul,menu){opacity:1;scale:100%}}&>li>details>:is(ul,menu){&:before{--tw-content:none;content:var(--tw-content)}}}}.sm\:menu-vertical{@layer daisyui.l1.l2{&{flex-direction:column;align-items:stretch;display:inline-flex}&>li:not(.menu-title)>details>:is(ul,menu){margin-inline-start:1rem;background-color:revert-layer;border-radius:revert-layer;animation:revert-layer;box-shadow:revert-layer;margin-top:0;padding-block:0;padding-inline-end:0;transition:revert-layer;position:relative}}}.sm\:menu-xs{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}}.sm\:menu-sm{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.sm\:menu-md{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.sm\:menu-lg{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}.sm\:menu-xl{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}:where(:not(ul,menu,details,.menu-title,.btn)).menu-active{@layer daisyui.l1.l2{&{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none}@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}}@media (width>=768px){.md\:menu{@layer daisyui.l1.l2.l3{&{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}& :where(li ul,li menu){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}& :where(li>details>summary){--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& details{interpolate-size:allow-keywords;overflow:hidden}& details::details-content{block-size:0;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:block-size,content-visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}}}& details[open]::details-content{block-size:auto}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);color:var(--color-base-content);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01);@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,menu,.menu-title,details,.btn):active,&>:not(ul,menu,.menu-title,details,.btn).menu-active,&>details>summary:active{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&:not(&:active){box-shadow:0 2px calc(var(--depth)*3px)-2px var(--menu-active-bg)}}&.menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}& .dropdown:focus-within{& .menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}}& .dropdown-content{margin-top:.5rem;padding:.5rem;&:before{display:none}}}}.md\:menu-title{@layer daisyui.l1.l2.l3{&{color:color-mix(in oklab,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}}}.md\:menu-horizontal{@layer daisyui.l1.l2{&{flex-direction:row;align-items:center;display:inline-flex}&>li:not(.menu-title)>details{&>:is(ul,menu){margin-inline-start:0;transform-origin:top;border-radius:var(--radius-box);background-color:var(--color-base-100);opacity:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute;scale:95%;box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1);@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}@starting-style{&{opacity:0;scale:95%}}}}&[open]>:is(ul,menu){opacity:1;scale:100%}}&>li>details>:is(ul,menu){&:before{--tw-content:none;content:var(--tw-content)}}}}.md\:menu-vertical{@layer daisyui.l1.l2{&{flex-direction:column;align-items:stretch;display:inline-flex}&>li:not(.menu-title)>details>:is(ul,menu){margin-inline-start:1rem;background-color:revert-layer;border-radius:revert-layer;animation:revert-layer;box-shadow:revert-layer;margin-top:0;padding-block:0;padding-inline-end:0;transition:revert-layer;position:relative}}}.md\:menu-xs{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}}.md\:menu-sm{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.md\:menu-md{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.md\:menu-lg{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}.md\:menu-xl{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}:where(:not(ul,menu,details,.menu-title,.btn)).menu-active{@layer daisyui.l1.l2{&{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none}@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}}@media (width>=1024px){.lg\:menu{@layer daisyui.l1.l2.l3{&{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}& :where(li ul,li menu){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}& :where(li>details>summary){--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& details{interpolate-size:allow-keywords;overflow:hidden}& details::details-content{block-size:0;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:block-size,content-visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}}}& details[open]::details-content{block-size:auto}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);color:var(--color-base-content);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01);@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,menu,.menu-title,details,.btn):active,&>:not(ul,menu,.menu-title,details,.btn).menu-active,&>details>summary:active{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&:not(&:active){box-shadow:0 2px calc(var(--depth)*3px)-2px var(--menu-active-bg)}}&.menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}& .dropdown:focus-within{& .menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}}& .dropdown-content{margin-top:.5rem;padding:.5rem;&:before{display:none}}}}.lg\:menu-title{@layer daisyui.l1.l2.l3{&{color:color-mix(in oklab,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}}}.lg\:menu-horizontal{@layer daisyui.l1.l2{&{flex-direction:row;align-items:center;display:inline-flex}&>li:not(.menu-title)>details{&>:is(ul,menu){margin-inline-start:0;transform-origin:top;border-radius:var(--radius-box);background-color:var(--color-base-100);opacity:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute;scale:95%;box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1);@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}@starting-style{&{opacity:0;scale:95%}}}}&[open]>:is(ul,menu){opacity:1;scale:100%}}&>li>details>:is(ul,menu){&:before{--tw-content:none;content:var(--tw-content)}}}}.lg\:menu-vertical{@layer daisyui.l1.l2{&{flex-direction:column;align-items:stretch;display:inline-flex}&>li:not(.menu-title)>details>:is(ul,menu){margin-inline-start:1rem;background-color:revert-layer;border-radius:revert-layer;animation:revert-layer;box-shadow:revert-layer;margin-top:0;padding-block:0;padding-inline-end:0;transition:revert-layer;position:relative}}}.lg\:menu-xs{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}}.lg\:menu-sm{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.lg\:menu-md{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.lg\:menu-lg{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}.lg\:menu-xl{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}:where(:not(ul,menu,details,.menu-title,.btn)).menu-active{@layer daisyui.l1.l2{&{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none}@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}}@media (width>=1280px){.xl\:menu{@layer daisyui.l1.l2.l3{&{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}& :where(li ul,li menu){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}& :where(li>details>summary){--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& details{interpolate-size:allow-keywords;overflow:hidden}& details::details-content{block-size:0;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:block-size,content-visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}}}& details[open]::details-content{block-size:auto}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);color:var(--color-base-content);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01);@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,menu,.menu-title,details,.btn):active,&>:not(ul,menu,.menu-title,details,.btn).menu-active,&>details>summary:active{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&:not(&:active){box-shadow:0 2px calc(var(--depth)*3px)-2px var(--menu-active-bg)}}&.menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}& .dropdown:focus-within{& .menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}}& .dropdown-content{margin-top:.5rem;padding:.5rem;&:before{display:none}}}}.xl\:menu-title{@layer daisyui.l1.l2.l3{&{color:color-mix(in oklab,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}}}.xl\:menu-horizontal{@layer daisyui.l1.l2{&{flex-direction:row;align-items:center;display:inline-flex}&>li:not(.menu-title)>details{&>:is(ul,menu){margin-inline-start:0;transform-origin:top;border-radius:var(--radius-box);background-color:var(--color-base-100);opacity:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute;scale:95%;box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1);@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}@starting-style{&{opacity:0;scale:95%}}}}&[open]>:is(ul,menu){opacity:1;scale:100%}}&>li>details>:is(ul,menu){&:before{--tw-content:none;content:var(--tw-content)}}}}.xl\:menu-vertical{@layer daisyui.l1.l2{&{flex-direction:column;align-items:stretch;display:inline-flex}&>li:not(.menu-title)>details>:is(ul,menu){margin-inline-start:1rem;background-color:revert-layer;border-radius:revert-layer;animation:revert-layer;box-shadow:revert-layer;margin-top:0;padding-block:0;padding-inline-end:0;transition:revert-layer;position:relative}}}.xl\:menu-xs{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}}.xl\:menu-sm{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.xl\:menu-md{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.xl\:menu-lg{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}.xl\:menu-xl{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}:where(:not(ul,menu,details,.menu-title,.btn)).menu-active{@layer daisyui.l1.l2{&{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none}@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}}@media (width>=1536px){.\32 xl\:menu{@layer daisyui.l1.l2.l3{&{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}& :where(li ul,li menu){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}& :where(li>details>summary){--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& details{interpolate-size:allow-keywords;overflow:hidden}& details::details-content{block-size:0;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:block-size,content-visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}}}& details[open]::details-content{block-size:auto}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);color:var(--color-base-content);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01);@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,menu,.menu-title,details,.btn):active,&>:not(ul,menu,.menu-title,details,.btn).menu-active,&>details>summary:active{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&:not(&:active){box-shadow:0 2px calc(var(--depth)*3px)-2px var(--menu-active-bg)}}&.menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}& .dropdown:focus-within{& .menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}}& .dropdown-content{margin-top:.5rem;padding:.5rem;&:before{display:none}}}}.\32 xl\:menu-title{@layer daisyui.l1.l2.l3{&{color:color-mix(in oklab,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}}}.\32 xl\:menu-horizontal{@layer daisyui.l1.l2{&{flex-direction:row;align-items:center;display:inline-flex}&>li:not(.menu-title)>details{&>:is(ul,menu){margin-inline-start:0;transform-origin:top;border-radius:var(--radius-box);background-color:var(--color-base-100);opacity:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute;scale:95%;box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1);@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}@starting-style{&{opacity:0;scale:95%}}}}&[open]>:is(ul,menu){opacity:1;scale:100%}}&>li>details>:is(ul,menu){&:before{--tw-content:none;content:var(--tw-content)}}}}.\32 xl\:menu-vertical{@layer daisyui.l1.l2{&{flex-direction:column;align-items:stretch;display:inline-flex}&>li:not(.menu-title)>details>:is(ul,menu){margin-inline-start:1rem;background-color:revert-layer;border-radius:revert-layer;animation:revert-layer;box-shadow:revert-layer;margin-top:0;padding-block:0;padding-inline-end:0;transition:revert-layer;position:relative}}}.\32 xl\:menu-xs{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}}.\32 xl\:menu-sm{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.\32 xl\:menu-md{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.\32 xl\:menu-lg{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}.\32 xl\:menu-xl{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}:where(:not(ul,menu,details,.menu-title,.btn)).menu-active{@layer daisyui.l1.l2{&{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none}@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}}}
1
+ /*! 🌼 daisyUI 5.6.0-alpha.2 - MIT License */ @layer utilities{.menu{@layer daisyui.l1.l2.l3{&{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}& :where(li ul,li menu){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}& :where(li>details>summary){--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& details{interpolate-size:allow-keywords;overflow:hidden}& details::details-content{block-size:0;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:block-size,content-visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}}}& details[open]::details-content{block-size:auto}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);color:var(--color-base-content);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01);@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,menu,.menu-title,details,.btn):active,&>:not(ul,menu,.menu-title,details,.btn).menu-active,&>details>summary:active{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&:not(&:active){box-shadow:0 2px calc(var(--depth)*3px)-2px var(--menu-active-bg)}}&.menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}& .dropdown:focus-within{& .menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}}& .dropdown-content{margin-top:.5rem;padding:.5rem;&:before{display:none}}}}.menu-title{@layer daisyui.l1.l2.l3{&{color:color-mix(in oklab,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}}}.menu-horizontal{@layer daisyui.l1.l2{&{flex-direction:row;align-items:center;display:inline-flex}&>li:not(.menu-title)>details{&>:is(ul,menu){margin-inline-start:0;transform-origin:top;border-radius:var(--radius-box);background-color:var(--color-base-100);opacity:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute;scale:95%;box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1);@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}@starting-style{&{opacity:0;scale:95%}}}}&[open]>:is(ul,menu){opacity:1;scale:100%}}&>li>details>:is(ul,menu){&:before{--tw-content:none;content:var(--tw-content)}}}}.menu-vertical{@layer daisyui.l1.l2{&{flex-direction:column;align-items:stretch;display:inline-flex}&>li:not(.menu-title)>details>:is(ul,menu){margin-inline-start:1rem;background-color:revert-layer;border-radius:revert-layer;animation:revert-layer;box-shadow:revert-layer;margin-top:0;padding-block:0;padding-inline-end:0;transition:revert-layer;position:relative}}}.menu-xs{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}}.menu-sm{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.menu-md{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.menu-lg{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}.menu-xl{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}:where(:not(ul,menu,details,.menu-title,.btn)).menu-active{@layer daisyui.l1.l2{&{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none}@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}@keyframes menu{0%{opacity:0}}@media (width>=640px){.sm\:menu{@layer daisyui.l1.l2.l3{&{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}& :where(li ul,li menu){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}& :where(li>details>summary){--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& details{interpolate-size:allow-keywords;overflow:hidden}& details::details-content{block-size:0;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:block-size,content-visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}}}& details[open]::details-content{block-size:auto}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);color:var(--color-base-content);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01);@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,menu,.menu-title,details,.btn):active,&>:not(ul,menu,.menu-title,details,.btn).menu-active,&>details>summary:active{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&:not(&:active){box-shadow:0 2px calc(var(--depth)*3px)-2px var(--menu-active-bg)}}&.menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}& .dropdown:focus-within{& .menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}}& .dropdown-content{margin-top:.5rem;padding:.5rem;&:before{display:none}}}}.sm\:menu-title{@layer daisyui.l1.l2.l3{&{color:color-mix(in oklab,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}}}.sm\:menu-horizontal{@layer daisyui.l1.l2{&{flex-direction:row;align-items:center;display:inline-flex}&>li:not(.menu-title)>details{&>:is(ul,menu){margin-inline-start:0;transform-origin:top;border-radius:var(--radius-box);background-color:var(--color-base-100);opacity:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute;scale:95%;box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1);@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}@starting-style{&{opacity:0;scale:95%}}}}&[open]>:is(ul,menu){opacity:1;scale:100%}}&>li>details>:is(ul,menu){&:before{--tw-content:none;content:var(--tw-content)}}}}.sm\:menu-vertical{@layer daisyui.l1.l2{&{flex-direction:column;align-items:stretch;display:inline-flex}&>li:not(.menu-title)>details>:is(ul,menu){margin-inline-start:1rem;background-color:revert-layer;border-radius:revert-layer;animation:revert-layer;box-shadow:revert-layer;margin-top:0;padding-block:0;padding-inline-end:0;transition:revert-layer;position:relative}}}.sm\:menu-xs{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}}.sm\:menu-sm{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.sm\:menu-md{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.sm\:menu-lg{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}.sm\:menu-xl{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}:where(:not(ul,menu,details,.menu-title,.btn)).menu-active{@layer daisyui.l1.l2{&{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none}@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}}@media (width>=768px){.md\:menu{@layer daisyui.l1.l2.l3{&{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}& :where(li ul,li menu){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}& :where(li>details>summary){--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& details{interpolate-size:allow-keywords;overflow:hidden}& details::details-content{block-size:0;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:block-size,content-visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}}}& details[open]::details-content{block-size:auto}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);color:var(--color-base-content);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01);@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,menu,.menu-title,details,.btn):active,&>:not(ul,menu,.menu-title,details,.btn).menu-active,&>details>summary:active{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&:not(&:active){box-shadow:0 2px calc(var(--depth)*3px)-2px var(--menu-active-bg)}}&.menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}& .dropdown:focus-within{& .menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}}& .dropdown-content{margin-top:.5rem;padding:.5rem;&:before{display:none}}}}.md\:menu-title{@layer daisyui.l1.l2.l3{&{color:color-mix(in oklab,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}}}.md\:menu-horizontal{@layer daisyui.l1.l2{&{flex-direction:row;align-items:center;display:inline-flex}&>li:not(.menu-title)>details{&>:is(ul,menu){margin-inline-start:0;transform-origin:top;border-radius:var(--radius-box);background-color:var(--color-base-100);opacity:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute;scale:95%;box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1);@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}@starting-style{&{opacity:0;scale:95%}}}}&[open]>:is(ul,menu){opacity:1;scale:100%}}&>li>details>:is(ul,menu){&:before{--tw-content:none;content:var(--tw-content)}}}}.md\:menu-vertical{@layer daisyui.l1.l2{&{flex-direction:column;align-items:stretch;display:inline-flex}&>li:not(.menu-title)>details>:is(ul,menu){margin-inline-start:1rem;background-color:revert-layer;border-radius:revert-layer;animation:revert-layer;box-shadow:revert-layer;margin-top:0;padding-block:0;padding-inline-end:0;transition:revert-layer;position:relative}}}.md\:menu-xs{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}}.md\:menu-sm{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.md\:menu-md{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.md\:menu-lg{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}.md\:menu-xl{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}:where(:not(ul,menu,details,.menu-title,.btn)).menu-active{@layer daisyui.l1.l2{&{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none}@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}}@media (width>=1024px){.lg\:menu{@layer daisyui.l1.l2.l3{&{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}& :where(li ul,li menu){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}& :where(li>details>summary){--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& details{interpolate-size:allow-keywords;overflow:hidden}& details::details-content{block-size:0;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:block-size,content-visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}}}& details[open]::details-content{block-size:auto}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);color:var(--color-base-content);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01);@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,menu,.menu-title,details,.btn):active,&>:not(ul,menu,.menu-title,details,.btn).menu-active,&>details>summary:active{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&:not(&:active){box-shadow:0 2px calc(var(--depth)*3px)-2px var(--menu-active-bg)}}&.menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}& .dropdown:focus-within{& .menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}}& .dropdown-content{margin-top:.5rem;padding:.5rem;&:before{display:none}}}}.lg\:menu-title{@layer daisyui.l1.l2.l3{&{color:color-mix(in oklab,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}}}.lg\:menu-horizontal{@layer daisyui.l1.l2{&{flex-direction:row;align-items:center;display:inline-flex}&>li:not(.menu-title)>details{&>:is(ul,menu){margin-inline-start:0;transform-origin:top;border-radius:var(--radius-box);background-color:var(--color-base-100);opacity:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute;scale:95%;box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1);@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}@starting-style{&{opacity:0;scale:95%}}}}&[open]>:is(ul,menu){opacity:1;scale:100%}}&>li>details>:is(ul,menu){&:before{--tw-content:none;content:var(--tw-content)}}}}.lg\:menu-vertical{@layer daisyui.l1.l2{&{flex-direction:column;align-items:stretch;display:inline-flex}&>li:not(.menu-title)>details>:is(ul,menu){margin-inline-start:1rem;background-color:revert-layer;border-radius:revert-layer;animation:revert-layer;box-shadow:revert-layer;margin-top:0;padding-block:0;padding-inline-end:0;transition:revert-layer;position:relative}}}.lg\:menu-xs{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}}.lg\:menu-sm{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.lg\:menu-md{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.lg\:menu-lg{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}.lg\:menu-xl{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}:where(:not(ul,menu,details,.menu-title,.btn)).menu-active{@layer daisyui.l1.l2{&{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none}@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}}@media (width>=1280px){.xl\:menu{@layer daisyui.l1.l2.l3{&{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}& :where(li ul,li menu){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}& :where(li>details>summary){--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& details{interpolate-size:allow-keywords;overflow:hidden}& details::details-content{block-size:0;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:block-size,content-visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}}}& details[open]::details-content{block-size:auto}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);color:var(--color-base-content);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01);@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,menu,.menu-title,details,.btn):active,&>:not(ul,menu,.menu-title,details,.btn).menu-active,&>details>summary:active{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&:not(&:active){box-shadow:0 2px calc(var(--depth)*3px)-2px var(--menu-active-bg)}}&.menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}& .dropdown:focus-within{& .menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}}& .dropdown-content{margin-top:.5rem;padding:.5rem;&:before{display:none}}}}.xl\:menu-title{@layer daisyui.l1.l2.l3{&{color:color-mix(in oklab,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}}}.xl\:menu-horizontal{@layer daisyui.l1.l2{&{flex-direction:row;align-items:center;display:inline-flex}&>li:not(.menu-title)>details{&>:is(ul,menu){margin-inline-start:0;transform-origin:top;border-radius:var(--radius-box);background-color:var(--color-base-100);opacity:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute;scale:95%;box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1);@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}@starting-style{&{opacity:0;scale:95%}}}}&[open]>:is(ul,menu){opacity:1;scale:100%}}&>li>details>:is(ul,menu){&:before{--tw-content:none;content:var(--tw-content)}}}}.xl\:menu-vertical{@layer daisyui.l1.l2{&{flex-direction:column;align-items:stretch;display:inline-flex}&>li:not(.menu-title)>details>:is(ul,menu){margin-inline-start:1rem;background-color:revert-layer;border-radius:revert-layer;animation:revert-layer;box-shadow:revert-layer;margin-top:0;padding-block:0;padding-inline-end:0;transition:revert-layer;position:relative}}}.xl\:menu-xs{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}}.xl\:menu-sm{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.xl\:menu-md{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.xl\:menu-lg{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}.xl\:menu-xl{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}:where(:not(ul,menu,details,.menu-title,.btn)).menu-active{@layer daisyui.l1.l2{&{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none}@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}}@media (width>=1536px){.\32 xl\:menu{@layer daisyui.l1.l2.l3{&{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}& :where(li ul,li menu){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}& :where(li>details>summary){--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& details{interpolate-size:allow-keywords;overflow:hidden}& details::details-content{block-size:0;@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:block-size,content-visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}}}& details[open]::details-content{block-size:auto}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);color:var(--color-base-content);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01);@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,menu,.menu-title,details,.btn):active,&>:not(ul,menu,.menu-title,details,.btn).menu-active,&>details>summary:active{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}&:not(&:active){box-shadow:0 2px calc(var(--depth)*3px)-2px var(--menu-active-bg)}}&.menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}& .dropdown:focus-within{& .menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}}& .dropdown-content{margin-top:.5rem;padding:.5rem;&:before{display:none}}}}.\32 xl\:menu-title{@layer daisyui.l1.l2.l3{&{color:color-mix(in oklab,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}}}.\32 xl\:menu-horizontal{@layer daisyui.l1.l2{&{flex-direction:row;align-items:center;display:inline-flex}&>li:not(.menu-title)>details{&>:is(ul,menu){margin-inline-start:0;transform-origin:top;border-radius:var(--radius-box);background-color:var(--color-base-100);opacity:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute;scale:95%;box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1);@media (prefers-reduced-motion:no-preference){&{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}@starting-style{&{opacity:0;scale:95%}}}}&[open]>:is(ul,menu){opacity:1;scale:100%}}&>li>details>:is(ul,menu){&:before{--tw-content:none;content:var(--tw-content)}}}}.\32 xl\:menu-vertical{@layer daisyui.l1.l2{&{flex-direction:column;align-items:stretch;display:inline-flex}&>li:not(.menu-title)>details>:is(ul,menu){margin-inline-start:1rem;background-color:revert-layer;border-radius:revert-layer;animation:revert-layer;box-shadow:revert-layer;margin-top:0;padding-block:0;padding-inline-end:0;transition:revert-layer;position:relative}}}.\32 xl\:menu-xs{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}}.\32 xl\:menu-sm{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.\32 xl\:menu-md{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}}.\32 xl\:menu-lg{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}.\32 xl\:menu-xl{@layer daisyui.l1.l2{& :where(li:not(.menu-title)>:not(ul,menu,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}:where(:not(ul,menu,details,.menu-title,.btn)).menu-active{@layer daisyui.l1.l2{&{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none}@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}}}
package/components/mockup.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.6.0-alpha.1 - MIT License */ @layer utilities{.mockup-code{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-box);background-color:var(--color-neutral);color:var(--color-neutral-content);direction:ltr;padding-block:1.25rem;font-size:.875rem;position:relative;overflow:auto hidden}&:before{content:"";opacity:.3;border-radius:3.40282e38px;width:.75rem;height:.75rem;margin-bottom:1rem;display:block;box-shadow:1.4em 0,2.8em 0,4.2em 0}& pre{width:max-content;min-width:100%;padding-right:1.25rem;&:before{content:"";margin-right:2ch}&[data-prefix]{&:before{--tw-content:attr(data-prefix);content:var(--tw-content);text-align:right;opacity:.5;width:2rem;display:inline-block}}}}}.mockup-window{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-box);flex-direction:column;padding-top:1.25rem;display:flex;position:relative;overflow:auto hidden}&:before{content:"";aspect-ratio:1;opacity:.3;border-radius:3.40282e38px;flex-shrink:0;align-self:flex-start;height:.75rem;margin-bottom:1rem;display:block;box-shadow:1.4em 0,2.8em 0,4.2em 0}[dir=rtl] &:before{align-self:flex-end}& pre[data-prefix]{&:before{--tw-content:attr(data-prefix);content:var(--tw-content);text-align:right;display:inline-block}}}}.mockup-browser{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-box);position:relative;overflow:auto hidden}& pre[data-prefix]{&:before{--tw-content:attr(data-prefix);content:var(--tw-content);text-align:right;display:inline-block}}& .mockup-browser-toolbar{align-items:center;width:100%;margin-block:.75rem;padding-right:1.4em;display:inline-flex;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}&:before{content:"";aspect-ratio:1;opacity:.3;border-radius:3.40282e38px;height:.75rem;margin-right:4.8rem;display:inline-block;box-shadow:1.4em 0,2.8em 0,4.2em 0}& .input{background-color:var(--color-base-200);text-overflow:ellipsis;white-space:nowrap;direction:ltr;align-items:center;gap:.5rem;height:100%;margin-inline:auto;font-size:.75rem;display:flex;overflow:hidden;&:before{content:"";opacity:.5;background-color:currentColor;width:1rem;height:1rem;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' clip-rule='evenodd' /%3E%3C/svg%3E") 50%/contain no-repeat}}}}}.mockup-phone{@layer daisyui.l1.l2.l3{&{aspect-ratio:462/978;background-color:#000;border:5px solid #6b6b6b;border-radius:65px;justify-items:center;width:100%;max-width:462px;padding:6px;display:inline-grid;overflow:hidden}@supports (corner-shape:superellipse(1.45)){&{corner-shape:superellipse(1.45);border-radius:90px}}}}.mockup-phone-camera{@layer daisyui.l1.l2.l3{&{z-index:1;background:#000;border-radius:17px;grid-area:1/1/1/1;width:28%;height:3.7%;margin-top:3%}}}.mockup-phone-display{@layer daisyui.l1.l2.l3{&{border-radius:54px;grid-area:1/1/1/1;width:100%;height:100%;overflow:hidden}@supports (corner-shape:superellipse(1.87)){&{corner-shape:superellipse(1.87);border-radius:101px}}&>img{object-fit:cover;width:100%;height:100%}}}}
1
+ /*! 🌼 daisyUI 5.6.0-alpha.2 - MIT License */ @layer utilities{.mockup-code{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-box);background-color:var(--color-neutral);color:var(--color-neutral-content);direction:ltr;padding-block:1.25rem;font-size:.875rem;position:relative;overflow:auto hidden}&:before{content:"";opacity:.3;border-radius:3.40282e38px;width:.75rem;height:.75rem;margin-bottom:1rem;display:block;box-shadow:1.4em 0,2.8em 0,4.2em 0}& pre{width:max-content;min-width:100%;padding-right:1.25rem;&:before{content:"";margin-right:2ch}&[data-prefix]{&:before{--tw-content:attr(data-prefix);content:var(--tw-content);text-align:right;opacity:.5;width:2rem;display:inline-block}}}}}.mockup-window{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-box);flex-direction:column;padding-top:1.25rem;display:flex;position:relative;overflow:auto hidden}&:before{content:"";aspect-ratio:1;opacity:.3;border-radius:3.40282e38px;flex-shrink:0;align-self:flex-start;height:.75rem;margin-bottom:1rem;display:block;box-shadow:1.4em 0,2.8em 0,4.2em 0}[dir=rtl] &:before{align-self:flex-end}& pre[data-prefix]{&:before{--tw-content:attr(data-prefix);content:var(--tw-content);text-align:right;display:inline-block}}}}.mockup-browser{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-box);position:relative;overflow:auto hidden}& pre[data-prefix]{&:before{--tw-content:attr(data-prefix);content:var(--tw-content);text-align:right;display:inline-block}}& .mockup-browser-toolbar{align-items:center;width:100%;margin-block:.75rem;padding-right:1.4em;display:inline-flex;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}&:before{content:"";aspect-ratio:1;opacity:.3;border-radius:3.40282e38px;height:.75rem;margin-right:4.8rem;display:inline-block;box-shadow:1.4em 0,2.8em 0,4.2em 0}& .input{background-color:var(--color-base-200);text-overflow:ellipsis;white-space:nowrap;direction:ltr;align-items:center;gap:.5rem;height:100%;margin-inline:auto;font-size:.75rem;display:flex;overflow:hidden;&:before{content:"";opacity:.5;background-color:currentColor;width:1rem;height:1rem;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' clip-rule='evenodd' /%3E%3C/svg%3E") 50%/contain no-repeat}}}}}.mockup-phone{@layer daisyui.l1.l2.l3{&{aspect-ratio:462/978;background-color:#000;border:5px solid #6b6b6b;border-radius:65px;justify-items:center;width:100%;max-width:462px;padding:6px;display:inline-grid;overflow:hidden}@supports (corner-shape:superellipse(1.45)){&{corner-shape:superellipse(1.45);border-radius:90px}}}}.mockup-phone-camera{@layer daisyui.l1.l2.l3{&{z-index:1;background:#000;border-radius:17px;grid-area:1/1/1/1;width:28%;height:3.7%;margin-top:3%}}}.mockup-phone-display{@layer daisyui.l1.l2.l3{&{border-radius:54px;grid-area:1/1/1/1;width:100%;height:100%;overflow:hidden}@supports (corner-shape:superellipse(1.87)){&{corner-shape:superellipse(1.87);border-radius:101px}}&>img{object-fit:cover;width:100%;height:100%}}}}
package/components/modal.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.6.0-alpha.1 - MIT License */ @layer utilities{.modal{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:overlay .3s allow-discrete,visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;overscroll-behavior:contain;z-index:999;scrollbar-gutter:auto;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:clip}&::backdrop{display:none}&[popover]{color:inherit;background:0 0;border:0;max-width:none;max-height:none;margin:0;padding:0;inset:0;&::backdrop{background-color:oklch(0% 0 0/.4);transition:background-color .3s ease-out}}}@layer daisyui.l1.l2{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{pointer-events:auto;visibility:visible;opacity:1;transition:visibility 0s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;background-color:oklch(0% 0 0/.4);& .modal-box{opacity:1;translate:0;scale:1}:root:has(&){--page-scroll-lock: }}@starting-style{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{opacity:0}}}}.modal-action{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}}}.modal-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}}}.modal-backdrop{@layer daisyui.l1.l2.l3{&{color:#0000;z-index:-1;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid}& button{cursor:pointer}}}.modal-box{@layer daisyui.l1.l2.l3{&{background-color:var(--color-base-100);border-top-left-radius:var(--modal-tl,var(--radius-box));border-top-right-radius:var(--modal-tr,var(--radius-box));border-bottom-left-radius:var(--modal-bl,var(--radius-box));border-bottom-right-radius:var(--modal-br,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;max-width:32rem;max-height:100vh;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}}}.modal-top{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -100%;scale:1}}}.modal-middle{@layer daisyui.l1.l2{&{place-items:center}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:91.6667%;max-width:32rem;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}}.modal-bottom{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 100%;scale:1}}}.modal-start{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-100%;scale:1}}}.modal-end{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:0;width:auto;max-width:none;height:100vh;max-height:none;translate:100%;scale:1}}}@media (width>=640px){.sm\:modal{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:overlay .3s allow-discrete,visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;overscroll-behavior:contain;z-index:999;scrollbar-gutter:auto;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:clip}&::backdrop{display:none}&[popover]{color:inherit;background:0 0;border:0;max-width:none;max-height:none;margin:0;padding:0;inset:0;&::backdrop{background-color:oklch(0% 0 0/.4);transition:background-color .3s ease-out}}}@layer daisyui.l1.l2{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{pointer-events:auto;visibility:visible;opacity:1;transition:visibility 0s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;background-color:oklch(0% 0 0/.4);& .modal-box{opacity:1;translate:0;scale:1}:root:has(&){--page-scroll-lock: }}@starting-style{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{opacity:0}}}}.sm\:modal-action{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}}}.sm\:modal-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}}}.sm\:modal-backdrop{@layer daisyui.l1.l2.l3{&{color:#0000;z-index:-1;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid}& button{cursor:pointer}}}.sm\:modal-box{@layer daisyui.l1.l2.l3{&{background-color:var(--color-base-100);border-top-left-radius:var(--modal-tl,var(--radius-box));border-top-right-radius:var(--modal-tr,var(--radius-box));border-bottom-left-radius:var(--modal-bl,var(--radius-box));border-bottom-right-radius:var(--modal-br,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;max-width:32rem;max-height:100vh;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}}}.sm\:modal-top{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -100%;scale:1}}}.sm\:modal-middle{@layer daisyui.l1.l2{&{place-items:center}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:91.6667%;max-width:32rem;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}}.sm\:modal-bottom{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 100%;scale:1}}}.sm\:modal-start{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-100%;scale:1}}}.sm\:modal-end{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:0;width:auto;max-width:none;height:100vh;max-height:none;translate:100%;scale:1}}}}@media (width>=768px){.md\:modal{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:overlay .3s allow-discrete,visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;overscroll-behavior:contain;z-index:999;scrollbar-gutter:auto;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:clip}&::backdrop{display:none}&[popover]{color:inherit;background:0 0;border:0;max-width:none;max-height:none;margin:0;padding:0;inset:0;&::backdrop{background-color:oklch(0% 0 0/.4);transition:background-color .3s ease-out}}}@layer daisyui.l1.l2{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{pointer-events:auto;visibility:visible;opacity:1;transition:visibility 0s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;background-color:oklch(0% 0 0/.4);& .modal-box{opacity:1;translate:0;scale:1}:root:has(&){--page-scroll-lock: }}@starting-style{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{opacity:0}}}}.md\:modal-action{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}}}.md\:modal-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}}}.md\:modal-backdrop{@layer daisyui.l1.l2.l3{&{color:#0000;z-index:-1;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid}& button{cursor:pointer}}}.md\:modal-box{@layer daisyui.l1.l2.l3{&{background-color:var(--color-base-100);border-top-left-radius:var(--modal-tl,var(--radius-box));border-top-right-radius:var(--modal-tr,var(--radius-box));border-bottom-left-radius:var(--modal-bl,var(--radius-box));border-bottom-right-radius:var(--modal-br,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;max-width:32rem;max-height:100vh;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}}}.md\:modal-top{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -100%;scale:1}}}.md\:modal-middle{@layer daisyui.l1.l2{&{place-items:center}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:91.6667%;max-width:32rem;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}}.md\:modal-bottom{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 100%;scale:1}}}.md\:modal-start{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-100%;scale:1}}}.md\:modal-end{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:0;width:auto;max-width:none;height:100vh;max-height:none;translate:100%;scale:1}}}}@media (width>=1024px){.lg\:modal{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:overlay .3s allow-discrete,visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;overscroll-behavior:contain;z-index:999;scrollbar-gutter:auto;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:clip}&::backdrop{display:none}&[popover]{color:inherit;background:0 0;border:0;max-width:none;max-height:none;margin:0;padding:0;inset:0;&::backdrop{background-color:oklch(0% 0 0/.4);transition:background-color .3s ease-out}}}@layer daisyui.l1.l2{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{pointer-events:auto;visibility:visible;opacity:1;transition:visibility 0s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;background-color:oklch(0% 0 0/.4);& .modal-box{opacity:1;translate:0;scale:1}:root:has(&){--page-scroll-lock: }}@starting-style{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{opacity:0}}}}.lg\:modal-action{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}}}.lg\:modal-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}}}.lg\:modal-backdrop{@layer daisyui.l1.l2.l3{&{color:#0000;z-index:-1;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid}& button{cursor:pointer}}}.lg\:modal-box{@layer daisyui.l1.l2.l3{&{background-color:var(--color-base-100);border-top-left-radius:var(--modal-tl,var(--radius-box));border-top-right-radius:var(--modal-tr,var(--radius-box));border-bottom-left-radius:var(--modal-bl,var(--radius-box));border-bottom-right-radius:var(--modal-br,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;max-width:32rem;max-height:100vh;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}}}.lg\:modal-top{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -100%;scale:1}}}.lg\:modal-middle{@layer daisyui.l1.l2{&{place-items:center}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:91.6667%;max-width:32rem;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}}.lg\:modal-bottom{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 100%;scale:1}}}.lg\:modal-start{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-100%;scale:1}}}.lg\:modal-end{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:0;width:auto;max-width:none;height:100vh;max-height:none;translate:100%;scale:1}}}}@media (width>=1280px){.xl\:modal{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:overlay .3s allow-discrete,visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;overscroll-behavior:contain;z-index:999;scrollbar-gutter:auto;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:clip}&::backdrop{display:none}&[popover]{color:inherit;background:0 0;border:0;max-width:none;max-height:none;margin:0;padding:0;inset:0;&::backdrop{background-color:oklch(0% 0 0/.4);transition:background-color .3s ease-out}}}@layer daisyui.l1.l2{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{pointer-events:auto;visibility:visible;opacity:1;transition:visibility 0s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;background-color:oklch(0% 0 0/.4);& .modal-box{opacity:1;translate:0;scale:1}:root:has(&){--page-scroll-lock: }}@starting-style{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{opacity:0}}}}.xl\:modal-action{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}}}.xl\:modal-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}}}.xl\:modal-backdrop{@layer daisyui.l1.l2.l3{&{color:#0000;z-index:-1;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid}& button{cursor:pointer}}}.xl\:modal-box{@layer daisyui.l1.l2.l3{&{background-color:var(--color-base-100);border-top-left-radius:var(--modal-tl,var(--radius-box));border-top-right-radius:var(--modal-tr,var(--radius-box));border-bottom-left-radius:var(--modal-bl,var(--radius-box));border-bottom-right-radius:var(--modal-br,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;max-width:32rem;max-height:100vh;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}}}.xl\:modal-top{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -100%;scale:1}}}.xl\:modal-middle{@layer daisyui.l1.l2{&{place-items:center}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:91.6667%;max-width:32rem;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}}.xl\:modal-bottom{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 100%;scale:1}}}.xl\:modal-start{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-100%;scale:1}}}.xl\:modal-end{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:0;width:auto;max-width:none;height:100vh;max-height:none;translate:100%;scale:1}}}}@media (width>=1536px){.\32 xl\:modal{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:overlay .3s allow-discrete,visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;overscroll-behavior:contain;z-index:999;scrollbar-gutter:auto;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:clip}&::backdrop{display:none}&[popover]{color:inherit;background:0 0;border:0;max-width:none;max-height:none;margin:0;padding:0;inset:0;&::backdrop{background-color:oklch(0% 0 0/.4);transition:background-color .3s ease-out}}}@layer daisyui.l1.l2{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{pointer-events:auto;visibility:visible;opacity:1;transition:visibility 0s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;background-color:oklch(0% 0 0/.4);& .modal-box{opacity:1;translate:0;scale:1}:root:has(&){--page-scroll-lock: }}@starting-style{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{opacity:0}}}}.\32 xl\:modal-action{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}}}.\32 xl\:modal-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}}}.\32 xl\:modal-backdrop{@layer daisyui.l1.l2.l3{&{color:#0000;z-index:-1;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid}& button{cursor:pointer}}}.\32 xl\:modal-box{@layer daisyui.l1.l2.l3{&{background-color:var(--color-base-100);border-top-left-radius:var(--modal-tl,var(--radius-box));border-top-right-radius:var(--modal-tr,var(--radius-box));border-bottom-left-radius:var(--modal-bl,var(--radius-box));border-bottom-right-radius:var(--modal-br,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;max-width:32rem;max-height:100vh;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}}}.\32 xl\:modal-top{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -100%;scale:1}}}.\32 xl\:modal-middle{@layer daisyui.l1.l2{&{place-items:center}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:91.6667%;max-width:32rem;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}}.\32 xl\:modal-bottom{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 100%;scale:1}}}.\32 xl\:modal-start{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-100%;scale:1}}}.\32 xl\:modal-end{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:0;width:auto;max-width:none;height:100vh;max-height:none;translate:100%;scale:1}}}}}
1
+ /*! 🌼 daisyUI 5.6.0-alpha.2 - MIT License */ @layer utilities{.modal{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:overlay .3s allow-discrete,visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;overscroll-behavior:contain;z-index:999;scrollbar-gutter:auto;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:clip}&::backdrop{display:none}&[popover]{color:inherit;background:0 0;border:0;max-width:none;max-height:none;margin:0;padding:0;inset:0;&::backdrop{background-color:oklch(0% 0 0/.4);transition:background-color .3s ease-out}}}@layer daisyui.l1.l2{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{pointer-events:auto;visibility:visible;opacity:1;transition:visibility 0s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;background-color:oklch(0% 0 0/.4);& .modal-box{opacity:1;translate:0;scale:1}:root:has(&){--page-scroll-lock: }}@starting-style{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{opacity:0}}}}.modal-action{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}}}.modal-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}}}.modal-backdrop{@layer daisyui.l1.l2.l3{&{color:#0000;z-index:-1;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid}& button{cursor:pointer}}}.modal-box{@layer daisyui.l1.l2.l3{&{background-color:var(--color-base-100);border-top-left-radius:var(--modal-tl,var(--radius-box));border-top-right-radius:var(--modal-tr,var(--radius-box));border-bottom-left-radius:var(--modal-bl,var(--radius-box));border-bottom-right-radius:var(--modal-br,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;max-width:32rem;max-height:100vh;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}}}.modal-top{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -100%;scale:1}}}.modal-middle{@layer daisyui.l1.l2{&{place-items:center}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:91.6667%;max-width:32rem;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}}.modal-bottom{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 100%;scale:1}}}.modal-start{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-100%;scale:1}}}.modal-end{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:0;width:auto;max-width:none;height:100vh;max-height:none;translate:100%;scale:1}}}@media (width>=640px){.sm\:modal{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:overlay .3s allow-discrete,visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;overscroll-behavior:contain;z-index:999;scrollbar-gutter:auto;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:clip}&::backdrop{display:none}&[popover]{color:inherit;background:0 0;border:0;max-width:none;max-height:none;margin:0;padding:0;inset:0;&::backdrop{background-color:oklch(0% 0 0/.4);transition:background-color .3s ease-out}}}@layer daisyui.l1.l2{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{pointer-events:auto;visibility:visible;opacity:1;transition:visibility 0s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;background-color:oklch(0% 0 0/.4);& .modal-box{opacity:1;translate:0;scale:1}:root:has(&){--page-scroll-lock: }}@starting-style{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{opacity:0}}}}.sm\:modal-action{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}}}.sm\:modal-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}}}.sm\:modal-backdrop{@layer daisyui.l1.l2.l3{&{color:#0000;z-index:-1;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid}& button{cursor:pointer}}}.sm\:modal-box{@layer daisyui.l1.l2.l3{&{background-color:var(--color-base-100);border-top-left-radius:var(--modal-tl,var(--radius-box));border-top-right-radius:var(--modal-tr,var(--radius-box));border-bottom-left-radius:var(--modal-bl,var(--radius-box));border-bottom-right-radius:var(--modal-br,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;max-width:32rem;max-height:100vh;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}}}.sm\:modal-top{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -100%;scale:1}}}.sm\:modal-middle{@layer daisyui.l1.l2{&{place-items:center}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:91.6667%;max-width:32rem;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}}.sm\:modal-bottom{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 100%;scale:1}}}.sm\:modal-start{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-100%;scale:1}}}.sm\:modal-end{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:0;width:auto;max-width:none;height:100vh;max-height:none;translate:100%;scale:1}}}}@media (width>=768px){.md\:modal{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:overlay .3s allow-discrete,visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;overscroll-behavior:contain;z-index:999;scrollbar-gutter:auto;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:clip}&::backdrop{display:none}&[popover]{color:inherit;background:0 0;border:0;max-width:none;max-height:none;margin:0;padding:0;inset:0;&::backdrop{background-color:oklch(0% 0 0/.4);transition:background-color .3s ease-out}}}@layer daisyui.l1.l2{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{pointer-events:auto;visibility:visible;opacity:1;transition:visibility 0s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;background-color:oklch(0% 0 0/.4);& .modal-box{opacity:1;translate:0;scale:1}:root:has(&){--page-scroll-lock: }}@starting-style{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{opacity:0}}}}.md\:modal-action{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}}}.md\:modal-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}}}.md\:modal-backdrop{@layer daisyui.l1.l2.l3{&{color:#0000;z-index:-1;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid}& button{cursor:pointer}}}.md\:modal-box{@layer daisyui.l1.l2.l3{&{background-color:var(--color-base-100);border-top-left-radius:var(--modal-tl,var(--radius-box));border-top-right-radius:var(--modal-tr,var(--radius-box));border-bottom-left-radius:var(--modal-bl,var(--radius-box));border-bottom-right-radius:var(--modal-br,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;max-width:32rem;max-height:100vh;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}}}.md\:modal-top{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -100%;scale:1}}}.md\:modal-middle{@layer daisyui.l1.l2{&{place-items:center}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:91.6667%;max-width:32rem;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}}.md\:modal-bottom{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 100%;scale:1}}}.md\:modal-start{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-100%;scale:1}}}.md\:modal-end{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:0;width:auto;max-width:none;height:100vh;max-height:none;translate:100%;scale:1}}}}@media (width>=1024px){.lg\:modal{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:overlay .3s allow-discrete,visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;overscroll-behavior:contain;z-index:999;scrollbar-gutter:auto;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:clip}&::backdrop{display:none}&[popover]{color:inherit;background:0 0;border:0;max-width:none;max-height:none;margin:0;padding:0;inset:0;&::backdrop{background-color:oklch(0% 0 0/.4);transition:background-color .3s ease-out}}}@layer daisyui.l1.l2{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{pointer-events:auto;visibility:visible;opacity:1;transition:visibility 0s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;background-color:oklch(0% 0 0/.4);& .modal-box{opacity:1;translate:0;scale:1}:root:has(&){--page-scroll-lock: }}@starting-style{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{opacity:0}}}}.lg\:modal-action{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}}}.lg\:modal-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}}}.lg\:modal-backdrop{@layer daisyui.l1.l2.l3{&{color:#0000;z-index:-1;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid}& button{cursor:pointer}}}.lg\:modal-box{@layer daisyui.l1.l2.l3{&{background-color:var(--color-base-100);border-top-left-radius:var(--modal-tl,var(--radius-box));border-top-right-radius:var(--modal-tr,var(--radius-box));border-bottom-left-radius:var(--modal-bl,var(--radius-box));border-bottom-right-radius:var(--modal-br,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;max-width:32rem;max-height:100vh;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}}}.lg\:modal-top{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -100%;scale:1}}}.lg\:modal-middle{@layer daisyui.l1.l2{&{place-items:center}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:91.6667%;max-width:32rem;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}}.lg\:modal-bottom{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 100%;scale:1}}}.lg\:modal-start{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-100%;scale:1}}}.lg\:modal-end{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:0;width:auto;max-width:none;height:100vh;max-height:none;translate:100%;scale:1}}}}@media (width>=1280px){.xl\:modal{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:overlay .3s allow-discrete,visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;overscroll-behavior:contain;z-index:999;scrollbar-gutter:auto;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:clip}&::backdrop{display:none}&[popover]{color:inherit;background:0 0;border:0;max-width:none;max-height:none;margin:0;padding:0;inset:0;&::backdrop{background-color:oklch(0% 0 0/.4);transition:background-color .3s ease-out}}}@layer daisyui.l1.l2{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{pointer-events:auto;visibility:visible;opacity:1;transition:visibility 0s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;background-color:oklch(0% 0 0/.4);& .modal-box{opacity:1;translate:0;scale:1}:root:has(&){--page-scroll-lock: }}@starting-style{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{opacity:0}}}}.xl\:modal-action{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}}}.xl\:modal-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}}}.xl\:modal-backdrop{@layer daisyui.l1.l2.l3{&{color:#0000;z-index:-1;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid}& button{cursor:pointer}}}.xl\:modal-box{@layer daisyui.l1.l2.l3{&{background-color:var(--color-base-100);border-top-left-radius:var(--modal-tl,var(--radius-box));border-top-right-radius:var(--modal-tr,var(--radius-box));border-bottom-left-radius:var(--modal-bl,var(--radius-box));border-bottom-right-radius:var(--modal-br,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;max-width:32rem;max-height:100vh;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}}}.xl\:modal-top{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -100%;scale:1}}}.xl\:modal-middle{@layer daisyui.l1.l2{&{place-items:center}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:91.6667%;max-width:32rem;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}}.xl\:modal-bottom{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 100%;scale:1}}}.xl\:modal-start{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-100%;scale:1}}}.xl\:modal-end{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:0;width:auto;max-width:none;height:100vh;max-height:none;translate:100%;scale:1}}}}@media (width>=1536px){.\32 xl\:modal{@layer daisyui.l1.l2.l3{&{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:overlay .3s allow-discrete,visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;overscroll-behavior:contain;z-index:999;scrollbar-gutter:auto;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:clip}&::backdrop{display:none}&[popover]{color:inherit;background:0 0;border:0;max-width:none;max-height:none;margin:0;padding:0;inset:0;&::backdrop{background-color:oklch(0% 0 0/.4);transition:background-color .3s ease-out}}}@layer daisyui.l1.l2{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{pointer-events:auto;visibility:visible;opacity:1;transition:visibility 0s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;background-color:oklch(0% 0 0/.4);& .modal-box{opacity:1;translate:0;scale:1}:root:has(&){--page-scroll-lock: }}@starting-style{&.modal-open,&[open],&:popover-open,&:target,.modal-toggle:checked+&{opacity:0}}}}.\32 xl\:modal-action{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}}}.\32 xl\:modal-toggle{@layer daisyui.l1.l2.l3{&{appearance:none;opacity:0;width:0;height:0;position:fixed}}}.\32 xl\:modal-backdrop{@layer daisyui.l1.l2.l3{&{color:#0000;z-index:-1;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid}& button{cursor:pointer}}}.\32 xl\:modal-box{@layer daisyui.l1.l2.l3{&{background-color:var(--color-base-100);border-top-left-radius:var(--modal-tl,var(--radius-box));border-top-right-radius:var(--modal-tr,var(--radius-box));border-bottom-left-radius:var(--modal-bl,var(--radius-box));border-bottom-right-radius:var(--modal-br,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;max-width:32rem;max-height:100vh;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}}}.\32 xl\:modal-top{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -100%;scale:1}}}.\32 xl\:modal-middle{@layer daisyui.l1.l2{&{place-items:center}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:91.6667%;max-width:32rem;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}}.\32 xl\:modal-bottom{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 100%;scale:1}}}.\32 xl\:modal-start{@layer daisyui.l1.l2{&{place-items:start}& .modal-box{--modal-tl:0;--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-100%;scale:1}}}.\32 xl\:modal-end{@layer daisyui.l1.l2{&{place-items:end}& .modal-box{--modal-tl:var(--radius-box);--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:0;width:auto;max-width:none;height:100vh;max-height:none;translate:100%;scale:1}}}}}
package/components/navbar.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.6.0-alpha.1 - MIT License */ @layer utilities{.navbar{@layer daisyui.l1.l2.l3{&{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}}}:where(.navbar){@layer daisyui.l1.l2{&{position:relative}}}.navbar-start{@layer daisyui.l1.l2.l3{&{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}}}.navbar-center{@layer daisyui.l1.l2.l3{&{flex-shrink:0;align-items:center;display:inline-flex}}}.navbar-end{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;align-items:center;width:50%;display:inline-flex}}}@media (width>=640px){.sm\:navbar{@layer daisyui.l1.l2.l3{&{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}}}:where(.navbar){@layer daisyui.l1.l2{&{position:relative}}}.sm\:navbar-start{@layer daisyui.l1.l2.l3{&{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}}}.sm\:navbar-center{@layer daisyui.l1.l2.l3{&{flex-shrink:0;align-items:center;display:inline-flex}}}.sm\:navbar-end{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;align-items:center;width:50%;display:inline-flex}}}}@media (width>=768px){.md\:navbar{@layer daisyui.l1.l2.l3{&{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}}}:where(.navbar){@layer daisyui.l1.l2{&{position:relative}}}.md\:navbar-start{@layer daisyui.l1.l2.l3{&{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}}}.md\:navbar-center{@layer daisyui.l1.l2.l3{&{flex-shrink:0;align-items:center;display:inline-flex}}}.md\:navbar-end{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;align-items:center;width:50%;display:inline-flex}}}}@media (width>=1024px){.lg\:navbar{@layer daisyui.l1.l2.l3{&{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}}}:where(.navbar){@layer daisyui.l1.l2{&{position:relative}}}.lg\:navbar-start{@layer daisyui.l1.l2.l3{&{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}}}.lg\:navbar-center{@layer daisyui.l1.l2.l3{&{flex-shrink:0;align-items:center;display:inline-flex}}}.lg\:navbar-end{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;align-items:center;width:50%;display:inline-flex}}}}@media (width>=1280px){.xl\:navbar{@layer daisyui.l1.l2.l3{&{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}}}:where(.navbar){@layer daisyui.l1.l2{&{position:relative}}}.xl\:navbar-start{@layer daisyui.l1.l2.l3{&{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}}}.xl\:navbar-center{@layer daisyui.l1.l2.l3{&{flex-shrink:0;align-items:center;display:inline-flex}}}.xl\:navbar-end{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;align-items:center;width:50%;display:inline-flex}}}}@media (width>=1536px){.\32 xl\:navbar{@layer daisyui.l1.l2.l3{&{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}}}:where(.navbar){@layer daisyui.l1.l2{&{position:relative}}}.\32 xl\:navbar-start{@layer daisyui.l1.l2.l3{&{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}}}.\32 xl\:navbar-center{@layer daisyui.l1.l2.l3{&{flex-shrink:0;align-items:center;display:inline-flex}}}.\32 xl\:navbar-end{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;align-items:center;width:50%;display:inline-flex}}}}}
1
+ /*! 🌼 daisyUI 5.6.0-alpha.2 - MIT License */ @layer utilities{.navbar{@layer daisyui.l1.l2.l3{&{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}}}:where(.navbar){@layer daisyui.l1.l2{&{position:relative}}}.navbar-start{@layer daisyui.l1.l2.l3{&{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}}}.navbar-center{@layer daisyui.l1.l2.l3{&{flex-shrink:0;align-items:center;display:inline-flex}}}.navbar-end{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;align-items:center;width:50%;display:inline-flex}}}@media (width>=640px){.sm\:navbar{@layer daisyui.l1.l2.l3{&{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}}}:where(.navbar){@layer daisyui.l1.l2{&{position:relative}}}.sm\:navbar-start{@layer daisyui.l1.l2.l3{&{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}}}.sm\:navbar-center{@layer daisyui.l1.l2.l3{&{flex-shrink:0;align-items:center;display:inline-flex}}}.sm\:navbar-end{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;align-items:center;width:50%;display:inline-flex}}}}@media (width>=768px){.md\:navbar{@layer daisyui.l1.l2.l3{&{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}}}:where(.navbar){@layer daisyui.l1.l2{&{position:relative}}}.md\:navbar-start{@layer daisyui.l1.l2.l3{&{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}}}.md\:navbar-center{@layer daisyui.l1.l2.l3{&{flex-shrink:0;align-items:center;display:inline-flex}}}.md\:navbar-end{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;align-items:center;width:50%;display:inline-flex}}}}@media (width>=1024px){.lg\:navbar{@layer daisyui.l1.l2.l3{&{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}}}:where(.navbar){@layer daisyui.l1.l2{&{position:relative}}}.lg\:navbar-start{@layer daisyui.l1.l2.l3{&{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}}}.lg\:navbar-center{@layer daisyui.l1.l2.l3{&{flex-shrink:0;align-items:center;display:inline-flex}}}.lg\:navbar-end{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;align-items:center;width:50%;display:inline-flex}}}}@media (width>=1280px){.xl\:navbar{@layer daisyui.l1.l2.l3{&{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}}}:where(.navbar){@layer daisyui.l1.l2{&{position:relative}}}.xl\:navbar-start{@layer daisyui.l1.l2.l3{&{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}}}.xl\:navbar-center{@layer daisyui.l1.l2.l3{&{flex-shrink:0;align-items:center;display:inline-flex}}}.xl\:navbar-end{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;align-items:center;width:50%;display:inline-flex}}}}@media (width>=1536px){.\32 xl\:navbar{@layer daisyui.l1.l2.l3{&{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}}}:where(.navbar){@layer daisyui.l1.l2{&{position:relative}}}.\32 xl\:navbar-start{@layer daisyui.l1.l2.l3{&{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}}}.\32 xl\:navbar-center{@layer daisyui.l1.l2.l3{&{flex-shrink:0;align-items:center;display:inline-flex}}}.\32 xl\:navbar-end{@layer daisyui.l1.l2.l3{&{justify-content:flex-end;align-items:center;width:50%;display:inline-flex}}}}}