daisyui 5.7.4 → 5.7.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/base/properties.css +1 -1
- package/base/reset.css +1 -1
- package/base/rootcolor.css +1 -1
- package/base/rootscrollgutter.css +1 -1
- package/base/rootscrolllock.css +1 -1
- package/base/scrollbar.css +1 -1
- package/base/svg.css +1 -1
- package/colors/properties-extended.css +1 -1
- package/colors/properties.css +1 -1
- package/colors/responsive-extended.css +1 -1
- package/colors/responsive.css +1 -1
- package/colors/states-extended.css +1 -1
- package/colors/states.css +1 -1
- package/components/alert/object.js +1 -1
- package/components/alert.css +1 -1
- package/components/aura/object.js +1 -1
- package/components/aura.css +1 -1
- package/components/avatar/object.js +1 -1
- package/components/avatar.css +1 -1
- package/components/badge/object.js +1 -1
- package/components/badge.css +1 -1
- package/components/breadcrumbs/object.js +1 -1
- package/components/breadcrumbs.css +1 -1
- package/components/button/object.js +1 -1
- package/components/button.css +1 -1
- package/components/calendar/object.js +1 -1
- package/components/calendar.css +1 -1
- package/components/card/object.js +1 -1
- package/components/card.css +1 -1
- package/components/carousel/object.js +1 -1
- package/components/carousel.css +1 -1
- package/components/chat/object.js +1 -1
- package/components/chat.css +1 -1
- package/components/checkbox/object.js +1 -1
- package/components/checkbox.css +1 -1
- package/components/collapse/object.js +1 -1
- package/components/collapse.css +1 -1
- package/components/countdown/object.js +1 -1
- package/components/countdown.css +1 -1
- package/components/diff/object.js +1 -1
- package/components/diff.css +1 -1
- package/components/divider/object.js +1 -1
- package/components/divider.css +1 -1
- package/components/dock/object.js +1 -1
- package/components/dock.css +1 -1
- package/components/drawer/object.js +1 -1
- package/components/drawer.css +1 -1
- package/components/dropdown/object.js +1 -1
- package/components/dropdown.css +1 -1
- package/components/fab/object.js +1 -1
- package/components/fab.css +1 -1
- package/components/fieldset/object.js +1 -1
- package/components/fieldset.css +1 -1
- package/components/fileinput/object.js +1 -1
- package/components/fileinput.css +1 -1
- package/components/filter/object.js +1 -1
- package/components/filter.css +1 -1
- package/components/footer/object.js +1 -1
- package/components/footer.css +1 -1
- package/components/hero/object.js +1 -1
- package/components/hero.css +1 -1
- package/components/hover3d/object.js +1 -1
- package/components/hover3d.css +1 -1
- package/components/hovergallery/object.js +1 -1
- package/components/hovergallery.css +1 -1
- package/components/indicator/object.js +1 -1
- package/components/indicator.css +1 -1
- package/components/input/object.js +1 -1
- package/components/input.css +1 -1
- package/components/kbd/object.js +1 -1
- package/components/kbd.css +1 -1
- package/components/label/object.js +1 -1
- package/components/label.css +1 -1
- package/components/link/object.js +1 -1
- package/components/link.css +1 -1
- package/components/list/object.js +1 -1
- package/components/list.css +1 -1
- package/components/loading/object.js +1 -1
- package/components/loading.css +1 -1
- package/components/mask/object.js +1 -1
- package/components/mask.css +1 -1
- package/components/megamenu/object.js +1 -1
- package/components/megamenu.css +1 -1
- package/components/menu/object.js +1 -1
- package/components/menu.css +1 -1
- package/components/mockup/object.js +1 -1
- package/components/mockup.css +1 -1
- package/components/modal/object.js +1 -1
- package/components/modal.css +1 -1
- package/components/navbar/object.js +1 -1
- package/components/navbar.css +1 -1
- package/components/otp/object.js +1 -1
- package/components/otp.css +1 -1
- package/components/progress/object.js +1 -1
- package/components/progress.css +1 -1
- package/components/radialprogress/object.js +1 -1
- package/components/radialprogress.css +1 -1
- package/components/radio/object.js +1 -1
- package/components/radio.css +1 -1
- package/components/range/object.js +1 -1
- package/components/range.css +1 -1
- package/components/rating/object.js +1 -1
- package/components/rating.css +1 -1
- package/components/select/object.js +1 -1
- package/components/select.css +1 -1
- package/components/skeleton/object.js +1 -1
- package/components/skeleton.css +1 -1
- package/components/stack/object.js +1 -1
- package/components/stack.css +1 -1
- package/components/stat/object.js +1 -1
- package/components/stat.css +1 -1
- package/components/status/object.js +1 -1
- package/components/status.css +1 -1
- package/components/steps/object.js +1 -1
- package/components/steps.css +1 -1
- package/components/swap/object.js +1 -1
- package/components/swap.css +1 -1
- package/components/tab/object.js +1 -1
- package/components/tab.css +1 -1
- package/components/table/object.js +1 -1
- package/components/table.css +1 -1
- package/components/textarea/object.js +1 -1
- package/components/textarea.css +1 -1
- package/components/textrotate/object.js +1 -1
- package/components/textrotate.css +1 -1
- package/components/timeline/object.js +1 -1
- package/components/timeline.css +1 -1
- package/components/toast/object.js +1 -1
- package/components/toast.css +1 -1
- package/components/toggle/object.js +1 -1
- package/components/toggle.css +1 -1
- package/components/tooltip/object.js +1 -1
- package/components/tooltip.css +1 -1
- package/components/validator/object.js +1 -1
- package/components/validator.css +1 -1
- package/daisyui.css +1 -1
- package/functions/addPrefix.js +39 -36
- package/functions/themeOrder.d.ts +2 -0
- package/functions/variables.d.ts +32 -0
- package/index.js +10 -3
- package/package.json +18 -1
- package/theme/index.js +11 -4
- package/theme/object.d.ts +24 -24
- package/theme/object.js +1 -1
- package/themes.css +1 -1
- package/utilities/glass.css +1 -1
- package/utilities/join.css +1 -1
- package/utilities/radius.css +1 -1
- package/utilities/typography.css +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {"
|
|
1
|
+
export default {"@layer daisyui.l1.l2.l3":{".dropdown":{"position":"relative","display":"inline-block","position-area":"var(--anchor-v, bottom) var(--anchor-h, span-right)"},".dropdown > :not(:has( ~ [class*=\"dropdown-content\"])):focus":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}},".dropdown .dropdown-content":{"position":"absolute"},".dropdown.dropdown-close .dropdown-content, .dropdown:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) .dropdown-content, .dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible) ~ .dropdown-content":{"display":"none","transform-origin":"top","opacity":"0%","scale":"95%"},".dropdown[popover], .dropdown .dropdown-content":{"z-index":999,"@media (prefers-reduced-motion: no-preference)":{"animation":"dropdown 0.2s","transition-property":"opacity, scale, display, overlay","transition-behavior":"allow-discrete","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)"}},"@starting-style":{".dropdown[popover], .dropdown .dropdown-content":{"scale":"95%","opacity":0}},":is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) > [tabindex]:first-child":{"pointer-events":"none"},":is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) .dropdown-content":{"opacity":"100%","scale":"100%"},".dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content":{"opacity":"100%","scale":"100%"},".dropdown:is(details)":{"overflow":"revert-layer","summary":{"&::-webkit-details-marker":{"display":"none"}}},".dropdown:where([popover])":{"background":"#0000"},".dropdown[popover]":{"position":"fixed","color":"inherit","@supports not (position-area: bottom)":{"margin":"auto","&.dropdown-close, &.dropdown-open:not(:popover-open)":{"display":"none","transform-origin":"top","opacity":"0%","scale":"95%"},"&::backdrop":{"background-color":"color-mix(in oklab, #000 30%, #0000)"}},"&.dropdown-close, &:not(.dropdown-open, :popover-open)":{"display":"none","transform-origin":"top","opacity":"0%","scale":"95%"}}},"@layer daisyui.l1.l2":{".dropdown-start":{"--anchor-h":"span-right"},".dropdown-start :where(.dropdown-content)":{"inset-inline-end":"auto","translate":"0 0","[dir=\"rtl\"] &":{"translate":"0 0"}},".dropdown-start.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{"top":"0px","bottom":"auto"}},".dropdown-start.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"top":"0px","bottom":"auto"}},".dropdown-center":{"--anchor-h":"center"},".dropdown-center :where(.dropdown-content)":{"inset-inline-end":"calc(1/2 * 100%)","translate":"50% 0","[dir=\"rtl\"] &":{"translate":"-50% 0"}},".dropdown-center.dropdown-left":{"--anchor-h":"left","--anchor-v":"center",".dropdown-content":{"top":"auto","bottom":"calc(1 / 2 * 100%)","translate":"0 50%"}},".dropdown-center.dropdown-right":{"--anchor-h":"right","--anchor-v":"center",".dropdown-content":{"top":"auto","bottom":"calc(1 / 2 * 100%)","translate":"0 50%"}},".dropdown-end":{"--anchor-h":"span-left"},".dropdown-end :where(.dropdown-content)":{"inset-inline-end":"calc(0.25rem * 0)","translate":"0 0","[dir=\"rtl\"] &":{"translate":"0 0"}},".dropdown-end.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-top",".dropdown-content":{"top":"auto","bottom":"0px"}},".dropdown-end.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-top",".dropdown-content":{"top":"auto","bottom":"0px"}},".dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom"},".dropdown-left .dropdown-content":{"inset-inline-end":"100%","top":"0px","bottom":"auto","transform-origin":"100%"},".dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom"},".dropdown-right .dropdown-content":{"inset-inline-start":"100%","top":"0px","bottom":"auto","transform-origin":"0"},".dropdown-bottom":{"--anchor-v":"bottom"},".dropdown-bottom .dropdown-content":{"top":"100%","bottom":"auto","transform-origin":"top"},".dropdown-top":{"--anchor-v":"top"},".dropdown-top .dropdown-content":{"top":"auto","bottom":"100%","transform-origin":"bottom"}},"@keyframes dropdown":{"0%":{"opacity":0}}};
|
package/components/dropdown.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.7.4 - MIT License */ @layer utilities{.dropdown{@layer daisyui.l1.l2.l3{position-area:var(--anchor-v,bottom) var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}& .dropdown-content{position:absolute}&.dropdown-close .dropdown-content,&:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,&.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:.95}&[popover],& .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}@starting-style{&[popover],& .dropdown-content{opacity:0;scale:.95}}&:not(.dropdown-close){&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{&>[tabindex]:first-child{pointer-events:none}& .dropdown-content{opacity:1;scale:1}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:1}}}&:is(details){overflow:revert-layer;& summary{&::-webkit-details-marker{display:none}}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){margin:auto;&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}}}}.dropdown-start{@layer daisyui.l1.l2{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}}.dropdown-center{@layer daisyui.l1.l2{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}}.dropdown-end{@layer daisyui.l1.l2{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}}.dropdown-left{@layer daisyui.l1.l2{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}}.dropdown-right{@layer daisyui.l1.l2{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}}.dropdown-bottom{@layer daisyui.l1.l2{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}}.dropdown-top{@layer daisyui.l1.l2{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@media (width>=640px){.sm\:dropdown{@layer daisyui.l1.l2.l3{position-area:var(--anchor-v,bottom) var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}& .dropdown-content{position:absolute}&.dropdown-close .dropdown-content,&:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,&.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:.95}&[popover],& .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}@starting-style{&[popover],& .dropdown-content{opacity:0;scale:.95}}&:not(.dropdown-close){&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{&>[tabindex]:first-child{pointer-events:none}& .dropdown-content{opacity:1;scale:1}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:1}}}&:is(details){overflow:revert-layer;& summary{&::-webkit-details-marker{display:none}}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){margin:auto;&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}}}}.sm\:dropdown-start{@layer daisyui.l1.l2{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}}.sm\:dropdown-center{@layer daisyui.l1.l2{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}}.sm\:dropdown-end{@layer daisyui.l1.l2{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}}.sm\:dropdown-left{@layer daisyui.l1.l2{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}}.sm\:dropdown-right{@layer daisyui.l1.l2{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}}.sm\:dropdown-bottom{@layer daisyui.l1.l2{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}}.sm\:dropdown-top{@layer daisyui.l1.l2{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}}@media (width>=768px){.md\:dropdown{@layer daisyui.l1.l2.l3{position-area:var(--anchor-v,bottom) var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}& .dropdown-content{position:absolute}&.dropdown-close .dropdown-content,&:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,&.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:.95}&[popover],& .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}@starting-style{&[popover],& .dropdown-content{opacity:0;scale:.95}}&:not(.dropdown-close){&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{&>[tabindex]:first-child{pointer-events:none}& .dropdown-content{opacity:1;scale:1}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:1}}}&:is(details){overflow:revert-layer;& summary{&::-webkit-details-marker{display:none}}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){margin:auto;&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}}}}.md\:dropdown-start{@layer daisyui.l1.l2{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}}.md\:dropdown-center{@layer daisyui.l1.l2{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}}.md\:dropdown-end{@layer daisyui.l1.l2{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}}.md\:dropdown-left{@layer daisyui.l1.l2{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}}.md\:dropdown-right{@layer daisyui.l1.l2{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}}.md\:dropdown-bottom{@layer daisyui.l1.l2{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}}.md\:dropdown-top{@layer daisyui.l1.l2{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}}@media (width>=1024px){.lg\:dropdown{@layer daisyui.l1.l2.l3{position-area:var(--anchor-v,bottom) var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}& .dropdown-content{position:absolute}&.dropdown-close .dropdown-content,&:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,&.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:.95}&[popover],& .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}@starting-style{&[popover],& .dropdown-content{opacity:0;scale:.95}}&:not(.dropdown-close){&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{&>[tabindex]:first-child{pointer-events:none}& .dropdown-content{opacity:1;scale:1}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:1}}}&:is(details){overflow:revert-layer;& summary{&::-webkit-details-marker{display:none}}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){margin:auto;&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}}}}.lg\:dropdown-start{@layer daisyui.l1.l2{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}}.lg\:dropdown-center{@layer daisyui.l1.l2{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}}.lg\:dropdown-end{@layer daisyui.l1.l2{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}}.lg\:dropdown-left{@layer daisyui.l1.l2{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}}.lg\:dropdown-right{@layer daisyui.l1.l2{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}}.lg\:dropdown-bottom{@layer daisyui.l1.l2{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}}.lg\:dropdown-top{@layer daisyui.l1.l2{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}}@media (width>=1280px){.xl\:dropdown{@layer daisyui.l1.l2.l3{position-area:var(--anchor-v,bottom) var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}& .dropdown-content{position:absolute}&.dropdown-close .dropdown-content,&:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,&.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:.95}&[popover],& .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}@starting-style{&[popover],& .dropdown-content{opacity:0;scale:.95}}&:not(.dropdown-close){&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{&>[tabindex]:first-child{pointer-events:none}& .dropdown-content{opacity:1;scale:1}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:1}}}&:is(details){overflow:revert-layer;& summary{&::-webkit-details-marker{display:none}}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){margin:auto;&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}}}}.xl\:dropdown-start{@layer daisyui.l1.l2{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}}.xl\:dropdown-center{@layer daisyui.l1.l2{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}}.xl\:dropdown-end{@layer daisyui.l1.l2{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}}.xl\:dropdown-left{@layer daisyui.l1.l2{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}}.xl\:dropdown-right{@layer daisyui.l1.l2{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}}.xl\:dropdown-bottom{@layer daisyui.l1.l2{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}}.xl\:dropdown-top{@layer daisyui.l1.l2{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}}@media (width>=1536px){.\32 xl\:dropdown{@layer daisyui.l1.l2.l3{position-area:var(--anchor-v,bottom) var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}& .dropdown-content{position:absolute}&.dropdown-close .dropdown-content,&:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,&.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:.95}&[popover],& .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}@starting-style{&[popover],& .dropdown-content{opacity:0;scale:.95}}&:not(.dropdown-close){&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{&>[tabindex]:first-child{pointer-events:none}& .dropdown-content{opacity:1;scale:1}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;scale:1}}}&:is(details){overflow:revert-layer;& summary{&::-webkit-details-marker{display:none}}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){margin:auto;&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}}}}.\32 xl\:dropdown-start{@layer daisyui.l1.l2{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}}.\32 xl\:dropdown-center{@layer daisyui.l1.l2{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}}.\32 xl\:dropdown-end{@layer daisyui.l1.l2{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}}.\32 xl\:dropdown-left{@layer daisyui.l1.l2{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}}.\32 xl\:dropdown-right{@layer daisyui.l1.l2{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}}.\32 xl\:dropdown-bottom{@layer daisyui.l1.l2{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}}.\32 xl\:dropdown-top{@layer daisyui.l1.l2{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}}@keyframes dropdown{0%{opacity:0}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.7.5 - MIT License */ @layer utilities{@layer daisyui.l1.l2.l3{.dropdown{position-area:var(--anchor-v,bottom) var(--anchor-h,span-right);display:inline-block;position:relative}.dropdown>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}.dropdown .dropdown-content{position:absolute}.dropdown.dropdown-close .dropdown-content,.dropdown:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,.dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:.95}.dropdown[popover],.dropdown .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}@starting-style{.dropdown[popover],.dropdown .dropdown-content{opacity:0;scale:.95}}:is(.dropdown:not(.dropdown-close).dropdown-open,.dropdown:not(.dropdown-close):not(.dropdown-hover):focus,.dropdown:not(.dropdown-close):focus-within)>[tabindex]:first-child{pointer-events:none}:is(.dropdown:not(.dropdown-close).dropdown-open,.dropdown:not(.dropdown-close):not(.dropdown-hover):focus,.dropdown:not(.dropdown-close):focus-within) .dropdown-content,.dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content{opacity:1;scale:1}.dropdown:is(details){overflow:revert-layer;& summary{&::-webkit-details-marker{display:none}}}.dropdown:where([popover]){background:0 0}.dropdown[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){margin:auto;&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}}}@layer daisyui.l1.l2{.dropdown-start{--anchor-h:span-right}.dropdown-start :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}.dropdown-start.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}.dropdown-start.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}.dropdown-center{--anchor-h:center}.dropdown-center :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}.dropdown-center.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}.dropdown-center.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}.dropdown-end{--anchor-h:span-left}.dropdown-end :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}.dropdown-end.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}.dropdown-end.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}.dropdown-left{--anchor-h:left;--anchor-v:span-bottom}.dropdown-left .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}.dropdown-right{--anchor-h:right;--anchor-v:span-bottom}.dropdown-right .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}.dropdown-bottom{--anchor-v:bottom}.dropdown-bottom .dropdown-content{transform-origin:top;top:100%;bottom:auto}.dropdown-top{--anchor-v:top}.dropdown-top .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}@media (width>=640px){@layer daisyui.l1.l2.l3{.dropdown{position-area:var(--anchor-v,bottom) var(--anchor-h,span-right);display:inline-block;position:relative}.dropdown>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}.dropdown .dropdown-content{position:absolute}.dropdown.dropdown-close .dropdown-content,.dropdown:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,.dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:.95}.dropdown[popover],.dropdown .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}@starting-style{.dropdown[popover],.dropdown .dropdown-content{opacity:0;scale:.95}}:is(.dropdown:not(.dropdown-close).dropdown-open,.dropdown:not(.dropdown-close):not(.dropdown-hover):focus,.dropdown:not(.dropdown-close):focus-within)>[tabindex]:first-child{pointer-events:none}:is(.dropdown:not(.dropdown-close).dropdown-open,.dropdown:not(.dropdown-close):not(.dropdown-hover):focus,.dropdown:not(.dropdown-close):focus-within) .dropdown-content,.dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content{opacity:1;scale:1}.dropdown:is(details){overflow:revert-layer;& summary{&::-webkit-details-marker{display:none}}}.dropdown:where([popover]){background:0 0}.dropdown[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){margin:auto;&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}}}@layer daisyui.l1.l2{.dropdown-start{--anchor-h:span-right}.dropdown-start :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}.dropdown-start.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}.dropdown-start.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}.dropdown-center{--anchor-h:center}.dropdown-center :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}.dropdown-center.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}.dropdown-center.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}.dropdown-end{--anchor-h:span-left}.dropdown-end :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}.dropdown-end.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}.dropdown-end.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}.dropdown-left{--anchor-h:left;--anchor-v:span-bottom}.dropdown-left .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}.dropdown-right{--anchor-h:right;--anchor-v:span-bottom}.dropdown-right .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}.dropdown-bottom{--anchor-v:bottom}.dropdown-bottom .dropdown-content{transform-origin:top;top:100%;bottom:auto}.dropdown-top{--anchor-v:top}.dropdown-top .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@media (width>=768px){@layer daisyui.l1.l2.l3{.dropdown{position-area:var(--anchor-v,bottom) var(--anchor-h,span-right);display:inline-block;position:relative}.dropdown>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}.dropdown .dropdown-content{position:absolute}.dropdown.dropdown-close .dropdown-content,.dropdown:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,.dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:.95}.dropdown[popover],.dropdown .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}@starting-style{.dropdown[popover],.dropdown .dropdown-content{opacity:0;scale:.95}}:is(.dropdown:not(.dropdown-close).dropdown-open,.dropdown:not(.dropdown-close):not(.dropdown-hover):focus,.dropdown:not(.dropdown-close):focus-within)>[tabindex]:first-child{pointer-events:none}:is(.dropdown:not(.dropdown-close).dropdown-open,.dropdown:not(.dropdown-close):not(.dropdown-hover):focus,.dropdown:not(.dropdown-close):focus-within) .dropdown-content,.dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content{opacity:1;scale:1}.dropdown:is(details){overflow:revert-layer;& summary{&::-webkit-details-marker{display:none}}}.dropdown:where([popover]){background:0 0}.dropdown[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){margin:auto;&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}}}@layer daisyui.l1.l2{.dropdown-start{--anchor-h:span-right}.dropdown-start :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}.dropdown-start.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}.dropdown-start.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}.dropdown-center{--anchor-h:center}.dropdown-center :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}.dropdown-center.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}.dropdown-center.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}.dropdown-end{--anchor-h:span-left}.dropdown-end :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}.dropdown-end.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}.dropdown-end.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}.dropdown-left{--anchor-h:left;--anchor-v:span-bottom}.dropdown-left .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}.dropdown-right{--anchor-h:right;--anchor-v:span-bottom}.dropdown-right .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}.dropdown-bottom{--anchor-v:bottom}.dropdown-bottom .dropdown-content{transform-origin:top;top:100%;bottom:auto}.dropdown-top{--anchor-v:top}.dropdown-top .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@media (width>=1024px){@layer daisyui.l1.l2.l3{.dropdown{position-area:var(--anchor-v,bottom) var(--anchor-h,span-right);display:inline-block;position:relative}.dropdown>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}.dropdown .dropdown-content{position:absolute}.dropdown.dropdown-close .dropdown-content,.dropdown:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,.dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:.95}.dropdown[popover],.dropdown .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}@starting-style{.dropdown[popover],.dropdown .dropdown-content{opacity:0;scale:.95}}:is(.dropdown:not(.dropdown-close).dropdown-open,.dropdown:not(.dropdown-close):not(.dropdown-hover):focus,.dropdown:not(.dropdown-close):focus-within)>[tabindex]:first-child{pointer-events:none}:is(.dropdown:not(.dropdown-close).dropdown-open,.dropdown:not(.dropdown-close):not(.dropdown-hover):focus,.dropdown:not(.dropdown-close):focus-within) .dropdown-content,.dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content{opacity:1;scale:1}.dropdown:is(details){overflow:revert-layer;& summary{&::-webkit-details-marker{display:none}}}.dropdown:where([popover]){background:0 0}.dropdown[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){margin:auto;&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}}}@layer daisyui.l1.l2{.dropdown-start{--anchor-h:span-right}.dropdown-start :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}.dropdown-start.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}.dropdown-start.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}.dropdown-center{--anchor-h:center}.dropdown-center :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}.dropdown-center.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}.dropdown-center.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}.dropdown-end{--anchor-h:span-left}.dropdown-end :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}.dropdown-end.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}.dropdown-end.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}.dropdown-left{--anchor-h:left;--anchor-v:span-bottom}.dropdown-left .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}.dropdown-right{--anchor-h:right;--anchor-v:span-bottom}.dropdown-right .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}.dropdown-bottom{--anchor-v:bottom}.dropdown-bottom .dropdown-content{transform-origin:top;top:100%;bottom:auto}.dropdown-top{--anchor-v:top}.dropdown-top .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@media (width>=1280px){@layer daisyui.l1.l2.l3{.dropdown{position-area:var(--anchor-v,bottom) var(--anchor-h,span-right);display:inline-block;position:relative}.dropdown>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}.dropdown .dropdown-content{position:absolute}.dropdown.dropdown-close .dropdown-content,.dropdown:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,.dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:.95}.dropdown[popover],.dropdown .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}@starting-style{.dropdown[popover],.dropdown .dropdown-content{opacity:0;scale:.95}}:is(.dropdown:not(.dropdown-close).dropdown-open,.dropdown:not(.dropdown-close):not(.dropdown-hover):focus,.dropdown:not(.dropdown-close):focus-within)>[tabindex]:first-child{pointer-events:none}:is(.dropdown:not(.dropdown-close).dropdown-open,.dropdown:not(.dropdown-close):not(.dropdown-hover):focus,.dropdown:not(.dropdown-close):focus-within) .dropdown-content,.dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content{opacity:1;scale:1}.dropdown:is(details){overflow:revert-layer;& summary{&::-webkit-details-marker{display:none}}}.dropdown:where([popover]){background:0 0}.dropdown[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){margin:auto;&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}}}@layer daisyui.l1.l2{.dropdown-start{--anchor-h:span-right}.dropdown-start :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}.dropdown-start.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}.dropdown-start.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}.dropdown-center{--anchor-h:center}.dropdown-center :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}.dropdown-center.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}.dropdown-center.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}.dropdown-end{--anchor-h:span-left}.dropdown-end :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}.dropdown-end.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}.dropdown-end.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}.dropdown-left{--anchor-h:left;--anchor-v:span-bottom}.dropdown-left .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}.dropdown-right{--anchor-h:right;--anchor-v:span-bottom}.dropdown-right .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}.dropdown-bottom{--anchor-v:bottom}.dropdown-bottom .dropdown-content{transform-origin:top;top:100%;bottom:auto}.dropdown-top{--anchor-v:top}.dropdown-top .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@media (width>=1536px){@layer daisyui.l1.l2.l3{.dropdown{position-area:var(--anchor-v,bottom) var(--anchor-h,span-right);display:inline-block;position:relative}.dropdown>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline-offset:2px;outline:2px solid #0000}}.dropdown .dropdown-content{position:absolute}.dropdown.dropdown-close .dropdown-content,.dropdown:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,.dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:.95}.dropdown[popover],.dropdown .dropdown-content{z-index:999;@media (prefers-reduced-motion:no-preference){transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}@starting-style{.dropdown[popover],.dropdown .dropdown-content{opacity:0;scale:.95}}:is(.dropdown:not(.dropdown-close).dropdown-open,.dropdown:not(.dropdown-close):not(.dropdown-hover):focus,.dropdown:not(.dropdown-close):focus-within)>[tabindex]:first-child{pointer-events:none}:is(.dropdown:not(.dropdown-close).dropdown-open,.dropdown:not(.dropdown-close):not(.dropdown-hover):focus,.dropdown:not(.dropdown-close):focus-within) .dropdown-content,.dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content{opacity:1;scale:1}.dropdown:is(details){overflow:revert-layer;& summary{&::-webkit-details-marker{display:none}}}.dropdown:where([popover]){background:0 0}.dropdown[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){margin:auto;&.dropdown-close,&.dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}&::backdrop{background-color:oklab(0% none none/.3)}}&.dropdown-close,&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}}}@layer daisyui.l1.l2{.dropdown-start{--anchor-h:span-right}.dropdown-start :where(.dropdown-content){inset-inline-end:auto;translate:0;[dir=rtl] &{translate:0}}.dropdown-start.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}.dropdown-start.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}.dropdown-center{--anchor-h:center}.dropdown-center :where(.dropdown-content){inset-inline-end:50%;translate:50%;[dir=rtl] &{translate:-50%}}.dropdown-center.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}.dropdown-center.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}.dropdown-end{--anchor-h:span-left}.dropdown-end :where(.dropdown-content){inset-inline-end:0;translate:0;[dir=rtl] &{translate:0}}.dropdown-end.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}.dropdown-end.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}.dropdown-left{--anchor-h:left;--anchor-v:span-bottom}.dropdown-left .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}.dropdown-right{--anchor-h:right;--anchor-v:span-bottom}.dropdown-right .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}.dropdown-bottom{--anchor-v:bottom}.dropdown-bottom .dropdown-content{transform-origin:top;top:100%;bottom:auto}.dropdown-top{--anchor-v:top}.dropdown-top .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@keyframes dropdown{0%{opacity:0}}}
|
package/components/fab/object.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {"
|
|
1
|
+
export default {"@layer daisyui.l1.l2.l3":{".fab":{"pointer-events":"none","position":"fixed","inset-inline-end":"calc(0.25rem * 4)","bottom":"calc(0.25rem * 4)","z-index":999,"display":"flex","flex-direction":"column-reverse","align-items":"flex-end","gap":"calc(0.25rem * 2)","font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))","white-space":"nowrap","webkit-user-select":"none","user-select":"none"},".fab > *":{"pointer-events":"auto","display":"flex","align-items":"center","gap":"calc(0.25rem * 2)","&:hover, &:has(:focus-visible)":{"z-index":1}},".fab > [tabindex]:first-child":{"position":"relative","display":"grid","transition-property":"opacity, visibility, rotate","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)"},".fab .fab-close":{"position":"absolute","inset-inline-end":"calc(0.25rem * 0)","bottom":"0px"},".fab .fab-main-action":{"position":"absolute","inset-inline-end":"calc(0.25rem * 0)","bottom":"0px"},":is(.fab:focus-within:has(.fab-close), .fab:focus-within:has(.fab-main-action)) > [tabindex]":{"rotate":"90deg","opacity":"0%"},".fab > :nth-child(n + 2)":{"visibility":"hidden","--tw-scale-x":"80%","--tw-scale-y":"80%","--tw-scale-z":"80%","scale":"var(--tw-scale-x) var(--tw-scale-y)","opacity":"0%","transition-property":"opacity, scale, visibility","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)","&.fab-main-action, &.fab-close":{"--tw-scale-x":"100%","--tw-scale-y":"100%","--tw-scale-z":"100%","scale":"var(--tw-scale-x) var(--tw-scale-y)"}},".fab > :nth-child(3)":{"transition-delay":"30ms"},".fab > :nth-child(4)":{"transition-delay":"60ms"},".fab > :nth-child(5)":{"transition-delay":"90ms"},".fab > :nth-child(6)":{"transition-delay":"120ms"},".fab:focus-within > [tabindex]:first-child":{"pointer-events":"none"},".fab:focus-within > :nth-child(n + 2)":{"visibility":"visible","--tw-scale-x":"100%","--tw-scale-y":"100%","--tw-scale-z":"100%","scale":"var(--tw-scale-x) var(--tw-scale-y)","opacity":"100%"},".fab-flower":{"display":"grid","--position":"0rem"},".fab-flower > *:nth-child(1), .fab-flower > .fab-main-action, .fab-flower > .fab-close":{"--position":"0rem"},".fab-flower > *":{"grid-area":"1/1","--degree":"180deg","--flip-degree":"calc(180deg - var(--degree))","transform":"translateX(calc(cos(var(--degree)) * var(--position))) translateY(calc(sin(var(--degree)) * -1 * var(--position)))","[dir=\"rtl\"] &":{"transform":"translateX(calc(cos(var(--flip-degree)) * var(--position))) translateY(calc(sin(var(--flip-degree)) * -1 * var(--position)))"}},".fab-flower > :nth-child(n + 7)":{"display":"none"},".fab-flower:has(:nth-child(3))":{"--position":"140%","> :nth-child(3)":{"--degree":"135deg"}},".fab-flower:has(:nth-child(4))":{"--position":"140%","> :nth-child(3)":{"--degree":"165deg"},"> :nth-child(4)":{"--degree":"105deg"}},".fab-flower:has(:nth-child(5))":{"--position":"180%","> :nth-child(3)":{"--degree":"180deg"},"> :nth-child(4)":{"--degree":"135deg"},"> :nth-child(5)":{"--degree":"90deg"}},".fab-flower:has(:nth-child(6))":{"--position":"220%","> :nth-child(3)":{"--degree":"180deg"},"> :nth-child(4)":{"--degree":"150deg"},"> :nth-child(5)":{"--degree":"120deg"},"> :nth-child(6)":{"--degree":"90deg"}},".fab-flower:not(:has(.fab-main-action, .fab-close)) > :nth-child(n + 6)":{"display":"none"},".fab-flower:not(:has(.fab-main-action, .fab-close)):has(:nth-child(2))":{"--position":"140%","> :nth-child(2)":{"--degree":"135deg"}},".fab-flower:not(:has(.fab-main-action, .fab-close)):has(:nth-child(3))":{"--position":"140%","> :nth-child(2)":{"--degree":"165deg"},"> :nth-child(3)":{"--degree":"105deg"}},".fab-flower:not(:has(.fab-main-action, .fab-close)):has(:nth-child(4))":{"--position":"180%","> :nth-child(2)":{"--degree":"180deg"},"> :nth-child(3)":{"--degree":"135deg"},"> :nth-child(4)":{"--degree":"90deg"}},".fab-flower:not(:has(.fab-main-action, .fab-close)):has(:nth-child(5))":{"--position":"220%","> :nth-child(2)":{"--degree":"180deg"},"> :nth-child(3)":{"--degree":"150deg"},"> :nth-child(4)":{"--degree":"120deg"},"> :nth-child(5)":{"--degree":"90deg"}}}};
|
package/components/fab.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.7.4 - MIT License */ @layer utilities{.fab{@layer daisyui.l1.l2.l3{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;-webkit-user-select:none;user-select:none;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem;&>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}&>[tabindex]{&:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}}& .fab-close,& .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}&:focus-within{&:has(.fab-close),&:has(.fab-main-action){&>[tabindex]{opacity:0;rotate:90deg}}}&>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}&>:nth-child(3){transition-delay:30ms}&>:nth-child(4){transition-delay:60ms}&>:nth-child(5){transition-delay:90ms}&>:nth-child(6){transition-delay:.12s}&:focus-within{&>[tabindex]:first-child{pointer-events:none}&>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:1}}}}.fab-flower{@layer daisyui.l1.l2.l3{--position:0rem;display:grid;&>:first-child,&>.fab-main-action,&>.fab-close{--position:0rem}&>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree)) * var(--position))) translateY(calc(sin(var(--degree)) * -1 * var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree)) * var(--position))) translateY(calc(sin(var(--flip-degree)) * -1 * var(--position)))}}&>:nth-child(n+7){display:none}&:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}&:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}&:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}&:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}&:not(:has(.fab-main-action,.fab-close)){&>:nth-child(n+6){display:none}&:has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}&:has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}&:has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}&:has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--degree:90deg}}}}}@media (width>=640px){.sm\:fab{@layer daisyui.l1.l2.l3{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;-webkit-user-select:none;user-select:none;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem;&>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}&>[tabindex]{&:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}}& .fab-close,& .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}&:focus-within{&:has(.fab-close),&:has(.fab-main-action){&>[tabindex]{opacity:0;rotate:90deg}}}&>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}&>:nth-child(3){transition-delay:30ms}&>:nth-child(4){transition-delay:60ms}&>:nth-child(5){transition-delay:90ms}&>:nth-child(6){transition-delay:.12s}&:focus-within{&>[tabindex]:first-child{pointer-events:none}&>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:1}}}}.sm\:fab-flower{@layer daisyui.l1.l2.l3{--position:0rem;display:grid;&>:first-child,&>.fab-main-action,&>.fab-close{--position:0rem}&>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree)) * var(--position))) translateY(calc(sin(var(--degree)) * -1 * var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree)) * var(--position))) translateY(calc(sin(var(--flip-degree)) * -1 * var(--position)))}}&>:nth-child(n+7){display:none}&:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}&:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}&:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}&:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}&:not(:has(.fab-main-action,.fab-close)){&>:nth-child(n+6){display:none}&:has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}&:has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}&:has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}&:has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--degree:90deg}}}}}}@media (width>=768px){.md\:fab{@layer daisyui.l1.l2.l3{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;-webkit-user-select:none;user-select:none;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem;&>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}&>[tabindex]{&:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}}& .fab-close,& .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}&:focus-within{&:has(.fab-close),&:has(.fab-main-action){&>[tabindex]{opacity:0;rotate:90deg}}}&>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}&>:nth-child(3){transition-delay:30ms}&>:nth-child(4){transition-delay:60ms}&>:nth-child(5){transition-delay:90ms}&>:nth-child(6){transition-delay:.12s}&:focus-within{&>[tabindex]:first-child{pointer-events:none}&>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:1}}}}.md\:fab-flower{@layer daisyui.l1.l2.l3{--position:0rem;display:grid;&>:first-child,&>.fab-main-action,&>.fab-close{--position:0rem}&>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree)) * var(--position))) translateY(calc(sin(var(--degree)) * -1 * var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree)) * var(--position))) translateY(calc(sin(var(--flip-degree)) * -1 * var(--position)))}}&>:nth-child(n+7){display:none}&:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}&:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}&:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}&:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}&:not(:has(.fab-main-action,.fab-close)){&>:nth-child(n+6){display:none}&:has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}&:has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}&:has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}&:has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--degree:90deg}}}}}}@media (width>=1024px){.lg\:fab{@layer daisyui.l1.l2.l3{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;-webkit-user-select:none;user-select:none;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem;&>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}&>[tabindex]{&:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}}& .fab-close,& .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}&:focus-within{&:has(.fab-close),&:has(.fab-main-action){&>[tabindex]{opacity:0;rotate:90deg}}}&>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}&>:nth-child(3){transition-delay:30ms}&>:nth-child(4){transition-delay:60ms}&>:nth-child(5){transition-delay:90ms}&>:nth-child(6){transition-delay:.12s}&:focus-within{&>[tabindex]:first-child{pointer-events:none}&>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:1}}}}.lg\:fab-flower{@layer daisyui.l1.l2.l3{--position:0rem;display:grid;&>:first-child,&>.fab-main-action,&>.fab-close{--position:0rem}&>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree)) * var(--position))) translateY(calc(sin(var(--degree)) * -1 * var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree)) * var(--position))) translateY(calc(sin(var(--flip-degree)) * -1 * var(--position)))}}&>:nth-child(n+7){display:none}&:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}&:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}&:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}&:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}&:not(:has(.fab-main-action,.fab-close)){&>:nth-child(n+6){display:none}&:has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}&:has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}&:has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}&:has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--degree:90deg}}}}}}@media (width>=1280px){.xl\:fab{@layer daisyui.l1.l2.l3{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;-webkit-user-select:none;user-select:none;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem;&>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}&>[tabindex]{&:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}}& .fab-close,& .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}&:focus-within{&:has(.fab-close),&:has(.fab-main-action){&>[tabindex]{opacity:0;rotate:90deg}}}&>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}&>:nth-child(3){transition-delay:30ms}&>:nth-child(4){transition-delay:60ms}&>:nth-child(5){transition-delay:90ms}&>:nth-child(6){transition-delay:.12s}&:focus-within{&>[tabindex]:first-child{pointer-events:none}&>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:1}}}}.xl\:fab-flower{@layer daisyui.l1.l2.l3{--position:0rem;display:grid;&>:first-child,&>.fab-main-action,&>.fab-close{--position:0rem}&>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree)) * var(--position))) translateY(calc(sin(var(--degree)) * -1 * var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree)) * var(--position))) translateY(calc(sin(var(--flip-degree)) * -1 * var(--position)))}}&>:nth-child(n+7){display:none}&:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}&:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}&:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}&:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}&:not(:has(.fab-main-action,.fab-close)){&>:nth-child(n+6){display:none}&:has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}&:has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}&:has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}&:has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--degree:90deg}}}}}}@media (width>=1536px){.\32 xl\:fab{@layer daisyui.l1.l2.l3{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;-webkit-user-select:none;user-select:none;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem;&>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}&>[tabindex]{&:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}}& .fab-close,& .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}&:focus-within{&:has(.fab-close),&:has(.fab-main-action){&>[tabindex]{opacity:0;rotate:90deg}}}&>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}&>:nth-child(3){transition-delay:30ms}&>:nth-child(4){transition-delay:60ms}&>:nth-child(5){transition-delay:90ms}&>:nth-child(6){transition-delay:.12s}&:focus-within{&>[tabindex]:first-child{pointer-events:none}&>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:1}}}}.\32 xl\:fab-flower{@layer daisyui.l1.l2.l3{--position:0rem;display:grid;&>:first-child,&>.fab-main-action,&>.fab-close{--position:0rem}&>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree)) * var(--position))) translateY(calc(sin(var(--degree)) * -1 * var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree)) * var(--position))) translateY(calc(sin(var(--flip-degree)) * -1 * var(--position)))}}&>:nth-child(n+7){display:none}&:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}&:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}&:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}&:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}&:not(:has(.fab-main-action,.fab-close)){&>:nth-child(n+6){display:none}&:has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}&:has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}&:has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}&:has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--degree:90deg}}}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.7.5 - MIT License */ @layer utilities{@layer daisyui.l1.l2.l3{.fab{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;-webkit-user-select:none;user-select:none;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}.fab>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}.fab>[tabindex]:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}.fab .fab-close,.fab .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}:is(.fab:focus-within:has(.fab-close),.fab:focus-within:has(.fab-main-action))>[tabindex]{opacity:0;rotate:90deg}.fab>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.fab>:nth-child(3){transition-delay:30ms}.fab>:nth-child(4){transition-delay:60ms}.fab>:nth-child(5){transition-delay:90ms}.fab>:nth-child(6){transition-delay:.12s}.fab:focus-within>[tabindex]:first-child{pointer-events:none}.fab:focus-within>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:1}.fab-flower{--position:0rem;display:grid}.fab-flower>:first-child,.fab-flower>.fab-main-action,.fab-flower>.fab-close{--position:0rem}.fab-flower>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree)) * var(--position))) translateY(calc(sin(var(--degree)) * -1 * var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree)) * var(--position))) translateY(calc(sin(var(--flip-degree)) * -1 * var(--position)))}}.fab-flower>:nth-child(n+7){display:none}.fab-flower:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}.fab-flower:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}.fab-flower:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}.fab-flower:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}.fab-flower:not(:has(.fab-main-action,.fab-close))>:nth-child(n+6){display:none}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--degree:90deg}}}@media (width>=640px){@layer daisyui.l1.l2.l3{.fab{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;-webkit-user-select:none;user-select:none;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}.fab>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}.fab>[tabindex]:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}.fab .fab-close,.fab .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}:is(.fab:focus-within:has(.fab-close),.fab:focus-within:has(.fab-main-action))>[tabindex]{opacity:0;rotate:90deg}.fab>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.fab>:nth-child(3){transition-delay:30ms}.fab>:nth-child(4){transition-delay:60ms}.fab>:nth-child(5){transition-delay:90ms}.fab>:nth-child(6){transition-delay:.12s}.fab:focus-within>[tabindex]:first-child{pointer-events:none}.fab:focus-within>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:1}.fab-flower{--position:0rem;display:grid}.fab-flower>:first-child,.fab-flower>.fab-main-action,.fab-flower>.fab-close{--position:0rem}.fab-flower>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree)) * var(--position))) translateY(calc(sin(var(--degree)) * -1 * var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree)) * var(--position))) translateY(calc(sin(var(--flip-degree)) * -1 * var(--position)))}}.fab-flower>:nth-child(n+7){display:none}.fab-flower:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}.fab-flower:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}.fab-flower:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}.fab-flower:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}.fab-flower:not(:has(.fab-main-action,.fab-close))>:nth-child(n+6){display:none}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--degree:90deg}}}}@media (width>=768px){@layer daisyui.l1.l2.l3{.fab{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;-webkit-user-select:none;user-select:none;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}.fab>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}.fab>[tabindex]:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}.fab .fab-close,.fab .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}:is(.fab:focus-within:has(.fab-close),.fab:focus-within:has(.fab-main-action))>[tabindex]{opacity:0;rotate:90deg}.fab>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.fab>:nth-child(3){transition-delay:30ms}.fab>:nth-child(4){transition-delay:60ms}.fab>:nth-child(5){transition-delay:90ms}.fab>:nth-child(6){transition-delay:.12s}.fab:focus-within>[tabindex]:first-child{pointer-events:none}.fab:focus-within>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:1}.fab-flower{--position:0rem;display:grid}.fab-flower>:first-child,.fab-flower>.fab-main-action,.fab-flower>.fab-close{--position:0rem}.fab-flower>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree)) * var(--position))) translateY(calc(sin(var(--degree)) * -1 * var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree)) * var(--position))) translateY(calc(sin(var(--flip-degree)) * -1 * var(--position)))}}.fab-flower>:nth-child(n+7){display:none}.fab-flower:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}.fab-flower:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}.fab-flower:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}.fab-flower:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}.fab-flower:not(:has(.fab-main-action,.fab-close))>:nth-child(n+6){display:none}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--degree:90deg}}}}@media (width>=1024px){@layer daisyui.l1.l2.l3{.fab{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;-webkit-user-select:none;user-select:none;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}.fab>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}.fab>[tabindex]:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}.fab .fab-close,.fab .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}:is(.fab:focus-within:has(.fab-close),.fab:focus-within:has(.fab-main-action))>[tabindex]{opacity:0;rotate:90deg}.fab>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.fab>:nth-child(3){transition-delay:30ms}.fab>:nth-child(4){transition-delay:60ms}.fab>:nth-child(5){transition-delay:90ms}.fab>:nth-child(6){transition-delay:.12s}.fab:focus-within>[tabindex]:first-child{pointer-events:none}.fab:focus-within>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:1}.fab-flower{--position:0rem;display:grid}.fab-flower>:first-child,.fab-flower>.fab-main-action,.fab-flower>.fab-close{--position:0rem}.fab-flower>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree)) * var(--position))) translateY(calc(sin(var(--degree)) * -1 * var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree)) * var(--position))) translateY(calc(sin(var(--flip-degree)) * -1 * var(--position)))}}.fab-flower>:nth-child(n+7){display:none}.fab-flower:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}.fab-flower:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}.fab-flower:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}.fab-flower:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}.fab-flower:not(:has(.fab-main-action,.fab-close))>:nth-child(n+6){display:none}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--degree:90deg}}}}@media (width>=1280px){@layer daisyui.l1.l2.l3{.fab{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;-webkit-user-select:none;user-select:none;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}.fab>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}.fab>[tabindex]:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}.fab .fab-close,.fab .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}:is(.fab:focus-within:has(.fab-close),.fab:focus-within:has(.fab-main-action))>[tabindex]{opacity:0;rotate:90deg}.fab>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.fab>:nth-child(3){transition-delay:30ms}.fab>:nth-child(4){transition-delay:60ms}.fab>:nth-child(5){transition-delay:90ms}.fab>:nth-child(6){transition-delay:.12s}.fab:focus-within>[tabindex]:first-child{pointer-events:none}.fab:focus-within>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:1}.fab-flower{--position:0rem;display:grid}.fab-flower>:first-child,.fab-flower>.fab-main-action,.fab-flower>.fab-close{--position:0rem}.fab-flower>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree)) * var(--position))) translateY(calc(sin(var(--degree)) * -1 * var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree)) * var(--position))) translateY(calc(sin(var(--flip-degree)) * -1 * var(--position)))}}.fab-flower>:nth-child(n+7){display:none}.fab-flower:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}.fab-flower:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}.fab-flower:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}.fab-flower:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}.fab-flower:not(:has(.fab-main-action,.fab-close))>:nth-child(n+6){display:none}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--degree:90deg}}}}@media (width>=1536px){@layer daisyui.l1.l2.l3{.fab{pointer-events:none;inset-inline-end:1rem;z-index:999;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;-webkit-user-select:none;user-select:none;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem}.fab>*{pointer-events:auto;align-items:center;gap:.5rem;display:flex;&:hover,&:has(:focus-visible){z-index:1}}.fab>[tabindex]:first-child{transition-property:opacity,visibility,rotate;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid;position:relative}.fab .fab-close,.fab .fab-main-action{inset-inline-end:0;position:absolute;bottom:0}:is(.fab:focus-within:has(.fab-close),.fab:focus-within:has(.fab-main-action))>[tabindex]{opacity:0;rotate:90deg}.fab>:nth-child(n+2){visibility:hidden;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:0;transition-property:opacity,scale,visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);&.fab-main-action,&.fab-close{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.fab>:nth-child(3){transition-delay:30ms}.fab>:nth-child(4){transition-delay:60ms}.fab>:nth-child(5){transition-delay:90ms}.fab>:nth-child(6){transition-delay:.12s}.fab:focus-within>[tabindex]:first-child{pointer-events:none}.fab:focus-within>:nth-child(n+2){visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:1}.fab-flower{--position:0rem;display:grid}.fab-flower>:first-child,.fab-flower>.fab-main-action,.fab-flower>.fab-close{--position:0rem}.fab-flower>*{--degree:180deg;--flip-degree:calc(180deg - var(--degree));transform:translateX(calc(cos(var(--degree)) * var(--position))) translateY(calc(sin(var(--degree)) * -1 * var(--position)));grid-area:1/1;[dir=rtl] &{transform:translateX(calc(cos(var(--flip-degree)) * var(--position))) translateY(calc(sin(var(--flip-degree)) * -1 * var(--position)))}}.fab-flower>:nth-child(n+7){display:none}.fab-flower:has(:nth-child(3)){--position:140%;&>:nth-child(3){--degree:135deg}}.fab-flower:has(:nth-child(4)){--position:140%;&>:nth-child(3){--degree:165deg}&>:nth-child(4){--degree:105deg}}.fab-flower:has(:nth-child(5)){--position:180%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:135deg}&>:nth-child(5){--degree:90deg}}.fab-flower:has(:nth-child(6)){--position:220%;&>:nth-child(3){--degree:180deg}&>:nth-child(4){--degree:150deg}&>:nth-child(5){--degree:120deg}&>:nth-child(6){--degree:90deg}}.fab-flower:not(:has(.fab-main-action,.fab-close))>:nth-child(n+6){display:none}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(2)){--position:140%;&>:nth-child(2){--degree:135deg}}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(3)){--position:140%;&>:nth-child(2){--degree:165deg}&>:nth-child(3){--degree:105deg}}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(4)){--position:180%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:135deg}&>:nth-child(4){--degree:90deg}}.fab-flower:not(:has(.fab-main-action,.fab-close)):has(:nth-child(5)){--position:220%;&>:nth-child(2){--degree:180deg}&>:nth-child(3){--degree:150deg}&>:nth-child(4){--degree:120deg}&>:nth-child(5){--degree:90deg}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {"
|
|
1
|
+
export default {"@layer daisyui.l1.l2.l3":{".fieldset":{"display":"grid","gap":"calc(0.25rem * 1.5)","padding-block":"0.25rem","font-size":"0.75rem","grid-template-columns":"1fr","grid-auto-rows":"max-content"},".fieldset-legend":{"margin-bottom":"calc(0.25rem * -1)","display":"flex","align-items":"center","justify-content":"space-between","gap":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 2)","color":"var(--color-base-content)","font-weight":600,"margin-inline-end":"auto"},".fieldset-label":{"display":"flex","align-items":"center","gap":"calc(0.25rem * 1.5)","color":"color-mix(in oklab, var(--color-base-content) 60%, transparent)"},".fieldset-label:has(input)":{"cursor":"pointer"}}};
|
package/components/fieldset.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.7.
|
|
1
|
+
/*! 🌼 daisyUI 5.7.5 - MIT License */ @layer utilities{@layer daisyui.l1.l2.l3{.fieldset{grid-template-columns:1fr;grid-auto-rows:max-content;gap:.375rem;padding-block:.25rem;font-size:.75rem;display:grid}.fieldset-legend{color:var(--color-base-content);margin-bottom:-.25rem;justify-content:space-between;align-items:center;gap:.5rem;margin-inline-end:auto;padding-block:.5rem;font-weight:600;display:flex}.fieldset-label{color:color-mix(in oklab, var(--color-base-content) 60%, transparent);align-items:center;gap:.375rem;display:flex}.fieldset-label:has(input){cursor:pointer}}@media (width>=640px){@layer daisyui.l1.l2.l3{.fieldset{grid-template-columns:1fr;grid-auto-rows:max-content;gap:.375rem;padding-block:.25rem;font-size:.75rem;display:grid}.fieldset-legend{color:var(--color-base-content);margin-bottom:-.25rem;justify-content:space-between;align-items:center;gap:.5rem;margin-inline-end:auto;padding-block:.5rem;font-weight:600;display:flex}.fieldset-label{color:color-mix(in oklab, var(--color-base-content) 60%, transparent);align-items:center;gap:.375rem;display:flex}.fieldset-label:has(input){cursor:pointer}}}@media (width>=768px){@layer daisyui.l1.l2.l3{.fieldset{grid-template-columns:1fr;grid-auto-rows:max-content;gap:.375rem;padding-block:.25rem;font-size:.75rem;display:grid}.fieldset-legend{color:var(--color-base-content);margin-bottom:-.25rem;justify-content:space-between;align-items:center;gap:.5rem;margin-inline-end:auto;padding-block:.5rem;font-weight:600;display:flex}.fieldset-label{color:color-mix(in oklab, var(--color-base-content) 60%, transparent);align-items:center;gap:.375rem;display:flex}.fieldset-label:has(input){cursor:pointer}}}@media (width>=1024px){@layer daisyui.l1.l2.l3{.fieldset{grid-template-columns:1fr;grid-auto-rows:max-content;gap:.375rem;padding-block:.25rem;font-size:.75rem;display:grid}.fieldset-legend{color:var(--color-base-content);margin-bottom:-.25rem;justify-content:space-between;align-items:center;gap:.5rem;margin-inline-end:auto;padding-block:.5rem;font-weight:600;display:flex}.fieldset-label{color:color-mix(in oklab, var(--color-base-content) 60%, transparent);align-items:center;gap:.375rem;display:flex}.fieldset-label:has(input){cursor:pointer}}}@media (width>=1280px){@layer daisyui.l1.l2.l3{.fieldset{grid-template-columns:1fr;grid-auto-rows:max-content;gap:.375rem;padding-block:.25rem;font-size:.75rem;display:grid}.fieldset-legend{color:var(--color-base-content);margin-bottom:-.25rem;justify-content:space-between;align-items:center;gap:.5rem;margin-inline-end:auto;padding-block:.5rem;font-weight:600;display:flex}.fieldset-label{color:color-mix(in oklab, var(--color-base-content) 60%, transparent);align-items:center;gap:.375rem;display:flex}.fieldset-label:has(input){cursor:pointer}}}@media (width>=1536px){@layer daisyui.l1.l2.l3{.fieldset{grid-template-columns:1fr;grid-auto-rows:max-content;gap:.375rem;padding-block:.25rem;font-size:.75rem;display:grid}.fieldset-legend{color:var(--color-base-content);margin-bottom:-.25rem;justify-content:space-between;align-items:center;gap:.5rem;margin-inline-end:auto;padding-block:.5rem;font-weight:600;display:flex}.fieldset-label{color:color-mix(in oklab, var(--color-base-content) 60%, transparent);align-items:center;gap:.375rem;display:flex}.fieldset-label:has(input){cursor:pointer}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {"
|
|
1
|
+
export default {"@layer daisyui.l1.l2.l3":{".file-input":{"border":"var(--border) solid #0000","display":"inline-flex","cursor":"pointer","appearance":"none","align-items":"center","background-color":"var(--color-base-100)","vertical-align":"middle","webkit-user-select":"none","user-select":"none","width":"clamp(3rem, 20rem, 100%)","height":"var(--size)","padding-inline-end":"0.75rem","font-size":"0.875rem","line-height":2,"border-start-start-radius":"var(--join-ss, var(--radius-field))","border-start-end-radius":"var(--join-se, var(--radius-field))","border-end-start-radius":"var(--join-es, var(--radius-field))","border-end-end-radius":"var(--join-ee, var(--radius-field))","border-color":"var(--input-color)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset","--size":"calc(var(--size-field, 0.25rem) * 10)","--input-color":"color-mix(in oklab, var(--color-base-content) 20%, #0000)"},".file-input::file-selector-button":{"margin-inline-end":"calc(0.25rem * 4)","cursor":"pointer","padding-inline":"calc(0.25rem * 4)","webkit-user-select":"none","user-select":"none","height":"calc(100% + var(--border) * 2)","margin-block":"calc(var(--border) * -1)","margin-inline-start":"calc(var(--border) * -1)","font-size":"0.875rem","color":"var(--btn-fg)","border-width":"var(--border)","border-style":"solid","border-color":"var(--btn-border)","border-start-start-radius":"calc(var(--join-ss, var(--radius-field) - var(--border)))","border-end-start-radius":"calc(var(--join-es, var(--radius-field) - var(--border)))","font-weight":600,"background-color":"var(--btn-bg)","background-size":"calc(var(--noise) * 100%)","background-image":"var(--fx-noise)","text-shadow":"0 0.5px oklch(1 0 0 / calc(var(--depth) * 0.15))","box-shadow":"0 0.5px 0 0.5px color-mix( in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000 ) inset, var(--btn-shadow)","--size":"calc(var(--size-field, 0.25rem) * 10)","--btn-bg":"var(--btn-color, var(--color-base-200))","--btn-fg":"var(--color-base-content)","--btn-border":"color-mix(in oklab, var(--btn-bg), #000 5%)","--btn-shadow":"0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000),\n 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000)"},".file-input:focus":{"--input-color":"var(--color-base-content)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) 10%, #0000)","outline":"2px solid var(--input-color)","outline-offset":"2px","isolation":"isolate"},".file-input:has( > input[disabled]), .file-input:is(:disabled, [disabled])":{"cursor":"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)","&::placeholder":{"color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)"},"box-shadow":"none","color":"color-mix(in oklch, var(--color-base-content) 20%, #0000)","&::file-selector-button":{"cursor":"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)","--btn-border":"#0000","background-image":"none","--btn-fg":"color-mix(in oklch, var(--color-base-content) 20%, #0000)"}}},"@layer daisyui.l1.l2":{".file-input-ghost":{"background-color":"transparent","transition":"background-color 0.2s","box-shadow":"none","border-color":"#0000"},".file-input-ghost::file-selector-button":{"margin-inline-start":"0px","margin-inline-end":"calc(0.25rem * 4)","height":"100%","cursor":"pointer","padding-inline":"calc(0.25rem * 4)","webkit-user-select":"none","user-select":"none","margin-block":"0","border-start-end-radius":"calc(var(--join-ss, var(--radius-field) - var(--border)))","border-end-end-radius":"calc(var(--join-es, var(--radius-field) - var(--border)))"},".file-input-ghost:focus, .file-input-ghost:focus-within":{"background-color":"var(--color-base-100)","color":"var(--color-base-content)","border-color":"#0000","box-shadow":"none"},".file-input-neutral":{"--btn-color":"var(--color-neutral)"},".file-input-neutral::file-selector-button":{"color":"var(--color-neutral-content)"},":is(.file-input-neutral), .file-input-neutral:focus, .file-input-neutral:focus-within":{"--input-color":"var(--color-neutral)"},".file-input-primary":{"--btn-color":"var(--color-primary)"},".file-input-primary::file-selector-button":{"color":"var(--color-primary-content)"},":is(.file-input-primary), .file-input-primary:focus, .file-input-primary:focus-within":{"--input-color":"var(--color-primary)"},".file-input-secondary":{"--btn-color":"var(--color-secondary)"},".file-input-secondary::file-selector-button":{"color":"var(--color-secondary-content)"},":is(.file-input-secondary), .file-input-secondary:focus, .file-input-secondary:focus-within":{"--input-color":"var(--color-secondary)"},".file-input-accent":{"--btn-color":"var(--color-accent)"},".file-input-accent::file-selector-button":{"color":"var(--color-accent-content)"},":is(.file-input-accent), .file-input-accent:focus, .file-input-accent:focus-within":{"--input-color":"var(--color-accent)"},".file-input-info":{"--btn-color":"var(--color-info)"},".file-input-info::file-selector-button":{"color":"var(--color-info-content)"},":is(.file-input-info), .file-input-info:focus, .file-input-info:focus-within":{"--input-color":"var(--color-info)"},".file-input-success":{"--btn-color":"var(--color-success)"},".file-input-success::file-selector-button":{"color":"var(--color-success-content)"},":is(.file-input-success), .file-input-success:focus, .file-input-success:focus-within":{"--input-color":"var(--color-success)"},".file-input-warning":{"--btn-color":"var(--color-warning)"},".file-input-warning::file-selector-button":{"color":"var(--color-warning-content)"},":is(.file-input-warning), .file-input-warning:focus, .file-input-warning:focus-within":{"--input-color":"var(--color-warning)"},".file-input-error":{"--btn-color":"var(--color-error)"},".file-input-error::file-selector-button":{"color":"var(--color-error-content)"},":is(.file-input-error), .file-input-error:focus, .file-input-error:focus-within":{"--input-color":"var(--color-error)"},".file-input-xs":{"--size":"calc(var(--size-field, 0.25rem) * 6)","font-size":"0.6875rem","line-height":"1rem"},".file-input-xs::file-selector-button":{"font-size":"0.6875rem"},".file-input-sm":{"--size":"calc(var(--size-field, 0.25rem) * 8)","font-size":"0.75rem","line-height":"1.5rem"},".file-input-sm::file-selector-button":{"font-size":"0.75rem"},".file-input-md":{"--size":"calc(var(--size-field, 0.25rem) * 10)","font-size":"0.875rem","line-height":2},".file-input-md::file-selector-button":{"font-size":"0.875rem"},".file-input-lg":{"--size":"calc(var(--size-field, 0.25rem) * 12)","font-size":"1.125rem","line-height":"2.5rem"},".file-input-lg::file-selector-button":{"font-size":"1.125rem"},".file-input-xl":{"padding-inline-end":"calc(0.25rem * 6)","--size":"calc(var(--size-field, 0.25rem) * 14)","font-size":"1.125rem","line-height":"3rem"},".file-input-xl::file-selector-button":{"font-size":"1.375rem"}}};
|
package/components/fileinput.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.7.4 - MIT License */ @layer utilities{.file-input{@layer daisyui.l1.l2.l3{cursor:pointer;border:var(--border) solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-field,.25rem) * 10);--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border) * 2);margin-inline-end:1rem;margin-block:calc(var(--border) * -1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise) * 100%);background-image:var(--fx-noise);text-shadow:0 .5px oklch(1 0 0 / calc(var(--depth) * .15));box-shadow:0 .5px 0 .5px color-mix(in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000) inset, var(--btn-shadow);--size:calc(var(--size-field,.25rem) * 10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab, var(--btn-bg), #000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border) * -1);padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) 10%, #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);&::placeholder{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}box-shadow:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-fg:color-mix(in oklch, var(--color-base-content) 20%, #0000);background-image:none}}}}.file-input-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.file-input-neutral{@layer daisyui.l1.l2{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.file-input-primary{@layer daisyui.l1.l2{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.file-input-secondary{@layer daisyui.l1.l2{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.file-input-accent{@layer daisyui.l1.l2{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.file-input-info{@layer daisyui.l1.l2{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.file-input-success{@layer daisyui.l1.l2{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.file-input-warning{@layer daisyui.l1.l2{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.file-input-error{@layer daisyui.l1.l2{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.file-input-xs{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}}.file-input-sm{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}}.file-input-md{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}}.file-input-lg{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}}.file-input-xl{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}@media (width>=640px){.sm\:file-input{@layer daisyui.l1.l2.l3{cursor:pointer;border:var(--border) solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-field,.25rem) * 10);--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border) * 2);margin-inline-end:1rem;margin-block:calc(var(--border) * -1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise) * 100%);background-image:var(--fx-noise);text-shadow:0 .5px oklch(1 0 0 / calc(var(--depth) * .15));box-shadow:0 .5px 0 .5px color-mix(in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000) inset, var(--btn-shadow);--size:calc(var(--size-field,.25rem) * 10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab, var(--btn-bg), #000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border) * -1);padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) 10%, #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);&::placeholder{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}box-shadow:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-fg:color-mix(in oklch, var(--color-base-content) 20%, #0000);background-image:none}}}}.sm\:file-input-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.sm\:file-input-neutral{@layer daisyui.l1.l2{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.sm\:file-input-primary{@layer daisyui.l1.l2{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.sm\:file-input-secondary{@layer daisyui.l1.l2{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.sm\:file-input-accent{@layer daisyui.l1.l2{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.sm\:file-input-info{@layer daisyui.l1.l2{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.sm\:file-input-success{@layer daisyui.l1.l2{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.sm\:file-input-warning{@layer daisyui.l1.l2{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.sm\:file-input-error{@layer daisyui.l1.l2{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.sm\:file-input-xs{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}}.sm\:file-input-sm{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}}.sm\:file-input-md{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}}.sm\:file-input-lg{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}}.sm\:file-input-xl{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}}@media (width>=768px){.md\:file-input{@layer daisyui.l1.l2.l3{cursor:pointer;border:var(--border) solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-field,.25rem) * 10);--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border) * 2);margin-inline-end:1rem;margin-block:calc(var(--border) * -1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise) * 100%);background-image:var(--fx-noise);text-shadow:0 .5px oklch(1 0 0 / calc(var(--depth) * .15));box-shadow:0 .5px 0 .5px color-mix(in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000) inset, var(--btn-shadow);--size:calc(var(--size-field,.25rem) * 10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab, var(--btn-bg), #000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border) * -1);padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) 10%, #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);&::placeholder{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}box-shadow:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-fg:color-mix(in oklch, var(--color-base-content) 20%, #0000);background-image:none}}}}.md\:file-input-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.md\:file-input-neutral{@layer daisyui.l1.l2{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.md\:file-input-primary{@layer daisyui.l1.l2{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.md\:file-input-secondary{@layer daisyui.l1.l2{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.md\:file-input-accent{@layer daisyui.l1.l2{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.md\:file-input-info{@layer daisyui.l1.l2{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.md\:file-input-success{@layer daisyui.l1.l2{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.md\:file-input-warning{@layer daisyui.l1.l2{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.md\:file-input-error{@layer daisyui.l1.l2{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.md\:file-input-xs{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}}.md\:file-input-sm{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}}.md\:file-input-md{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}}.md\:file-input-lg{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}}.md\:file-input-xl{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}}@media (width>=1024px){.lg\:file-input{@layer daisyui.l1.l2.l3{cursor:pointer;border:var(--border) solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-field,.25rem) * 10);--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border) * 2);margin-inline-end:1rem;margin-block:calc(var(--border) * -1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise) * 100%);background-image:var(--fx-noise);text-shadow:0 .5px oklch(1 0 0 / calc(var(--depth) * .15));box-shadow:0 .5px 0 .5px color-mix(in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000) inset, var(--btn-shadow);--size:calc(var(--size-field,.25rem) * 10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab, var(--btn-bg), #000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border) * -1);padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) 10%, #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);&::placeholder{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}box-shadow:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-fg:color-mix(in oklch, var(--color-base-content) 20%, #0000);background-image:none}}}}.lg\:file-input-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.lg\:file-input-neutral{@layer daisyui.l1.l2{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.lg\:file-input-primary{@layer daisyui.l1.l2{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.lg\:file-input-secondary{@layer daisyui.l1.l2{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.lg\:file-input-accent{@layer daisyui.l1.l2{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.lg\:file-input-info{@layer daisyui.l1.l2{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.lg\:file-input-success{@layer daisyui.l1.l2{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.lg\:file-input-warning{@layer daisyui.l1.l2{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.lg\:file-input-error{@layer daisyui.l1.l2{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.lg\:file-input-xs{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}}.lg\:file-input-sm{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}}.lg\:file-input-md{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}}.lg\:file-input-lg{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}}.lg\:file-input-xl{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}}@media (width>=1280px){.xl\:file-input{@layer daisyui.l1.l2.l3{cursor:pointer;border:var(--border) solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-field,.25rem) * 10);--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border) * 2);margin-inline-end:1rem;margin-block:calc(var(--border) * -1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise) * 100%);background-image:var(--fx-noise);text-shadow:0 .5px oklch(1 0 0 / calc(var(--depth) * .15));box-shadow:0 .5px 0 .5px color-mix(in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000) inset, var(--btn-shadow);--size:calc(var(--size-field,.25rem) * 10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab, var(--btn-bg), #000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border) * -1);padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) 10%, #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);&::placeholder{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}box-shadow:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-fg:color-mix(in oklch, var(--color-base-content) 20%, #0000);background-image:none}}}}.xl\:file-input-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.xl\:file-input-neutral{@layer daisyui.l1.l2{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.xl\:file-input-primary{@layer daisyui.l1.l2{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.xl\:file-input-secondary{@layer daisyui.l1.l2{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.xl\:file-input-accent{@layer daisyui.l1.l2{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.xl\:file-input-info{@layer daisyui.l1.l2{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.xl\:file-input-success{@layer daisyui.l1.l2{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.xl\:file-input-warning{@layer daisyui.l1.l2{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.xl\:file-input-error{@layer daisyui.l1.l2{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.xl\:file-input-xs{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}}.xl\:file-input-sm{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}}.xl\:file-input-md{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}}.xl\:file-input-lg{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}}.xl\:file-input-xl{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}}@media (width>=1536px){.\32 xl\:file-input{@layer daisyui.l1.l2.l3{cursor:pointer;border:var(--border) solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-field,.25rem) * 10);--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border) * 2);margin-inline-end:1rem;margin-block:calc(var(--border) * -1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise) * 100%);background-image:var(--fx-noise);text-shadow:0 .5px oklch(1 0 0 / calc(var(--depth) * .15));box-shadow:0 .5px 0 .5px color-mix(in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000) inset, var(--btn-shadow);--size:calc(var(--size-field,.25rem) * 10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab, var(--btn-bg), #000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border) * -1);padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) 10%, #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);&::placeholder{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}box-shadow:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-fg:color-mix(in oklch, var(--color-base-content) 20%, #0000);background-image:none}}}}.\32 xl\:file-input-ghost{@layer daisyui.l1.l2{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.\32 xl\:file-input-neutral{@layer daisyui.l1.l2{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.\32 xl\:file-input-primary{@layer daisyui.l1.l2{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.\32 xl\:file-input-secondary{@layer daisyui.l1.l2{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.\32 xl\:file-input-accent{@layer daisyui.l1.l2{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.\32 xl\:file-input-info{@layer daisyui.l1.l2{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.\32 xl\:file-input-success{@layer daisyui.l1.l2{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.\32 xl\:file-input-warning{@layer daisyui.l1.l2{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.\32 xl\:file-input-error{@layer daisyui.l1.l2{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.\32 xl\:file-input-xs{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}}.\32 xl\:file-input-sm{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}}.\32 xl\:file-input-md{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}}.\32 xl\:file-input-lg{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}}.\32 xl\:file-input-xl{@layer daisyui.l1.l2{--size:calc(var(--size-field,.25rem) * 14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.7.5 - MIT License */ @layer utilities{@layer daisyui.l1.l2.l3{.file-input{border:var(--border) solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-field,.25rem) * 10);--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex}.file-input::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border) * 2);margin-inline-end:1rem;margin-block:calc(var(--border) * -1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise) * 100%);background-image:var(--fx-noise);text-shadow:0 .5px oklch(1 0 0 / calc(var(--depth) * .15));box-shadow:0 .5px 0 .5px color-mix(in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000) inset, var(--btn-shadow);--size:calc(var(--size-field,.25rem) * 10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab, var(--btn-bg), #000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border) * -1);padding-inline:1rem;font-size:.875rem;font-weight:600}.file-input:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) 10%, #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}.file-input:has(>input[disabled]),.file-input:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);&::placeholder{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}box-shadow:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-fg:color-mix(in oklch, var(--color-base-content) 20%, #0000);background-image:none}}}@layer daisyui.l1.l2{.file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}.file-input-ghost::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}.file-input-ghost:focus,.file-input-ghost:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}.file-input-neutral{--btn-color:var(--color-neutral)}.file-input-neutral::file-selector-button{color:var(--color-neutral-content)}.file-input-neutral,.file-input-neutral:focus,.file-input-neutral:focus-within{--input-color:var(--color-neutral)}.file-input-primary{--btn-color:var(--color-primary)}.file-input-primary::file-selector-button{color:var(--color-primary-content)}.file-input-primary,.file-input-primary:focus,.file-input-primary:focus-within{--input-color:var(--color-primary)}.file-input-secondary{--btn-color:var(--color-secondary)}.file-input-secondary::file-selector-button{color:var(--color-secondary-content)}.file-input-secondary,.file-input-secondary:focus,.file-input-secondary:focus-within{--input-color:var(--color-secondary)}.file-input-accent{--btn-color:var(--color-accent)}.file-input-accent::file-selector-button{color:var(--color-accent-content)}.file-input-accent,.file-input-accent:focus,.file-input-accent:focus-within{--input-color:var(--color-accent)}.file-input-info{--btn-color:var(--color-info)}.file-input-info::file-selector-button{color:var(--color-info-content)}.file-input-info,.file-input-info:focus,.file-input-info:focus-within{--input-color:var(--color-info)}.file-input-success{--btn-color:var(--color-success)}.file-input-success::file-selector-button{color:var(--color-success-content)}.file-input-success,.file-input-success:focus,.file-input-success:focus-within{--input-color:var(--color-success)}.file-input-warning{--btn-color:var(--color-warning)}.file-input-warning::file-selector-button{color:var(--color-warning-content)}.file-input-warning,.file-input-warning:focus,.file-input-warning:focus-within{--input-color:var(--color-warning)}.file-input-error{--btn-color:var(--color-error)}.file-input-error::file-selector-button{color:var(--color-error-content)}.file-input-error,.file-input-error:focus,.file-input-error:focus-within{--input-color:var(--color-error)}.file-input-xs{--size:calc(var(--size-field,.25rem) * 6);font-size:.6875rem;line-height:1rem}.file-input-xs::file-selector-button{font-size:.6875rem}.file-input-sm{--size:calc(var(--size-field,.25rem) * 8);font-size:.75rem;line-height:1.5rem}.file-input-sm::file-selector-button{font-size:.75rem}.file-input-md{--size:calc(var(--size-field,.25rem) * 10);font-size:.875rem;line-height:2}.file-input-md::file-selector-button{font-size:.875rem}.file-input-lg{--size:calc(var(--size-field,.25rem) * 12);font-size:1.125rem;line-height:2.5rem}.file-input-lg::file-selector-button{font-size:1.125rem}.file-input-xl{--size:calc(var(--size-field,.25rem) * 14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem}.file-input-xl::file-selector-button{font-size:1.375rem}}@media (width>=640px){@layer daisyui.l1.l2.l3{.file-input{border:var(--border) solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-field,.25rem) * 10);--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex}.file-input::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border) * 2);margin-inline-end:1rem;margin-block:calc(var(--border) * -1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise) * 100%);background-image:var(--fx-noise);text-shadow:0 .5px oklch(1 0 0 / calc(var(--depth) * .15));box-shadow:0 .5px 0 .5px color-mix(in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000) inset, var(--btn-shadow);--size:calc(var(--size-field,.25rem) * 10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab, var(--btn-bg), #000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border) * -1);padding-inline:1rem;font-size:.875rem;font-weight:600}.file-input:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) 10%, #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}.file-input:has(>input[disabled]),.file-input:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);&::placeholder{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}box-shadow:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-fg:color-mix(in oklch, var(--color-base-content) 20%, #0000);background-image:none}}}@layer daisyui.l1.l2{.file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}.file-input-ghost::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}.file-input-ghost:focus,.file-input-ghost:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}.file-input-neutral{--btn-color:var(--color-neutral)}.file-input-neutral::file-selector-button{color:var(--color-neutral-content)}.file-input-neutral,.file-input-neutral:focus,.file-input-neutral:focus-within{--input-color:var(--color-neutral)}.file-input-primary{--btn-color:var(--color-primary)}.file-input-primary::file-selector-button{color:var(--color-primary-content)}.file-input-primary,.file-input-primary:focus,.file-input-primary:focus-within{--input-color:var(--color-primary)}.file-input-secondary{--btn-color:var(--color-secondary)}.file-input-secondary::file-selector-button{color:var(--color-secondary-content)}.file-input-secondary,.file-input-secondary:focus,.file-input-secondary:focus-within{--input-color:var(--color-secondary)}.file-input-accent{--btn-color:var(--color-accent)}.file-input-accent::file-selector-button{color:var(--color-accent-content)}.file-input-accent,.file-input-accent:focus,.file-input-accent:focus-within{--input-color:var(--color-accent)}.file-input-info{--btn-color:var(--color-info)}.file-input-info::file-selector-button{color:var(--color-info-content)}.file-input-info,.file-input-info:focus,.file-input-info:focus-within{--input-color:var(--color-info)}.file-input-success{--btn-color:var(--color-success)}.file-input-success::file-selector-button{color:var(--color-success-content)}.file-input-success,.file-input-success:focus,.file-input-success:focus-within{--input-color:var(--color-success)}.file-input-warning{--btn-color:var(--color-warning)}.file-input-warning::file-selector-button{color:var(--color-warning-content)}.file-input-warning,.file-input-warning:focus,.file-input-warning:focus-within{--input-color:var(--color-warning)}.file-input-error{--btn-color:var(--color-error)}.file-input-error::file-selector-button{color:var(--color-error-content)}.file-input-error,.file-input-error:focus,.file-input-error:focus-within{--input-color:var(--color-error)}.file-input-xs{--size:calc(var(--size-field,.25rem) * 6);font-size:.6875rem;line-height:1rem}.file-input-xs::file-selector-button{font-size:.6875rem}.file-input-sm{--size:calc(var(--size-field,.25rem) * 8);font-size:.75rem;line-height:1.5rem}.file-input-sm::file-selector-button{font-size:.75rem}.file-input-md{--size:calc(var(--size-field,.25rem) * 10);font-size:.875rem;line-height:2}.file-input-md::file-selector-button{font-size:.875rem}.file-input-lg{--size:calc(var(--size-field,.25rem) * 12);font-size:1.125rem;line-height:2.5rem}.file-input-lg::file-selector-button{font-size:1.125rem}.file-input-xl{--size:calc(var(--size-field,.25rem) * 14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem}.file-input-xl::file-selector-button{font-size:1.375rem}}}@media (width>=768px){@layer daisyui.l1.l2.l3{.file-input{border:var(--border) solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-field,.25rem) * 10);--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex}.file-input::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border) * 2);margin-inline-end:1rem;margin-block:calc(var(--border) * -1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise) * 100%);background-image:var(--fx-noise);text-shadow:0 .5px oklch(1 0 0 / calc(var(--depth) * .15));box-shadow:0 .5px 0 .5px color-mix(in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000) inset, var(--btn-shadow);--size:calc(var(--size-field,.25rem) * 10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab, var(--btn-bg), #000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border) * -1);padding-inline:1rem;font-size:.875rem;font-weight:600}.file-input:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) 10%, #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}.file-input:has(>input[disabled]),.file-input:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);&::placeholder{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}box-shadow:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-fg:color-mix(in oklch, var(--color-base-content) 20%, #0000);background-image:none}}}@layer daisyui.l1.l2{.file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}.file-input-ghost::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}.file-input-ghost:focus,.file-input-ghost:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}.file-input-neutral{--btn-color:var(--color-neutral)}.file-input-neutral::file-selector-button{color:var(--color-neutral-content)}.file-input-neutral,.file-input-neutral:focus,.file-input-neutral:focus-within{--input-color:var(--color-neutral)}.file-input-primary{--btn-color:var(--color-primary)}.file-input-primary::file-selector-button{color:var(--color-primary-content)}.file-input-primary,.file-input-primary:focus,.file-input-primary:focus-within{--input-color:var(--color-primary)}.file-input-secondary{--btn-color:var(--color-secondary)}.file-input-secondary::file-selector-button{color:var(--color-secondary-content)}.file-input-secondary,.file-input-secondary:focus,.file-input-secondary:focus-within{--input-color:var(--color-secondary)}.file-input-accent{--btn-color:var(--color-accent)}.file-input-accent::file-selector-button{color:var(--color-accent-content)}.file-input-accent,.file-input-accent:focus,.file-input-accent:focus-within{--input-color:var(--color-accent)}.file-input-info{--btn-color:var(--color-info)}.file-input-info::file-selector-button{color:var(--color-info-content)}.file-input-info,.file-input-info:focus,.file-input-info:focus-within{--input-color:var(--color-info)}.file-input-success{--btn-color:var(--color-success)}.file-input-success::file-selector-button{color:var(--color-success-content)}.file-input-success,.file-input-success:focus,.file-input-success:focus-within{--input-color:var(--color-success)}.file-input-warning{--btn-color:var(--color-warning)}.file-input-warning::file-selector-button{color:var(--color-warning-content)}.file-input-warning,.file-input-warning:focus,.file-input-warning:focus-within{--input-color:var(--color-warning)}.file-input-error{--btn-color:var(--color-error)}.file-input-error::file-selector-button{color:var(--color-error-content)}.file-input-error,.file-input-error:focus,.file-input-error:focus-within{--input-color:var(--color-error)}.file-input-xs{--size:calc(var(--size-field,.25rem) * 6);font-size:.6875rem;line-height:1rem}.file-input-xs::file-selector-button{font-size:.6875rem}.file-input-sm{--size:calc(var(--size-field,.25rem) * 8);font-size:.75rem;line-height:1.5rem}.file-input-sm::file-selector-button{font-size:.75rem}.file-input-md{--size:calc(var(--size-field,.25rem) * 10);font-size:.875rem;line-height:2}.file-input-md::file-selector-button{font-size:.875rem}.file-input-lg{--size:calc(var(--size-field,.25rem) * 12);font-size:1.125rem;line-height:2.5rem}.file-input-lg::file-selector-button{font-size:1.125rem}.file-input-xl{--size:calc(var(--size-field,.25rem) * 14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem}.file-input-xl::file-selector-button{font-size:1.375rem}}}@media (width>=1024px){@layer daisyui.l1.l2.l3{.file-input{border:var(--border) solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-field,.25rem) * 10);--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex}.file-input::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border) * 2);margin-inline-end:1rem;margin-block:calc(var(--border) * -1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise) * 100%);background-image:var(--fx-noise);text-shadow:0 .5px oklch(1 0 0 / calc(var(--depth) * .15));box-shadow:0 .5px 0 .5px color-mix(in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000) inset, var(--btn-shadow);--size:calc(var(--size-field,.25rem) * 10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab, var(--btn-bg), #000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border) * -1);padding-inline:1rem;font-size:.875rem;font-weight:600}.file-input:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) 10%, #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}.file-input:has(>input[disabled]),.file-input:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);&::placeholder{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}box-shadow:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-fg:color-mix(in oklch, var(--color-base-content) 20%, #0000);background-image:none}}}@layer daisyui.l1.l2{.file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}.file-input-ghost::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}.file-input-ghost:focus,.file-input-ghost:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}.file-input-neutral{--btn-color:var(--color-neutral)}.file-input-neutral::file-selector-button{color:var(--color-neutral-content)}.file-input-neutral,.file-input-neutral:focus,.file-input-neutral:focus-within{--input-color:var(--color-neutral)}.file-input-primary{--btn-color:var(--color-primary)}.file-input-primary::file-selector-button{color:var(--color-primary-content)}.file-input-primary,.file-input-primary:focus,.file-input-primary:focus-within{--input-color:var(--color-primary)}.file-input-secondary{--btn-color:var(--color-secondary)}.file-input-secondary::file-selector-button{color:var(--color-secondary-content)}.file-input-secondary,.file-input-secondary:focus,.file-input-secondary:focus-within{--input-color:var(--color-secondary)}.file-input-accent{--btn-color:var(--color-accent)}.file-input-accent::file-selector-button{color:var(--color-accent-content)}.file-input-accent,.file-input-accent:focus,.file-input-accent:focus-within{--input-color:var(--color-accent)}.file-input-info{--btn-color:var(--color-info)}.file-input-info::file-selector-button{color:var(--color-info-content)}.file-input-info,.file-input-info:focus,.file-input-info:focus-within{--input-color:var(--color-info)}.file-input-success{--btn-color:var(--color-success)}.file-input-success::file-selector-button{color:var(--color-success-content)}.file-input-success,.file-input-success:focus,.file-input-success:focus-within{--input-color:var(--color-success)}.file-input-warning{--btn-color:var(--color-warning)}.file-input-warning::file-selector-button{color:var(--color-warning-content)}.file-input-warning,.file-input-warning:focus,.file-input-warning:focus-within{--input-color:var(--color-warning)}.file-input-error{--btn-color:var(--color-error)}.file-input-error::file-selector-button{color:var(--color-error-content)}.file-input-error,.file-input-error:focus,.file-input-error:focus-within{--input-color:var(--color-error)}.file-input-xs{--size:calc(var(--size-field,.25rem) * 6);font-size:.6875rem;line-height:1rem}.file-input-xs::file-selector-button{font-size:.6875rem}.file-input-sm{--size:calc(var(--size-field,.25rem) * 8);font-size:.75rem;line-height:1.5rem}.file-input-sm::file-selector-button{font-size:.75rem}.file-input-md{--size:calc(var(--size-field,.25rem) * 10);font-size:.875rem;line-height:2}.file-input-md::file-selector-button{font-size:.875rem}.file-input-lg{--size:calc(var(--size-field,.25rem) * 12);font-size:1.125rem;line-height:2.5rem}.file-input-lg::file-selector-button{font-size:1.125rem}.file-input-xl{--size:calc(var(--size-field,.25rem) * 14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem}.file-input-xl::file-selector-button{font-size:1.375rem}}}@media (width>=1280px){@layer daisyui.l1.l2.l3{.file-input{border:var(--border) solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-field,.25rem) * 10);--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex}.file-input::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border) * 2);margin-inline-end:1rem;margin-block:calc(var(--border) * -1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise) * 100%);background-image:var(--fx-noise);text-shadow:0 .5px oklch(1 0 0 / calc(var(--depth) * .15));box-shadow:0 .5px 0 .5px color-mix(in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000) inset, var(--btn-shadow);--size:calc(var(--size-field,.25rem) * 10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab, var(--btn-bg), #000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border) * -1);padding-inline:1rem;font-size:.875rem;font-weight:600}.file-input:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) 10%, #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}.file-input:has(>input[disabled]),.file-input:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);&::placeholder{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}box-shadow:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-fg:color-mix(in oklch, var(--color-base-content) 20%, #0000);background-image:none}}}@layer daisyui.l1.l2{.file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}.file-input-ghost::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}.file-input-ghost:focus,.file-input-ghost:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}.file-input-neutral{--btn-color:var(--color-neutral)}.file-input-neutral::file-selector-button{color:var(--color-neutral-content)}.file-input-neutral,.file-input-neutral:focus,.file-input-neutral:focus-within{--input-color:var(--color-neutral)}.file-input-primary{--btn-color:var(--color-primary)}.file-input-primary::file-selector-button{color:var(--color-primary-content)}.file-input-primary,.file-input-primary:focus,.file-input-primary:focus-within{--input-color:var(--color-primary)}.file-input-secondary{--btn-color:var(--color-secondary)}.file-input-secondary::file-selector-button{color:var(--color-secondary-content)}.file-input-secondary,.file-input-secondary:focus,.file-input-secondary:focus-within{--input-color:var(--color-secondary)}.file-input-accent{--btn-color:var(--color-accent)}.file-input-accent::file-selector-button{color:var(--color-accent-content)}.file-input-accent,.file-input-accent:focus,.file-input-accent:focus-within{--input-color:var(--color-accent)}.file-input-info{--btn-color:var(--color-info)}.file-input-info::file-selector-button{color:var(--color-info-content)}.file-input-info,.file-input-info:focus,.file-input-info:focus-within{--input-color:var(--color-info)}.file-input-success{--btn-color:var(--color-success)}.file-input-success::file-selector-button{color:var(--color-success-content)}.file-input-success,.file-input-success:focus,.file-input-success:focus-within{--input-color:var(--color-success)}.file-input-warning{--btn-color:var(--color-warning)}.file-input-warning::file-selector-button{color:var(--color-warning-content)}.file-input-warning,.file-input-warning:focus,.file-input-warning:focus-within{--input-color:var(--color-warning)}.file-input-error{--btn-color:var(--color-error)}.file-input-error::file-selector-button{color:var(--color-error-content)}.file-input-error,.file-input-error:focus,.file-input-error:focus-within{--input-color:var(--color-error)}.file-input-xs{--size:calc(var(--size-field,.25rem) * 6);font-size:.6875rem;line-height:1rem}.file-input-xs::file-selector-button{font-size:.6875rem}.file-input-sm{--size:calc(var(--size-field,.25rem) * 8);font-size:.75rem;line-height:1.5rem}.file-input-sm::file-selector-button{font-size:.75rem}.file-input-md{--size:calc(var(--size-field,.25rem) * 10);font-size:.875rem;line-height:2}.file-input-md::file-selector-button{font-size:.875rem}.file-input-lg{--size:calc(var(--size-field,.25rem) * 12);font-size:1.125rem;line-height:2.5rem}.file-input-lg::file-selector-button{font-size:1.125rem}.file-input-xl{--size:calc(var(--size-field,.25rem) * 14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem}.file-input-xl::file-selector-button{font-size:1.375rem}}}@media (width>=1536px){@layer daisyui.l1.l2.l3{.file-input{border:var(--border) solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-field,.25rem) * 10);--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex}.file-input::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border) * 2);margin-inline-end:1rem;margin-block:calc(var(--border) * -1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise) * 100%);background-image:var(--fx-noise);text-shadow:0 .5px oklch(1 0 0 / calc(var(--depth) * .15));box-shadow:0 .5px 0 .5px color-mix(in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000) inset, var(--btn-shadow);--size:calc(var(--size-field,.25rem) * 10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab, var(--btn-bg), #000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border) * -1);padding-inline:1rem;font-size:.875rem;font-weight:600}.file-input:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab, var(--input-color) 10%, #0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}.file-input:has(>input[disabled]),.file-input:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);&::placeholder{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}box-shadow:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-fg:color-mix(in oklch, var(--color-base-content) 20%, #0000);background-image:none}}}@layer daisyui.l1.l2{.file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}.file-input-ghost::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}.file-input-ghost:focus,.file-input-ghost:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}.file-input-neutral{--btn-color:var(--color-neutral)}.file-input-neutral::file-selector-button{color:var(--color-neutral-content)}.file-input-neutral,.file-input-neutral:focus,.file-input-neutral:focus-within{--input-color:var(--color-neutral)}.file-input-primary{--btn-color:var(--color-primary)}.file-input-primary::file-selector-button{color:var(--color-primary-content)}.file-input-primary,.file-input-primary:focus,.file-input-primary:focus-within{--input-color:var(--color-primary)}.file-input-secondary{--btn-color:var(--color-secondary)}.file-input-secondary::file-selector-button{color:var(--color-secondary-content)}.file-input-secondary,.file-input-secondary:focus,.file-input-secondary:focus-within{--input-color:var(--color-secondary)}.file-input-accent{--btn-color:var(--color-accent)}.file-input-accent::file-selector-button{color:var(--color-accent-content)}.file-input-accent,.file-input-accent:focus,.file-input-accent:focus-within{--input-color:var(--color-accent)}.file-input-info{--btn-color:var(--color-info)}.file-input-info::file-selector-button{color:var(--color-info-content)}.file-input-info,.file-input-info:focus,.file-input-info:focus-within{--input-color:var(--color-info)}.file-input-success{--btn-color:var(--color-success)}.file-input-success::file-selector-button{color:var(--color-success-content)}.file-input-success,.file-input-success:focus,.file-input-success:focus-within{--input-color:var(--color-success)}.file-input-warning{--btn-color:var(--color-warning)}.file-input-warning::file-selector-button{color:var(--color-warning-content)}.file-input-warning,.file-input-warning:focus,.file-input-warning:focus-within{--input-color:var(--color-warning)}.file-input-error{--btn-color:var(--color-error)}.file-input-error::file-selector-button{color:var(--color-error-content)}.file-input-error,.file-input-error:focus,.file-input-error:focus-within{--input-color:var(--color-error)}.file-input-xs{--size:calc(var(--size-field,.25rem) * 6);font-size:.6875rem;line-height:1rem}.file-input-xs::file-selector-button{font-size:.6875rem}.file-input-sm{--size:calc(var(--size-field,.25rem) * 8);font-size:.75rem;line-height:1.5rem}.file-input-sm::file-selector-button{font-size:.75rem}.file-input-md{--size:calc(var(--size-field,.25rem) * 10);font-size:.875rem;line-height:2}.file-input-md::file-selector-button{font-size:.875rem}.file-input-lg{--size:calc(var(--size-field,.25rem) * 12);font-size:1.125rem;line-height:2.5rem}.file-input-lg::file-selector-button{font-size:1.125rem}.file-input-xl{--size:calc(var(--size-field,.25rem) * 14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem}.file-input-xl::file-selector-button{font-size:1.375rem}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {"
|
|
1
|
+
export default {"@layer daisyui.l1.l2.l3":{".filter":{"display":"flex","flex-wrap":"wrap"},".filter [type=\"radio\"]":{"width":"auto"},".filter input":{"overflow":"hidden","opacity":"100%","scale":"1","transition":"visibility 0.1s allow-discrete, margin 0.1s, opacity 0.3s, padding 0.3s, border-width 0.1s","&.filter-reset":{"aspect-ratio":"1 / 1","&::after":{"--tw-content":"\"×\"","content":"var(--tw-content)"}}},".filter > input:not(:last-child), .filter > :not(:last-child) input":{"margin-inline-end":"0.25rem"}},"@layer daisyui.l1":{".filter:not(:has(:checked:not(.filter-reset))) :is(.filter-reset, [type=\"reset\"]):not(:focus-visible)":{"visibility":"hidden"},".filter:not(:has(:checked:not(.filter-reset))) :is(.filter-reset, [type=\"reset\"]):not(:focus-visible), .filter:not(:has(:focus-visible)):has(:checked:not(.filter-reset, [type=\"checkbox\"])) :is(input, button):not(:checked, .filter-reset, [type=\"reset\"])":{"margin-inline":"0px","width":"0px","padding-inline":"0px","opacity":"0%","scale":"0","border-width":"0"}}};
|
package/components/filter.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.7.
|
|
1
|
+
/*! 🌼 daisyUI 5.7.5 - MIT License */ @layer utilities{@layer daisyui.l1.l2.l3{.filter{flex-wrap:wrap;display:flex}.filter [type=radio]{width:auto}.filter input{opacity:1;transition:visibility .1s allow-discrete, margin .1s, opacity .3s, padding .3s, border-width .1s;overflow:hidden;scale:1;&.filter-reset{aspect-ratio:1;&:after{--tw-content:"×";content:var(--tw-content)}}}.filter>input:not(:last-child),.filter>:not(:last-child) input{margin-inline-end:.25rem}}@layer daisyui.l1{.filter:not(:has(:checked:not(.filter-reset))) :is(.filter-reset,[type=reset]):not(:focus-visible){visibility:hidden}.filter:not(:has(:checked:not(.filter-reset))) :is(.filter-reset,[type=reset]):not(:focus-visible),.filter:not(:has(:focus-visible)):has(:checked:not(.filter-reset,[type=checkbox])) :is(input,button):not(:checked,.filter-reset,[type=reset]){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {"
|
|
1
|
+
export default {"@layer daisyui.l1.l2.l3":[{".footer":{"display":"grid","width":"100%","grid-auto-flow":"row","place-items":"start","column-gap":"calc(0.25rem * 4)","row-gap":"calc(0.25rem * 10)","font-size":"0.875rem","line-height":"1.25rem"},".footer > :not(script, style, template)":{"display":"grid","place-items":"start","gap":"calc(0.25rem * 2)"}},{".footer-title":{"margin-bottom":"calc(0.25rem * 2)","text-transform":"uppercase","opacity":"60%","font-weight":600}}],"@layer daisyui.l1.l2":[{".footer-center":{"grid-auto-flow":"column dense","place-items":"center","text-align":"center"},".footer-center > :not(script, style, template)":{"place-items":"center"}},{".footer-horizontal":{"grid-auto-flow":"column"},".footer-horizontal.footer-center":{"grid-auto-flow":"row dense"},".footer-vertical":{"grid-auto-flow":"row"},".footer-vertical.footer-center":{"grid-auto-flow":"column dense"}}]};
|
package/components/footer.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.7.
|
|
1
|
+
/*! 🌼 daisyUI 5.7.5 - MIT License */ @layer utilities{@layer daisyui.l1.l2.l3{.footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}.footer>:not(script,style,template){place-items:start;gap:.5rem;display:grid}.footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}@layer daisyui.l1.l2{.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center}.footer-center>:not(script,style,template){place-items:center}.footer-horizontal{grid-auto-flow:column}.footer-horizontal.footer-center{grid-auto-flow:dense}.footer-vertical{grid-auto-flow:row}.footer-vertical.footer-center{grid-auto-flow:column dense}}@media (width>=640px){@layer daisyui.l1.l2.l3{.footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}.footer>:not(script,style,template){place-items:start;gap:.5rem;display:grid}.footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}@layer daisyui.l1.l2{.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center}.footer-center>:not(script,style,template){place-items:center}.footer-horizontal{grid-auto-flow:column}.footer-horizontal.footer-center{grid-auto-flow:dense}.footer-vertical{grid-auto-flow:row}.footer-vertical.footer-center{grid-auto-flow:column dense}}}@media (width>=768px){@layer daisyui.l1.l2.l3{.footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}.footer>:not(script,style,template){place-items:start;gap:.5rem;display:grid}.footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}@layer daisyui.l1.l2{.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center}.footer-center>:not(script,style,template){place-items:center}.footer-horizontal{grid-auto-flow:column}.footer-horizontal.footer-center{grid-auto-flow:dense}.footer-vertical{grid-auto-flow:row}.footer-vertical.footer-center{grid-auto-flow:column dense}}}@media (width>=1024px){@layer daisyui.l1.l2.l3{.footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}.footer>:not(script,style,template){place-items:start;gap:.5rem;display:grid}.footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}@layer daisyui.l1.l2{.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center}.footer-center>:not(script,style,template){place-items:center}.footer-horizontal{grid-auto-flow:column}.footer-horizontal.footer-center{grid-auto-flow:dense}.footer-vertical{grid-auto-flow:row}.footer-vertical.footer-center{grid-auto-flow:column dense}}}@media (width>=1280px){@layer daisyui.l1.l2.l3{.footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}.footer>:not(script,style,template){place-items:start;gap:.5rem;display:grid}.footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}@layer daisyui.l1.l2{.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center}.footer-center>:not(script,style,template){place-items:center}.footer-horizontal{grid-auto-flow:column}.footer-horizontal.footer-center{grid-auto-flow:dense}.footer-vertical{grid-auto-flow:row}.footer-vertical.footer-center{grid-auto-flow:column dense}}}@media (width>=1536px){@layer daisyui.l1.l2.l3{.footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}.footer>:not(script,style,template){place-items:start;gap:.5rem;display:grid}.footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}@layer daisyui.l1.l2{.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center}.footer-center>:not(script,style,template){place-items:center}.footer-horizontal{grid-auto-flow:column}.footer-horizontal.footer-center{grid-auto-flow:dense}.footer-vertical{grid-auto-flow:row}.footer-vertical.footer-center{grid-auto-flow:column dense}}}}
|