daisyui/daisyui.css

daisyUI 5 - The Tailwind CSS Component Library

/*! 🌼 daisyUI 5.7.4 - MIT License */ @layer base{:root,:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark]{color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}:root,[data-theme]{background-color:var(--root-bg);color:var(--color-base-content)}:root{background-color:var(--page-scroll-bg,var(--root-bg))}:where(:root,[data-theme]){--root-bg:var(--color-base-100)}:root{scrollbar-color:color-mix(in oklch, currentColor 35%, #0000) #0000;--page-has-backdrop:var(--page-scroll-lock) 1;--page-scroll-bg:var(--page-scroll-lock) color-mix(in srgb, var(--root-bg,#0000), oklch(0% 0 0) calc(var(--page-has-backdrop,0) * 40%));background-image:var(--page-scroll-lock) linear-gradient(var(--root-bg,#0000), var(--root-bg,#0000));transition:var(--page-scroll-lock) background-color .3s ease-out;animation:var(--page-scroll-lock) set-page-has-scroll forwards;animation-timeline:var(--page-scroll-lock) scroll();--page-has-scroll:initial;scrollbar-gutter:var(--page-has-scroll) var(--page-scroll-lock) stable}@keyframes set-page-has-scroll{0%,to{--page-has-scroll: }}@property --radialprogress{syntax:"<percentage>";inherits:true;initial-value:0%}@property --aura-angle{syntax:"<angle>";inherits:false;initial-value:0deg}*,:after,::backdrop,:before,::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");-webkit-tap-highlight-color:#0000}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}table{text-indent:0;border-color:inherit;border-collapse:collapse}::file-selector-button,button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}input:where(:not([type=button],[type=reset],[type=submit])),select,textarea{border-width:1px}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-search-decoration{-webkit-appearance:none}menu,ol,ul{list-style:none}textarea{resize:vertical}::placeholder{opacity:1;color:color-mix(in oklch, currentColor 50%, #0000)}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}:root{--page-scroll-lock:initial;--page-overflow:var(--page-scroll-lock) hidden}:root:not(span){overflow:var(--page-overflow)}:root{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E")}}@layer utilities{.drawer{@layer daisyui.l1.l2.l3{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}}.drawer-content{@layer daisyui.l1.l2.l3{grid-row-start:1;grid-column-start:2;min-width:0}}:where(.drawer-side){@layer daisyui.l1.l2.l3{overflow:hidden}}.drawer-side{@layer daisyui.l1.l2.l3{pointer-events:none;visibility:hidden;inset-inline-start:0;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete, visibility .3s ease-out .1s allow-discrete;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}}.drawer-toggle{@layer daisyui.l1.l2.l3{appearance:none;opacity:0;width:0;height:0;position:fixed;:where(&:checked~.drawer-side){scrollbar-color:color-mix(in oklch, currentColor 35%, #0000) oklch(0 0 0 / calc(var(--page-has-backdrop,0) * .4));&>:not(.drawer-overlay){will-change:auto;transform:none}}:where(:root:has(&:checked)){--page-scroll-lock: }}@layer daisyui.l1.l2{:where(&:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}}.drawer-end{@layer daisyui.l1.l2{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}}.drawer-open{@layer daisyui.l1.l2.l3{&>.drawer-toggle:checked{&~.drawer-side{scrollbar-color:revert-layer}:root:has(&){--page-scroll-lock:revert-layer}}}@layer daisyui.l1.l2{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@layer daisyui.l1{&>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}}@media (width>=640px){.sm\:drawer{@layer daisyui.l1.l2.l3{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}}.sm\:drawer-content{@layer daisyui.l1.l2.l3{grid-row-start:1;grid-column-start:2;min-width:0}}:where(.drawer-side){@layer daisyui.l1.l2.l3{overflow:hidden}}.sm\:drawer-side{@layer daisyui.l1.l2.l3{pointer-events:none;visibility:hidden;inset-inline-start:0;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete, visibility .3s ease-out .1s allow-discrete;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}}.sm\:drawer-toggle{@layer daisyui.l1.l2.l3{appearance:none;opacity:0;width:0;height:0;position:fixed;:where(&:checked~.drawer-side){scrollbar-color:color-mix(in oklch, currentColor 35%, #0000) oklch(0 0 0 / calc(var(--page-has-backdrop,0) * .4));&>:not(.drawer-overlay){will-change:auto;transform:none}}:where(:root:has(&:checked)){--page-scroll-lock: }}@layer daisyui.l1.l2{:where(&:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}}.sm\:drawer-end{@layer daisyui.l1.l2{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}}.sm\:drawer-open{@layer daisyui.l1.l2.l3{&>.drawer-toggle:checked{&~.drawer-side{scrollbar-color:revert-layer}:root:has(&){--page-scroll-lock:revert-layer}}}@layer daisyui.l1.l2{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@layer daisyui.l1{&>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}}}@media (width>=768px){.md\:drawer{@layer daisyui.l1.l2.l3{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}}.md\:drawer-content{@layer daisyui.l1.l2.l3{grid-row-start:1;grid-column-start:2;min-width:0}}:where(.drawer-side){@layer daisyui.l1.l2.l3{overflow:hidden}}.md\:drawer-side{@layer daisyui.l1.l2.l3{pointer-events:none;visibility:hidden;inset-inline-start:0;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete, visibility .3s ease-out .1s allow-discrete;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}}.md\:drawer-toggle{@layer daisyui.l1.l2.l3{appearance:none;opacity:0;width:0;height:0;position:fixed;:where(&:checked~.drawer-side){scrollbar-color:color-mix(in oklch, currentColor 35%, #0000) oklch(0 0 0 / calc(var(--page-has-backdrop,0) * .4));&>:not(.drawer-overlay){will-change:auto;transform:none}}:where(:root:has(&:checked)){--page-scroll-lock: }}@layer daisyui.l1.l2{:where(&:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}}.md\:drawer-end{@layer daisyui.l1.l2{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}}.md\:drawer-open{@layer daisyui.l1.l2.l3{&>.drawer-toggle:checked{&~.drawer-side{scrollbar-color:revert-layer}:root:has(&){--page-scroll-lock:revert-layer}}}@layer daisyui.l1.l2{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@layer daisyui.l1{&>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}}}@media (width>=1024px){.lg\:drawer{@layer daisyui.l1.l2.l3{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}}.lg\:drawer-content{@layer daisyui.l1.l2.l3{grid-row-start:1;grid-column-start:2;min-width:0}}:where(.drawer-side){@layer daisyui.l1.l2.l3{overflow:hidden}}.lg\:drawer-side{@layer daisyui.l1.l2.l3{pointer-events:none;visibility:hidden;inset-inline-start:0;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete, visibility .3s ease-out .1s allow-discrete;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}}.lg\:drawer-toggle{@layer daisyui.l1.l2.l3{appearance:none;opacity:0;width:0;height:0;position:fixed;:where(&:checked~.drawer-side){scrollbar-color:color-mix(in oklch, currentColor 35%, #0000) oklch(0 0 0 / calc(var(--page-has-backdrop,0) * .4));&>:not(.drawer-overlay){will-change:auto;transform:none}}:where(:root:has(&:checked)){--page-scroll-lock: }}@layer daisyui.l1.l2{:where(&:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}}.lg\:drawer-end{@layer daisyui.l1.l2{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}}.lg\:drawer-open{@layer daisyui.l1.l2.l3{&>.drawer-toggle:checked{&~.drawer-side{scrollbar-color:revert-layer}:root:has(&){--page-scroll-lock:revert-layer}}}@layer daisyui.l1.l2{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@layer daisyui.l1{&>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}}}@media (width>=1280px){.xl\:drawer{@layer daisyui.l1.l2.l3{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}}.xl\:drawer-content{@layer daisyui.l1.l2.l3{grid-row-start:1;grid-column-start:2;min-width:0}}:where(.drawer-side){@layer daisyui.l1.l2.l3{overflow:hidden}}.xl\:drawer-side{@layer daisyui.l1.l2.l3{pointer-events:none;visibility:hidden;inset-inline-start:0;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete, visibility .3s ease-out .1s allow-discrete;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}}.xl\:drawer-toggle{@layer daisyui.l1.l2.l3{appearance:none;opacity:0;width:0;height:0;position:fixed;:where(&:checked~.drawer-side){scrollbar-color:color-mix(in oklch, currentColor 35%, #0000) oklch(0 0 0 / calc(var(--page-has-backdrop,0) * .4));&>:not(.drawer-overlay){will-change:auto;transform:none}}:where(:root:has(&:checked)){--page-scroll-lock: }}@layer daisyui.l1.l2{:where(&:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}}.xl\:drawer-end{@layer daisyui.l1.l2{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}}.xl\:drawer-open{@layer daisyui.l1.l2.l3{&>.drawer-toggle:checked{&~.drawer-side{scrollbar-color:revert-layer}:root:has(&){--page-scroll-lock:revert-layer}}}@layer daisyui.l1.l2{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@layer daisyui.l1{&>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}}}@media (width>=1536px){.\32 xl\:drawer{@layer daisyui.l1.l2.l3{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}}.\32 xl\:drawer-content{@layer daisyui.l1.l2.l3{grid-row-start:1;grid-column-start:2;min-width:0}}:where(.drawer-side){@layer daisyui.l1.l2.l3{overflow:hidden}}.\32 xl\:drawer-side{@layer daisyui.l1.l2.l3{pointer-events:none;visibility:hidden;inset-inline-start:0;z-index:10;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete, visibility .3s ease-out .1s allow-discrete;background-color:#0000;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out,width .2s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}}.\32 xl\:drawer-toggle{@layer daisyui.l1.l2.l3{appearance:none;opacity:0;width:0;height:0;position:fixed;:where(&:checked~.drawer-side){scrollbar-color:color-mix(in oklch, currentColor 35%, #0000) oklch(0 0 0 / calc(var(--page-has-backdrop,0) * .4));&>:not(.drawer-overlay){will-change:auto;transform:none}}:where(:root:has(&:checked)){--page-scroll-lock: }}@layer daisyui.l1.l2{:where(&:checked~.drawer-side){pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}}.\32 xl\:drawer-end{@layer daisyui.l1.l2{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}}.\32 xl\:drawer-open{@layer daisyui.l1.l2.l3{&>.drawer-toggle:checked{&~.drawer-side{scrollbar-color:revert-layer}:root:has(&){--page-scroll-lock:revert-layer}}}@layer daisyui.l1.l2{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@layer daisyui.l1{&>.drawer-toggle~.drawer-side>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}}}.validator{@layer daisyui.l1.l2.l3{&:user-valid,&:has(:user-valid){&,&:focus,&:checked,&[aria-checked=true],&:focus-within{--input-color:var(--color-success)}}&:user-invalid,&:has(:user-invalid),&[aria-invalid]:not([aria-invalid=false]),&:has([aria-invalid]:not([aria-invalid=false])){&,&:focus,&:checked,&[aria-checked=true],&:focus-within{--input-color:var(--color-error)}&~.validator-hint{visibility:visible;color:var(--color-error)}}}}.validator-hint{@layer daisyui.l1.l2.l3{visibility:hidden;margin-top:.5rem;font-size:.75rem}}.validator{&:user-invalid,&:has(:user-invalid),&[aria-invalid]:not([aria-invalid=false]),&:has([aria-invalid]:not([aria-invalid=false])){&~.validator-hint{display:revert-layer}}}.megamenu{@layer daisyui.l1.l2.l3{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem) * 10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible;& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border) solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor) top) anchor(var(--mm-anchor) end) anchor(var(--mm-anchor) bottom) anchor(var(--mm-anchor) start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out, translate .2s ease-out, scale .2s ease-out, display .2s ease-out allow-discrete, overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{opacity:0}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out, translate .2s ease-out, scale .2s ease-out, display .2s ease-out allow-discrete, overlay .2s ease-out allow-discrete;border-inline-width:0;inset-inline-start:0;translate:0;scale:1;@starting-style{opacity:0}& [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.megamenu-active{@layer daisyui.l1.l2.l3{pointer-events:none;background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent);border-radius:var(--radius-field);transition:inset .3s linear(0, .5 10%, .9 30%, 1.05 50%, 1.1 75%, 1), background-color .2s ease-out;position:absolute}}.megamenu-wide{@layer daisyui.l1.l2{anchor-name:--megamenu;&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.megamenu-full{@layer daisyui.l1.l2{anchor-name:--megamenu;&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.megamenu-vertical{@layer daisyui.l1.l2{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out, translate .2s ease-out, scale .2s ease-out, display .2s ease-out allow-discrete, overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98;&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.megamenu-xs{@layer daisyui.l1.l2{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}}.megamenu-sm{@layer daisyui.l1.l2{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}}.megamenu-md{@layer daisyui.l1.l2{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}}.megamenu-lg{@layer daisyui.l1.l2{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}}.megamenu-xl{@layer daisyui.l1.l2{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}}@media (width>=640px){.sm\:megamenu{@layer daisyui.l1.l2.l3{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem) * 10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible;& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border) solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor) top) anchor(var(--mm-anchor) end) anchor(var(--mm-anchor) bottom) anchor(var(--mm-anchor) start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out, translate .2s ease-out, scale .2s ease-out, display .2s ease-out allow-discrete, overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{opacity:0}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out, translate .2s ease-out, scale .2s ease-out, display .2s ease-out allow-discrete, overlay .2s ease-out allow-discrete;border-inline-width:0;inset-inline-start:0;translate:0;scale:1;@starting-style{opacity:0}& [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.sm\:megamenu-active{@layer daisyui.l1.l2.l3{pointer-events:none;background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent);border-radius:var(--radius-field);transition:inset .3s linear(0, .5 10%, .9 30%, 1.05 50%, 1.1 75%, 1), background-color .2s ease-out;position:absolute}}.sm\:megamenu-wide{@layer daisyui.l1.l2{anchor-name:--megamenu;&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.sm\:megamenu-full{@layer daisyui.l1.l2{anchor-name:--megamenu;&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.sm\:megamenu-vertical{@layer daisyui.l1.l2{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out, translate .2s ease-out, scale .2s ease-out, display .2s ease-out allow-discrete, overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98;&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.sm\:megamenu-xs{@layer daisyui.l1.l2{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}}.sm\:megamenu-sm{@layer daisyui.l1.l2{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}}.sm\:megamenu-md{@layer daisyui.l1.l2{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}}.sm\:megamenu-lg{@layer daisyui.l1.l2{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}}.sm\:megamenu-xl{@layer daisyui.l1.l2{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}}}@media (width>=768px){.md\:megamenu{@layer daisyui.l1.l2.l3{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem) * 10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible;& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border) solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor) top) anchor(var(--mm-anchor) end) anchor(var(--mm-anchor) bottom) anchor(var(--mm-anchor) start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out, translate .2s ease-out, scale .2s ease-out, display .2s ease-out allow-discrete, overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{opacity:0}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out, translate .2s ease-out, scale .2s ease-out, display .2s ease-out allow-discrete, overlay .2s ease-out allow-discrete;border-inline-width:0;inset-inline-start:0;translate:0;scale:1;@starting-style{opacity:0}& [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.md\:megamenu-active{@layer daisyui.l1.l2.l3{pointer-events:none;background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent);border-radius:var(--radius-field);transition:inset .3s linear(0, .5 10%, .9 30%, 1.05 50%, 1.1 75%, 1), background-color .2s ease-out;position:absolute}}.md\:megamenu-wide{@layer daisyui.l1.l2{anchor-name:--megamenu;&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.md\:megamenu-full{@layer daisyui.l1.l2{anchor-name:--megamenu;&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.md\:megamenu-vertical{@layer daisyui.l1.l2{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out, translate .2s ease-out, scale .2s ease-out, display .2s ease-out allow-discrete, overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98;&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.md\:megamenu-xs{@layer daisyui.l1.l2{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}}.md\:megamenu-sm{@layer daisyui.l1.l2{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}}.md\:megamenu-md{@layer daisyui.l1.l2{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}}.md\:megamenu-lg{@layer daisyui.l1.l2{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}}.md\:megamenu-xl{@layer daisyui.l1.l2{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}}}@media (width>=1024px){.lg\:megamenu{@layer daisyui.l1.l2.l3{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem) * 10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible;& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border) solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor) top) anchor(var(--mm-anchor) end) anchor(var(--mm-anchor) bottom) anchor(var(--mm-anchor) start)}&:has([popovertarget]:first-of-type:hover):not(:has([popover]:popover-open)),&:has([popover]:first-of-type:popover-open){--mm-anchor:--mm1}&:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(2):popover-open){--mm-anchor:--mm2}&:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(3):popover-open){--mm-anchor:--mm3}&:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(4):popover-open){--mm-anchor:--mm4}&:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(5):popover-open){--mm-anchor:--mm5}&:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(6):popover-open){--mm-anchor:--mm6}&:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(7):popover-open){--mm-anchor:--mm7}&:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(8):popover-open){--mm-anchor:--mm8}&:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(9):popover-open){--mm-anchor:--mm9}&:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)),&:has([popover]:nth-of-type(10):popover-open){--mm-anchor:--mm10}& [popovertarget]:has(+[popover]:popover-open):after{opacity:1;rotate:45deg}& [popover]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-300);opacity:0;border-radius:var(--radius-box);background-color:var(--color-base-100);position-area:block-end span-inline-end;max-height:100dvh;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out, translate .2s ease-out, scale .2s ease-out, display .2s ease-out allow-discrete, overlay .2s ease-out allow-discrete;margin-top:.25rem;translate:0 -.5rem;scale:.98;&:popover-open{opacity:1;@starting-style{opacity:0}}}&:has([popover]:popover-open){& [popover]{translate:0;scale:1}}}@layer daisyui.l1{&:popover-open{opacity:1;background-color:var(--color-base-100);width:100%;margin-top:var(--mm-mt,4rem);border-radius:0;flex-direction:column;align-items:flex-start;padding-top:1rem;position:fixed;overflow-y:scroll;& [popovertarget],&>[popover]:not(:first-of-type){display:var(--mm-display,none)}&::backdrop{background-color:var(--mm-backdrop,oklch(0% 0 0/.4))}position-area:block-end;top:0;max-block-size:80svh;transition:opacity .2s ease-out, translate .2s ease-out, scale .2s ease-out, display .2s ease-out allow-discrete, overlay .2s ease-out allow-discrete;border-inline-width:0;inset-inline-start:0;translate:0;scale:1;@starting-style{opacity:0}& [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;max-height:none;display:block;position:relative;overflow:visible}}}}.lg\:megamenu-active{@layer daisyui.l1.l2.l3{pointer-events:none;background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent);border-radius:var(--radius-field);transition:inset .3s linear(0, .5 10%, .9 30%, 1.05 50%, 1.1 75%, 1), background-color .2s ease-out;position:absolute}}.lg\:megamenu-wide{@layer daisyui.l1.l2{anchor-name:--megamenu;&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;width:anchor-size(inline)}}}.lg\:megamenu-full{@layer daisyui.l1.l2{anchor-name:--megamenu;&:popover-open{inset-inline:0}& [popover]{position-area:block-end;position-anchor:--megamenu;border-inline-width:0;border-radius:0;width:100%}}}.lg\:megamenu-vertical{@layer daisyui.l1.l2{opacity:0;background-color:var(--color-base-100);position-area:block-end;width:100%;--mm-backdrop:transparent;max-block-size:calc(100% - .25rem);transition:opacity .2s ease-out, translate .2s ease-out, scale .2s ease-out, display .2s ease-out allow-discrete, overlay .2s ease-out allow-discrete;border-inline-width:0;border-radius:0;flex-direction:column;align-items:flex-start;position:relative;translate:0 -.5rem;scale:.98;&:not([popover]:popover-open){position:revert;display:none}&:popover-open{--mm-mt:0;--mm-display:block}& [popovertarget]{pointer-events:none;color:color-mix(in oklab, var(--color-base-content) 40%, transparent);font-size:.875rem;font-weight:600;&:after{content:none}}& [popover]{opacity:1;background-color:#0000;border:none;display:block;position:relative;overflow:visible}}}.lg\:megamenu-xs{@layer daisyui.l1.l2{--fontsize:.6875rem;--mm-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}}.lg\:megamenu-sm{@layer daisyui.l1.l2{--fontsize:.75rem;--mm-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}}.lg\:megamenu-md{@layer daisyui.l1.l2{--fontsize:.875rem;--mm-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}}.lg\:megamenu-lg{@layer daisyui.l1.l2{--fontsize:1.125rem;--mm-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}}.lg\:megamenu-xl{@layer daisyui.l1.l2{--fontsize:1.375rem;--mm-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}}}@media (width>=1280px){.xl\:megamenu{@layer daisyui.l1.l2.l3{width:unset;border-radius:calc(var(--radius-field) + var(--border));--mm-anchor:--mm1;--size:calc(var(--size-field,.25rem) * 10);background-color:#0000;align-items:center;display:flex;position:relative;overflow:visible;& [popovertarget]{isolation:isolate;cursor:pointer;padding-inline:var(--mm-p,1rem);height:var(--size);font-size:var(--fontsize,.875rem);border:var(--border) solid transparent;anchor-name:var(--mm-anchor);align-items:center;gap:.75rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative;&:focus-visible{outline:2px solid var(--color-base-content);outline-offset:2px}&:after{--tw-content:"";content:var(--tw-content);pointer-events:none;opacity:.25;width:.375rem;height:.375rem;transition:opacity .2s ease-out,rotate .2s ease-out;display:block;inset-inline-end:1.4rem;rotate:-135deg;box-shadow:inset 2px 2px}&:first-of-type{--mm-anchor:--mm1}&:nth-of-type(2){--mm-anchor:--mm2}&:nth-of-type(3){--mm-anchor:--mm3}&:nth-of-type(4){--mm-anchor:--mm4}&:nth-of-type(5){--mm-anchor:--mm5}&:nth-of-type(6){--mm-anchor:--mm6}&:nth-of-type(7){--mm-anchor:--mm7}&:nth-of-type(8){--mm-anchor:--mm8}&:nth-of-type(9){--mm-anchor:--mm9}&:nth-of-type(10){--mm-anchor:--mm10}}&:not(:has([popovertarget]:hover,[popover]:popover-open)) .megamenu-active{background-color:#0000}&:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active,&:has([popover]:popover-open) .megamenu-active{inset:anchor(var(--mm-anchor) top) anchor(var(--mm-anchor) end) anchor(var(--mm-anchor) bottom) anchor(var(--mm-anc