daisyui 5.6.21 → 5.7.0
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.
- package/base/properties.css +1 -1
- package/base/reset.css +1 -1
- package/base/rootcolor.css +1 -1
- package/base/rootscrollgutter.css +1 -1
- package/base/rootscrolllock.css +1 -1
- package/base/scrollbar.css +1 -1
- package/base/svg.css +1 -1
- package/colors/properties-extended.css +1 -1
- package/colors/properties.css +1 -1
- package/colors/responsive-extended.css +1 -1
- package/colors/responsive.css +1 -1
- package/colors/states-extended.css +1 -1
- package/colors/states.css +1 -1
- package/components/alert.css +1 -1
- package/components/aura.css +1 -1
- package/components/avatar.css +1 -1
- package/components/badge.css +1 -1
- package/components/breadcrumbs.css +1 -1
- package/components/button.css +1 -1
- package/components/calendar.css +1 -1
- package/components/card.css +1 -1
- package/components/carousel.css +1 -1
- package/components/chat.css +1 -1
- package/components/checkbox.css +1 -1
- package/components/collapse/object.js +1 -1
- package/components/collapse.css +1 -1
- package/components/countdown.css +1 -1
- package/components/diff.css +1 -1
- package/components/divider.css +1 -1
- package/components/dock.css +1 -1
- package/components/drawer.css +1 -1
- package/components/dropdown.css +1 -1
- package/components/fab.css +1 -1
- package/components/fieldset.css +1 -1
- package/components/fileinput.css +1 -1
- package/components/filter.css +1 -1
- package/components/footer.css +1 -1
- package/components/hero.css +1 -1
- package/components/hover3d.css +1 -1
- package/components/hovergallery.css +1 -1
- package/components/indicator.css +1 -1
- package/components/input.css +1 -1
- package/components/kbd.css +1 -1
- package/components/label.css +1 -1
- package/components/link.css +1 -1
- package/components/list.css +1 -1
- package/components/loading.css +1 -1
- package/components/mask.css +1 -1
- package/components/megamenu.css +1 -1
- package/components/menu/object.js +1 -1
- package/components/menu.css +1 -1
- package/components/mockup.css +1 -1
- package/components/modal.css +1 -1
- package/components/navbar.css +1 -1
- package/components/otp.css +1 -1
- package/components/progress.css +1 -1
- package/components/radialprogress.css +1 -1
- package/components/radio.css +1 -1
- package/components/range.css +1 -1
- package/components/rating.css +1 -1
- package/components/select.css +1 -1
- package/components/skeleton.css +1 -1
- package/components/stack.css +1 -1
- package/components/stat.css +1 -1
- package/components/status.css +1 -1
- package/components/steps.css +1 -1
- package/components/swap.css +1 -1
- package/components/tab.css +1 -1
- package/components/table.css +1 -1
- package/components/textarea.css +1 -1
- package/components/textrotate.css +1 -1
- package/components/timeline.css +1 -1
- package/components/toast.css +1 -1
- package/components/toggle.css +1 -1
- package/components/tooltip.css +1 -1
- package/components/validator.css +1 -1
- package/daisyui.css +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/theme/object.d.ts +17 -17
- package/theme/object.js +1 -1
- package/themes.css +1 -1
- package/utilities/glass.css +1 -1
- package/utilities/join.css +1 -1
- package/utilities/radius.css +1 -1
- package/utilities/typography.css +1 -1
package/components/megamenu.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.21 - 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);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}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;inset-inline-start:0;translate:0;scale:1;@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);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}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;inset-inline-start:0;translate:0;scale:1;@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);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}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;inset-inline-start:0;translate:0;scale:1;@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);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}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;inset-inline-start:0;translate:0;scale:1;@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);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}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;inset-inline-start:0;translate:0;scale:1;@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);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}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;inset-inline-start:0;translate:0;scale:1;@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.7.0 - 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);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}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;inset-inline-start:0;translate:0;scale:1;@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);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}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;inset-inline-start:0;translate:0;scale:1;@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);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}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;inset-inline-start:0;translate:0;scale:1;@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);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}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;inset-inline-start:0;translate:0;scale:1;@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);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}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;inset-inline-start:0;translate:0;scale:1;@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);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}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;inset-inline-start:0;translate:0;scale:1;@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 +1 @@
|
|
|
1
|
-
export default {".menu":{"@layer daisyui.l1.l2.l3":{"display":"flex","width":"fit-content","flex-direction":"column","flex-wrap":"wrap","padding":"calc(0.25rem * 2)","--menu-active-fg":"var(--color-neutral-content)","--menu-active-bg":"var(--color-neutral)","font-size":"0.875rem",":where(li ul, li menu)":{"position":"relative","margin-inline-start":"calc(0.25rem * 4)","padding-inline-start":"calc(0.25rem * 2)","white-space":"nowrap","&:before":{"position":"absolute","inset-inline-start":"calc(0.25rem * 0)","top":"calc(0.25rem * 3)","bottom":"calc(0.25rem * 3)","background-color":"var(--color-base-content)","opacity":"10%","width":"var(--border)","content":"\"\""}},":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))":{"display":"grid","grid-auto-flow":"column","align-content":"flex-start","align-items":"center","gap":"calc(0.25rem * 2)","border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 1.5)","text-align":"start","transition-property":"color, background-color, box-shadow","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0, 0, 0.2, 1)","grid-auto-columns":"minmax(auto, max-content) auto max-content","user-select":"none"},":where(li > details > summary)":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"},"&::-webkit-details-marker":{"display":"none"}},":where(li > details > summary), :where(li > .menu-dropdown-toggle)":{"&:after":{"justify-self":"flex-end","display":"block","height":"0.375rem","width":"0.375rem","rotate":"-135deg","translate":"0 -1px","transition-property":"rotate, translate","transition-duration":"0.2s","content":"\"\"","transform-origin":"50% 50%","box-shadow":"2px 2px inset","pointer-events":"none"}},"details":{"overflow":"hidden","interpolate-size":"allow-keywords"},"details::details-content":{"block-size":"0","@media (prefers-reduced-motion: no-preference)":{"transition-behavior":"allow-discrete","transition-property":"block-size, content-visibility","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0, 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":{"rotate":"45deg","translate":"0 1px"},":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":"2px solid transparent","outline-offset":"2px"}}},":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","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"},"box-shadow":"0 1px oklch(0% 0 0 / 0.01) inset, 0 -1px oklch(100% 0 0 / 0.01) inset"},":where(li:empty)":{"background-color":"var(--color-base-content)","opacity":"10%","margin":"0.5rem 1rem","height":"1px"},":where(li)":{"position":"relative","display":"flex","flex-shrink":0,"flex-direction":"column","flex-wrap":"wrap","align-items":"stretch",".badge":{"justify-self":"flex-end"},"& > *:not(ul, menu, .menu-title, details, .btn):active, & > *:not(ul, menu, .menu-title, details, .btn).menu-active, & > details > summary:active":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"},"color":"var(--menu-active-fg)","background-color":"var(--menu-active-bg)","background-size":"auto, calc(var(--noise) * 100%)","background-image":"none, var(--fx-noise)","&:not(&:active)":{"box-shadow":"0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)"}},"&.menu-disabled, [disabled]":{"pointer-events":"none","color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)"}},".dropdown:focus-within":{".menu-dropdown-toggle:after":{"rotate":"45deg","translate":"0 1px"}},".dropdown-content":{"margin-top":"calc(0.25rem * 2)","padding":"calc(0.25rem * 2)","&:before":{"display":"none"}}}},".menu-title":{"@layer daisyui.l1.l2.l3":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)","color":"color-mix(in oklab, var(--color-base-content) 40%, transparent)","font-size":"0.875rem","font-weight":600}},".menu-horizontal":{"@layer daisyui.l1.l2":{"display":"inline-flex","flex-direction":"row","align-items":"center","& > li:not(.menu-title) > details":{"& > :is(ul, menu)":{"position":"absolute","margin-inline-start":"0","margin-top":"calc(0.25rem * 4)","transform-origin":"top","border-radius":"var(--radius-box)","background-color":"var(--color-base-100)","padding-block":"calc(0.25rem * 2)","padding-inline-end":"calc(0.25rem * 2)","opacity":"0%","scale":"95%","box-shadow":"0 1px 3px 0 oklch(0% 0 0/0.1), 0 1px 2px -1px oklch(0% 0 0/0.1)","@media (prefers-reduced-motion: no-preference)":{"@starting-style":{"scale":"95%","opacity":0},"animation":"menu 0.2s","transition-property":"opacity, scale, display","transition-behavior":"allow-discrete","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)"}},"&[open] > :is(ul, menu)":{"opacity":"100%","scale":"100%"}},"& > li > details > :is(ul, menu)":{"&:before":{"--tw-content":"none","content":"var(--tw-content)"}}}},".menu-vertical":{"@layer daisyui.l1.l2":{"display":"inline-flex","flex-direction":"column","align-items":"stretch","& > li:not(.menu-title) > details > :is(ul, menu)":{"position":"relative","margin-inline-start":"calc(0.25rem * 4)","margin-top":"0","padding-block":"0","padding-inline-end":"0","background-color":"revert-layer","border-radius":"revert-layer","animation":"revert-layer","transition":"revert-layer","box-shadow":"revert-layer"}}},".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-inline":"calc(0.25rem * 2)","padding-block":"0.25rem","font-size":"0.6875rem"},".menu-title":{"padding-inline":"calc(0.25rem * 2)","padding-block":"0.25rem"}}},".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-inline":"calc(0.25rem * 2.5)","padding-block":"0.25rem","font-size":"0.75rem"},".menu-title":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)"}}},".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-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 1.5)","font-size":"0.875rem"},".menu-title":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)"}}},".menu-lg":{"@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-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 1.5)","font-size":"1.125rem"},".menu-title":{"padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 3)"}}},".menu-xl":{"@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-inline":"calc(0.25rem * 5)","padding-block":"calc(0.25rem * 1.5)","font-size":"1.375rem"},".menu-title":{"padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 3)"}}},":where(:not(ul, menu, details, .menu-title, .btn)).menu-active":{"@layer daisyui.l1.l2":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"},"color":"var(--menu-active-fg)","background-color":"var(--menu-active-bg)","background-size":"auto, calc(var(--noise) * 100%)","background-image":"none, var(--fx-noise)"}},"@keyframes menu":{"0%":{"opacity":0}}};
|
|
1
|
+
export default {".menu":{"@layer daisyui.l1.l2.l3":{"display":"flex","width":"fit-content","flex-direction":"column","flex-wrap":"wrap","padding":"calc(0.25rem * 2)","--menu-active-fg":"var(--color-neutral-content)","--menu-active-bg":"var(--color-neutral)","font-size":"0.875rem",":where(li ul, li menu)":{"position":"relative","margin-inline-start":"calc(0.25rem * 4)","padding-inline-start":"calc(0.25rem * 2)","white-space":"nowrap","&:before":{"position":"absolute","inset-inline-start":"calc(0.25rem * 0)","top":"calc(0.25rem * 3)","bottom":"calc(0.25rem * 3)","background-color":"var(--color-base-content)","opacity":"10%","width":"var(--border)","content":"\"\""}},":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))":{"display":"grid","grid-auto-flow":"column","align-content":"flex-start","align-items":"center","gap":"calc(0.25rem * 2)","border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 1.5)","text-align":"start","transition-property":"color, background-color, box-shadow","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0, 0, 0.2, 1)","grid-auto-columns":"minmax(auto, max-content) auto max-content","user-select":"none"},":where(li > details > summary)":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"},"&::-webkit-details-marker":{"display":"none"}},":where(li > details > summary), :where(li > .menu-dropdown-toggle)":{"&:after":{"justify-self":"flex-end","display":"block","height":"0.375rem","width":"0.375rem","rotate":"-135deg","translate":"0 -1px","transition-property":"rotate, translate","transition-duration":"0.2s","content":"\"\"","transform-origin":"50% 50%","box-shadow":"2px 2px inset","pointer-events":"none"}},"details":{"overflow":"hidden","interpolate-size":"allow-keywords"},"details::details-content":{"block-size":"0","@media (prefers-reduced-motion: no-preference)":{"transition-behavior":"allow-discrete","transition-property":"block-size, content-visibility","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0, 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":{"rotate":"45deg","translate":"0 1px"},":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":"2px solid transparent","outline-offset":"2px"}}},":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","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"},"box-shadow":"0 1px oklch(0% 0 0 / 0.01) inset, 0 -1px oklch(100% 0 0 / 0.01) inset"},":where(li:empty)":{"background-color":"var(--color-base-content)","opacity":"10%","margin":"0.5rem 1rem","height":"1px"},":where(li)":{"position":"relative","display":"flex","flex-shrink":0,"flex-direction":"column","flex-wrap":"wrap","align-items":"stretch",".badge":{"justify-self":"flex-end"},"& > *:not(ul, menu, .menu-title, details, .btn):active, & > *:not(ul, menu, .menu-title, details, .btn).menu-active, & > details > summary:active":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"},"color":"var(--menu-active-fg)","background-color":"var(--menu-active-bg)","background-size":"auto, calc(var(--noise) * 100%)","background-image":"none, var(--fx-noise)","&:not(&:active)":{"box-shadow":"0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)"}},"&.menu-disabled, [disabled]":{"pointer-events":"none","color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)"}},".dropdown:focus-within":{".menu-dropdown-toggle:after":{"rotate":"45deg","translate":"0 1px"}},".dropdown-content":{"margin-top":"calc(0.25rem * 2)","padding":"calc(0.25rem * 2)","&:before":{"display":"none"}}}},".menu-title":{"@layer daisyui.l1.l2.l3":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)","color":"color-mix(in oklab, var(--color-base-content) 40%, transparent)","font-size":"0.875rem","font-weight":600}},".menu-horizontal":{"@layer daisyui.l1.l2":{"display":"inline-flex","flex-direction":"row","align-items":"center","& > li:not(.menu-title) > details":{"& > :is(ul, menu)":{"position":"absolute","margin-inline-start":"0","margin-top":"calc(0.25rem * 4)","transform-origin":"top","border-radius":"var(--radius-box)","background-color":"var(--color-base-100)","padding-block":"calc(0.25rem * 2)","padding-inline-end":"calc(0.25rem * 2)","opacity":"0%","scale":"95%","box-shadow":"0 1px 3px 0 oklch(0% 0 0/0.1), 0 1px 2px -1px oklch(0% 0 0/0.1)","@media (prefers-reduced-motion: no-preference)":{"@starting-style":{"scale":"95%","opacity":0},"animation":"menu 0.2s","transition-property":"opacity, scale, display","transition-behavior":"allow-discrete","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)"}},"&[open] > :is(ul, menu)":{"opacity":"100%","scale":"100%"}},"& > li > details > :is(ul, menu)":{"&:before":{"--tw-content":"none","content":"var(--tw-content)"}}}},".menu-vertical":{"@layer daisyui.l1.l2":{"display":"inline-flex","flex-direction":"column","align-items":"stretch","& > li:not(.menu-title) > details > :is(ul, menu)":{"position":"relative","margin-inline-start":"calc(0.25rem * 4)","margin-top":"0","padding-block":"0","padding-inline-end":"0","background-color":"revert-layer","border-radius":"revert-layer","animation":"revert-layer","transition":"revert-layer","box-shadow":"revert-layer"}}},".menu-paged":{"@layer daisyui.l1.l2":{"--menu-paged-arrow":"135deg","--menu-paged-back-arrow":"-45deg","[dir=\"rtl\"] &":{"--menu-paged-arrow":"-45deg","--menu-paged-back-arrow":"135deg"},":where(li ul, li menu):before":{"--tw-content":"none","content":"var(--tw-content)"},"details[open]>summary":{"font-size":"0","&:not(:active)":{"transition-duration":"0s"},"&:before":{"--tw-content":"\"Back\"","content":"var(--tw-content)","font-size":"0.875rem"},"&[aria-label]:before":{"content":"attr(aria-label)"}},"details::details-content":{"transition":"none"},"&:has(> li > details[open]) > li:not(:has(> details[open])), :where(:is(ul, menu):has(> li > details[open]) > li:not(:has(> details[open])))":{"display":"none"},":where(li:has(> details[open]), details[open], details[open] > :is(ul, menu)), :where(details[open])::details-content":{"display":"contents"},":where(details[open]:has(> :is(ul, menu) > li > details[open]) > summary)":{"display":"none"},":where(li > details > summary):after":{"rotate":"var(--menu-paged-arrow)","translate":"0","transition":"none"},":where(li > details[open] > summary):after":{"order":-1,"justify-self":"flex-start","rotate":"var(--menu-paged-back-arrow)"}}},".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-inline":"calc(0.25rem * 2)","padding-block":"0.25rem","font-size":"0.6875rem"},"details[open]>summary:before":{"font-size":"0.6875rem"},".menu-title":{"padding-inline":"calc(0.25rem * 2)","padding-block":"0.25rem"}}},".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-inline":"calc(0.25rem * 2.5)","padding-block":"0.25rem","font-size":"0.75rem"},"details[open]>summary:before":{"font-size":"0.75rem"},".menu-title":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)"}}},".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-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 1.5)","font-size":"0.875rem"},"details[open]>summary:before":{"font-size":"0.875rem"},".menu-title":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)"}}},".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-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 1.5)","font-size":"1.125rem"},"details[open]>summary:before":{"font-size":"1.125rem"},".menu-title":{"padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 3)"}}},".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-inline":"calc(0.25rem * 5)","padding-block":"calc(0.25rem * 1.5)","font-size":"1.375rem"},"details[open]>summary:before":{"font-size":"1.375rem"},".menu-title":{"padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 3)"}}},":where(:not(ul, menu, details, .menu-title, .btn)).menu-active":{"@layer daisyui.l1.l2":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"},"color":"var(--menu-active-fg)","background-color":"var(--menu-active-bg)","background-size":"auto, calc(var(--noise) * 100%)","background-image":"none, var(--fx-noise)"}},"@keyframes menu":{"0%":{"opacity":0}}};
|
package/components/menu.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.21 - 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;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}& :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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);&:not(&:active){box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)}}&.menu-disabled,& [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){@starting-style{opacity:0;scale:.95}transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}}&[open]>:is(ul,menu){opacity:1;scale:1}}&>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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise)}}@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;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}& :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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);&:not(&:active){box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)}}&.menu-disabled,& [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){@starting-style{opacity:0;scale:.95}transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}}&[open]>:is(ul,menu){opacity:1;scale:1}}&>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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise)}}}@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;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}& :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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);&:not(&:active){box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)}}&.menu-disabled,& [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){@starting-style{opacity:0;scale:.95}transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}}&[open]>:is(ul,menu){opacity:1;scale:1}}&>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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise)}}}@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;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}& :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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);&:not(&:active){box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)}}&.menu-disabled,& [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){@starting-style{opacity:0;scale:.95}transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}}&[open]>:is(ul,menu){opacity:1;scale:1}}&>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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise)}}}@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;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}& :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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);&:not(&:active){box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)}}&.menu-disabled,& [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){@starting-style{opacity:0;scale:.95}transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}}&[open]>:is(ul,menu){opacity:1;scale:1}}&>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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise)}}}@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;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}& :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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);&:not(&:active){box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)}}&.menu-disabled,& [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){@starting-style{opacity:0;scale:.95}transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}}&[open]>:is(ul,menu){opacity:1;scale:1}}&>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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise)}}}@keyframes menu{0%{opacity:0}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.7.0 - 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;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}& :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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);&:not(&:active){box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)}}&.menu-disabled,& [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){@starting-style{opacity:0;scale:.95}transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}}&[open]>:is(ul,menu){opacity:1;scale:1}}&>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-paged{@layer daisyui.l1.l2{--menu-paged-arrow:135deg;--menu-paged-back-arrow:-45deg;[dir=rtl] &{--menu-paged-arrow:-45deg;--menu-paged-back-arrow:135deg}& :where(li ul,li menu):before{--tw-content:none;content:var(--tw-content)}& details[open]>summary{font-size:0;&:not(:active){transition-duration:0s}&:before{--tw-content:"Back";content:var(--tw-content);font-size:.875rem}&[aria-label]:before{content:attr(aria-label)}}& details::details-content{transition:none}&:has(>li>details[open])>li:not(:has(>details[open])),& :where(:is(ul,menu):has(>li>details[open])>li:not(:has(>details[open]))){display:none}& :where(li:has(>details[open]),details[open],details[open]>:is(ul,menu)),& :where(details[open])::details-content{display:contents}& :where(details[open]:has(>:is(ul,menu)>li>details[open])>summary){display:none}& :where(li>details>summary):after{rotate:var(--menu-paged-arrow);transition:none;translate:0}& :where(li>details[open]>summary):after{rotate:var(--menu-paged-back-arrow);order:-1;justify-self:flex-start}}}.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}& details[open]>summary:before{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}& details[open]>summary:before{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}& details[open]>summary:before{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}& details[open]>summary:before{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}& details[open]>summary:before{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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise)}}@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;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}& :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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);&:not(&:active){box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)}}&.menu-disabled,& [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){@starting-style{opacity:0;scale:.95}transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}}&[open]>:is(ul,menu){opacity:1;scale:1}}&>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-paged{@layer daisyui.l1.l2{--menu-paged-arrow:135deg;--menu-paged-back-arrow:-45deg;[dir=rtl] &{--menu-paged-arrow:-45deg;--menu-paged-back-arrow:135deg}& :where(li ul,li menu):before{--tw-content:none;content:var(--tw-content)}& details[open]>summary{font-size:0;&:not(:active){transition-duration:0s}&:before{--tw-content:"Back";content:var(--tw-content);font-size:.875rem}&[aria-label]:before{content:attr(aria-label)}}& details::details-content{transition:none}&:has(>li>details[open])>li:not(:has(>details[open])),& :where(:is(ul,menu):has(>li>details[open])>li:not(:has(>details[open]))){display:none}& :where(li:has(>details[open]),details[open],details[open]>:is(ul,menu)),& :where(details[open])::details-content{display:contents}& :where(details[open]:has(>:is(ul,menu)>li>details[open])>summary){display:none}& :where(li>details>summary):after{rotate:var(--menu-paged-arrow);transition:none;translate:0}& :where(li>details[open]>summary):after{rotate:var(--menu-paged-back-arrow);order:-1;justify-self:flex-start}}}.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}& details[open]>summary:before{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}& details[open]>summary:before{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}& details[open]>summary:before{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}& details[open]>summary:before{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}& details[open]>summary:before{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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise)}}}@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;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}& :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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);&:not(&:active){box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)}}&.menu-disabled,& [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){@starting-style{opacity:0;scale:.95}transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}}&[open]>:is(ul,menu){opacity:1;scale:1}}&>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-paged{@layer daisyui.l1.l2{--menu-paged-arrow:135deg;--menu-paged-back-arrow:-45deg;[dir=rtl] &{--menu-paged-arrow:-45deg;--menu-paged-back-arrow:135deg}& :where(li ul,li menu):before{--tw-content:none;content:var(--tw-content)}& details[open]>summary{font-size:0;&:not(:active){transition-duration:0s}&:before{--tw-content:"Back";content:var(--tw-content);font-size:.875rem}&[aria-label]:before{content:attr(aria-label)}}& details::details-content{transition:none}&:has(>li>details[open])>li:not(:has(>details[open])),& :where(:is(ul,menu):has(>li>details[open])>li:not(:has(>details[open]))){display:none}& :where(li:has(>details[open]),details[open],details[open]>:is(ul,menu)),& :where(details[open])::details-content{display:contents}& :where(details[open]:has(>:is(ul,menu)>li>details[open])>summary){display:none}& :where(li>details>summary):after{rotate:var(--menu-paged-arrow);transition:none;translate:0}& :where(li>details[open]>summary):after{rotate:var(--menu-paged-back-arrow);order:-1;justify-self:flex-start}}}.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}& details[open]>summary:before{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}& details[open]>summary:before{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}& details[open]>summary:before{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}& details[open]>summary:before{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}& details[open]>summary:before{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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise)}}}@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;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}& :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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);&:not(&:active){box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)}}&.menu-disabled,& [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){@starting-style{opacity:0;scale:.95}transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}}&[open]>:is(ul,menu){opacity:1;scale:1}}&>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-paged{@layer daisyui.l1.l2{--menu-paged-arrow:135deg;--menu-paged-back-arrow:-45deg;[dir=rtl] &{--menu-paged-arrow:-45deg;--menu-paged-back-arrow:135deg}& :where(li ul,li menu):before{--tw-content:none;content:var(--tw-content)}& details[open]>summary{font-size:0;&:not(:active){transition-duration:0s}&:before{--tw-content:"Back";content:var(--tw-content);font-size:.875rem}&[aria-label]:before{content:attr(aria-label)}}& details::details-content{transition:none}&:has(>li>details[open])>li:not(:has(>details[open])),& :where(:is(ul,menu):has(>li>details[open])>li:not(:has(>details[open]))){display:none}& :where(li:has(>details[open]),details[open],details[open]>:is(ul,menu)),& :where(details[open])::details-content{display:contents}& :where(details[open]:has(>:is(ul,menu)>li>details[open])>summary){display:none}& :where(li>details>summary):after{rotate:var(--menu-paged-arrow);transition:none;translate:0}& :where(li>details[open]>summary):after{rotate:var(--menu-paged-back-arrow);order:-1;justify-self:flex-start}}}.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}& details[open]>summary:before{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}& details[open]>summary:before{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}& details[open]>summary:before{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}& details[open]>summary:before{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}& details[open]>summary:before{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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise)}}}@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;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}& :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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);&:not(&:active){box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)}}&.menu-disabled,& [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){@starting-style{opacity:0;scale:.95}transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}}&[open]>:is(ul,menu){opacity:1;scale:1}}&>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-paged{@layer daisyui.l1.l2{--menu-paged-arrow:135deg;--menu-paged-back-arrow:-45deg;[dir=rtl] &{--menu-paged-arrow:-45deg;--menu-paged-back-arrow:135deg}& :where(li ul,li menu):before{--tw-content:none;content:var(--tw-content)}& details[open]>summary{font-size:0;&:not(:active){transition-duration:0s}&:before{--tw-content:"Back";content:var(--tw-content);font-size:.875rem}&[aria-label]:before{content:attr(aria-label)}}& details::details-content{transition:none}&:has(>li>details[open])>li:not(:has(>details[open])),& :where(:is(ul,menu):has(>li>details[open])>li:not(:has(>details[open]))){display:none}& :where(li:has(>details[open]),details[open],details[open]>:is(ul,menu)),& :where(details[open])::details-content{display:contents}& :where(details[open]:has(>:is(ul,menu)>li>details[open])>summary){display:none}& :where(li>details>summary):after{rotate:var(--menu-paged-arrow);transition:none;translate:0}& :where(li>details[open]>summary):after{rotate:var(--menu-paged-back-arrow);order:-1;justify-self:flex-start}}}.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}& details[open]>summary:before{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}& details[open]>summary:before{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}& details[open]>summary:before{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}& details[open]>summary:before{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}& details[open]>summary:before{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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise)}}}@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;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}& :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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);&:not(&:active){box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)}}&.menu-disabled,& [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){@starting-style{opacity:0;scale:.95}transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s menu}}&[open]>:is(ul,menu){opacity:1;scale:1}}&>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-paged{@layer daisyui.l1.l2{--menu-paged-arrow:135deg;--menu-paged-back-arrow:-45deg;[dir=rtl] &{--menu-paged-arrow:-45deg;--menu-paged-back-arrow:135deg}& :where(li ul,li menu):before{--tw-content:none;content:var(--tw-content)}& details[open]>summary{font-size:0;&:not(:active){transition-duration:0s}&:before{--tw-content:"Back";content:var(--tw-content);font-size:.875rem}&[aria-label]:before{content:attr(aria-label)}}& details::details-content{transition:none}&:has(>li>details[open])>li:not(:has(>details[open])),& :where(:is(ul,menu):has(>li>details[open])>li:not(:has(>details[open]))){display:none}& :where(li:has(>details[open]),details[open],details[open]>:is(ul,menu)),& :where(details[open])::details-content{display:contents}& :where(details[open]:has(>:is(ul,menu)>li>details[open])>summary){display:none}& :where(li>details>summary):after{rotate:var(--menu-paged-arrow);transition:none;translate:0}& :where(li>details[open]>summary):after{rotate:var(--menu-paged-back-arrow);order:-1;justify-self:flex-start}}}.\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}& details[open]>summary:before{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}& details[open]>summary:before{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}& details[open]>summary:before{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}& details[open]>summary:before{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}& details[open]>summary:before{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;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise)}}}@keyframes menu{0%{opacity:0}}}
|
package/components/mockup.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.
|
|
1
|
+
/*! 🌼 daisyUI 5.7.0 - 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%}}}}
|