daisyui 5.0.0-alpha.39 → 5.0.0-alpha.40

package/components/menu.css

@@ -1 +1 @@
-/*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .menu{flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex;& :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;content:"";width:1px;position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.5rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}& :where(li>details>summary){outline-offset:2px;outline:2px solid #0000;&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title,.disabled)>details>summary:not(.menu-title)){&:not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);color:var(--color-base-content);outline-offset:2px;outline:2px solid #0000}&:hover{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);outline-offset:2px;outline:2px solid #0000;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,.menu-title,details,.btn):active,&>:not(ul,.menu-title,details,.btn).menu-active,&>details>summary:active{background-color:var(--color-neutral);color:var(--color-neutral-content);outline-offset:2px;box-shadow:0 2px 3px -2px var(--color-neutral);outline:2px solid #0000}&.menu-disabled{pointer-events:none;color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.menu-title{color:color-mix(in oklch,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}.menu-horizontal{flex-direction:row;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}&>li>details>ul{&:before{content:none}}:where(&>li:not(.menu-title)>details>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1)}}.menu-vertical{flex-direction:column;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:1rem;margin-top:0;padding-block:0;padding-inline-end:0;position:relative}}.menu-xs{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}.menu-sm{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.menu-md{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.menu-lg{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.75rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}.menu-xl{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.75rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}@media (width>=640px){.sm\:menu{flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex;& :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;content:"";width:1px;position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.5rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}& :where(li>details>summary){outline-offset:2px;outline:2px solid #0000;&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title,.disabled)>details>summary:not(.menu-title)){&:not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);color:var(--color-base-content);outline-offset:2px;outline:2px solid #0000}&:hover{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);outline-offset:2px;outline:2px solid #0000;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,.menu-title,details,.btn):active,&>:not(ul,.menu-title,details,.btn).menu-active,&>details>summary:active{background-color:var(--color-neutral);color:var(--color-neutral-content);outline-offset:2px;box-shadow:0 2px 3px -2px var(--color-neutral);outline:2px solid #0000}&.menu-disabled{pointer-events:none;color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.sm\:menu-title{color:color-mix(in oklch,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}.sm\:menu-horizontal{flex-direction:row;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}&>li>details>ul{&:before{content:none}}:where(&>li:not(.menu-title)>details>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1)}}.sm\:menu-vertical{flex-direction:column;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:1rem;margin-top:0;padding-block:0;padding-inline-end:0;position:relative}}.sm\:menu-xs{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}.sm\:menu-sm{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.sm\:menu-md{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.sm\:menu-lg{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.75rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}.sm\:menu-xl{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.75rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}@media (width>=768px){.md\:menu{flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex;& :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;content:"";width:1px;position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.5rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}& :where(li>details>summary){outline-offset:2px;outline:2px solid #0000;&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title,.disabled)>details>summary:not(.menu-title)){&:not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);color:var(--color-base-content);outline-offset:2px;outline:2px solid #0000}&:hover{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);outline-offset:2px;outline:2px solid #0000;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,.menu-title,details,.btn):active,&>:not(ul,.menu-title,details,.btn).menu-active,&>details>summary:active{background-color:var(--color-neutral);color:var(--color-neutral-content);outline-offset:2px;box-shadow:0 2px 3px -2px var(--color-neutral);outline:2px solid #0000}&.menu-disabled{pointer-events:none;color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.md\:menu-title{color:color-mix(in oklch,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}.md\:menu-horizontal{flex-direction:row;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}&>li>details>ul{&:before{content:none}}:where(&>li:not(.menu-title)>details>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1)}}.md\:menu-vertical{flex-direction:column;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:1rem;margin-top:0;padding-block:0;padding-inline-end:0;position:relative}}.md\:menu-xs{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}.md\:menu-sm{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.md\:menu-md{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.md\:menu-lg{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.75rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}.md\:menu-xl{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.75rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}@media (width>=1024px){.lg\:menu{flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex;& :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;content:"";width:1px;position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.5rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}& :where(li>details>summary){outline-offset:2px;outline:2px solid #0000;&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title,.disabled)>details>summary:not(.menu-title)){&:not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);color:var(--color-base-content);outline-offset:2px;outline:2px solid #0000}&:hover{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);outline-offset:2px;outline:2px solid #0000;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,.menu-title,details,.btn):active,&>:not(ul,.menu-title,details,.btn).menu-active,&>details>summary:active{background-color:var(--color-neutral);color:var(--color-neutral-content);outline-offset:2px;box-shadow:0 2px 3px -2px var(--color-neutral);outline:2px solid #0000}&.menu-disabled{pointer-events:none;color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.lg\:menu-title{color:color-mix(in oklch,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}.lg\:menu-horizontal{flex-direction:row;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}&>li>details>ul{&:before{content:none}}:where(&>li:not(.menu-title)>details>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1)}}.lg\:menu-vertical{flex-direction:column;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:1rem;margin-top:0;padding-block:0;padding-inline-end:0;position:relative}}.lg\:menu-xs{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}.lg\:menu-sm{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.lg\:menu-md{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.lg\:menu-lg{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.75rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}.lg\:menu-xl{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.75rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}@media (width>=1280px){.xl\:menu{flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex;& :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;content:"";width:1px;position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.5rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}& :where(li>details>summary){outline-offset:2px;outline:2px solid #0000;&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title,.disabled)>details>summary:not(.menu-title)){&:not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);color:var(--color-base-content);outline-offset:2px;outline:2px solid #0000}&:hover{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);outline-offset:2px;outline:2px solid #0000;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,.menu-title,details,.btn):active,&>:not(ul,.menu-title,details,.btn).menu-active,&>details>summary:active{background-color:var(--color-neutral);color:var(--color-neutral-content);outline-offset:2px;box-shadow:0 2px 3px -2px var(--color-neutral);outline:2px solid #0000}&.menu-disabled{pointer-events:none;color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.xl\:menu-title{color:color-mix(in oklch,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}.xl\:menu-horizontal{flex-direction:row;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}&>li>details>ul{&:before{content:none}}:where(&>li:not(.menu-title)>details>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1)}}.xl\:menu-vertical{flex-direction:column;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:1rem;margin-top:0;padding-block:0;padding-inline-end:0;position:relative}}.xl\:menu-xs{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}.xl\:menu-sm{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.xl\:menu-md{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.xl\:menu-lg{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.75rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}.xl\:menu-xl{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.75rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}@media (width>=1536px){.\32 xl\:menu{flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex;& :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;content:"";width:1px;position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.5rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}& :where(li>details>summary){outline-offset:2px;outline:2px solid #0000;&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title,.disabled)>details>summary:not(.menu-title)){&:not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);color:var(--color-base-content);outline-offset:2px;outline:2px solid #0000}&:hover{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);outline-offset:2px;outline:2px solid #0000;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,.menu-title,details,.btn):active,&>:not(ul,.menu-title,details,.btn).menu-active,&>details>summary:active{background-color:var(--color-neutral);color:var(--color-neutral-content);outline-offset:2px;box-shadow:0 2px 3px -2px var(--color-neutral);outline:2px solid #0000}&.menu-disabled{pointer-events:none;color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.\32 xl\:menu-title{color:color-mix(in oklch,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}.\32 xl\:menu-horizontal{flex-direction:row;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}&>li>details>ul{&:before{content:none}}:where(&>li:not(.menu-title)>details>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1)}}.\32 xl\:menu-vertical{flex-direction:column;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:1rem;margin-top:0;padding-block:0;padding-inline-end:0;position:relative}}.\32 xl\:menu-xs{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}.\32 xl\:menu-sm{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.\32 xl\:menu-md{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.\32 xl\:menu-lg{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.75rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}.\32 xl\:menu-xl{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.75rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}
+/*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .menu{flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex;& :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;content:"";width:1px;position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid;box-shadow:0 2px 3px -2px #0000}& :where(li>details>summary){outline-offset:2px;outline:2px solid #0000;&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title,.disabled)>details>summary:not(.menu-title)){&:not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);color:var(--color-base-content);outline-offset:2px;outline:2px solid #0000}&:hover{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);outline-offset:2px;outline:2px solid #0000;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,.menu-title,details,.btn):active,&>:not(ul,.menu-title,details,.btn).menu-active,&>details>summary:active{background-color:var(--color-neutral);color:var(--color-neutral-content);outline-offset:2px;box-shadow:0 2px 3px -2px var(--color-neutral);outline:2px solid #0000}&.menu-disabled{pointer-events:none;color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.menu-title{color:color-mix(in oklch,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}.menu-horizontal{flex-direction:row;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}&>li>details>ul{&:before{content:none}}:where(&>li:not(.menu-title)>details>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1)}}.menu-vertical{flex-direction:column;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:1rem;margin-top:0;padding-block:0;padding-inline-end:0;position:relative}}.menu-xs{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}.menu-sm{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.menu-md{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.menu-lg{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}.menu-xl{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}@media (width>=640px){.sm\:menu{flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex;& :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;content:"";width:1px;position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid;box-shadow:0 2px 3px -2px #0000}& :where(li>details>summary){outline-offset:2px;outline:2px solid #0000;&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title,.disabled)>details>summary:not(.menu-title)){&:not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);color:var(--color-base-content);outline-offset:2px;outline:2px solid #0000}&:hover{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);outline-offset:2px;outline:2px solid #0000;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,.menu-title,details,.btn):active,&>:not(ul,.menu-title,details,.btn).menu-active,&>details>summary:active{background-color:var(--color-neutral);color:var(--color-neutral-content);outline-offset:2px;box-shadow:0 2px 3px -2px var(--color-neutral);outline:2px solid #0000}&.menu-disabled{pointer-events:none;color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.sm\:menu-title{color:color-mix(in oklch,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}.sm\:menu-horizontal{flex-direction:row;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}&>li>details>ul{&:before{content:none}}:where(&>li:not(.menu-title)>details>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1)}}.sm\:menu-vertical{flex-direction:column;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:1rem;margin-top:0;padding-block:0;padding-inline-end:0;position:relative}}.sm\:menu-xs{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}.sm\:menu-sm{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.sm\:menu-md{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.sm\:menu-lg{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}.sm\:menu-xl{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}@media (width>=768px){.md\:menu{flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex;& :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;content:"";width:1px;position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid;box-shadow:0 2px 3px -2px #0000}& :where(li>details>summary){outline-offset:2px;outline:2px solid #0000;&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title,.disabled)>details>summary:not(.menu-title)){&:not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);color:var(--color-base-content);outline-offset:2px;outline:2px solid #0000}&:hover{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);outline-offset:2px;outline:2px solid #0000;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,.menu-title,details,.btn):active,&>:not(ul,.menu-title,details,.btn).menu-active,&>details>summary:active{background-color:var(--color-neutral);color:var(--color-neutral-content);outline-offset:2px;box-shadow:0 2px 3px -2px var(--color-neutral);outline:2px solid #0000}&.menu-disabled{pointer-events:none;color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.md\:menu-title{color:color-mix(in oklch,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}.md\:menu-horizontal{flex-direction:row;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}&>li>details>ul{&:before{content:none}}:where(&>li:not(.menu-title)>details>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1)}}.md\:menu-vertical{flex-direction:column;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:1rem;margin-top:0;padding-block:0;padding-inline-end:0;position:relative}}.md\:menu-xs{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}.md\:menu-sm{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.md\:menu-md{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.md\:menu-lg{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}.md\:menu-xl{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}@media (width>=1024px){.lg\:menu{flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex;& :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;content:"";width:1px;position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid;box-shadow:0 2px 3px -2px #0000}& :where(li>details>summary){outline-offset:2px;outline:2px solid #0000;&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title,.disabled)>details>summary:not(.menu-title)){&:not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);color:var(--color-base-content);outline-offset:2px;outline:2px solid #0000}&:hover{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);outline-offset:2px;outline:2px solid #0000;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,.menu-title,details,.btn):active,&>:not(ul,.menu-title,details,.btn).menu-active,&>details>summary:active{background-color:var(--color-neutral);color:var(--color-neutral-content);outline-offset:2px;box-shadow:0 2px 3px -2px var(--color-neutral);outline:2px solid #0000}&.menu-disabled{pointer-events:none;color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.lg\:menu-title{color:color-mix(in oklch,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}.lg\:menu-horizontal{flex-direction:row;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}&>li>details>ul{&:before{content:none}}:where(&>li:not(.menu-title)>details>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1)}}.lg\:menu-vertical{flex-direction:column;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:1rem;margin-top:0;padding-block:0;padding-inline-end:0;position:relative}}.lg\:menu-xs{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}.lg\:menu-sm{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.lg\:menu-md{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.lg\:menu-lg{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}.lg\:menu-xl{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}@media (width>=1280px){.xl\:menu{flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex;& :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;content:"";width:1px;position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid;box-shadow:0 2px 3px -2px #0000}& :where(li>details>summary){outline-offset:2px;outline:2px solid #0000;&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title,.disabled)>details>summary:not(.menu-title)){&:not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);color:var(--color-base-content);outline-offset:2px;outline:2px solid #0000}&:hover{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);outline-offset:2px;outline:2px solid #0000;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,.menu-title,details,.btn):active,&>:not(ul,.menu-title,details,.btn).menu-active,&>details>summary:active{background-color:var(--color-neutral);color:var(--color-neutral-content);outline-offset:2px;box-shadow:0 2px 3px -2px var(--color-neutral);outline:2px solid #0000}&.menu-disabled{pointer-events:none;color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.xl\:menu-title{color:color-mix(in oklch,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}.xl\:menu-horizontal{flex-direction:row;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}&>li>details>ul{&:before{content:none}}:where(&>li:not(.menu-title)>details>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1)}}.xl\:menu-vertical{flex-direction:column;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:1rem;margin-top:0;padding-block:0;padding-inline-end:0;position:relative}}.xl\:menu-xs{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}.xl\:menu-sm{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.xl\:menu-md{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.xl\:menu-lg{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}.xl\:menu-xl{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}@media (width>=1536px){.\32 xl\:menu{flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex;& :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative;&:before{inset-inline-start:0;background-color:var(--color-base-content);opacity:.1;content:"";width:1px;position:absolute;top:.75rem;bottom:.75rem}}& :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}& :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid;box-shadow:0 2px 3px -2px #0000}& :where(li>details>summary){outline-offset:2px;outline:2px solid #0000;&::-webkit-details-marker{display:none}}& :where(li>details>summary),& :where(li>.menu-dropdown-toggle){&:after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}}& :where(li>details[open]>summary):after,& :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}& :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title,.disabled)>details>summary:not(.menu-title)){&:not(.menu-active,:active,.btn){&.menu-focus,&:focus-visible{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);color:var(--color-base-content);outline-offset:2px;outline:2px solid #0000}&:hover{cursor:pointer;background-color:color-mix(in oklch,var(--color-base-content)10%,transparent);outline-offset:2px;outline:2px solid #0000;box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}}}& :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}& :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative;& .badge{justify-self:flex-end}&>:not(ul,.menu-title,details,.btn):active,&>:not(ul,.menu-title,details,.btn).menu-active,&>details>summary:active{background-color:var(--color-neutral);color:var(--color-neutral-content);outline-offset:2px;box-shadow:0 2px 3px -2px var(--color-neutral);outline:2px solid #0000}&.menu-disabled{pointer-events:none;color:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.\32 xl\:menu-title{color:color-mix(in oklch,var(--color-base-content)40%,transparent);padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600}.\32 xl\:menu-horizontal{flex-direction:row;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}&>li>details>ul{&:before{content:none}}:where(&>li:not(.menu-title)>details>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1)}}.\32 xl\:menu-vertical{flex-direction:column;display:inline-flex;&>li:not(.menu-title)>details>ul{margin-inline-start:1rem;margin-top:0;padding-block:0;padding-inline-end:0;position:relative}}.\32 xl\:menu-xs{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.5rem;font-size:.6875rem}& .menu-title{padding-block:.25rem;padding-inline:.5rem}}.\32 xl\:menu-sm{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.\32 xl\:menu-md{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:.75rem;font-size:.875rem}& .menu-title{padding-block:.5rem;padding-inline:.75rem}}.\32 xl\:menu-lg{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1rem;font-size:1.125rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}.\32 xl\:menu-xl{& :where(li:not(.menu-title)>:not(ul,details,.menu-title)),& :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.375rem;padding-inline:1.25rem;font-size:1.375rem}& .menu-title{padding-block:.75rem;padding-inline:1.5rem}}}

package/components/mockup.css

@@ -1 +1 @@
-/*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .mockup-code{border-radius:var(--radius-box);background-color:var(--color-neutral);color:var(--color-neutral-content);direction:ltr;min-width:18rem;padding-block:1.25rem;position:relative;overflow:auto hidden;&:before{content:"";opacity:.3;border-radius:3.40282e38px;width:.75rem;height:.75rem;margin-bottom:1rem;display:block;box-shadow:1.4em 0,2.8em 0,4.2em 0}& pre{padding-right:1.25rem;&:before{content:"";margin-right:2ch}&[data-prefix]{&:before{content:attr(data-prefix);text-align:right;opacity:.5;width:2rem;display:inline-block}}}}.mockup-window{border-radius:var(--radius-box);flex-direction:column;padding-top:1.25rem;display:flex;position:relative;overflow:auto hidden;&:before{content:"";aspect-ratio:1;opacity:.3;border-radius:3.40282e38px;flex-shrink:0;align-self:flex-start;height:.75rem;margin-bottom:1rem;display:block;box-shadow:1.4em 0,2.8em 0,4.2em 0;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){align-self:flex-end}}& pre[data-prefix]{&:before{content:attr(data-prefix);text-align:right;display:inline-block}}}.mockup-browser{border-radius:var(--radius-box);position:relative;overflow:auto hidden;& pre[data-prefix]{&:before{content:attr(data-prefix);text-align:right;display:inline-block}}& .mockup-browser-toolbar{align-items:center;width:100%;margin-block:.75rem;padding-right:1.4em;display:inline-flex;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}&:before{content:"";aspect-ratio:1;opacity:.3;border-radius:3.40282e38px;height:.75rem;margin-right:4.8rem;display:inline-block;box-shadow:1.4em 0,2.8em 0,4.2em 0}& .input{background-color:var(--color-base-200);text-overflow:ellipsis;white-space:nowrap;direction:ltr;align-items:center;gap:.5rem;height:100%;margin-inline:auto;font-size:.75rem;display:flex;overflow:hidden;&:before{content:"";opacity:.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor' class='size-4'%3E%3Cpath fill-rule='evenodd' d='M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");width:1rem;height:1rem}}}}.mockup-phone{background-color:#000;border:6px solid #6b6b6b;border-radius:65px;justify-items:center;padding:11px;display:inline-grid;overflow:hidden;& .camera{z-index:1;background:#000;border-radius:17px;grid-area:1/1/1/1;width:126px;height:32px;margin-top:6px}& .display{background-color:var(--color-base-100);border-radius:49px;grid-area:1/1/1/1;width:390px;height:844px;overflow:hidden}}@media (width>=640px){.sm\:mockup-code{border-radius:var(--radius-box);background-color:var(--color-neutral);color:var(--color-neutral-content);direction:ltr;min-width:18rem;padding-block:1.25rem;position:relative;overflow:auto hidden;&:before{content:"";opacity:.3;border-radius:3.40282e38px;width:.75rem;height:.75rem;margin-bottom:1rem;display:block;box-shadow:1.4em 0,2.8em 0,4.2em 0}& pre{padding-right:1.25rem;&:before{content:"";margin-right:2ch}&[data-prefix]{&:before{content:attr(data-prefix);text-align:right;opacity:.5;width:2rem;display:inline-block}}}}.sm\:mockup-window{border-radius:var(--radius-box);flex-direction:column;padding-top:1.25rem;display:flex;position:relative;overflow:auto hidden;&:before{content:"";aspect-ratio:1;opacity:.3;border-radius:3.40282e38px;flex-shrink:0;align-self:flex-start;height:.75rem;margin-bottom:1rem;display:block;box-shadow:1.4em 0,2.8em 0,4.2em 0;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){align-self:flex-end}}& pre[data-prefix]{&:before{content:attr(data-prefix);text-align:right;display:inline-block}}}.sm\:mockup-browser{border-radius:var(--radius-box);position:relative;overflow:auto hidden;& pre[data-prefix]{&:before{content:attr(data-prefix);text-align:right;display:inline-block}}& .mockup-browser-toolbar{align-items:center;width:100%;margin-block:.75rem;padding-right:1.4em;display:inline-flex;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}&:before{content:"";aspect-ratio:1;opacity:.3;border-radius:3.40282e38px;height:.75rem;margin-right:4.8rem;display:inline-block;box-shadow:1.4em 0,2.8em 0,4.2em 0}& .input{background-color:var(--color-base-200);text-overflow:ellipsis;white-space:nowrap;direction:ltr;align-items:center;gap:.5rem;height:100%;margin-inline:auto;font-size:.75rem;display:flex;overflow:hidden;&:before{content:"";opacity:.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor' class='size-4'%3E%3Cpath fill-rule='evenodd' d='M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");width:1rem;height:1rem}}}}.sm\:mockup-phone{background-color:#000;border:6px solid #6b6b6b;border-radius:65px;justify-items:center;padding:11px;display:inline-grid;overflow:hidden;& .camera{z-index:1;background:#000;border-radius:17px;grid-area:1/1/1/1;width:126px;height:32px;margin-top:6px}& .display{background-color:var(--color-base-100);border-radius:49px;grid-area:1/1/1/1;width:390px;height:844px;overflow:hidden}}}@media (width>=768px){.md\:mockup-code{border-radius:var(--radius-box);background-color:var(--color-neutral);color:var(--color-neutral-content);direction:ltr;min-width:18rem;padding-block:1.25rem;position:relative;overflow:auto hidden;&:before{content:"";opacity:.3;border-radius:3.40282e38px;width:.75rem;height:.75rem;margin-bottom:1rem;display:block;box-shadow:1.4em 0,2.8em 0,4.2em 0}& pre{padding-right:1.25rem;&:before{content:"";margin-right:2ch}&[data-prefix]{&:before{content:attr(data-prefix);text-align:right;opacity:.5;width:2rem;display:inline-block}}}}.md\:mockup-window{border-radius:var(--radius-box);flex-direction:column;padding-top:1.25rem;display:flex;position:relative;overflow:auto hidden;&:before{content:"";aspect-ratio:1;opacity:.3;border-radius:3.40282e38px;flex-shrink:0;align-self:flex-start;height:.75rem;margin-bottom:1rem;display:block;box-shadow:1.4em 0,2.8em 0,4.2em 0;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){align-self:flex-end}}& pre[data-prefix]{&:before{content:attr(data-prefix);text-align:right;display:inline-block}}}.md\:mockup-browser{border-radius:var(--radius-box);position:relative;overflow:auto hidden;& pre[data-prefix]{&:before{content:attr(data-prefix);text-align:right;display:inline-block}}& .mockup-browser-toolbar{align-items:center;width:100%;margin-block:.75rem;padding-right:1.4em;display:inline-flex;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}&:before{content:"";aspect-ratio:1;opacity:.3;border-radius:3.40282e38px;height:.75rem;margin-right:4.8rem;display:inline-block;box-shadow:1.4em 0,2.8em 0,4.2em 0}& .input{background-color:var(--color-base-200);text-overflow:ellipsis;white-space:nowrap;direction:ltr;align-items:center;gap:.5rem;height:100%;margin-inline:auto;font-size:.75rem;display:flex;overflow:hidden;&:before{content:"";opacity:.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor' class='size-4'%3E%3Cpath fill-rule='evenodd' d='M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");width:1rem;height:1rem}}}}.md\:mockup-phone{background-color:#000;border:6px solid #6b6b6b;border-radius:65px;justify-items:center;padding:11px;display:inline-grid;overflow:hidden;& .camera{z-index:1;background:#000;border-radius:17px;grid-area:1/1/1/1;width:126px;height:32px;margin-top:6px}& .display{background-color:var(--color-base-100);border-radius:49px;grid-area:1/1/1/1;width:390px;height:844px;overflow:hidden}}}@media (width>=1024px){.lg\:mockup-code{border-radius:var(--radius-box);background-color:var(--color-neutral);color:var(--color-neutral-content);direction:ltr;min-width:18rem;padding-block:1.25rem;position:relative;overflow:auto hidden;&:before{content:"";opacity:.3;border-radius:3.40282e38px;width:.75rem;height:.75rem;margin-bottom:1rem;display:block;box-shadow:1.4em 0,2.8em 0,4.2em 0}& pre{padding-right:1.25rem;&:before{content:"";margin-right:2ch}&[data-prefix]{&:before{content:attr(data-prefix);text-align:right;opacity:.5;width:2rem;display:inline-block}}}}.lg\:mockup-window{border-radius:var(--radius-box);flex-direction:column;padding-top:1.25rem;display:flex;position:relative;overflow:auto hidden;&:before{content:"";aspect-ratio:1;opacity:.3;border-radius:3.40282e38px;flex-shrink:0;align-self:flex-start;height:.75rem;margin-bottom:1rem;display:block;box-shadow:1.4em 0,2.8em 0,4.2em 0;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){align-self:flex-end}}& pre[data-prefix]{&:before{content:attr(data-prefix);text-align:right;display:inline-block}}}.lg\:mockup-browser{border-radius:var(--radius-box);position:relative;overflow:auto hidden;& pre[data-prefix]{&:before{content:attr(data-prefix);text-align:right;display:inline-block}}& .mockup-browser-toolbar{align-items:center;width:100%;margin-block:.75rem;padding-right:1.4em;display:inline-flex;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}&:before{content:"";aspect-ratio:1;opacity:.3;border-radius:3.40282e38px;height:.75rem;margin-right:4.8rem;display:inline-block;box-shadow:1.4em 0,2.8em 0,4.2em 0}& .input{background-color:var(--color-base-200);text-overflow:ellipsis;white-space:nowrap;direction:ltr;align-items:center;gap:.5rem;height:100%;margin-inline:auto;font-size:.75rem;display:flex;overflow:hidden;&:before{content:"";opacity:.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor' class='size-4'%3E%3Cpath fill-rule='evenodd' d='M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");width:1rem;height:1rem}}}}.lg\:mockup-phone{background-color:#000;border:6px solid #6b6b6b;border-radius:65px;justify-items:center;padding:11px;display:inline-grid;overflow:hidden;& .camera{z-index:1;background:#000;border-radius:17px;grid-area:1/1/1/1;width:126px;height:32px;margin-top:6px}& .display{background-color:var(--color-base-100);border-radius:49px;grid-area:1/1/1/1;width:390px;height:844px;overflow:hidden}}}@media (width>=1280px){.xl\:mockup-code{border-radius:var(--radius-box);background-color:var(--color-neutral);color:var(--color-neutral-content);direction:ltr;min-width:18rem;padding-block:1.25rem;position:relative;overflow:auto hidden;&:before{content:"";opacity:.3;border-radius:3.40282e38px;width:.75rem;height:.75rem;margin-bottom:1rem;display:block;box-shadow:1.4em 0,2.8em 0,4.2em 0}& pre{padding-right:1.25rem;&:before{content:"";margin-right:2ch}&[data-prefix]{&:before{content:attr(data-prefix);text-align:right;opacity:.5;width:2rem;display:inline-block}}}}.xl\:mockup-window{border-radius:var(--radius-box);flex-direction:column;padding-top:1.25rem;display:flex;position:relative;overflow:auto hidden;&:before{content:"";aspect-ratio:1;opacity:.3;border-radius:3.40282e38px;flex-shrink:0;align-self:flex-start;height:.75rem;margin-bottom:1rem;display:block;box-shadow:1.4em 0,2.8em 0,4.2em 0;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){align-self:flex-end}}& pre[data-prefix]{&:before{content:attr(data-prefix);text-align:right;display:inline-block}}}.xl\:mockup-browser{border-radius:var(--radius-box);position:relative;overflow:auto hidden;& pre[data-prefix]{&:before{content:attr(data-prefix);text-align:right;display:inline-block}}& .mockup-browser-toolbar{align-items:center;width:100%;margin-block:.75rem;padding-right:1.4em;display:inline-flex;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}&:before{content:"";aspect-ratio:1;opacity:.3;border-radius:3.40282e38px;height:.75rem;margin-right:4.8rem;display:inline-block;box-shadow:1.4em 0,2.8em 0,4.2em 0}& .input{background-color:var(--color-base-200);text-overflow:ellipsis;white-space:nowrap;direction:ltr;align-items:center;gap:.5rem;height:100%;margin-inline:auto;font-size:.75rem;display:flex;overflow:hidden;&:before{content:"";opacity:.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor' class='size-4'%3E%3Cpath fill-rule='evenodd' d='M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");width:1rem;height:1rem}}}}.xl\:mockup-phone{background-color:#000;border:6px solid #6b6b6b;border-radius:65px;justify-items:center;padding:11px;display:inline-grid;overflow:hidden;& .camera{z-index:1;background:#000;border-radius:17px;grid-area:1/1/1/1;width:126px;height:32px;margin-top:6px}& .display{background-color:var(--color-base-100);border-radius:49px;grid-area:1/1/1/1;width:390px;height:844px;overflow:hidden}}}@media (width>=1536px){.\32 xl\:mockup-code{border-radius:var(--radius-box);background-color:var(--color-neutral);color:var(--color-neutral-content);direction:ltr;min-width:18rem;padding-block:1.25rem;position:relative;overflow:auto hidden;&:before{content:"";opacity:.3;border-radius:3.40282e38px;width:.75rem;height:.75rem;margin-bottom:1rem;display:block;box-shadow:1.4em 0,2.8em 0,4.2em 0}& pre{padding-right:1.25rem;&:before{content:"";margin-right:2ch}&[data-prefix]{&:before{content:attr(data-prefix);text-align:right;opacity:.5;width:2rem;display:inline-block}}}}.\32 xl\:mockup-window{border-radius:var(--radius-box);flex-direction:column;padding-top:1.25rem;display:flex;position:relative;overflow:auto hidden;&:before{content:"";aspect-ratio:1;opacity:.3;border-radius:3.40282e38px;flex-shrink:0;align-self:flex-start;height:.75rem;margin-bottom:1rem;display:block;box-shadow:1.4em 0,2.8em 0,4.2em 0;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){align-self:flex-end}}& pre[data-prefix]{&:before{content:attr(data-prefix);text-align:right;display:inline-block}}}.\32 xl\:mockup-browser{border-radius:var(--radius-box);position:relative;overflow:auto hidden;& pre[data-prefix]{&:before{content:attr(data-prefix);text-align:right;display:inline-block}}& .mockup-browser-toolbar{align-items:center;width:100%;margin-block:.75rem;padding-right:1.4em;display:inline-flex;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}&:before{content:"";aspect-ratio:1;opacity:.3;border-radius:3.40282e38px;height:.75rem;margin-right:4.8rem;display:inline-block;box-shadow:1.4em 0,2.8em 0,4.2em 0}& .input{background-color:var(--color-base-200);text-overflow:ellipsis;white-space:nowrap;direction:ltr;align-items:center;gap:.5rem;height:100%;margin-inline:auto;font-size:.75rem;display:flex;overflow:hidden;&:before{content:"";opacity:.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor' class='size-4'%3E%3Cpath fill-rule='evenodd' d='M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");width:1rem;height:1rem}}}}.\32 xl\:mockup-phone{background-color:#000;border:6px solid #6b6b6b;border-radius:65px;justify-items:center;padding:11px;display:inline-grid;overflow:hidden;& .camera{z-index:1;background:#000;border-radius:17px;grid-area:1/1/1/1;width:126px;height:32px;margin-top:6px}& .display{background-color:var(--color-base-100);border-radius:49px;grid-area:1/1/1/1;width:390px;height:844px;overflow:hidden}}}
+/*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .mockup-code{border-radius:var(--radius-box);background-color:var(--color-neutral);color:var(--color-neutral-content);direction:ltr;min-width:18rem;padding-block:1.25rem;position:relative;overflow:auto hidden;&:before{content:"";opacity:.3;border-radius:3.40282e38px;width:.75rem;height:.75rem;margin-bottom:1rem;display:block;box-shadow:1.4em 0,2.8em 0,4.2em 0}& pre{padding-right:1.25rem;&:before{content:"";margin-right:2ch}&[data-prefix]{&:before{content:attr(data-prefix);text-align:right;opacity:.5;width:2rem;display:inline-block}}}}.mockup-window{border-radius:var(--radius-box);flex-direction:column;padding-top:1.25rem;display:flex;position:relative;overflow:auto hidden;&:before{content:"";aspect-ratio:1;opacity:.3;border-radius:3.40282e38px;flex-shrink:0;align-self:flex-start;height:.75rem;margin-bottom:1rem;display:block;box-shadow:1.4em 0,2.8em 0,4.2em 0;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){align-self:flex-end}}& pre[data-prefix]{&:before{content:attr(data-prefix);text-align:right;display:inline-block}}}.mockup-browser{border-radius:var(--radius-box);position:relative;overflow:auto hidden;& pre[data-prefix]{&:before{content:attr(data-prefix);text-align:right;display:inline-block}}& .mockup-browser-toolbar{align-items:center;width:100%;margin-block:.75rem;padding-right:1.4em;display:inline-flex;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}&:before{content:"";aspect-ratio:1;opacity:.3;border-radius:3.40282e38px;height:.75rem;margin-right:4.8rem;display:inline-block;box-shadow:1.4em 0,2.8em 0,4.2em 0}& .input{background-color:var(--color-base-200);text-overflow:ellipsis;white-space:nowrap;direction:ltr;align-items:center;gap:.5rem;height:100%;margin-inline:auto;font-size:.75rem;display:flex;overflow:hidden;&:before{content:"";opacity:.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor' class='size-4'%3E%3Cpath fill-rule='evenodd' d='M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");width:1rem;height:1rem}}}}.mockup-phone{background-color:#000;border:6px solid #6b6b6b;border-radius:65px;justify-items:center;padding:11px;display:inline-grid;overflow:hidden;& .camera{z-index:1;background:#000;border-radius:17px;grid-area:1/1/1/1;width:126px;height:32px;margin-top:6px}& .display{background-color:var(--color-base-100);border-radius:49px;grid-area:1/1/1/1;width:390px;height:844px;overflow:hidden}}

package/components/modal/object.js

@@ -1 +1 @@
-export default {".modal":{"pointer-events":"none","position":"fixed","inset":"calc(0.25rem * 0)","margin":"calc(0.25rem * 0)","display":"grid","height":"100%","max-height":"none","width":"100%","max-width":"none","align-items":"center","justify-items":"center","background-color":"transparent","padding":"calc(0.25rem * 0)","color":"inherit","overflow-x":"hidden","opacity":0,"transition":"transform 0.3s ease-out, opacity 0.1s ease-out","overflow-y":"hidden","overscroll-behavior":"contain","z-index":999,"&:not(dialog:not(.modal-open)), &::backdrop":{"background-color":"oklch(0% 0 0/ 0.4)"},"&.modal-open, &[open], &:target":{"pointer-events":"auto","visibility":"visible","opacity":"100%",".modal-box":{"translate":"0 0","scale":"1","opacity":1}}},".modal-action":{"margin-top":"calc(0.25rem * 6)","display":"flex","justify-content":"flex-end","gap":"calc(0.25rem * 2)"},".modal-toggle":{"position":"fixed","height":"calc(0.25rem * 0)","width":"calc(0.25rem * 0)","appearance":"none","opacity":"0%","&:checked + .modal":{"pointer-events":"auto","visibility":"visible","opacity":"100%",".modal-box":{"translate":"0 0","scale":"1","opacity":1}}},".modal-backdrop":{"z-index":"calc(1 * -1)","grid-column-start":"1","grid-row-start":"1","display":"grid","align-self":"stretch","justify-self":"stretch","color":"transparent","button":{"cursor":"pointer"}},".modal-box":{"grid-column-start":"1","grid-row-start":"1","width":"calc(11/12 * 100%)","max-width":"var(--container-lg)","background-color":"var(--color-base-100)","padding":"calc(0.25rem * 6)","transition":"translate 0.3s ease-out, scale 0.3s ease-out, opacity 0.2s ease-out 0.05s, box-shadow 0.3s ease-out","border-top-left-radius":"var(--modal-top-left-radius, var(--radius-box))","border-top-right-radius":"var(--modal-top-right-radius, var(--radius-box))","border-bottom-left-radius":"var(--modal-bottom-left-radius, var(--radius-box))","border-bottom-right-radius":"var(--modal-bottom-right-radius, var(--radius-box))","scale":"95%","opacity":0,"box-shadow":"oklch(0% 0 0/ 0.25) 0px 25px 50px -12px","overflow-y":"auto","overscroll-behavior":"contain"},".modal-top":{"place-items":"start",":where(.modal-box)":{"height":"auto","width":"100%","max-width":"none","max-height":"calc(100vh - 5em)","translate":"0 -5%","scale":"1","--modal-top-left-radius":"0","--modal-top-right-radius":"0","--modal-bottom-left-radius":"var(--radius-box)","--modal-bottom-right-radius":"var(--radius-box)"}},".modal-middle":{"place-items":"center",":where(.modal-box)":{"height":"auto","width":"calc(11/12 * 100%)","max-width":"var(--container-lg)","max-height":"calc(100vh - 5em)","translate":"0 2%","scale":"98%","--modal-top-left-radius":"var(--radius-box)","--modal-top-right-radius":"var(--radius-box)","--modal-bottom-left-radius":"var(--radius-box)","--modal-bottom-right-radius":"var(--radius-box)"}},".modal-bottom":{"place-items":"end",":where(.modal-box)":{"height":"auto","width":"100%","max-width":"none","max-height":"calc(100vh - 5em)","translate":"0 5%","scale":"1","--modal-top-left-radius":"var(--radius-box)","--modal-top-right-radius":"var(--radius-box)","--modal-bottom-left-radius":"0","--modal-bottom-right-radius":"0"}},".modal-start":{"place-items":"start",":where(.modal-box)":{"height":"100vh","max-height":"none","width":"auto","max-width":"none","translate":"-5% 0","scale":"1","--modal-top-left-radius":"0","--modal-top-right-radius":"var(--radius-box)","--modal-bottom-left-radius":"0","--modal-bottom-right-radius":"var(--radius-box)"}},".modal-end":{"place-items":"end",":where(.modal-box)":{"height":"100vh","max-height":"none","width":"auto","max-width":"none","translate":"5% 0","scale":"1","--modal-top-left-radius":"var(--radius-box)","--modal-top-right-radius":"0","--modal-bottom-left-radius":"var(--radius-box)","--modal-bottom-right-radius":"0"}},"@keyframes modal-pop":{"0%":{"opacity":0}}};
+export default {".modal":{"pointer-events":"none","visibility":"hidden","position":"fixed","inset":"calc(0.25rem * 0)","margin":"calc(0.25rem * 0)","display":"grid","height":"100%","max-height":"none","width":"100%","max-width":"none","align-items":"center","justify-items":"center","background-color":"transparent","padding":"calc(0.25rem * 0)","color":"inherit","overflow-x":"hidden","transition":"transform 0.3s ease-out allow-discrete, visibility 0.3s ease-out allow-discrete, opacity 0.1s ease-out allow-discrete","overflow-y":"hidden","overscroll-behavior":"contain","z-index":999,"&:not(dialog:not(.modal-open)), &::backdrop":{"opacity":"100%","@starting-style":[{"visibility":"hidden"},{"opacity":"0%"}],"background-color":"oklch(0% 0 0/ 0.4)","transition":"display 0.3s ease-out allow-discrete, opacity 0.3s ease-out allow-discrete, visibility 0.3s ease-out allow-discrete"},"&.modal-open, &[open], &:target":{"pointer-events":"auto","visibility":"visible","opacity":"100%","@starting-style":[{"visibility":"hidden"},{"opacity":"0%"}],".modal-box":{"translate":"0 0","scale":"1","opacity":1}}},".modal-action":{"margin-top":"calc(0.25rem * 6)","display":"flex","justify-content":"flex-end","gap":"calc(0.25rem * 2)"},".modal-toggle":{"position":"fixed","height":"calc(0.25rem * 0)","width":"calc(0.25rem * 0)","appearance":"none","opacity":"0%","&:checked + .modal":{"pointer-events":"auto","visibility":"visible","opacity":"100%","@starting-style":[{"visibility":"hidden"},{"opacity":"0%"}],".modal-box":{"translate":"0 0","scale":"1","opacity":1}}},".modal-backdrop":{"z-index":"calc(1 * -1)","grid-column-start":"1","grid-row-start":"1","display":"grid","align-self":"stretch","justify-self":"stretch","color":"transparent","button":{"cursor":"pointer"}},".modal-box":{"grid-column-start":"1","grid-row-start":"1","width":"calc(11/12 * 100%)","max-width":"var(--container-lg)","background-color":"var(--color-base-100)","padding":"calc(0.25rem * 6)","transition":"translate 0.3s ease-out, scale 0.3s ease-out, opacity 0.2s ease-out 0.05s, box-shadow 0.3s ease-out","border-top-left-radius":"var(--modal-top-left-radius, var(--radius-box))","border-top-right-radius":"var(--modal-top-right-radius, var(--radius-box))","border-bottom-left-radius":"var(--modal-bottom-left-radius, var(--radius-box))","border-bottom-right-radius":"var(--modal-bottom-right-radius, var(--radius-box))","scale":"95%","opacity":0,"box-shadow":"oklch(0% 0 0/ 0.25) 0px 25px 50px -12px","overflow-y":"auto","overscroll-behavior":"contain"},".modal-top":{"place-items":"start",":where(.modal-box)":{"height":"auto","width":"100%","max-width":"none","max-height":"calc(100vh - 5em)","translate":"0 -5%","scale":"1","--modal-top-left-radius":"0","--modal-top-right-radius":"0","--modal-bottom-left-radius":"var(--radius-box)","--modal-bottom-right-radius":"var(--radius-box)"}},".modal-middle":{"place-items":"center",":where(.modal-box)":{"height":"auto","width":"calc(11/12 * 100%)","max-width":"var(--container-lg)","max-height":"calc(100vh - 5em)","translate":"0 2%","scale":"98%","--modal-top-left-radius":"var(--radius-box)","--modal-top-right-radius":"var(--radius-box)","--modal-bottom-left-radius":"var(--radius-box)","--modal-bottom-right-radius":"var(--radius-box)"}},".modal-bottom":{"place-items":"end",":where(.modal-box)":{"height":"auto","width":"100%","max-width":"none","max-height":"calc(100vh - 5em)","translate":"0 5%","scale":"1","--modal-top-left-radius":"var(--radius-box)","--modal-top-right-radius":"var(--radius-box)","--modal-bottom-left-radius":"0","--modal-bottom-right-radius":"0"}},".modal-start":{"place-items":"start",":where(.modal-box)":{"height":"100vh","max-height":"none","width":"auto","max-width":"none","translate":"-5% 0","scale":"1","--modal-top-left-radius":"0","--modal-top-right-radius":"var(--radius-box)","--modal-bottom-left-radius":"0","--modal-bottom-right-radius":"var(--radius-box)"}},".modal-end":{"place-items":"end",":where(.modal-box)":{"height":"100vh","max-height":"none","width":"auto","max-width":"none","translate":"5% 0","scale":"1","--modal-top-left-radius":"var(--radius-box)","--modal-top-right-radius":"0","--modal-bottom-left-radius":"var(--radius-box)","--modal-bottom-right-radius":"0"}},"@keyframes modal-pop":{"0%":{"opacity":0}}};

package/components/modal.css

@@ -1 +1 @@
-/*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .modal{pointer-events:none;color:inherit;opacity:0;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;transition:transform .3s ease-out,opacity .1s ease-out;display:grid;position:fixed;inset:0;overflow:hidden;&:not(dialog:not(.modal-open)),&::backdrop{background-color:oklch(0% 0 0/.4)}&.modal-open,&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;& .modal-box{opacity:1;translate:0;scale:1}}}.modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;& .modal-box{opacity:1;translate:0;scale:1}}}.modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid;& button{cursor:pointer}}.modal-box{max-width:var(--container-lg);background-color:var(--color-base-100);border-top-left-radius:var(--modal-top-left-radius,var(--radius-box));border-top-right-radius:var(--modal-top-right-radius,var(--radius-box));border-bottom-left-radius:var(--modal-bottom-left-radius,var(--radius-box));border-bottom-right-radius:var(--modal-bottom-right-radius,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.modal-top{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -5%;scale:1}}.modal-middle{place-items:center;& :where(.modal-box){max-width:var(--container-lg);--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:91.6667%;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.modal-bottom{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 5%;scale:1}}.modal-start{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-5%;scale:1}}.modal-end{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:5%;scale:1}}@keyframes modal-pop{0%{opacity:0}}@media (width>=640px){.sm\:modal{pointer-events:none;color:inherit;opacity:0;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;transition:transform .3s ease-out,opacity .1s ease-out;display:grid;position:fixed;inset:0;overflow:hidden;&:not(dialog:not(.modal-open)),&::backdrop{background-color:oklch(0% 0 0/.4)}&.modal-open,&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;& .modal-box{opacity:1;translate:0;scale:1}}}.sm\:modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.sm\:modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;& .modal-box{opacity:1;translate:0;scale:1}}}.sm\:modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid;& button{cursor:pointer}}.sm\:modal-box{max-width:var(--container-lg);background-color:var(--color-base-100);border-top-left-radius:var(--modal-top-left-radius,var(--radius-box));border-top-right-radius:var(--modal-top-right-radius,var(--radius-box));border-bottom-left-radius:var(--modal-bottom-left-radius,var(--radius-box));border-bottom-right-radius:var(--modal-bottom-right-radius,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.sm\:modal-top{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -5%;scale:1}}.sm\:modal-middle{place-items:center;& :where(.modal-box){max-width:var(--container-lg);--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:91.6667%;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.sm\:modal-bottom{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 5%;scale:1}}.sm\:modal-start{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-5%;scale:1}}.sm\:modal-end{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:5%;scale:1}}@keyframes modal-pop{0%{opacity:0}}}@media (width>=768px){.md\:modal{pointer-events:none;color:inherit;opacity:0;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;transition:transform .3s ease-out,opacity .1s ease-out;display:grid;position:fixed;inset:0;overflow:hidden;&:not(dialog:not(.modal-open)),&::backdrop{background-color:oklch(0% 0 0/.4)}&.modal-open,&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;& .modal-box{opacity:1;translate:0;scale:1}}}.md\:modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.md\:modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;& .modal-box{opacity:1;translate:0;scale:1}}}.md\:modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid;& button{cursor:pointer}}.md\:modal-box{max-width:var(--container-lg);background-color:var(--color-base-100);border-top-left-radius:var(--modal-top-left-radius,var(--radius-box));border-top-right-radius:var(--modal-top-right-radius,var(--radius-box));border-bottom-left-radius:var(--modal-bottom-left-radius,var(--radius-box));border-bottom-right-radius:var(--modal-bottom-right-radius,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.md\:modal-top{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -5%;scale:1}}.md\:modal-middle{place-items:center;& :where(.modal-box){max-width:var(--container-lg);--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:91.6667%;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.md\:modal-bottom{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 5%;scale:1}}.md\:modal-start{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-5%;scale:1}}.md\:modal-end{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:5%;scale:1}}@keyframes modal-pop{0%{opacity:0}}}@media (width>=1024px){.lg\:modal{pointer-events:none;color:inherit;opacity:0;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;transition:transform .3s ease-out,opacity .1s ease-out;display:grid;position:fixed;inset:0;overflow:hidden;&:not(dialog:not(.modal-open)),&::backdrop{background-color:oklch(0% 0 0/.4)}&.modal-open,&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;& .modal-box{opacity:1;translate:0;scale:1}}}.lg\:modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.lg\:modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;& .modal-box{opacity:1;translate:0;scale:1}}}.lg\:modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid;& button{cursor:pointer}}.lg\:modal-box{max-width:var(--container-lg);background-color:var(--color-base-100);border-top-left-radius:var(--modal-top-left-radius,var(--radius-box));border-top-right-radius:var(--modal-top-right-radius,var(--radius-box));border-bottom-left-radius:var(--modal-bottom-left-radius,var(--radius-box));border-bottom-right-radius:var(--modal-bottom-right-radius,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.lg\:modal-top{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -5%;scale:1}}.lg\:modal-middle{place-items:center;& :where(.modal-box){max-width:var(--container-lg);--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:91.6667%;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.lg\:modal-bottom{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 5%;scale:1}}.lg\:modal-start{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-5%;scale:1}}.lg\:modal-end{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:5%;scale:1}}@keyframes modal-pop{0%{opacity:0}}}@media (width>=1280px){.xl\:modal{pointer-events:none;color:inherit;opacity:0;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;transition:transform .3s ease-out,opacity .1s ease-out;display:grid;position:fixed;inset:0;overflow:hidden;&:not(dialog:not(.modal-open)),&::backdrop{background-color:oklch(0% 0 0/.4)}&.modal-open,&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;& .modal-box{opacity:1;translate:0;scale:1}}}.xl\:modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.xl\:modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;& .modal-box{opacity:1;translate:0;scale:1}}}.xl\:modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid;& button{cursor:pointer}}.xl\:modal-box{max-width:var(--container-lg);background-color:var(--color-base-100);border-top-left-radius:var(--modal-top-left-radius,var(--radius-box));border-top-right-radius:var(--modal-top-right-radius,var(--radius-box));border-bottom-left-radius:var(--modal-bottom-left-radius,var(--radius-box));border-bottom-right-radius:var(--modal-bottom-right-radius,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.xl\:modal-top{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -5%;scale:1}}.xl\:modal-middle{place-items:center;& :where(.modal-box){max-width:var(--container-lg);--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:91.6667%;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.xl\:modal-bottom{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 5%;scale:1}}.xl\:modal-start{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-5%;scale:1}}.xl\:modal-end{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:5%;scale:1}}@keyframes modal-pop{0%{opacity:0}}}@media (width>=1536px){.\32 xl\:modal{pointer-events:none;color:inherit;opacity:0;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;transition:transform .3s ease-out,opacity .1s ease-out;display:grid;position:fixed;inset:0;overflow:hidden;&:not(dialog:not(.modal-open)),&::backdrop{background-color:oklch(0% 0 0/.4)}&.modal-open,&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;& .modal-box{opacity:1;translate:0;scale:1}}}.\32 xl\:modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.\32 xl\:modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;& .modal-box{opacity:1;translate:0;scale:1}}}.\32 xl\:modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid;& button{cursor:pointer}}.\32 xl\:modal-box{max-width:var(--container-lg);background-color:var(--color-base-100);border-top-left-radius:var(--modal-top-left-radius,var(--radius-box));border-top-right-radius:var(--modal-top-right-radius,var(--radius-box));border-bottom-left-radius:var(--modal-bottom-left-radius,var(--radius-box));border-bottom-right-radius:var(--modal-bottom-right-radius,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.\32 xl\:modal-top{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -5%;scale:1}}.\32 xl\:modal-middle{place-items:center;& :where(.modal-box){max-width:var(--container-lg);--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:91.6667%;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.\32 xl\:modal-bottom{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 5%;scale:1}}.\32 xl\:modal-start{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-5%;scale:1}}.\32 xl\:modal-end{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:5%;scale:1}}@keyframes modal-pop{0%{opacity:0}}}
+/*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .modal{pointer-events:none;visibility:hidden;color:inherit;transition:transform .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete,opacity .1s ease-out allow-discrete;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden;&:not(dialog:not(.modal-open)),&::backdrop{opacity:1;transition:display .3s ease-out allow-discrete,opacity .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete;background-color:oklch(0% 0 0/.4);@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}}&.modal-open,&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid;& button{cursor:pointer}}.modal-box{max-width:var(--container-lg);background-color:var(--color-base-100);border-top-left-radius:var(--modal-top-left-radius,var(--radius-box));border-top-right-radius:var(--modal-top-right-radius,var(--radius-box));border-bottom-left-radius:var(--modal-bottom-left-radius,var(--radius-box));border-bottom-right-radius:var(--modal-bottom-right-radius,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.modal-top{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -5%;scale:1}}.modal-middle{place-items:center;& :where(.modal-box){max-width:var(--container-lg);--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:91.6667%;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.modal-bottom{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 5%;scale:1}}.modal-start{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-5%;scale:1}}.modal-end{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:5%;scale:1}}@keyframes modal-pop{0%{opacity:0}}@media (width>=640px){.sm\:modal{pointer-events:none;visibility:hidden;color:inherit;transition:transform .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete,opacity .1s ease-out allow-discrete;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden;&:not(dialog:not(.modal-open)),&::backdrop{opacity:1;transition:display .3s ease-out allow-discrete,opacity .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete;background-color:oklch(0% 0 0/.4);@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}}&.modal-open,&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.sm\:modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.sm\:modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.sm\:modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid;& button{cursor:pointer}}.sm\:modal-box{max-width:var(--container-lg);background-color:var(--color-base-100);border-top-left-radius:var(--modal-top-left-radius,var(--radius-box));border-top-right-radius:var(--modal-top-right-radius,var(--radius-box));border-bottom-left-radius:var(--modal-bottom-left-radius,var(--radius-box));border-bottom-right-radius:var(--modal-bottom-right-radius,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.sm\:modal-top{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -5%;scale:1}}.sm\:modal-middle{place-items:center;& :where(.modal-box){max-width:var(--container-lg);--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:91.6667%;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.sm\:modal-bottom{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 5%;scale:1}}.sm\:modal-start{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-5%;scale:1}}.sm\:modal-end{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:5%;scale:1}}@keyframes modal-pop{0%{opacity:0}}}@media (width>=768px){.md\:modal{pointer-events:none;visibility:hidden;color:inherit;transition:transform .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete,opacity .1s ease-out allow-discrete;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden;&:not(dialog:not(.modal-open)),&::backdrop{opacity:1;transition:display .3s ease-out allow-discrete,opacity .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete;background-color:oklch(0% 0 0/.4);@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}}&.modal-open,&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.md\:modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.md\:modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.md\:modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid;& button{cursor:pointer}}.md\:modal-box{max-width:var(--container-lg);background-color:var(--color-base-100);border-top-left-radius:var(--modal-top-left-radius,var(--radius-box));border-top-right-radius:var(--modal-top-right-radius,var(--radius-box));border-bottom-left-radius:var(--modal-bottom-left-radius,var(--radius-box));border-bottom-right-radius:var(--modal-bottom-right-radius,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.md\:modal-top{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -5%;scale:1}}.md\:modal-middle{place-items:center;& :where(.modal-box){max-width:var(--container-lg);--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:91.6667%;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.md\:modal-bottom{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 5%;scale:1}}.md\:modal-start{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-5%;scale:1}}.md\:modal-end{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:5%;scale:1}}@keyframes modal-pop{0%{opacity:0}}}@media (width>=1024px){.lg\:modal{pointer-events:none;visibility:hidden;color:inherit;transition:transform .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete,opacity .1s ease-out allow-discrete;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden;&:not(dialog:not(.modal-open)),&::backdrop{opacity:1;transition:display .3s ease-out allow-discrete,opacity .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete;background-color:oklch(0% 0 0/.4);@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}}&.modal-open,&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.lg\:modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.lg\:modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.lg\:modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid;& button{cursor:pointer}}.lg\:modal-box{max-width:var(--container-lg);background-color:var(--color-base-100);border-top-left-radius:var(--modal-top-left-radius,var(--radius-box));border-top-right-radius:var(--modal-top-right-radius,var(--radius-box));border-bottom-left-radius:var(--modal-bottom-left-radius,var(--radius-box));border-bottom-right-radius:var(--modal-bottom-right-radius,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.lg\:modal-top{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -5%;scale:1}}.lg\:modal-middle{place-items:center;& :where(.modal-box){max-width:var(--container-lg);--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:91.6667%;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.lg\:modal-bottom{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 5%;scale:1}}.lg\:modal-start{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-5%;scale:1}}.lg\:modal-end{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:5%;scale:1}}@keyframes modal-pop{0%{opacity:0}}}@media (width>=1280px){.xl\:modal{pointer-events:none;visibility:hidden;color:inherit;transition:transform .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete,opacity .1s ease-out allow-discrete;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden;&:not(dialog:not(.modal-open)),&::backdrop{opacity:1;transition:display .3s ease-out allow-discrete,opacity .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete;background-color:oklch(0% 0 0/.4);@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}}&.modal-open,&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.xl\:modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.xl\:modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.xl\:modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid;& button{cursor:pointer}}.xl\:modal-box{max-width:var(--container-lg);background-color:var(--color-base-100);border-top-left-radius:var(--modal-top-left-radius,var(--radius-box));border-top-right-radius:var(--modal-top-right-radius,var(--radius-box));border-bottom-left-radius:var(--modal-bottom-left-radius,var(--radius-box));border-bottom-right-radius:var(--modal-bottom-right-radius,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.xl\:modal-top{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -5%;scale:1}}.xl\:modal-middle{place-items:center;& :where(.modal-box){max-width:var(--container-lg);--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:91.6667%;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.xl\:modal-bottom{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 5%;scale:1}}.xl\:modal-start{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-5%;scale:1}}.xl\:modal-end{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:5%;scale:1}}@keyframes modal-pop{0%{opacity:0}}}@media (width>=1536px){.\32 xl\:modal{pointer-events:none;visibility:hidden;color:inherit;transition:transform .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete,opacity .1s ease-out allow-discrete;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden;&:not(dialog:not(.modal-open)),&::backdrop{opacity:1;transition:display .3s ease-out allow-discrete,opacity .3s ease-out allow-discrete,visibility .3s ease-out allow-discrete;background-color:oklch(0% 0 0/.4);@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}}&.modal-open,&[open],&:target{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.\32 xl\:modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.\32 xl\:modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;@starting-style{&{visibility:hidden}}@starting-style{&{opacity:0}}& .modal-box{opacity:1;translate:0;scale:1}}}.\32 xl\:modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid;& button{cursor:pointer}}.\32 xl\:modal-box{max-width:var(--container-lg);background-color:var(--color-base-100);border-top-left-radius:var(--modal-top-left-radius,var(--radius-box));border-top-right-radius:var(--modal-top-right-radius,var(--radius-box));border-bottom-left-radius:var(--modal-bottom-left-radius,var(--radius-box));border-bottom-right-radius:var(--modal-bottom-right-radius,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.\32 xl\:modal-top{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -5%;scale:1}}.\32 xl\:modal-middle{place-items:center;& :where(.modal-box){max-width:var(--container-lg);--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:var(--radius-box);width:91.6667%;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:98%}}.\32 xl\:modal-bottom{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 5%;scale:1}}.\32 xl\:modal-start{place-items:start;& :where(.modal-box){--modal-top-left-radius:0;--modal-top-right-radius:var(--radius-box);--modal-bottom-left-radius:0;--modal-bottom-right-radius:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-5%;scale:1}}.\32 xl\:modal-end{place-items:end;& :where(.modal-box){--modal-top-left-radius:var(--radius-box);--modal-top-right-radius:0;--modal-bottom-left-radius:var(--radius-box);--modal-bottom-right-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:5%;scale:1}}@keyframes modal-pop{0%{opacity:0}}}

package/components/navbar.css

@@ -1 +1 @@
-/*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .navbar{padding:var(--navbar-padding,.5rem);align-items:center;width:100%;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.navbar-start{justify-content:flex-start;width:50%}.navbar-center{flex-shrink:0}.navbar-end{justify-content:flex-end;width:50%}@media (width>=640px){.sm\:navbar{padding:var(--navbar-padding,.5rem);align-items:center;width:100%;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.sm\:navbar-start{justify-content:flex-start;width:50%}.sm\:navbar-center{flex-shrink:0}.sm\:navbar-end{justify-content:flex-end;width:50%}}@media (width>=768px){.md\:navbar{padding:var(--navbar-padding,.5rem);align-items:center;width:100%;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.md\:navbar-start{justify-content:flex-start;width:50%}.md\:navbar-center{flex-shrink:0}.md\:navbar-end{justify-content:flex-end;width:50%}}@media (width>=1024px){.lg\:navbar{padding:var(--navbar-padding,.5rem);align-items:center;width:100%;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.lg\:navbar-start{justify-content:flex-start;width:50%}.lg\:navbar-center{flex-shrink:0}.lg\:navbar-end{justify-content:flex-end;width:50%}}@media (width>=1280px){.xl\:navbar{padding:var(--navbar-padding,.5rem);align-items:center;width:100%;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.xl\:navbar-start{justify-content:flex-start;width:50%}.xl\:navbar-center{flex-shrink:0}.xl\:navbar-end{justify-content:flex-end;width:50%}}@media (width>=1536px){.\32 xl\:navbar{padding:var(--navbar-padding,.5rem);align-items:center;width:100%;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.\32 xl\:navbar-start{justify-content:flex-start;width:50%}.\32 xl\:navbar-center{flex-shrink:0}.\32 xl\:navbar-end{justify-content:flex-end;width:50%}}
+/*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .navbar{padding:var(--navbar-padding,.5rem);align-items:center;width:100%;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.navbar-start{justify-content:flex-start;width:50%}.navbar-center{flex-shrink:0}.navbar-end{justify-content:flex-end;width:50%}@media (width>=640px){.sm\:navbar{padding:var(--navbar-padding,.5rem);align-items:center;width:100%;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.sm\:navbar-start{justify-content:flex-start;width:50%}.sm\:navbar-center{flex-shrink:0}.sm\:navbar-end{justify-content:flex-end;width:50%}}@media (width>=768px){.md\:navbar{padding:var(--navbar-padding,.5rem);align-items:center;width:100%;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.md\:navbar-start{justify-content:flex-start;width:50%}.md\:navbar-center{flex-shrink:0}.md\:navbar-end{justify-content:flex-end;width:50%}}@media (width>=1024px){.lg\:navbar{padding:var(--navbar-padding,.5rem);align-items:center;width:100%;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.lg\:navbar-start{justify-content:flex-start;width:50%}.lg\:navbar-center{flex-shrink:0}.lg\:navbar-end{justify-content:flex-end;width:50%}}@media (width>=1280px){.xl\:navbar{padding:var(--navbar-padding,.5rem);align-items:center;width:100%;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.xl\:navbar-start{justify-content:flex-start;width:50%}.xl\:navbar-center{flex-shrink:0}.xl\:navbar-end{justify-content:flex-end;width:50%}}@media (width>=1536px){.\32 xl\:navbar{padding:var(--navbar-padding,.5rem);align-items:center;width:100%;min-height:4rem;display:flex;& :where(){align-items:center;display:inline-flex}}.\32 xl\:navbar-start{justify-content:flex-start;width:50%}.\32 xl\:navbar-center{flex-shrink:0}.\32 xl\:navbar-end{justify-content:flex-end;width:50%}}

package/components/progress.css

@@ -1 +1 @@
-/*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .progress{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);width:100%;height:.5rem;position:relative;overflow:hidden;&:indeterminate{--progress-color:var(--color-base-content);background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading;@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-base-content)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:var(--color-base-content)}}}.progress-primary{&:indeterminate{--progress-color:var(--color-primary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-primary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-primary)}}}.progress-secondary{&:indeterminate{--progress-color:var(--color-secondary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-secondary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-secondary)}}}.progress-accent{&:indeterminate{--progress-color:var(--color-accent)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-accent)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-accent)}}}.progress-info{&:indeterminate{--progress-color:var(--color-info)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-info)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-info)}}}.progress-success{&:indeterminate{--progress-color:var(--color-success)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-success)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-success)}}}.progress-warning{&:indeterminate{--progress-color:var(--color-warning)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-warning)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-warning)}}}.progress-error{&:indeterminate{--progress-color:var(--color-error)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-error)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-error)}}}@keyframes progress-loading{50%{background-position-x:-115%}}@media (width>=640px){.sm\:progress{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);width:100%;height:.5rem;position:relative;overflow:hidden;&:indeterminate{--progress-color:var(--color-base-content);background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading;@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-base-content)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:var(--color-base-content)}}}.sm\:progress-primary{&:indeterminate{--progress-color:var(--color-primary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-primary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-primary)}}}.sm\:progress-secondary{&:indeterminate{--progress-color:var(--color-secondary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-secondary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-secondary)}}}.sm\:progress-accent{&:indeterminate{--progress-color:var(--color-accent)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-accent)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-accent)}}}.sm\:progress-info{&:indeterminate{--progress-color:var(--color-info)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-info)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-info)}}}.sm\:progress-success{&:indeterminate{--progress-color:var(--color-success)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-success)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-success)}}}.sm\:progress-warning{&:indeterminate{--progress-color:var(--color-warning)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-warning)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-warning)}}}.sm\:progress-error{&:indeterminate{--progress-color:var(--color-error)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-error)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-error)}}}@keyframes progress-loading{50%{background-position-x:-115%}}}@media (width>=768px){.md\:progress{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);width:100%;height:.5rem;position:relative;overflow:hidden;&:indeterminate{--progress-color:var(--color-base-content);background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading;@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-base-content)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:var(--color-base-content)}}}.md\:progress-primary{&:indeterminate{--progress-color:var(--color-primary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-primary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-primary)}}}.md\:progress-secondary{&:indeterminate{--progress-color:var(--color-secondary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-secondary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-secondary)}}}.md\:progress-accent{&:indeterminate{--progress-color:var(--color-accent)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-accent)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-accent)}}}.md\:progress-info{&:indeterminate{--progress-color:var(--color-info)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-info)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-info)}}}.md\:progress-success{&:indeterminate{--progress-color:var(--color-success)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-success)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-success)}}}.md\:progress-warning{&:indeterminate{--progress-color:var(--color-warning)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-warning)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-warning)}}}.md\:progress-error{&:indeterminate{--progress-color:var(--color-error)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-error)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-error)}}}@keyframes progress-loading{50%{background-position-x:-115%}}}@media (width>=1024px){.lg\:progress{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);width:100%;height:.5rem;position:relative;overflow:hidden;&:indeterminate{--progress-color:var(--color-base-content);background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading;@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-base-content)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:var(--color-base-content)}}}.lg\:progress-primary{&:indeterminate{--progress-color:var(--color-primary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-primary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-primary)}}}.lg\:progress-secondary{&:indeterminate{--progress-color:var(--color-secondary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-secondary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-secondary)}}}.lg\:progress-accent{&:indeterminate{--progress-color:var(--color-accent)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-accent)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-accent)}}}.lg\:progress-info{&:indeterminate{--progress-color:var(--color-info)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-info)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-info)}}}.lg\:progress-success{&:indeterminate{--progress-color:var(--color-success)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-success)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-success)}}}.lg\:progress-warning{&:indeterminate{--progress-color:var(--color-warning)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-warning)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-warning)}}}.lg\:progress-error{&:indeterminate{--progress-color:var(--color-error)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-error)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-error)}}}@keyframes progress-loading{50%{background-position-x:-115%}}}@media (width>=1280px){.xl\:progress{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);width:100%;height:.5rem;position:relative;overflow:hidden;&:indeterminate{--progress-color:var(--color-base-content);background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading;@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-base-content)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:var(--color-base-content)}}}.xl\:progress-primary{&:indeterminate{--progress-color:var(--color-primary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-primary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-primary)}}}.xl\:progress-secondary{&:indeterminate{--progress-color:var(--color-secondary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-secondary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-secondary)}}}.xl\:progress-accent{&:indeterminate{--progress-color:var(--color-accent)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-accent)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-accent)}}}.xl\:progress-info{&:indeterminate{--progress-color:var(--color-info)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-info)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-info)}}}.xl\:progress-success{&:indeterminate{--progress-color:var(--color-success)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-success)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-success)}}}.xl\:progress-warning{&:indeterminate{--progress-color:var(--color-warning)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-warning)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-warning)}}}.xl\:progress-error{&:indeterminate{--progress-color:var(--color-error)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-error)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-error)}}}@keyframes progress-loading{50%{background-position-x:-115%}}}@media (width>=1536px){.\32 xl\:progress{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);width:100%;height:.5rem;position:relative;overflow:hidden;&:indeterminate{--progress-color:var(--color-base-content);background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading;@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-base-content)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:var(--color-base-content)}}}.\32 xl\:progress-primary{&:indeterminate{--progress-color:var(--color-primary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-primary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-primary)}}}.\32 xl\:progress-secondary{&:indeterminate{--progress-color:var(--color-secondary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-secondary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-secondary)}}}.\32 xl\:progress-accent{&:indeterminate{--progress-color:var(--color-accent)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-accent)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-accent)}}}.\32 xl\:progress-info{&:indeterminate{--progress-color:var(--color-info)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-info)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-info)}}}.\32 xl\:progress-success{&:indeterminate{--progress-color:var(--color-success)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-success)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-success)}}}.\32 xl\:progress-warning{&:indeterminate{--progress-color:var(--color-warning)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-warning)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-warning)}}}.\32 xl\:progress-error{&:indeterminate{--progress-color:var(--color-error)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-error)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-error)}}}@keyframes progress-loading{50%{background-position-x:-115%}}}
+/*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .progress{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);width:100%;height:.5rem;position:relative;overflow:hidden;&:indeterminate{--progress-color:var(--color-base-content);background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading;@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-base-content)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:var(--color-base-content)}}}.progress-primary{&:indeterminate{--progress-color:var(--color-primary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-primary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-primary)}}}.progress-secondary{&:indeterminate{--progress-color:var(--color-secondary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-secondary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-secondary)}}}.progress-accent{&:indeterminate{--progress-color:var(--color-accent)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-accent)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-accent)}}}.progress-info{&:indeterminate{--progress-color:var(--color-info)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-info)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-info)}}}.progress-success{&:indeterminate{--progress-color:var(--color-success)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-success)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-success)}}}.progress-warning{&:indeterminate{--progress-color:var(--color-warning)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-warning)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-warning)}}}.progress-error{&:indeterminate{--progress-color:var(--color-error)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-error)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-error)}}}@keyframes progress-loading{50%{background-position-x:-115%}}@media (width>=640px){.sm\:progress{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);width:100%;height:.5rem;position:relative;overflow:hidden;&:indeterminate{--progress-color:var(--color-base-content);background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading;@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-base-content)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:var(--color-base-content)}}}.sm\:progress-primary{&:indeterminate{--progress-color:var(--color-primary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-primary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-primary)}}}.sm\:progress-secondary{&:indeterminate{--progress-color:var(--color-secondary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-secondary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-secondary)}}}.sm\:progress-accent{&:indeterminate{--progress-color:var(--color-accent)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-accent)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-accent)}}}.sm\:progress-info{&:indeterminate{--progress-color:var(--color-info)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-info)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-info)}}}.sm\:progress-success{&:indeterminate{--progress-color:var(--color-success)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-success)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-success)}}}.sm\:progress-warning{&:indeterminate{--progress-color:var(--color-warning)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-warning)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-warning)}}}.sm\:progress-error{&:indeterminate{--progress-color:var(--color-error)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-error)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-error)}}}@keyframes progress-loading{50%{background-position-x:-115%}}}@media (width>=768px){.md\:progress{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);width:100%;height:.5rem;position:relative;overflow:hidden;&:indeterminate{--progress-color:var(--color-base-content);background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading;@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-base-content)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:var(--color-base-content)}}}.md\:progress-primary{&:indeterminate{--progress-color:var(--color-primary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-primary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-primary)}}}.md\:progress-secondary{&:indeterminate{--progress-color:var(--color-secondary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-secondary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-secondary)}}}.md\:progress-accent{&:indeterminate{--progress-color:var(--color-accent)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-accent)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-accent)}}}.md\:progress-info{&:indeterminate{--progress-color:var(--color-info)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-info)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-info)}}}.md\:progress-success{&:indeterminate{--progress-color:var(--color-success)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-success)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-success)}}}.md\:progress-warning{&:indeterminate{--progress-color:var(--color-warning)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-warning)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-warning)}}}.md\:progress-error{&:indeterminate{--progress-color:var(--color-error)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-error)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-error)}}}@keyframes progress-loading{50%{background-position-x:-115%}}}@media (width>=1024px){.lg\:progress{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);width:100%;height:.5rem;position:relative;overflow:hidden;&:indeterminate{--progress-color:var(--color-base-content);background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading;@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-base-content)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:var(--color-base-content)}}}.lg\:progress-primary{&:indeterminate{--progress-color:var(--color-primary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-primary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-primary)}}}.lg\:progress-secondary{&:indeterminate{--progress-color:var(--color-secondary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-secondary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-secondary)}}}.lg\:progress-accent{&:indeterminate{--progress-color:var(--color-accent)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-accent)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-accent)}}}.lg\:progress-info{&:indeterminate{--progress-color:var(--color-info)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-info)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-info)}}}.lg\:progress-success{&:indeterminate{--progress-color:var(--color-success)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-success)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-success)}}}.lg\:progress-warning{&:indeterminate{--progress-color:var(--color-warning)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-warning)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-warning)}}}.lg\:progress-error{&:indeterminate{--progress-color:var(--color-error)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-error)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-error)}}}@keyframes progress-loading{50%{background-position-x:-115%}}}@media (width>=1280px){.xl\:progress{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);width:100%;height:.5rem;position:relative;overflow:hidden;&:indeterminate{--progress-color:var(--color-base-content);background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading;@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-base-content)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:var(--color-base-content)}}}.xl\:progress-primary{&:indeterminate{--progress-color:var(--color-primary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-primary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-primary)}}}.xl\:progress-secondary{&:indeterminate{--progress-color:var(--color-secondary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-secondary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-secondary)}}}.xl\:progress-accent{&:indeterminate{--progress-color:var(--color-accent)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-accent)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-accent)}}}.xl\:progress-info{&:indeterminate{--progress-color:var(--color-info)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-info)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-info)}}}.xl\:progress-success{&:indeterminate{--progress-color:var(--color-success)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-success)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-success)}}}.xl\:progress-warning{&:indeterminate{--progress-color:var(--color-warning)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-warning)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-warning)}}}.xl\:progress-error{&:indeterminate{--progress-color:var(--color-error)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-error)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-error)}}}@keyframes progress-loading{50%{background-position-x:-115%}}}@media (width>=1536px){.\32 xl\:progress{appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklch,var(--color-base-content)20%,transparent);width:100%;height:.5rem;position:relative;overflow:hidden;&:indeterminate{--progress-color:var(--color-base-content);background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading;@supports ((-moz-appearance:none)){&::-moz-progress-bar{background-color:#0000;background-image:repeating-linear-gradient(90deg,var(--progress-color)-1%,var(--progress-color)10%,transparent 10%,transparent 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress-loading}}}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-base-content)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}&::-webkit-progress-value{border-radius:var(--radius-box);background-color:var(--color-base-content)}}}.\32 xl\:progress-primary{&:indeterminate{--progress-color:var(--color-primary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-primary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-primary)}}}.\32 xl\:progress-secondary{&:indeterminate{--progress-color:var(--color-secondary)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-secondary)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-secondary)}}}.\32 xl\:progress-accent{&:indeterminate{--progress-color:var(--color-accent)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-accent)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-accent)}}}.\32 xl\:progress-info{&:indeterminate{--progress-color:var(--color-info)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-info)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-info)}}}.\32 xl\:progress-success{&:indeterminate{--progress-color:var(--color-success)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-success)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-success)}}}.\32 xl\:progress-warning{&:indeterminate{--progress-color:var(--color-warning)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-warning)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-warning)}}}.\32 xl\:progress-error{&:indeterminate{--progress-color:var(--color-error)}@supports ((-moz-appearance:none)){&::-moz-progress-bar{border-radius:var(--radius-box);background-color:var(--color-error)}}@supports ((-webkit-appearance:none)){&::-webkit-progress-value{background-color:var(--color-error)}}}@keyframes progress-loading{50%{background-position-x:-115%}}}

package/components/radialprogress.css

@@ -1 +1 @@
-/*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .radial-progress{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}@media (width>=640px){.sm\:radial-progress{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}@media (width>=768px){.md\:radial-progress{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}@media (width>=1024px){.lg\:radial-progress{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}@media (width>=1280px){.xl\:radial-progress{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}@media (width>=1536px){.\32 xl\:radial-progress{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}
+/*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .radial-progress{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}@media (width>=640px){.sm\:radial-progress{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}@media (width>=768px){.md\:radial-progress{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}@media (width>=1024px){.lg\:radial-progress{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}@media (width>=1280px){.xl\:radial-progress{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}@media (width>=1536px){.\32 xl\:radial-progress{height:var(--size);width:var(--size);vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--radialprogress:calc(var(--value)*1%);background-color:#0000;border-radius:3.40282e38px;place-content:center;transition:--radialprogress .3s linear;display:inline-grid;position:relative;&:before{content:"";background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor var(--radialprogress),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--thickness)),#000 calc(100% + .5px - var(--thickness)));border-radius:3.40282e38px;position:absolute;inset:0}&:after{content:"";inset:calc(50% - var(--thickness)/2);transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));background-color:currentColor;border-radius:3.40282e38px;transition:transform .3s linear;position:absolute}}}

package/components/radio.css

@@ -1 +1 @@
-/*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.radio-primary{color:var(--color-primary);border-color:currentColor}.radio-secondary{color:var(--color-secondary);border-color:currentColor}.radio-accent{color:var(--color-accent);border-color:currentColor}.radio-success{color:var(--color-success);border-color:currentColor}.radio-warning{color:var(--color-warning);border-color:currentColor}.radio-info{color:var(--color-info);border-color:currentColor}.radio-error{color:var(--color-error);border-color:currentColor}.radio:disabled{cursor:not-allowed;opacity:.2}.radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}@media (width>=640px){.sm\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.sm\:radio-primary{color:var(--color-primary);border-color:currentColor}.sm\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.sm\:radio-accent{color:var(--color-accent);border-color:currentColor}.sm\:radio-success{color:var(--color-success);border-color:currentColor}.sm\:radio-warning{color:var(--color-warning);border-color:currentColor}.sm\:radio-info{color:var(--color-info);border-color:currentColor}.sm\:radio-error{color:var(--color-error);border-color:currentColor}.sm\:radio:disabled{cursor:not-allowed;opacity:.2}.sm\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.sm\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.sm\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.sm\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.sm\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=768px){.md\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.md\:radio-primary{color:var(--color-primary);border-color:currentColor}.md\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.md\:radio-accent{color:var(--color-accent);border-color:currentColor}.md\:radio-success{color:var(--color-success);border-color:currentColor}.md\:radio-warning{color:var(--color-warning);border-color:currentColor}.md\:radio-info{color:var(--color-info);border-color:currentColor}.md\:radio-error{color:var(--color-error);border-color:currentColor}.md\:radio:disabled{cursor:not-allowed;opacity:.2}.md\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.md\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.md\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.md\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.md\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=1024px){.lg\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.lg\:radio-primary{color:var(--color-primary);border-color:currentColor}.lg\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.lg\:radio-accent{color:var(--color-accent);border-color:currentColor}.lg\:radio-success{color:var(--color-success);border-color:currentColor}.lg\:radio-warning{color:var(--color-warning);border-color:currentColor}.lg\:radio-info{color:var(--color-info);border-color:currentColor}.lg\:radio-error{color:var(--color-error);border-color:currentColor}.lg\:radio:disabled{cursor:not-allowed;opacity:.2}.lg\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.lg\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.lg\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.lg\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.lg\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=1280px){.xl\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.xl\:radio-primary{color:var(--color-primary);border-color:currentColor}.xl\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.xl\:radio-accent{color:var(--color-accent);border-color:currentColor}.xl\:radio-success{color:var(--color-success);border-color:currentColor}.xl\:radio-warning{color:var(--color-warning);border-color:currentColor}.xl\:radio-info{color:var(--color-info);border-color:currentColor}.xl\:radio-error{color:var(--color-error);border-color:currentColor}.xl\:radio:disabled{cursor:not-allowed;opacity:.2}.xl\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.xl\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.xl\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.xl\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.xl\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=1536px){.\32 xl\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.\32 xl\:radio-primary{color:var(--color-primary);border-color:currentColor}.\32 xl\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.\32 xl\:radio-accent{color:var(--color-accent);border-color:currentColor}.\32 xl\:radio-success{color:var(--color-success);border-color:currentColor}.\32 xl\:radio-warning{color:var(--color-warning);border-color:currentColor}.\32 xl\:radio-info{color:var(--color-info);border-color:currentColor}.\32 xl\:radio-error{color:var(--color-error);border-color:currentColor}.\32 xl\:radio:disabled{cursor:not-allowed;opacity:.2}.\32 xl\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.\32 xl\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.\32 xl\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.\32 xl\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.\32 xl\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}
+/*! 🌼 daisyUI 5.0.0-alpha.40 – MIT License */ .radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.radio-primary{color:var(--color-primary);border-color:currentColor}.radio-secondary{color:var(--color-secondary);border-color:currentColor}.radio-accent{color:var(--color-accent);border-color:currentColor}.radio-success{color:var(--color-success);border-color:currentColor}.radio-warning{color:var(--color-warning);border-color:currentColor}.radio-info{color:var(--color-info);border-color:currentColor}.radio-error{color:var(--color-error);border-color:currentColor}.radio:disabled{cursor:not-allowed;opacity:.2}.radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}@media (width>=640px){.sm\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.sm\:radio-primary{color:var(--color-primary);border-color:currentColor}.sm\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.sm\:radio-accent{color:var(--color-accent);border-color:currentColor}.sm\:radio-success{color:var(--color-success);border-color:currentColor}.sm\:radio-warning{color:var(--color-warning);border-color:currentColor}.sm\:radio-info{color:var(--color-info);border-color:currentColor}.sm\:radio-error{color:var(--color-error);border-color:currentColor}.sm\:radio:disabled{cursor:not-allowed;opacity:.2}.sm\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.sm\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.sm\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.sm\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.sm\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=768px){.md\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.md\:radio-primary{color:var(--color-primary);border-color:currentColor}.md\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.md\:radio-accent{color:var(--color-accent);border-color:currentColor}.md\:radio-success{color:var(--color-success);border-color:currentColor}.md\:radio-warning{color:var(--color-warning);border-color:currentColor}.md\:radio-info{color:var(--color-info);border-color:currentColor}.md\:radio-error{color:var(--color-error);border-color:currentColor}.md\:radio:disabled{cursor:not-allowed;opacity:.2}.md\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.md\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.md\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.md\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.md\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=1024px){.lg\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.lg\:radio-primary{color:var(--color-primary);border-color:currentColor}.lg\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.lg\:radio-accent{color:var(--color-accent);border-color:currentColor}.lg\:radio-success{color:var(--color-success);border-color:currentColor}.lg\:radio-warning{color:var(--color-warning);border-color:currentColor}.lg\:radio-info{color:var(--color-info);border-color:currentColor}.lg\:radio-error{color:var(--color-error);border-color:currentColor}.lg\:radio:disabled{cursor:not-allowed;opacity:.2}.lg\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.lg\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.lg\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.lg\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.lg\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=1280px){.xl\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.xl\:radio-primary{color:var(--color-primary);border-color:currentColor}.xl\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.xl\:radio-accent{color:var(--color-accent);border-color:currentColor}.xl\:radio-success{color:var(--color-success);border-color:currentColor}.xl\:radio-warning{color:var(--color-warning);border-color:currentColor}.xl\:radio-info{color:var(--color-info);border-color:currentColor}.xl\:radio-error{color:var(--color-error);border-color:currentColor}.xl\:radio:disabled{cursor:not-allowed;opacity:.2}.xl\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.xl\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.xl\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.xl\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.xl\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}@media (width>=1536px){.\32 xl\:radio{cursor:pointer;appearance:none;vertical-align:middle;color:var(--color-base-content);border:1px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{content:"";border-radius:3.40282e38px;width:100%;height:100%;display:block}&:focus-visible{outline:2px solid}&:checked,&[aria-checked=true]{animation:radiomark var(--animation-input,.2s)ease-out;background-color:var(--color-base-100);border-color:currentColor;&:before{background-color:currentColor;box-shadow:inset 0 -1px oklch(0% 0 0/.1),inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1)}}}.\32 xl\:radio-primary{color:var(--color-primary);border-color:currentColor}.\32 xl\:radio-secondary{color:var(--color-secondary);border-color:currentColor}.\32 xl\:radio-accent{color:var(--color-accent);border-color:currentColor}.\32 xl\:radio-success{color:var(--color-success);border-color:currentColor}.\32 xl\:radio-warning{color:var(--color-warning);border-color:currentColor}.\32 xl\:radio-info{color:var(--color-info);border-color:currentColor}.\32 xl\:radio-error{color:var(--color-error);border-color:currentColor}.\32 xl\:radio:disabled{cursor:not-allowed;opacity:.2}.\32 xl\:radio-xs{padding:.125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*4)}}.\32 xl\:radio-sm{padding:.1875rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*5)}}.\32 xl\:radio-md{padding:.25rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*6)}}.\32 xl\:radio-lg{padding:.3125rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*7)}}.\32 xl\:radio-xl{padding:.375rem;&[type=radio]{--selector-size:calc(var(--spacing-selector-size)*8)}}@keyframes radiomark{0%{padding:5px}50%{padding:3px}}}