daisyui 5.5.19 → 5.5.21
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/chunks.css +51 -51
- package/colors/properties-extended.css +1 -1
- package/colors/properties.css +1 -1
- package/colors/responsive-extended.css +1 -1
- package/colors/responsive.css +1 -1
- package/colors/states-extended.css +1 -1
- package/colors/states.css +1 -1
- package/components/alert.css +1 -1
- package/components/avatar.css +1 -1
- package/components/badge.css +1 -1
- package/components/breadcrumbs.css +1 -1
- package/components/button.css +1 -1
- package/components/calendar.css +1 -1
- package/components/card.css +1 -1
- package/components/carousel.css +1 -1
- package/components/chat.css +1 -1
- package/components/checkbox.css +1 -1
- package/components/collapse.css +1 -1
- package/components/countdown.css +1 -1
- package/components/diff.css +1 -1
- package/components/divider.css +1 -1
- package/components/dock.css +1 -1
- package/components/drawer/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.css +1 -1
- package/components/fieldset.css +1 -1
- package/components/fileinput.css +1 -1
- package/components/filter.css +1 -1
- package/components/footer.css +1 -1
- package/components/hero.css +1 -1
- package/components/hover3d.css +1 -1
- package/components/hovergallery.css +1 -1
- package/components/indicator.css +1 -1
- package/components/input.css +1 -1
- package/components/kbd.css +1 -1
- package/components/label.css +1 -1
- package/components/link.css +1 -1
- package/components/list.css +1 -1
- package/components/loading.css +1 -1
- package/components/mask.css +1 -1
- package/components/menu.css +1 -1
- package/components/mockup.css +1 -1
- package/components/modal.css +1 -1
- package/components/navbar.css +1 -1
- package/components/progress.css +1 -1
- package/components/radialprogress.css +1 -1
- package/components/radio.css +1 -1
- package/components/range.css +1 -1
- package/components/rating.css +1 -1
- package/components/select.css +1 -1
- package/components/skeleton.css +1 -1
- package/components/stack.css +1 -1
- package/components/stat.css +1 -1
- package/components/status.css +1 -1
- package/components/steps.css +1 -1
- package/components/swap.css +1 -1
- package/components/tab.css +1 -1
- package/components/table.css +1 -1
- package/components/textarea.css +1 -1
- package/components/textrotate.css +1 -1
- package/components/timeline.css +1 -1
- package/components/toast.css +1 -1
- package/components/toggle.css +1 -1
- package/components/tooltip.css +1 -1
- package/components/validator.css +1 -1
- package/daisyui.css +1 -1
- package/imports.js +54 -54
- package/index.js +1 -1
- package/package.json +1 -1
- package/theme/object.d.ts +27 -27
- package/theme/object.js +1 -1
- package/themes.css +1 -1
- package/utilities/glass.css +1 -1
- package/utilities/join.css +1 -1
- package/utilities/radius.css +1 -1
- package/utilities/typography.css +1 -1
package/components/fileinput.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.18 - 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(--btn-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);--btn-noise:var(--fx-noise);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);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}}.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(--btn-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);--btn-noise:var(--fx-noise);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);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}}.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(--btn-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);--btn-noise:var(--fx-noise);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);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}}.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(--btn-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);--btn-noise:var(--fx-noise);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);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}}.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(--btn-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);--btn-noise:var(--fx-noise);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);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}}.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(--btn-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);--btn-noise:var(--fx-noise);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);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}}.\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.5.20 - 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(--btn-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);--btn-noise:var(--fx-noise);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);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}}.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(--btn-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);--btn-noise:var(--fx-noise);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);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}}.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(--btn-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);--btn-noise:var(--fx-noise);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);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}}.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(--btn-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);--btn-noise:var(--fx-noise);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);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}}.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(--btn-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);--btn-noise:var(--fx-noise);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);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}}.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(--btn-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);--btn-noise:var(--fx-noise);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);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}}.\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}}}}}
|
package/components/filter.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.
|
|
1
|
+
/*! 🌼 daisyUI 5.5.20 - MIT License */ @layer utilities{.filter{@layer daisyui.l1.l2.l3{&{flex-wrap:wrap;display:flex}& input[type=radio]{width:auto}& input{opacity:1;transition:margin .1s,opacity .3s,padding .3s,border-width .1s;overflow:hidden;scale:1;&:not(:last-child){margin-inline-end:.25rem}&.filter-reset{aspect-ratio:1;&:after{--tw-content:"×";content:var(--tw-content)}}}&:not(:has(input:checked:not(.filter-reset))){& .filter-reset,& input[type=reset]{opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}&:has(input:checked:not(.filter-reset)){& input:not(:checked,.filter-reset,input[type=reset]){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}}}}
|
package/components/footer.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.
|
|
1
|
+
/*! 🌼 daisyUI 5.5.20 - MIT License */ @layer utilities{.footer{@layer daisyui.l1.l2.l3{&{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}}.footer-title{@layer daisyui.l1.l2.l3{&{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}}.footer-horizontal{@layer daisyui.l1.l2{&{grid-auto-flow:column}&.footer-center{grid-auto-flow:dense}}}.footer-vertical{@layer daisyui.l1.l2{&{grid-auto-flow:row}&.footer-center{grid-auto-flow:column dense}}}@media (width>=640px){.sm\:footer{@layer daisyui.l1.l2.l3{&{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}}.sm\:footer-title{@layer daisyui.l1.l2.l3{&{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}}.sm\:footer-horizontal{@layer daisyui.l1.l2{&{grid-auto-flow:column}&.footer-center{grid-auto-flow:dense}}}.sm\:footer-vertical{@layer daisyui.l1.l2{&{grid-auto-flow:row}&.footer-center{grid-auto-flow:column dense}}}}@media (width>=768px){.md\:footer{@layer daisyui.l1.l2.l3{&{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}}.md\:footer-title{@layer daisyui.l1.l2.l3{&{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}}.md\:footer-horizontal{@layer daisyui.l1.l2{&{grid-auto-flow:column}&.footer-center{grid-auto-flow:dense}}}.md\:footer-vertical{@layer daisyui.l1.l2{&{grid-auto-flow:row}&.footer-center{grid-auto-flow:column dense}}}}@media (width>=1024px){.lg\:footer{@layer daisyui.l1.l2.l3{&{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}}.lg\:footer-title{@layer daisyui.l1.l2.l3{&{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}}.lg\:footer-horizontal{@layer daisyui.l1.l2{&{grid-auto-flow:column}&.footer-center{grid-auto-flow:dense}}}.lg\:footer-vertical{@layer daisyui.l1.l2{&{grid-auto-flow:row}&.footer-center{grid-auto-flow:column dense}}}}@media (width>=1280px){.xl\:footer{@layer daisyui.l1.l2.l3{&{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}}.xl\:footer-title{@layer daisyui.l1.l2.l3{&{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}}.xl\:footer-horizontal{@layer daisyui.l1.l2{&{grid-auto-flow:column}&.footer-center{grid-auto-flow:dense}}}.xl\:footer-vertical{@layer daisyui.l1.l2{&{grid-auto-flow:row}&.footer-center{grid-auto-flow:column dense}}}}@media (width>=1536px){.\32 xl\:footer{@layer daisyui.l1.l2.l3{&{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}}.\32 xl\:footer-title{@layer daisyui.l1.l2.l3{&{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}}.\32 xl\:footer-horizontal{@layer daisyui.l1.l2{&{grid-auto-flow:column}&.footer-center{grid-auto-flow:dense}}}.\32 xl\:footer-vertical{@layer daisyui.l1.l2{&{grid-auto-flow:row}&.footer-center{grid-auto-flow:column dense}}}}}
|
package/components/hero.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.
|
|
1
|
+
/*! 🌼 daisyUI 5.5.20 - MIT License */ @layer utilities{.hero{@layer daisyui.l1.l2.l3{&{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid}&>*{grid-row-start:1;grid-column-start:1}}}.hero-overlay{@layer daisyui.l1.l2.l3{&{background-color:color-mix(in oklab,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}}}.hero-content{@layer daisyui.l1.l2.l3{&{isolation:isolate;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}}}@media (width>=640px){.sm\:hero{@layer daisyui.l1.l2.l3{&{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid}&>*{grid-row-start:1;grid-column-start:1}}}.sm\:hero-overlay{@layer daisyui.l1.l2.l3{&{background-color:color-mix(in oklab,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}}}.sm\:hero-content{@layer daisyui.l1.l2.l3{&{isolation:isolate;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}}}}@media (width>=768px){.md\:hero{@layer daisyui.l1.l2.l3{&{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid}&>*{grid-row-start:1;grid-column-start:1}}}.md\:hero-overlay{@layer daisyui.l1.l2.l3{&{background-color:color-mix(in oklab,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}}}.md\:hero-content{@layer daisyui.l1.l2.l3{&{isolation:isolate;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}}}}@media (width>=1024px){.lg\:hero{@layer daisyui.l1.l2.l3{&{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid}&>*{grid-row-start:1;grid-column-start:1}}}.lg\:hero-overlay{@layer daisyui.l1.l2.l3{&{background-color:color-mix(in oklab,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}}}.lg\:hero-content{@layer daisyui.l1.l2.l3{&{isolation:isolate;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}}}}@media (width>=1280px){.xl\:hero{@layer daisyui.l1.l2.l3{&{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid}&>*{grid-row-start:1;grid-column-start:1}}}.xl\:hero-overlay{@layer daisyui.l1.l2.l3{&{background-color:color-mix(in oklab,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}}}.xl\:hero-content{@layer daisyui.l1.l2.l3{&{isolation:isolate;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}}}}@media (width>=1536px){.\32 xl\:hero{@layer daisyui.l1.l2.l3{&{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid}&>*{grid-row-start:1;grid-column-start:1}}}.\32 xl\:hero-overlay{@layer daisyui.l1.l2.l3{&{background-color:color-mix(in oklab,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}}}.\32 xl\:hero-content{@layer daisyui.l1.l2.l3{&{isolation:isolate;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}}}}}
|
package/components/hover3d.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.
|
|
1
|
+
/*! 🌼 daisyUI 5.5.20 - MIT License */ @layer utilities{.hover-3d{@layer daisyui.l1.l2.l3{&{perspective:75rem;--transform:0,0;--shine:100% 100%;--shadow:0rem 0rem 0rem;--ease:linear(0,.931 13.8%,1.196 21.4%,1.343 29.8%,1.378 36%,1.365 43.2%,1.059 78%,1);filter:drop-shadow(var(--shadow).1rem #00000003)drop-shadow(var(--shadow).2rem #00000003)drop-shadow(var(--shadow).3rem #00000003)drop-shadow(var(--shadow).4rem #00000003);transition:filter .4s ease-out;display:inline-grid}&>:nth-child(n+2){isolation:isolate;z-index:1}&>:first-child{transform:rotate3d(var(--transform),0,10deg);transition:transform var(--ease).5s,scale var(--ease).5s,outline-color ease-out .5s;outline-offset:-1px;outline:.5px solid #0000;grid-area:1/1/4/4;overflow:hidden;&:before{content:"";pointer-events:none;z-index:1;opacity:0;filter:blur(.75rem);width:33.3333%;height:33.3333%;scale:500%;translate:var(--shine);background-image:radial-gradient(circle,#fff3 10%,#0000 50%);transition:translate .4s ease-out,opacity .4s ease-out;position:absolute}}&:hover{--ease:linear(0,.708 15.2%,.927 23.6%,1.067 33%,1.12 41%,1.13 50.2%,1.019 83.2%,1);&>:first-child{outline-color:#fff1;&:before,&:after{opacity:1}}}&>:nth-child(n+2){scale:1.2}&>:nth-child(2){grid-area:1/1/2/2}&>:nth-child(3){grid-area:1/2/2/3}&>:nth-child(4){grid-area:1/3/2/4}&>:nth-child(5){grid-area:2/1/3/2}&>:nth-child(6){grid-area:2/3/3/4}&>:nth-child(7){grid-area:3/1/4/2}&>:nth-child(8){grid-area:3/2/4/3}&>:nth-child(9){grid-area:3/3/4/4}&:hover{&>:first-child{scale:1.05}}&:has(>:nth-child(2):hover){--transform:-1,1;--shine:0% 0%;--shadow:-.5rem -.5rem}&:has(>:nth-child(3):hover){--transform:-1,0;--shine:100% 0%;--shadow:0rem -.5rem}&:has(>:nth-child(4):hover){--transform:-1,-1;--shine:200% 0%;--shadow:.5rem -.5rem}&:has(>:nth-child(5):hover){--transform:0,1;--shine:0% 100%;--shadow:-.5rem 0rem}&:has(>:nth-child(6):hover){--transform:0,-1;--shine:200% 100%;--shadow:.5rem 0rem}&:has(>:nth-child(7):hover){--transform:1,1;--shine:0% 200%;--shadow:-.5rem .5rem}&:has(>:nth-child(8):hover){--transform:1,0;--shine:100% 200%;--shadow:0rem .5rem}&:has(>:nth-child(9):hover){--transform:1,-1;--shine:200% 200%;--shadow:.5rem .5rem}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.
|
|
1
|
+
/*! 🌼 daisyUI 5.5.20 - MIT License */ @layer utilities{.hover-gallery{@layer daisyui.l1.l2.l3{&{--items:1;grid-template-columns:repeat(var(--items),1fr);gap:1px;width:100%;overflow:hidden}&,&:is(figure){display:inline-grid}&:has(>:nth-child(3)){--items:2}&:has(>:nth-child(4)){--items:3}&:has(>:nth-child(5)){--items:4}&:has(>:nth-child(6)){--items:5}&:has(>:nth-child(7)){--items:6}&:has(>:nth-child(8)){--items:7}&:has(>:nth-child(9)){--items:8}&:has(>:nth-child(10)){--items:9}&>*{opacity:0;object-fit:cover;grid-row:1;width:100%;height:100%;&:first-child{opacity:1;grid-column:1/-1}&:nth-child(2){grid-column:1}&:nth-child(3){grid-column:2}&:nth-child(4){grid-column:3}&:nth-child(5){grid-column:4}&:nth-child(6){grid-column:5}&:nth-child(7){grid-column:6}&:nth-child(8){grid-column:7}&:nth-child(9){grid-column:8}&:nth-child(10){grid-column:9}&:nth-child(n+11){display:none}}&>:hover{opacity:1;grid-column:1/-1}&:has(:hover){&>:first-child{display:none}}}}@media (width>=640px){.sm\:hover-gallery{@layer daisyui.l1.l2.l3{&{--items:1;grid-template-columns:repeat(var(--items),1fr);gap:1px;width:100%;overflow:hidden}&,&:is(figure){display:inline-grid}&:has(>:nth-child(3)){--items:2}&:has(>:nth-child(4)){--items:3}&:has(>:nth-child(5)){--items:4}&:has(>:nth-child(6)){--items:5}&:has(>:nth-child(7)){--items:6}&:has(>:nth-child(8)){--items:7}&:has(>:nth-child(9)){--items:8}&:has(>:nth-child(10)){--items:9}&>*{opacity:0;object-fit:cover;grid-row:1;width:100%;height:100%;&:first-child{opacity:1;grid-column:1/-1}&:nth-child(2){grid-column:1}&:nth-child(3){grid-column:2}&:nth-child(4){grid-column:3}&:nth-child(5){grid-column:4}&:nth-child(6){grid-column:5}&:nth-child(7){grid-column:6}&:nth-child(8){grid-column:7}&:nth-child(9){grid-column:8}&:nth-child(10){grid-column:9}&:nth-child(n+11){display:none}}&>:hover{opacity:1;grid-column:1/-1}&:has(:hover){&>:first-child{display:none}}}}}@media (width>=768px){.md\:hover-gallery{@layer daisyui.l1.l2.l3{&{--items:1;grid-template-columns:repeat(var(--items),1fr);gap:1px;width:100%;overflow:hidden}&,&:is(figure){display:inline-grid}&:has(>:nth-child(3)){--items:2}&:has(>:nth-child(4)){--items:3}&:has(>:nth-child(5)){--items:4}&:has(>:nth-child(6)){--items:5}&:has(>:nth-child(7)){--items:6}&:has(>:nth-child(8)){--items:7}&:has(>:nth-child(9)){--items:8}&:has(>:nth-child(10)){--items:9}&>*{opacity:0;object-fit:cover;grid-row:1;width:100%;height:100%;&:first-child{opacity:1;grid-column:1/-1}&:nth-child(2){grid-column:1}&:nth-child(3){grid-column:2}&:nth-child(4){grid-column:3}&:nth-child(5){grid-column:4}&:nth-child(6){grid-column:5}&:nth-child(7){grid-column:6}&:nth-child(8){grid-column:7}&:nth-child(9){grid-column:8}&:nth-child(10){grid-column:9}&:nth-child(n+11){display:none}}&>:hover{opacity:1;grid-column:1/-1}&:has(:hover){&>:first-child{display:none}}}}}@media (width>=1024px){.lg\:hover-gallery{@layer daisyui.l1.l2.l3{&{--items:1;grid-template-columns:repeat(var(--items),1fr);gap:1px;width:100%;overflow:hidden}&,&:is(figure){display:inline-grid}&:has(>:nth-child(3)){--items:2}&:has(>:nth-child(4)){--items:3}&:has(>:nth-child(5)){--items:4}&:has(>:nth-child(6)){--items:5}&:has(>:nth-child(7)){--items:6}&:has(>:nth-child(8)){--items:7}&:has(>:nth-child(9)){--items:8}&:has(>:nth-child(10)){--items:9}&>*{opacity:0;object-fit:cover;grid-row:1;width:100%;height:100%;&:first-child{opacity:1;grid-column:1/-1}&:nth-child(2){grid-column:1}&:nth-child(3){grid-column:2}&:nth-child(4){grid-column:3}&:nth-child(5){grid-column:4}&:nth-child(6){grid-column:5}&:nth-child(7){grid-column:6}&:nth-child(8){grid-column:7}&:nth-child(9){grid-column:8}&:nth-child(10){grid-column:9}&:nth-child(n+11){display:none}}&>:hover{opacity:1;grid-column:1/-1}&:has(:hover){&>:first-child{display:none}}}}}@media (width>=1280px){.xl\:hover-gallery{@layer daisyui.l1.l2.l3{&{--items:1;grid-template-columns:repeat(var(--items),1fr);gap:1px;width:100%;overflow:hidden}&,&:is(figure){display:inline-grid}&:has(>:nth-child(3)){--items:2}&:has(>:nth-child(4)){--items:3}&:has(>:nth-child(5)){--items:4}&:has(>:nth-child(6)){--items:5}&:has(>:nth-child(7)){--items:6}&:has(>:nth-child(8)){--items:7}&:has(>:nth-child(9)){--items:8}&:has(>:nth-child(10)){--items:9}&>*{opacity:0;object-fit:cover;grid-row:1;width:100%;height:100%;&:first-child{opacity:1;grid-column:1/-1}&:nth-child(2){grid-column:1}&:nth-child(3){grid-column:2}&:nth-child(4){grid-column:3}&:nth-child(5){grid-column:4}&:nth-child(6){grid-column:5}&:nth-child(7){grid-column:6}&:nth-child(8){grid-column:7}&:nth-child(9){grid-column:8}&:nth-child(10){grid-column:9}&:nth-child(n+11){display:none}}&>:hover{opacity:1;grid-column:1/-1}&:has(:hover){&>:first-child{display:none}}}}}@media (width>=1536px){.\32 xl\:hover-gallery{@layer daisyui.l1.l2.l3{&{--items:1;grid-template-columns:repeat(var(--items),1fr);gap:1px;width:100%;overflow:hidden}&,&:is(figure){display:inline-grid}&:has(>:nth-child(3)){--items:2}&:has(>:nth-child(4)){--items:3}&:has(>:nth-child(5)){--items:4}&:has(>:nth-child(6)){--items:5}&:has(>:nth-child(7)){--items:6}&:has(>:nth-child(8)){--items:7}&:has(>:nth-child(9)){--items:8}&:has(>:nth-child(10)){--items:9}&>*{opacity:0;object-fit:cover;grid-row:1;width:100%;height:100%;&:first-child{opacity:1;grid-column:1/-1}&:nth-child(2){grid-column:1}&:nth-child(3){grid-column:2}&:nth-child(4){grid-column:3}&:nth-child(5){grid-column:4}&:nth-child(6){grid-column:5}&:nth-child(7){grid-column:6}&:nth-child(8){grid-column:7}&:nth-child(9){grid-column:8}&:nth-child(10){grid-column:9}&:nth-child(n+11){display:none}}&>:hover{opacity:1;grid-column:1/-1}&:has(:hover){&>:first-child{display:none}}}}}}
|
package/components/indicator.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.
|
|
1
|
+
/*! 🌼 daisyUI 5.5.20 - MIT License */ @layer utilities{.indicator{@layer daisyui.l1.l2.l3{&{width:max-content;display:inline-flex;position:relative}& :where(.indicator-item){z-index:1;white-space:nowrap;top:var(--indicator-t,0);bottom:var(--indicator-b,auto);left:var(--indicator-s,auto);right:var(--indicator-e,0);translate:var(--indicator-x,50%)var(--indicator-y,-50%);position:absolute}}}.indicator-start{@layer daisyui.l1.l2{&{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}[dir=rtl] &{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}}}.indicator-center{@layer daisyui.l1.l2{&{--indicator-s:50%;--indicator-e:50%;--indicator-x:-50%}[dir=rtl] &{--indicator-x:50%}}}.indicator-end{@layer daisyui.l1.l2{&{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}[dir=rtl] &{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}}}.indicator-bottom{@layer daisyui.l1.l2{&{--indicator-t:auto;--indicator-b:0;--indicator-y:50%}}}.indicator-middle{@layer daisyui.l1.l2{&{--indicator-t:50%;--indicator-b:50%;--indicator-y:-50%}}}.indicator-top{@layer daisyui.l1.l2{&{--indicator-t:0;--indicator-b:auto;--indicator-y:-50%}}}@media (width>=640px){.sm\:indicator{@layer daisyui.l1.l2.l3{&{width:max-content;display:inline-flex;position:relative}& :where(.indicator-item){z-index:1;white-space:nowrap;top:var(--indicator-t,0);bottom:var(--indicator-b,auto);left:var(--indicator-s,auto);right:var(--indicator-e,0);translate:var(--indicator-x,50%)var(--indicator-y,-50%);position:absolute}}}.sm\:indicator-start{@layer daisyui.l1.l2{&{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}[dir=rtl] &{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}}}.sm\:indicator-center{@layer daisyui.l1.l2{&{--indicator-s:50%;--indicator-e:50%;--indicator-x:-50%}[dir=rtl] &{--indicator-x:50%}}}.sm\:indicator-end{@layer daisyui.l1.l2{&{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}[dir=rtl] &{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}}}.sm\:indicator-bottom{@layer daisyui.l1.l2{&{--indicator-t:auto;--indicator-b:0;--indicator-y:50%}}}.sm\:indicator-middle{@layer daisyui.l1.l2{&{--indicator-t:50%;--indicator-b:50%;--indicator-y:-50%}}}.sm\:indicator-top{@layer daisyui.l1.l2{&{--indicator-t:0;--indicator-b:auto;--indicator-y:-50%}}}}@media (width>=768px){.md\:indicator{@layer daisyui.l1.l2.l3{&{width:max-content;display:inline-flex;position:relative}& :where(.indicator-item){z-index:1;white-space:nowrap;top:var(--indicator-t,0);bottom:var(--indicator-b,auto);left:var(--indicator-s,auto);right:var(--indicator-e,0);translate:var(--indicator-x,50%)var(--indicator-y,-50%);position:absolute}}}.md\:indicator-start{@layer daisyui.l1.l2{&{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}[dir=rtl] &{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}}}.md\:indicator-center{@layer daisyui.l1.l2{&{--indicator-s:50%;--indicator-e:50%;--indicator-x:-50%}[dir=rtl] &{--indicator-x:50%}}}.md\:indicator-end{@layer daisyui.l1.l2{&{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}[dir=rtl] &{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}}}.md\:indicator-bottom{@layer daisyui.l1.l2{&{--indicator-t:auto;--indicator-b:0;--indicator-y:50%}}}.md\:indicator-middle{@layer daisyui.l1.l2{&{--indicator-t:50%;--indicator-b:50%;--indicator-y:-50%}}}.md\:indicator-top{@layer daisyui.l1.l2{&{--indicator-t:0;--indicator-b:auto;--indicator-y:-50%}}}}@media (width>=1024px){.lg\:indicator{@layer daisyui.l1.l2.l3{&{width:max-content;display:inline-flex;position:relative}& :where(.indicator-item){z-index:1;white-space:nowrap;top:var(--indicator-t,0);bottom:var(--indicator-b,auto);left:var(--indicator-s,auto);right:var(--indicator-e,0);translate:var(--indicator-x,50%)var(--indicator-y,-50%);position:absolute}}}.lg\:indicator-start{@layer daisyui.l1.l2{&{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}[dir=rtl] &{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}}}.lg\:indicator-center{@layer daisyui.l1.l2{&{--indicator-s:50%;--indicator-e:50%;--indicator-x:-50%}[dir=rtl] &{--indicator-x:50%}}}.lg\:indicator-end{@layer daisyui.l1.l2{&{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}[dir=rtl] &{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}}}.lg\:indicator-bottom{@layer daisyui.l1.l2{&{--indicator-t:auto;--indicator-b:0;--indicator-y:50%}}}.lg\:indicator-middle{@layer daisyui.l1.l2{&{--indicator-t:50%;--indicator-b:50%;--indicator-y:-50%}}}.lg\:indicator-top{@layer daisyui.l1.l2{&{--indicator-t:0;--indicator-b:auto;--indicator-y:-50%}}}}@media (width>=1280px){.xl\:indicator{@layer daisyui.l1.l2.l3{&{width:max-content;display:inline-flex;position:relative}& :where(.indicator-item){z-index:1;white-space:nowrap;top:var(--indicator-t,0);bottom:var(--indicator-b,auto);left:var(--indicator-s,auto);right:var(--indicator-e,0);translate:var(--indicator-x,50%)var(--indicator-y,-50%);position:absolute}}}.xl\:indicator-start{@layer daisyui.l1.l2{&{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}[dir=rtl] &{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}}}.xl\:indicator-center{@layer daisyui.l1.l2{&{--indicator-s:50%;--indicator-e:50%;--indicator-x:-50%}[dir=rtl] &{--indicator-x:50%}}}.xl\:indicator-end{@layer daisyui.l1.l2{&{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}[dir=rtl] &{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}}}.xl\:indicator-bottom{@layer daisyui.l1.l2{&{--indicator-t:auto;--indicator-b:0;--indicator-y:50%}}}.xl\:indicator-middle{@layer daisyui.l1.l2{&{--indicator-t:50%;--indicator-b:50%;--indicator-y:-50%}}}.xl\:indicator-top{@layer daisyui.l1.l2{&{--indicator-t:0;--indicator-b:auto;--indicator-y:-50%}}}}@media (width>=1536px){.\32 xl\:indicator{@layer daisyui.l1.l2.l3{&{width:max-content;display:inline-flex;position:relative}& :where(.indicator-item){z-index:1;white-space:nowrap;top:var(--indicator-t,0);bottom:var(--indicator-b,auto);left:var(--indicator-s,auto);right:var(--indicator-e,0);translate:var(--indicator-x,50%)var(--indicator-y,-50%);position:absolute}}}.\32 xl\:indicator-start{@layer daisyui.l1.l2{&{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}[dir=rtl] &{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}}}.\32 xl\:indicator-center{@layer daisyui.l1.l2{&{--indicator-s:50%;--indicator-e:50%;--indicator-x:-50%}[dir=rtl] &{--indicator-x:50%}}}.\32 xl\:indicator-end{@layer daisyui.l1.l2{&{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}[dir=rtl] &{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}}}.\32 xl\:indicator-bottom{@layer daisyui.l1.l2{&{--indicator-t:auto;--indicator-b:0;--indicator-y:50%}}}.\32 xl\:indicator-middle{@layer daisyui.l1.l2{&{--indicator-t:50%;--indicator-b:50%;--indicator-y:-50%}}}.\32 xl\:indicator-top{@layer daisyui.l1.l2{&{--indicator-t:0;--indicator-b:auto;--indicator-y:-50%}}}}}
|
package/components/input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.18 - MIT License */ @layer utilities{.input{@layer daisyui.l1.l2.l3{&{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;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));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}&:where(input){display:inline-flex}& :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(input[type=url]),& :where(input[type=email]){direction:ltr}& :where(input[type=date]){display:inline-flex}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}&::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}&:has(>input[type=date]){& :where(input[type=date]){-webkit-appearance:none;appearance:none;display:inline-flex}& input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}}}}.input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.input-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:max(var(--font-size,.6875rem),.6875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}}.input-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:max(var(--font-size,.75rem),.75rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}}.input-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:max(var(--font-size,.875rem),.875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.input-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:max(var(--font-size,1.125rem),1.125rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.input-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:max(var(--font-size,1.375rem),1.375rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}}@media (width>=640px){.sm\:input{@layer daisyui.l1.l2.l3{&{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;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));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}&:where(input){display:inline-flex}& :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(input[type=url]),& :where(input[type=email]){direction:ltr}& :where(input[type=date]){display:inline-flex}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}&::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}&:has(>input[type=date]){& :where(input[type=date]){-webkit-appearance:none;appearance:none;display:inline-flex}& input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}}}}.sm\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.sm\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.sm\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.sm\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.sm\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.sm\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.sm\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.sm\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.sm\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.sm\:input-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:max(var(--font-size,.6875rem),.6875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}}.sm\:input-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:max(var(--font-size,.75rem),.75rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}}.sm\:input-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:max(var(--font-size,.875rem),.875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.sm\:input-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:max(var(--font-size,1.125rem),1.125rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.sm\:input-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:max(var(--font-size,1.375rem),1.375rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}}}@media (width>=768px){.md\:input{@layer daisyui.l1.l2.l3{&{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;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));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}&:where(input){display:inline-flex}& :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(input[type=url]),& :where(input[type=email]){direction:ltr}& :where(input[type=date]){display:inline-flex}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}&::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}&:has(>input[type=date]){& :where(input[type=date]){-webkit-appearance:none;appearance:none;display:inline-flex}& input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}}}}.md\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.md\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.md\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.md\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.md\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.md\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.md\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.md\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.md\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.md\:input-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:max(var(--font-size,.6875rem),.6875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}}.md\:input-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:max(var(--font-size,.75rem),.75rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}}.md\:input-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:max(var(--font-size,.875rem),.875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.md\:input-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:max(var(--font-size,1.125rem),1.125rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.md\:input-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:max(var(--font-size,1.375rem),1.375rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}}}@media (width>=1024px){.lg\:input{@layer daisyui.l1.l2.l3{&{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;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));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}&:where(input){display:inline-flex}& :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(input[type=url]),& :where(input[type=email]){direction:ltr}& :where(input[type=date]){display:inline-flex}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}&::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}&:has(>input[type=date]){& :where(input[type=date]){-webkit-appearance:none;appearance:none;display:inline-flex}& input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}}}}.lg\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.lg\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.lg\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.lg\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.lg\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.lg\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.lg\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.lg\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.lg\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.lg\:input-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:max(var(--font-size,.6875rem),.6875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}}.lg\:input-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:max(var(--font-size,.75rem),.75rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}}.lg\:input-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:max(var(--font-size,.875rem),.875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.lg\:input-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:max(var(--font-size,1.125rem),1.125rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.lg\:input-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:max(var(--font-size,1.375rem),1.375rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}}}@media (width>=1280px){.xl\:input{@layer daisyui.l1.l2.l3{&{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;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));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}&:where(input){display:inline-flex}& :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(input[type=url]),& :where(input[type=email]){direction:ltr}& :where(input[type=date]){display:inline-flex}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}&::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}&:has(>input[type=date]){& :where(input[type=date]){-webkit-appearance:none;appearance:none;display:inline-flex}& input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}}}}.xl\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.xl\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.xl\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.xl\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.xl\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.xl\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.xl\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.xl\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.xl\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.xl\:input-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:max(var(--font-size,.6875rem),.6875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}}.xl\:input-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:max(var(--font-size,.75rem),.75rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}}.xl\:input-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:max(var(--font-size,.875rem),.875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.xl\:input-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:max(var(--font-size,1.125rem),1.125rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.xl\:input-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:max(var(--font-size,1.375rem),1.375rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}}}@media (width>=1536px){.\32 xl\:input{@layer daisyui.l1.l2.l3{&{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;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));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}&:where(input){display:inline-flex}& :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(input[type=url]),& :where(input[type=email]){direction:ltr}& :where(input[type=date]){display:inline-flex}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}&::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}&:has(>input[type=date]){& :where(input[type=date]){-webkit-appearance:none;appearance:none;display:inline-flex}& input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}}}}.\32 xl\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.\32 xl\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.\32 xl\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.\32 xl\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.\32 xl\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.\32 xl\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.\32 xl\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.\32 xl\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.\32 xl\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.\32 xl\:input-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:max(var(--font-size,.6875rem),.6875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}}.\32 xl\:input-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:max(var(--font-size,.75rem),.75rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}}.\32 xl\:input-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:max(var(--font-size,.875rem),.875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.\32 xl\:input-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:max(var(--font-size,1.125rem),1.125rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.\32 xl\:input-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:max(var(--font-size,1.375rem),1.375rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.5.20 - MIT License */ @layer utilities{.input{@layer daisyui.l1.l2.l3{&{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;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));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}&:where(input){display:inline-flex}& :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(input[type=url]),& :where(input[type=email]){direction:ltr}& :where(input[type=date]){display:inline-flex}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}&::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}&:has(>input[type=date]){& :where(input[type=date]){-webkit-appearance:none;appearance:none;display:inline-flex}& input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}}}}.input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.input-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:max(var(--font-size,.6875rem),.6875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}}.input-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:max(var(--font-size,.75rem),.75rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}}.input-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:max(var(--font-size,.875rem),.875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.input-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:max(var(--font-size,1.125rem),1.125rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.input-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:max(var(--font-size,1.375rem),1.375rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}}@media (width>=640px){.sm\:input{@layer daisyui.l1.l2.l3{&{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;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));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}&:where(input){display:inline-flex}& :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(input[type=url]),& :where(input[type=email]){direction:ltr}& :where(input[type=date]){display:inline-flex}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}&::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}&:has(>input[type=date]){& :where(input[type=date]){-webkit-appearance:none;appearance:none;display:inline-flex}& input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}}}}.sm\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.sm\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.sm\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.sm\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.sm\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.sm\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.sm\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.sm\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.sm\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.sm\:input-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:max(var(--font-size,.6875rem),.6875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}}.sm\:input-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:max(var(--font-size,.75rem),.75rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}}.sm\:input-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:max(var(--font-size,.875rem),.875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.sm\:input-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:max(var(--font-size,1.125rem),1.125rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.sm\:input-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:max(var(--font-size,1.375rem),1.375rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}}}@media (width>=768px){.md\:input{@layer daisyui.l1.l2.l3{&{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;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));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}&:where(input){display:inline-flex}& :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(input[type=url]),& :where(input[type=email]){direction:ltr}& :where(input[type=date]){display:inline-flex}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}&::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}&:has(>input[type=date]){& :where(input[type=date]){-webkit-appearance:none;appearance:none;display:inline-flex}& input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}}}}.md\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.md\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.md\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.md\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.md\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.md\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.md\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.md\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.md\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.md\:input-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:max(var(--font-size,.6875rem),.6875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}}.md\:input-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:max(var(--font-size,.75rem),.75rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}}.md\:input-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:max(var(--font-size,.875rem),.875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.md\:input-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:max(var(--font-size,1.125rem),1.125rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.md\:input-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:max(var(--font-size,1.375rem),1.375rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}}}@media (width>=1024px){.lg\:input{@layer daisyui.l1.l2.l3{&{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;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));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}&:where(input){display:inline-flex}& :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(input[type=url]),& :where(input[type=email]){direction:ltr}& :where(input[type=date]){display:inline-flex}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}&::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}&:has(>input[type=date]){& :where(input[type=date]){-webkit-appearance:none;appearance:none;display:inline-flex}& input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}}}}.lg\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.lg\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.lg\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.lg\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.lg\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.lg\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.lg\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.lg\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.lg\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.lg\:input-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:max(var(--font-size,.6875rem),.6875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}}.lg\:input-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:max(var(--font-size,.75rem),.75rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}}.lg\:input-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:max(var(--font-size,.875rem),.875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.lg\:input-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:max(var(--font-size,1.125rem),1.125rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.lg\:input-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:max(var(--font-size,1.375rem),1.375rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}}}@media (width>=1280px){.xl\:input{@layer daisyui.l1.l2.l3{&{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;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));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}&:where(input){display:inline-flex}& :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(input[type=url]),& :where(input[type=email]){direction:ltr}& :where(input[type=date]){display:inline-flex}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}&::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}&:has(>input[type=date]){& :where(input[type=date]){-webkit-appearance:none;appearance:none;display:inline-flex}& input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}}}}.xl\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.xl\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.xl\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.xl\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.xl\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.xl\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.xl\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.xl\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.xl\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.xl\:input-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:max(var(--font-size,.6875rem),.6875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}}.xl\:input-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:max(var(--font-size,.75rem),.75rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}}.xl\:input-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:max(var(--font-size,.875rem),.875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.xl\:input-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:max(var(--font-size,1.125rem),1.125rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.xl\:input-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:max(var(--font-size,1.375rem),1.375rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}}}@media (width>=1536px){.\32 xl\:input{@layer daisyui.l1.l2.l3{&{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;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));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}&:where(input){display:inline-flex}& :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(input[type=url]),& :where(input[type=email]){direction:ltr}& :where(input[type=date]){display:inline-flex}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}&::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}&:has(>input[type=date]){& :where(input[type=date]){-webkit-appearance:none;appearance:none;display:inline-flex}& input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}}}}.\32 xl\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.\32 xl\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.\32 xl\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.\32 xl\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.\32 xl\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.\32 xl\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.\32 xl\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.\32 xl\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.\32 xl\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.\32 xl\:input-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:max(var(--font-size,.6875rem),.6875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}}.\32 xl\:input-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:max(var(--font-size,.75rem),.75rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}}.\32 xl\:input-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:max(var(--font-size,.875rem),.875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.\32 xl\:input-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:max(var(--font-size,1.125rem),1.125rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.\32 xl\:input-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:max(var(--font-size,1.375rem),1.375rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}}}}
|
package/components/kbd.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.
|
|
1
|
+
/*! 🌼 daisyUI 5.5.20 - MIT License */ @layer utilities{.kbd{box-shadow:none;@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border)solid color-mix(in srgb,var(--color-base-content)20%,#0000);border-bottom:calc(var(--border) + 1px)solid color-mix(in srgb,var(--color-base-content)20%,#0000);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-inline:.5em;font-size:.875rem;display:inline-flex}}}.kbd-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.kbd-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.kbd-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.kbd-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.kbd-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}@media (width>=640px){.sm\:kbd{box-shadow:none;@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border)solid color-mix(in srgb,var(--color-base-content)20%,#0000);border-bottom:calc(var(--border) + 1px)solid color-mix(in srgb,var(--color-base-content)20%,#0000);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-inline:.5em;font-size:.875rem;display:inline-flex}}}.sm\:kbd-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.sm\:kbd-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.sm\:kbd-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.sm\:kbd-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.sm\:kbd-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}@media (width>=768px){.md\:kbd{box-shadow:none;@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border)solid color-mix(in srgb,var(--color-base-content)20%,#0000);border-bottom:calc(var(--border) + 1px)solid color-mix(in srgb,var(--color-base-content)20%,#0000);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-inline:.5em;font-size:.875rem;display:inline-flex}}}.md\:kbd-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.md\:kbd-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.md\:kbd-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.md\:kbd-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.md\:kbd-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}@media (width>=1024px){.lg\:kbd{box-shadow:none;@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border)solid color-mix(in srgb,var(--color-base-content)20%,#0000);border-bottom:calc(var(--border) + 1px)solid color-mix(in srgb,var(--color-base-content)20%,#0000);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-inline:.5em;font-size:.875rem;display:inline-flex}}}.lg\:kbd-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.lg\:kbd-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.lg\:kbd-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.lg\:kbd-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.lg\:kbd-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}@media (width>=1280px){.xl\:kbd{box-shadow:none;@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border)solid color-mix(in srgb,var(--color-base-content)20%,#0000);border-bottom:calc(var(--border) + 1px)solid color-mix(in srgb,var(--color-base-content)20%,#0000);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-inline:.5em;font-size:.875rem;display:inline-flex}}}.xl\:kbd-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.xl\:kbd-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.xl\:kbd-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.xl\:kbd-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.xl\:kbd-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}@media (width>=1536px){.\32 xl\:kbd{box-shadow:none;@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border)solid color-mix(in srgb,var(--color-base-content)20%,#0000);border-bottom:calc(var(--border) + 1px)solid color-mix(in srgb,var(--color-base-content)20%,#0000);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-inline:.5em;font-size:.875rem;display:inline-flex}}}.\32 xl\:kbd-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.\32 xl\:kbd-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.\32 xl\:kbd-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.\32 xl\:kbd-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.\32 xl\:kbd-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}}
|
package/components/label.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.18 - MIT License */ @layer utilities{.label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.floating-label{@layer daisyui.l1.l2.l3{&{display:block;position:relative}& input{display:block;&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}& textarea{&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*10/2);pointer-events:none;border-radius:2px;padding-inline:.25rem;font-size:.875rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}&:has(.input-xs,.select-xs,.textarea-xs) span{top:calc(var(--size-field,.25rem)*6/2);font-size:.6875rem}&:has(.input-sm,.select-sm,.textarea-sm) span{top:calc(var(--size-field,.25rem)*8/2);font-size:.75rem}&:has(.input-md,.select-md,.textarea-md) span{top:calc(var(--size-field,.25rem)*10/2);font-size:.875rem}&:has(.input-lg,.select-lg,.textarea-lg) span{top:calc(var(--size-field,.25rem)*12/2);font-size:1.125rem}&:has(.input-xl,.select-xl,.textarea-xl) span{top:calc(var(--size-field,.25rem)*14/2);font-size:1.375rem}}}@media (width>=640px){.sm\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.sm\:floating-label{@layer daisyui.l1.l2.l3{&{display:block;position:relative}& input{display:block;&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}& textarea{&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*10/2);pointer-events:none;border-radius:2px;padding-inline:.25rem;font-size:.875rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}&:has(.input-xs,.select-xs,.textarea-xs) span{top:calc(var(--size-field,.25rem)*6/2);font-size:.6875rem}&:has(.input-sm,.select-sm,.textarea-sm) span{top:calc(var(--size-field,.25rem)*8/2);font-size:.75rem}&:has(.input-md,.select-md,.textarea-md) span{top:calc(var(--size-field,.25rem)*10/2);font-size:.875rem}&:has(.input-lg,.select-lg,.textarea-lg) span{top:calc(var(--size-field,.25rem)*12/2);font-size:1.125rem}&:has(.input-xl,.select-xl,.textarea-xl) span{top:calc(var(--size-field,.25rem)*14/2);font-size:1.375rem}}}}@media (width>=768px){.md\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.md\:floating-label{@layer daisyui.l1.l2.l3{&{display:block;position:relative}& input{display:block;&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}& textarea{&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*10/2);pointer-events:none;border-radius:2px;padding-inline:.25rem;font-size:.875rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}&:has(.input-xs,.select-xs,.textarea-xs) span{top:calc(var(--size-field,.25rem)*6/2);font-size:.6875rem}&:has(.input-sm,.select-sm,.textarea-sm) span{top:calc(var(--size-field,.25rem)*8/2);font-size:.75rem}&:has(.input-md,.select-md,.textarea-md) span{top:calc(var(--size-field,.25rem)*10/2);font-size:.875rem}&:has(.input-lg,.select-lg,.textarea-lg) span{top:calc(var(--size-field,.25rem)*12/2);font-size:1.125rem}&:has(.input-xl,.select-xl,.textarea-xl) span{top:calc(var(--size-field,.25rem)*14/2);font-size:1.375rem}}}}@media (width>=1024px){.lg\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.lg\:floating-label{@layer daisyui.l1.l2.l3{&{display:block;position:relative}& input{display:block;&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}& textarea{&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*10/2);pointer-events:none;border-radius:2px;padding-inline:.25rem;font-size:.875rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}&:has(.input-xs,.select-xs,.textarea-xs) span{top:calc(var(--size-field,.25rem)*6/2);font-size:.6875rem}&:has(.input-sm,.select-sm,.textarea-sm) span{top:calc(var(--size-field,.25rem)*8/2);font-size:.75rem}&:has(.input-md,.select-md,.textarea-md) span{top:calc(var(--size-field,.25rem)*10/2);font-size:.875rem}&:has(.input-lg,.select-lg,.textarea-lg) span{top:calc(var(--size-field,.25rem)*12/2);font-size:1.125rem}&:has(.input-xl,.select-xl,.textarea-xl) span{top:calc(var(--size-field,.25rem)*14/2);font-size:1.375rem}}}}@media (width>=1280px){.xl\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.xl\:floating-label{@layer daisyui.l1.l2.l3{&{display:block;position:relative}& input{display:block;&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}& textarea{&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*10/2);pointer-events:none;border-radius:2px;padding-inline:.25rem;font-size:.875rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}&:has(.input-xs,.select-xs,.textarea-xs) span{top:calc(var(--size-field,.25rem)*6/2);font-size:.6875rem}&:has(.input-sm,.select-sm,.textarea-sm) span{top:calc(var(--size-field,.25rem)*8/2);font-size:.75rem}&:has(.input-md,.select-md,.textarea-md) span{top:calc(var(--size-field,.25rem)*10/2);font-size:.875rem}&:has(.input-lg,.select-lg,.textarea-lg) span{top:calc(var(--size-field,.25rem)*12/2);font-size:1.125rem}&:has(.input-xl,.select-xl,.textarea-xl) span{top:calc(var(--size-field,.25rem)*14/2);font-size:1.375rem}}}}@media (width>=1536px){.\32 xl\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.\32 xl\:floating-label{@layer daisyui.l1.l2.l3{&{display:block;position:relative}& input{display:block;&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}& textarea{&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*10/2);pointer-events:none;border-radius:2px;padding-inline:.25rem;font-size:.875rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}&:has(.input-xs,.select-xs,.textarea-xs) span{top:calc(var(--size-field,.25rem)*6/2);font-size:.6875rem}&:has(.input-sm,.select-sm,.textarea-sm) span{top:calc(var(--size-field,.25rem)*8/2);font-size:.75rem}&:has(.input-md,.select-md,.textarea-md) span{top:calc(var(--size-field,.25rem)*10/2);font-size:.875rem}&:has(.input-lg,.select-lg,.textarea-lg) span{top:calc(var(--size-field,.25rem)*12/2);font-size:1.125rem}&:has(.input-xl,.select-xl,.textarea-xl) span{top:calc(var(--size-field,.25rem)*14/2);font-size:1.375rem}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.5.20 - MIT License */ @layer utilities{.label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.floating-label{@layer daisyui.l1.l2.l3{&{display:block;position:relative}& input{display:block;&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}& textarea{&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*10/2);pointer-events:none;border-radius:2px;padding-inline:.25rem;font-size:.875rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}&:has(.input-xs,.select-xs,.textarea-xs) span{top:calc(var(--size-field,.25rem)*6/2);font-size:.6875rem}&:has(.input-sm,.select-sm,.textarea-sm) span{top:calc(var(--size-field,.25rem)*8/2);font-size:.75rem}&:has(.input-md,.select-md,.textarea-md) span{top:calc(var(--size-field,.25rem)*10/2);font-size:.875rem}&:has(.input-lg,.select-lg,.textarea-lg) span{top:calc(var(--size-field,.25rem)*12/2);font-size:1.125rem}&:has(.input-xl,.select-xl,.textarea-xl) span{top:calc(var(--size-field,.25rem)*14/2);font-size:1.375rem}}}@media (width>=640px){.sm\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.sm\:floating-label{@layer daisyui.l1.l2.l3{&{display:block;position:relative}& input{display:block;&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}& textarea{&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*10/2);pointer-events:none;border-radius:2px;padding-inline:.25rem;font-size:.875rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}&:has(.input-xs,.select-xs,.textarea-xs) span{top:calc(var(--size-field,.25rem)*6/2);font-size:.6875rem}&:has(.input-sm,.select-sm,.textarea-sm) span{top:calc(var(--size-field,.25rem)*8/2);font-size:.75rem}&:has(.input-md,.select-md,.textarea-md) span{top:calc(var(--size-field,.25rem)*10/2);font-size:.875rem}&:has(.input-lg,.select-lg,.textarea-lg) span{top:calc(var(--size-field,.25rem)*12/2);font-size:1.125rem}&:has(.input-xl,.select-xl,.textarea-xl) span{top:calc(var(--size-field,.25rem)*14/2);font-size:1.375rem}}}}@media (width>=768px){.md\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.md\:floating-label{@layer daisyui.l1.l2.l3{&{display:block;position:relative}& input{display:block;&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}& textarea{&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*10/2);pointer-events:none;border-radius:2px;padding-inline:.25rem;font-size:.875rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}&:has(.input-xs,.select-xs,.textarea-xs) span{top:calc(var(--size-field,.25rem)*6/2);font-size:.6875rem}&:has(.input-sm,.select-sm,.textarea-sm) span{top:calc(var(--size-field,.25rem)*8/2);font-size:.75rem}&:has(.input-md,.select-md,.textarea-md) span{top:calc(var(--size-field,.25rem)*10/2);font-size:.875rem}&:has(.input-lg,.select-lg,.textarea-lg) span{top:calc(var(--size-field,.25rem)*12/2);font-size:1.125rem}&:has(.input-xl,.select-xl,.textarea-xl) span{top:calc(var(--size-field,.25rem)*14/2);font-size:1.375rem}}}}@media (width>=1024px){.lg\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.lg\:floating-label{@layer daisyui.l1.l2.l3{&{display:block;position:relative}& input{display:block;&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}& textarea{&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*10/2);pointer-events:none;border-radius:2px;padding-inline:.25rem;font-size:.875rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}&:has(.input-xs,.select-xs,.textarea-xs) span{top:calc(var(--size-field,.25rem)*6/2);font-size:.6875rem}&:has(.input-sm,.select-sm,.textarea-sm) span{top:calc(var(--size-field,.25rem)*8/2);font-size:.75rem}&:has(.input-md,.select-md,.textarea-md) span{top:calc(var(--size-field,.25rem)*10/2);font-size:.875rem}&:has(.input-lg,.select-lg,.textarea-lg) span{top:calc(var(--size-field,.25rem)*12/2);font-size:1.125rem}&:has(.input-xl,.select-xl,.textarea-xl) span{top:calc(var(--size-field,.25rem)*14/2);font-size:1.375rem}}}}@media (width>=1280px){.xl\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.xl\:floating-label{@layer daisyui.l1.l2.l3{&{display:block;position:relative}& input{display:block;&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}& textarea{&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*10/2);pointer-events:none;border-radius:2px;padding-inline:.25rem;font-size:.875rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}&:has(.input-xs,.select-xs,.textarea-xs) span{top:calc(var(--size-field,.25rem)*6/2);font-size:.6875rem}&:has(.input-sm,.select-sm,.textarea-sm) span{top:calc(var(--size-field,.25rem)*8/2);font-size:.75rem}&:has(.input-md,.select-md,.textarea-md) span{top:calc(var(--size-field,.25rem)*10/2);font-size:.875rem}&:has(.input-lg,.select-lg,.textarea-lg) span{top:calc(var(--size-field,.25rem)*12/2);font-size:1.125rem}&:has(.input-xl,.select-xl,.textarea-xl) span{top:calc(var(--size-field,.25rem)*14/2);font-size:1.375rem}}}}@media (width>=1536px){.\32 xl\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.\32 xl\:floating-label{@layer daisyui.l1.l2.l3{&{display:block;position:relative}& input{display:block;&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}& textarea{&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*10/2);pointer-events:none;border-radius:2px;padding-inline:.25rem;font-size:.875rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}&:has(.input-xs,.select-xs,.textarea-xs) span{top:calc(var(--size-field,.25rem)*6/2);font-size:.6875rem}&:has(.input-sm,.select-sm,.textarea-sm) span{top:calc(var(--size-field,.25rem)*8/2);font-size:.75rem}&:has(.input-md,.select-md,.textarea-md) span{top:calc(var(--size-field,.25rem)*10/2);font-size:.875rem}&:has(.input-lg,.select-lg,.textarea-lg) span{top:calc(var(--size-field,.25rem)*12/2);font-size:1.125rem}&:has(.input-xl,.select-xl,.textarea-xl) span{top:calc(var(--size-field,.25rem)*14/2);font-size:1.375rem}}}}}
|