daisyui 5.6.0-alpha.2 → 5.6.0-alpha.3
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.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.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/functions/addPrefix.js +2 -2
- package/package.json +9 -1
- package/theme/object.d.ts +23 -23
- 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/label.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.0-alpha.
|
|
1
|
+
/*! 🌼 daisyUI 5.6.0-alpha.3 - MIT License */ @layer utilities{.label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.floating-label{@layer daisyui.l1.l2.l3{&{display:flex;position:relative}& ::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;font-size:var(--font-size,.875rem);inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*var(--top-mul,5));pointer-events:none;border-radius:2px;padding-inline:.25rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}}}@media (width>=640px){.sm\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.sm\:floating-label{@layer daisyui.l1.l2.l3{&{display:flex;position:relative}& ::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;font-size:var(--font-size,.875rem);inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*var(--top-mul,5));pointer-events:none;border-radius:2px;padding-inline:.25rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}}}}@media (width>=768px){.md\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.md\:floating-label{@layer daisyui.l1.l2.l3{&{display:flex;position:relative}& ::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;font-size:var(--font-size,.875rem);inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*var(--top-mul,5));pointer-events:none;border-radius:2px;padding-inline:.25rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}}}}@media (width>=1024px){.lg\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.lg\:floating-label{@layer daisyui.l1.l2.l3{&{display:flex;position:relative}& ::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;font-size:var(--font-size,.875rem);inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*var(--top-mul,5));pointer-events:none;border-radius:2px;padding-inline:.25rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}}}}@media (width>=1280px){.xl\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.xl\:floating-label{@layer daisyui.l1.l2.l3{&{display:flex;position:relative}& ::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;font-size:var(--font-size,.875rem);inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*var(--top-mul,5));pointer-events:none;border-radius:2px;padding-inline:.25rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}}}}@media (width>=1536px){.\32 xl\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.\32 xl\:floating-label{@layer daisyui.l1.l2.l3{&{display:flex;position:relative}& ::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;font-size:var(--font-size,.875rem);inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*var(--top-mul,5));pointer-events:none;border-radius:2px;padding-inline:.25rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}}}}}
|
package/components/link.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.0-alpha.
|
|
1
|
+
/*! 🌼 daisyUI 5.6.0-alpha.3 - MIT License */ @layer utilities{.link{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-decoration-line:underline}&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}}.link-hover{@layer daisyui.l1.l2{&{text-decoration-line:none}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}}.link-primary{@layer daisyui.l1.l2{&{color:var(--color-primary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-primary)80%,#000)}}}}.link-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-secondary)80%,#000)}}}}.link-accent{@layer daisyui.l1.l2{&{color:var(--color-accent)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-accent)80%,#000)}}}}.link-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-neutral)80%,#000)}}}}.link-success{@layer daisyui.l1.l2{&{color:var(--color-success)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-success)80%,#000)}}}}.link-info{@layer daisyui.l1.l2{&{color:var(--color-info)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-info)80%,#000)}}}}.link-warning{@layer daisyui.l1.l2{&{color:var(--color-warning)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-warning)80%,#000)}}}}.link-error{@layer daisyui.l1.l2{&{color:var(--color-error)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-error)80%,#000)}}}}@media (width>=640px){.sm\:link{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-decoration-line:underline}&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}}.sm\:link-hover{@layer daisyui.l1.l2{&{text-decoration-line:none}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}}.sm\:link-primary{@layer daisyui.l1.l2{&{color:var(--color-primary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-primary)80%,#000)}}}}.sm\:link-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-secondary)80%,#000)}}}}.sm\:link-accent{@layer daisyui.l1.l2{&{color:var(--color-accent)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-accent)80%,#000)}}}}.sm\:link-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-neutral)80%,#000)}}}}.sm\:link-success{@layer daisyui.l1.l2{&{color:var(--color-success)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-success)80%,#000)}}}}.sm\:link-info{@layer daisyui.l1.l2{&{color:var(--color-info)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-info)80%,#000)}}}}.sm\:link-warning{@layer daisyui.l1.l2{&{color:var(--color-warning)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-warning)80%,#000)}}}}.sm\:link-error{@layer daisyui.l1.l2{&{color:var(--color-error)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-error)80%,#000)}}}}}@media (width>=768px){.md\:link{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-decoration-line:underline}&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}}.md\:link-hover{@layer daisyui.l1.l2{&{text-decoration-line:none}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}}.md\:link-primary{@layer daisyui.l1.l2{&{color:var(--color-primary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-primary)80%,#000)}}}}.md\:link-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-secondary)80%,#000)}}}}.md\:link-accent{@layer daisyui.l1.l2{&{color:var(--color-accent)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-accent)80%,#000)}}}}.md\:link-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-neutral)80%,#000)}}}}.md\:link-success{@layer daisyui.l1.l2{&{color:var(--color-success)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-success)80%,#000)}}}}.md\:link-info{@layer daisyui.l1.l2{&{color:var(--color-info)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-info)80%,#000)}}}}.md\:link-warning{@layer daisyui.l1.l2{&{color:var(--color-warning)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-warning)80%,#000)}}}}.md\:link-error{@layer daisyui.l1.l2{&{color:var(--color-error)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-error)80%,#000)}}}}}@media (width>=1024px){.lg\:link{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-decoration-line:underline}&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}}.lg\:link-hover{@layer daisyui.l1.l2{&{text-decoration-line:none}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}}.lg\:link-primary{@layer daisyui.l1.l2{&{color:var(--color-primary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-primary)80%,#000)}}}}.lg\:link-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-secondary)80%,#000)}}}}.lg\:link-accent{@layer daisyui.l1.l2{&{color:var(--color-accent)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-accent)80%,#000)}}}}.lg\:link-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-neutral)80%,#000)}}}}.lg\:link-success{@layer daisyui.l1.l2{&{color:var(--color-success)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-success)80%,#000)}}}}.lg\:link-info{@layer daisyui.l1.l2{&{color:var(--color-info)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-info)80%,#000)}}}}.lg\:link-warning{@layer daisyui.l1.l2{&{color:var(--color-warning)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-warning)80%,#000)}}}}.lg\:link-error{@layer daisyui.l1.l2{&{color:var(--color-error)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-error)80%,#000)}}}}}@media (width>=1280px){.xl\:link{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-decoration-line:underline}&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}}.xl\:link-hover{@layer daisyui.l1.l2{&{text-decoration-line:none}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}}.xl\:link-primary{@layer daisyui.l1.l2{&{color:var(--color-primary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-primary)80%,#000)}}}}.xl\:link-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-secondary)80%,#000)}}}}.xl\:link-accent{@layer daisyui.l1.l2{&{color:var(--color-accent)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-accent)80%,#000)}}}}.xl\:link-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-neutral)80%,#000)}}}}.xl\:link-success{@layer daisyui.l1.l2{&{color:var(--color-success)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-success)80%,#000)}}}}.xl\:link-info{@layer daisyui.l1.l2{&{color:var(--color-info)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-info)80%,#000)}}}}.xl\:link-warning{@layer daisyui.l1.l2{&{color:var(--color-warning)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-warning)80%,#000)}}}}.xl\:link-error{@layer daisyui.l1.l2{&{color:var(--color-error)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-error)80%,#000)}}}}}@media (width>=1536px){.\32 xl\:link{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-decoration-line:underline}&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}}.\32 xl\:link-hover{@layer daisyui.l1.l2{&{text-decoration-line:none}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}}.\32 xl\:link-primary{@layer daisyui.l1.l2{&{color:var(--color-primary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-primary)80%,#000)}}}}.\32 xl\:link-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-secondary)80%,#000)}}}}.\32 xl\:link-accent{@layer daisyui.l1.l2{&{color:var(--color-accent)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-accent)80%,#000)}}}}.\32 xl\:link-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-neutral)80%,#000)}}}}.\32 xl\:link-success{@layer daisyui.l1.l2{&{color:var(--color-success)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-success)80%,#000)}}}}.\32 xl\:link-info{@layer daisyui.l1.l2{&{color:var(--color-info)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-info)80%,#000)}}}}.\32 xl\:link-warning{@layer daisyui.l1.l2{&{color:var(--color-warning)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-warning)80%,#000)}}}}.\32 xl\:link-error{@layer daisyui.l1.l2{&{color:var(--color-error)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-error)80%,#000)}}}}}}
|
package/components/list.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.0-alpha.
|
|
1
|
+
/*! 🌼 daisyUI 5.6.0-alpha.3 - MIT License */ @layer utilities{.list{@layer daisyui.l1.l2.l3{&{flex-direction:column;font-size:.875rem;display:flex}& .list-row{--list-grid-cols:minmax(0,auto)1fr;border-radius:var(--radius-box);word-break:break-word;grid-auto-flow:column;grid-template-columns:var(--list-grid-cols);gap:1rem;padding:1rem;display:grid;position:relative}&>:not(:last-child){&.list-row,& .list-row{&:after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:color-mix(in oklab,var(--color-base-content)5%,transparent);position:absolute;bottom:0}}}}@layer daisyui.l1.l2{& .list-row{&:has(.list-col-grow:first-child){--list-grid-cols:1fr}&:has(.list-col-grow:nth-child(2)){--list-grid-cols:minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(3)){--list-grid-cols:minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(4)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(5)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(6)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&>*{grid-row-start:1}}}}.list-col-wrap{@layer daisyui.l1{&{grid-row-start:2}}}@media (width>=640px){.sm\:list{@layer daisyui.l1.l2.l3{&{flex-direction:column;font-size:.875rem;display:flex}& .list-row{--list-grid-cols:minmax(0,auto)1fr;border-radius:var(--radius-box);word-break:break-word;grid-auto-flow:column;grid-template-columns:var(--list-grid-cols);gap:1rem;padding:1rem;display:grid;position:relative}&>:not(:last-child){&.list-row,& .list-row{&:after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:color-mix(in oklab,var(--color-base-content)5%,transparent);position:absolute;bottom:0}}}}@layer daisyui.l1.l2{& .list-row{&:has(.list-col-grow:first-child){--list-grid-cols:1fr}&:has(.list-col-grow:nth-child(2)){--list-grid-cols:minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(3)){--list-grid-cols:minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(4)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(5)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(6)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&>*{grid-row-start:1}}}}.sm\:list-col-wrap{@layer daisyui.l1{&{grid-row-start:2}}}}@media (width>=768px){.md\:list{@layer daisyui.l1.l2.l3{&{flex-direction:column;font-size:.875rem;display:flex}& .list-row{--list-grid-cols:minmax(0,auto)1fr;border-radius:var(--radius-box);word-break:break-word;grid-auto-flow:column;grid-template-columns:var(--list-grid-cols);gap:1rem;padding:1rem;display:grid;position:relative}&>:not(:last-child){&.list-row,& .list-row{&:after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:color-mix(in oklab,var(--color-base-content)5%,transparent);position:absolute;bottom:0}}}}@layer daisyui.l1.l2{& .list-row{&:has(.list-col-grow:first-child){--list-grid-cols:1fr}&:has(.list-col-grow:nth-child(2)){--list-grid-cols:minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(3)){--list-grid-cols:minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(4)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(5)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(6)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&>*{grid-row-start:1}}}}.md\:list-col-wrap{@layer daisyui.l1{&{grid-row-start:2}}}}@media (width>=1024px){.lg\:list{@layer daisyui.l1.l2.l3{&{flex-direction:column;font-size:.875rem;display:flex}& .list-row{--list-grid-cols:minmax(0,auto)1fr;border-radius:var(--radius-box);word-break:break-word;grid-auto-flow:column;grid-template-columns:var(--list-grid-cols);gap:1rem;padding:1rem;display:grid;position:relative}&>:not(:last-child){&.list-row,& .list-row{&:after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:color-mix(in oklab,var(--color-base-content)5%,transparent);position:absolute;bottom:0}}}}@layer daisyui.l1.l2{& .list-row{&:has(.list-col-grow:first-child){--list-grid-cols:1fr}&:has(.list-col-grow:nth-child(2)){--list-grid-cols:minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(3)){--list-grid-cols:minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(4)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(5)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(6)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&>*{grid-row-start:1}}}}.lg\:list-col-wrap{@layer daisyui.l1{&{grid-row-start:2}}}}@media (width>=1280px){.xl\:list{@layer daisyui.l1.l2.l3{&{flex-direction:column;font-size:.875rem;display:flex}& .list-row{--list-grid-cols:minmax(0,auto)1fr;border-radius:var(--radius-box);word-break:break-word;grid-auto-flow:column;grid-template-columns:var(--list-grid-cols);gap:1rem;padding:1rem;display:grid;position:relative}&>:not(:last-child){&.list-row,& .list-row{&:after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:color-mix(in oklab,var(--color-base-content)5%,transparent);position:absolute;bottom:0}}}}@layer daisyui.l1.l2{& .list-row{&:has(.list-col-grow:first-child){--list-grid-cols:1fr}&:has(.list-col-grow:nth-child(2)){--list-grid-cols:minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(3)){--list-grid-cols:minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(4)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(5)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(6)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&>*{grid-row-start:1}}}}.xl\:list-col-wrap{@layer daisyui.l1{&{grid-row-start:2}}}}@media (width>=1536px){.\32 xl\:list{@layer daisyui.l1.l2.l3{&{flex-direction:column;font-size:.875rem;display:flex}& .list-row{--list-grid-cols:minmax(0,auto)1fr;border-radius:var(--radius-box);word-break:break-word;grid-auto-flow:column;grid-template-columns:var(--list-grid-cols);gap:1rem;padding:1rem;display:grid;position:relative}&>:not(:last-child){&.list-row,& .list-row{&:after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:color-mix(in oklab,var(--color-base-content)5%,transparent);position:absolute;bottom:0}}}}@layer daisyui.l1.l2{& .list-row{&:has(.list-col-grow:first-child){--list-grid-cols:1fr}&:has(.list-col-grow:nth-child(2)){--list-grid-cols:minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(3)){--list-grid-cols:minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(4)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(5)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(6)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&>*{grid-row-start:1}}}}.\32 xl\:list-col-wrap{@layer daisyui.l1{&{grid-row-start:2}}}}}
|
package/components/loading.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.0-alpha.
|
|
1
|
+
/*! 🌼 daisyUI 5.6.0-alpha.3 - MIT License */ @layer utilities{.loading{@layer daisyui.l1.l2.l3{&{pointer-events:none;aspect-ratio:1;vertical-align:middle;width:calc(var(--size-selector,.25rem)*6);background-color:currentColor;display:inline-block;mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");mask-position:50%;mask-size:100%;mask-repeat:no-repeat}@media (prefers-reduced-motion:no-preference){&{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}}}}.loading-spinner{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){&{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}}}}.loading-dots{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Ccircle cx='20' cy='12' r='3'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){&{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E")}}}}.loading-ring{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='10'/%3E%3C/g%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){&{mask-image:url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}}}}.loading-ball{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='12' rx='4' ry='4'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){&{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='5' rx='4' ry='4'%3E%3Canimate attributeName='cy' values='5;20;20.5;20;5' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3Canimate attributeName='rx' values='4;4;4.8;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='ry' values='4;4;3;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E")}}}}.loading-bars{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='22'/%3E%3Crect x='9' y='1' width='6' height='22'/%3E%3Crect x='17' y='1' width='6' height='22'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){&{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='9' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3C/rect%3E%3Crect x='17' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3C/rect%3E%3C/svg%3E")}}}}.loading-infinity{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 100 100'%3E%3Cpath fill='none' stroke='black' stroke-width='10' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){&{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering:auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='black' stroke-width='10' stroke-dasharray='205.271 51.318' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.589'/%3E%3C/path%3E%3C/svg%3E")}}}}.loading-xs{@layer daisyui.l1.l2{&{width:calc(var(--size-selector,.25rem)*4)}}}.loading-sm{@layer daisyui.l1.l2{&{width:calc(var(--size-selector,.25rem)*5)}}}.loading-md{@layer daisyui.l1.l2{&{width:calc(var(--size-selector,.25rem)*6)}}}.loading-lg{@layer daisyui.l1.l2{&{width:calc(var(--size-selector,.25rem)*7)}}}.loading-xl{@layer daisyui.l1.l2{&{width:calc(var(--size-selector,.25rem)*8)}}}}
|
package/components/mask.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.0-alpha.
|
|
1
|
+
/*! 🌼 daisyUI 5.6.0-alpha.3 - MIT License */ @layer utilities{.mask{@layer daisyui.l1.l2.l3{&{vertical-align:middle;display:inline-block;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}}.mask-half-1{@layer daisyui.l1.l2{&{mask-position:0;mask-size:200%}&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){mask-position:100%}}}.mask-half-2{@layer daisyui.l1.l2{&{mask-position:100%;mask-size:200%}&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){mask-position:0}}}.mask-squircle{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e")}}}.mask-decagon{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e")}}}.mask-diamond{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e")}}}.mask-heart{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")}}}.mask-hexagon{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")}}}.mask-hexagon-2{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e")}}}.mask-circle{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e")}}}.mask-pentagon{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e")}}}.mask-star{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e")}}}.mask-star-2{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e")}}}.mask-triangle{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e")}}}.mask-triangle-2{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e")}}}.mask-triangle-3{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e")}}}.mask-triangle-4{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e")}}}}
|
package/components/megamenu.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.6.0-alpha.2 - MIT License */ @layer utilities{.megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}@media (width>=640px){.sm\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.sm\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.sm\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.sm\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.sm\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.sm\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.sm\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.sm\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.sm\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.sm\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}@media (width>=768px){.md\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.md\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.md\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.md\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.md\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.md\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.md\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.md\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.md\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.md\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}@media (width>=1024px){.lg\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.lg\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.lg\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.lg\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.lg\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.lg\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.lg\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.lg\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.lg\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.lg\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}@media (width>=1280px){.xl\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.xl\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.xl\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.xl\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.xl\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.xl\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.xl\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.xl\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.xl\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.xl\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}@media (width>=1536px){.\32 xl\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.\32 xl\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.\32 xl\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.\32 xl\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.\32 xl\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.\32 xl\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.\32 xl\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.\32 xl\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.\32 xl\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.\32 xl\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.6.0-alpha.3 - MIT License */ @layer utilities{.megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}@media (width>=640px){.sm\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.sm\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.sm\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.sm\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.sm\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.sm\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.sm\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.sm\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.sm\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.sm\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}@media (width>=768px){.md\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.md\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.md\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.md\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.md\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.md\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.md\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.md\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.md\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.md\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}@media (width>=1024px){.lg\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.lg\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.lg\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.lg\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.lg\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.lg\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.lg\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.lg\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.lg\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.lg\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}@media (width>=1280px){.xl\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.xl\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.xl\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.xl\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.xl\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.xl\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.xl\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.xl\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.xl\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.xl\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}@media (width>=1536px){.\32 xl\:megamenu{@layer daisyui.l1.l2.l3{&{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem)*10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible}& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border)solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor)top)anchor(var(--mm-anchor)end)anchor(var(--mm-anchor)bottom)anchor(var(--mm-anchor)start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{&{opacity:0}}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;inset-inline-start:0;overflow-y:scroll;translate:0;scale:1;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}@starting-style{&{opacity:0}}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.\32 xl\:megamenu-active{@layer daisyui.l1.l2.l3{&{pointer-events:none;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);border-radius:var(--radius-field);transition:inset .3s linear(0,.5 10%,.9 30%,1.05 50%,1.1 75%,1),background-color .2s ease-out;position:absolute}}}.\32 xl\:megamenu-wide{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.\32 xl\:megamenu-full{@layer daisyui.l1.l2{&{anchor-name:--megamenu}&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.\32 xl\:megamenu-vertical{@layer daisyui.l1.l2{&{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out,translate .2s ease-out,scale .2s ease-out,display .2s ease-out allow-discrete,overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98}&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)40%,transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.\32 xl\:megamenu-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.\32 xl\:megamenu-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.\32 xl\:megamenu-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.\32 xl\:megamenu-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.\32 xl\:megamenu-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}}}
|