daisyui/components/megamenu.css

daisyUI 5 - The Tailwind CSS Component Library

/*! 🌼 daisyUI 5.7.17 - MIT License */ @layer utilities{@layer daisyui.l1.l2.l3{.megamenu{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}.megamenu [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}}.megamenu:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}.megamenu:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,.megamenu: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)}.megamenu:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),.megamenu:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}.megamenu:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),.megamenu:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}.megamenu:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),.megamenu:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}.megamenu:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),.megamenu:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}.megamenu:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),.megamenu:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}.megamenu:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),.megamenu:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}.megamenu:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),.megamenu:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}.megamenu:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),.megamenu:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}.megamenu:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),.megamenu:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}.megamenu:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),.megamenu:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}.megamenu [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}.megamenu [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}}}.megamenu:has([popover]:popover-open) [popover]{translate:0;scale:1}.megamenu-active{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}}@layer daisyui.l1{.megamenu:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out, translate .2s ease-out, scale .2s ease-out, display .2s ease-out allow-discrete, overlay .2s ease-out allow-discrete;border-inline-width:0;inset-inline-start:0;translate:0;scale:1;@starting-style{opacity:0}& [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}@layer daisyui.l1.l2{.megamenu-wide{anchor-name:--megamenu}.megamenu-wide:popover-open{inset-inline:0}.megamenu-wide [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}.megamenu-full{anchor-name:--megamenu}.megamenu-full:popover-open{inset-inline:0}.megamenu-full [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}.megamenu-vertical{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}.megamenu-vertical:not([popover]:popover-open){position:revert;display:none}.megamenu-vertical:popover-open{--mm-mt:0;--mm-display:block}.megamenu-vertical [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}.megamenu-vertical [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}.megamenu-xs{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}.megamenu-sm{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}.megamenu-md{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}.megamenu-lg{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}.megamenu-xl{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}}@media (width>=640px){@layer daisyui.l1.l2.l3{.sm\:megamenu{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}.sm\:megamenu [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}}.sm\:megamenu:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}.sm\:megamenu:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,.sm\:megamenu: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)}.sm\:megamenu:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),.sm\:megamenu:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}.sm\:megamenu:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),.sm\:megamenu:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}.sm\:megamenu:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),.sm\:megamenu:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}.sm\:megamenu:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),.sm\:megamenu:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}.sm\:megamenu:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),.sm\:megamenu:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}.sm\:megamenu:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),.sm\:megamenu:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}.sm\:megamenu:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),.sm\:megamenu:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}.sm\:megamenu:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),.sm\:megamenu:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}.sm\:megamenu:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),.sm\:megamenu:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}.sm\:megamenu:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),.sm\:megamenu:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}.sm\:megamenu [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}.sm\:megamenu [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}}}.sm\:megamenu:has([popover]:popover-open) [popover]{translate:0;scale:1}.sm\:megamenu-active{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}}@layer daisyui.l1{.sm\:megamenu:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out, translate .2s ease-out, scale .2s ease-out, display .2s ease-out allow-discrete, overlay .2s ease-out allow-discrete;border-inline-width:0;inset-inline-start:0;translate:0;scale:1;@starting-style{opacity:0}& [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}@layer daisyui.l1.l2{.sm\:megamenu-wide{anchor-name:--megamenu}.sm\:megamenu-wide:popover-open{inset-inline:0}.sm\:megamenu-wide [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}.sm\:megamenu-full{anchor-name:--megamenu}.sm\:megamenu-full:popover-open{inset-inline:0}.sm\:megamenu-full [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}.sm\:megamenu-vertical{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}.sm\:megamenu-vertical:not([popover]:popover-open){position:revert;display:none}.sm\:megamenu-vertical:popover-open{--mm-mt:0;--mm-display:block}.sm\:megamenu-vertical [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}.sm\:megamenu-vertical [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}.sm\:megamenu-xs{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}.sm\:megamenu-sm{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}.sm\:megamenu-md{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}.sm\:megamenu-lg{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}.sm\:megamenu-xl{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}}}@media (width>=768px){@layer daisyui.l1.l2.l3{.md\:megamenu{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}.md\:megamenu [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}}.md\:megamenu:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}.md\:megamenu:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,.md\:megamenu: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)}.md\:megamenu:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),.md\:megamenu:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}.md\:megamenu:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),.md\:megamenu:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}.md\:megamenu:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),.md\:megamenu:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}.md\:megamenu:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),.md\:megamenu:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}.md\:megamenu:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),.md\:megamenu:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}.md\:megamenu:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),.md\:megamenu:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}.md\:megamenu:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),.md\:megamenu:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}.md\:megamenu:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),.md\:megamenu:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}.md\:megamenu:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),.md\:megamenu:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}.md\:megamenu:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),.md\:megamenu:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}.md\:megamenu [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}.md\:megamenu [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}}}.md\:megamenu:has([popover]:popover-open) [popover]{translate:0;scale:1}.md\:megamenu-active{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}}@layer daisyui.l1{.md\:megamenu:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out, translate .2s ease-out, scale .2s ease-out, display .2s ease-out allow-discrete, overlay .2s ease-out allow-discrete;border-inline-width:0;inset-inline-start:0;translate:0;scale:1;@starting-style{opacity:0}& [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}@layer daisyui.l1.l2{.md\:megamenu-wide{anchor-name:--megamenu}.md\:megamenu-wide:popover-open{inset-inline:0}.md\:megamenu-wide [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}.md\:megamenu-full{anchor-name:--megamenu}.md\:megamenu-full:popover-open{inset-inline:0}.md\:megamenu-full [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}.md\:megamenu-vertical{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}.md\:megamenu-vertical:not([popover]:popover-open){position:revert;display:none}.md\:megamenu-vertical:popover-open{--mm-mt:0;--mm-display:block}.md\:megamenu-vertical [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}.md\:megamenu-vertical [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}.md\:megamenu-xs{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}.md\:megamenu-sm{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}.md\:megamenu-md{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}.md\:megamenu-lg{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}.md\:megamenu-xl{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}}}@media (width>=1024px){@layer daisyui.l1.l2.l3{.lg\:megamenu{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}.lg\:megamenu [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}}.lg\:megamenu:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}.lg\:megamenu:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,.lg\:megamenu: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)}.lg\:megamenu:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),.lg\:megamenu:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}.lg\:megamenu:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),.lg\:megamenu:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}.lg\:megamenu:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),.lg\:megamenu:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}.lg\:megamenu:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),.lg\:megamenu:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}.lg\:megamenu:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),.lg\:megamenu:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}.lg\:megamenu:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),.lg\:megamenu:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}.lg\:megamenu:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),.lg\:megamenu:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}.lg\:megamenu:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),.lg\:megamenu:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}.lg\:megamenu:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),.lg\:megamenu:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}.lg\:megamenu:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),.lg\:megamenu:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}.lg\:megamenu [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}.lg\:megamenu [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}}}.lg\:megamenu:has([popover]:popover-open) [popover]{translate:0;scale:1}.lg\:megamenu-active{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}}@layer daisyui.l1{.lg\:megamenu:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out, translate .2s ease-out, scale .2s ease-out, display .2s ease-out allow-discrete, overlay .2s ease-out allow-discrete;border-inline-width:0;inset-inline-start:0;translate:0;scale:1;@starting-style{opacity:0}& [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}@layer daisyui.l1.l2{.lg\:megamenu-wide{anchor-name:--megamenu}.lg\:megamenu-wide:popover-open{inset-inline:0}.lg\:megamenu-wide [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}.lg\:megamenu-full{anchor-name:--megamenu}.lg\:megamenu-full:popover-open{inset-inline:0}.lg\:megamenu-full [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}.lg\:megamenu-vertical{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}.lg\:megamenu-vertical:not([popover]:popover-open){position:revert;display:none}.lg\:megamenu-vertical:popover-open{--mm-mt:0;--mm-display:block}.lg\:megamenu-vertical [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}.lg\:megamenu-vertical [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}.lg\:megamenu-xs{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}.lg\:megamenu-sm{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}.lg\:megamenu-md{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}.lg\:megamenu-lg{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}.lg\:megamenu-xl{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}}}@media (width>=1280px){@layer daisyui.l1.l2.l3{.xl\:megamenu{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}.xl\:megamenu [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}}.xl\:megamenu:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}.xl\:megamenu:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,.xl\:megamenu: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)}.xl\:megamenu:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),.xl\:megamenu:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}.xl\:megamenu:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),.xl\:megamenu:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}.xl\:megamenu:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),.xl\:megamenu:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}.xl\:megamenu:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),.xl\:megamenu:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}.xl\:megamenu:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),.xl\:megamenu:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}.xl\:megamenu:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),.xl\:megamenu:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}.xl\:megamenu:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),.xl\:megamenu:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}.xl\:megamenu:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),.xl\:megamenu:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}.xl\:megamenu:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),.xl\:megamenu:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}.xl\:megamenu:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),.xl\:megamenu:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}.xl\:megamenu [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}.xl\:megamenu [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}}}.xl\:megamenu:has([popover]:popover-open) [popover]{translate:0;scale:1}.xl\:megamenu-active{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}}@layer daisyui.l1{.xl\:megamenu:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out, translate .2s ease-out, scale .2s ease-out, display .2s ease-out allow-discrete, overlay .2s ease-out allow-discrete;border-inline-width:0;inset-inline-start:0;translate:0;scale:1;@starting-style{opacity:0}& [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}@layer daisyui.l1.l2{.xl\:megamenu-wide{anchor-name:--megamenu}.xl\:megamenu-wide:popover-open{inset-inline:0}.xl\:megamenu-wide [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}.xl\:megamenu-full{anchor-name:--megamenu}.xl\:megamenu-full:popover-open{inset-inline:0}.xl\:megamenu-full [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}.xl\:megamenu-vertical{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}.xl\:megamenu-vertical:not([popover]:popover-open){position:revert;display:none}.xl\:megamenu-vertical:popover-open{--mm-mt:0;--mm-display:block}.xl\:megamenu-vertical [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}.xl\:megamenu-vertical [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}.xl\:megamenu-xs{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}.xl\:megamenu-sm{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}.xl\:megamenu-md{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}.xl\:megamenu-lg{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}.xl\:megamenu-xl{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}}}@media (width>=1536px){@layer daisyui.l1.l2.l3{.\32 xl\:megamenu{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}.\32 xl\:megamenu [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}}.\32 xl\:megamenu:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}.\32 xl\:megamenu:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,.\32 xl\:megamenu: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)}.\32 xl\:megamenu:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),.\32 xl\:megamenu:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}.\32 xl\:megamenu:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),.\32 xl\:megamenu:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}.\32 xl\:megamenu:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),.\32 xl\:megamenu:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}.\32 xl\:megamenu:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),.\32 xl\:megamenu:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}.\32 xl\:megamenu:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),.\32 xl\:megamenu:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}.\32 xl\:megamenu:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),.\32 xl\:megamenu:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}.\32 xl\:megamenu:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),.\32 xl\:megamenu:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}.\32 xl\:megamenu:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),.\32 xl\:megamenu:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}.\32 xl\:megamenu:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),.\32 xl\:megamenu:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}.\32 xl\:megamenu:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),.\32 xl\:megamenu:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}.\32 xl\:megamenu [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}.\32 xl\:megamenu [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}}}.\32 xl\:megamenu:has([popover]:popover-open) [popover]{translate:0;scale:1}.\32 xl\:megamenu-active{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}}@layer daisyui.l1{.\32 xl\:megamenu:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out, translate .2s ease-out, scale .2s ease-out, display .2s ease-out allow-discrete, overlay .2s ease-out allow-discrete;border-inline-width:0;inset-inline-start:0;translate:0;scale:1;@starting-style{opacity:0}& [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}@layer daisyui.l1.l2{.\32 xl\:megamenu-wide{anchor-name:--megamenu}.\32 xl\:megamenu-wide:popover-open{inset-inline:0}.\32 xl\:megamenu-wide [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}.\32 xl\:megamenu-full{anchor-name:--megamenu}.\32 xl\:megamenu-full:popover-open{inset-inline:0}.\32 xl\:megamenu-full [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}.\32 xl\:megamenu-vertical{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}.\32 xl\:megamenu-vertical:not([popover]:popover-open){position:revert;display:none}.\32 xl\:megamenu-vertical:popover-open{--mm-mt:0;--mm-display:block}.\32 xl\:megamenu-vertical [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}.\32 xl\:megamenu-vertical [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}.\32 xl\:megamenu-xs{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}.\32 xl\:megamenu-sm{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}.\32 xl\:megamenu-md{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}.\32 xl\:megamenu-lg{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}.\32 xl\:megamenu-xl{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}}}}