daisyui 5.5.13 → 5.5.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/base/properties.css +1 -1
- package/base/reset.css +1 -1
- package/base/rootcolor.css +1 -1
- package/base/rootscrollgutter.css +1 -1
- package/base/rootscrolllock.css +1 -1
- package/base/scrollbar.css +1 -1
- package/base/svg.css +1 -1
- package/colors/properties-extended.css +1 -1
- package/colors/properties.css +1 -1
- package/colors/responsive-extended.css +1 -1
- package/colors/responsive.css +1 -1
- package/colors/states-extended.css +1 -1
- package/colors/states.css +1 -1
- package/components/alert.css +1 -1
- package/components/avatar.css +1 -1
- package/components/badge.css +1 -1
- package/components/breadcrumbs.css +1 -1
- package/components/button/object.js +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.css +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/object.js +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/object.js +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/index.js +1 -1
- package/package.json +1 -1
- package/theme/object.d.ts +29 -29
- package/theme/object.js +1 -1
- package/themes.css +1 -1
- package/utilities/glass.css +1 -1
- package/utilities/join/object.js +1 -1
- package/utilities/join.css +1 -1
- package/utilities/radius.css +1 -1
- package/utilities/typography.css +1 -1
package/components/select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.12 - MIT License */ @layer utilities{.select{@layer daisyui.l1.l2.l3{&{border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;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;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);--size:calc(var(--size-field,.25rem)*10);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;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:.375rem;padding-inline:.75rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&: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;z-index:1}&:has(>select[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);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&{appearance:base-select}}&::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}@supports (appearance:base-select){&::picker(select){appearance:base-select}}&::picker-icon{display:none}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);white-space:normal;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.select-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.select-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}& option{padding-block:.25rem;padding-inline:.5rem}}}.select-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}& option{padding-block:.25rem;padding-inline:.625rem}}}.select-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}& option{padding-block:.375rem;padding-inline:.75rem}}}.select-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}& option{padding-block:.375rem;padding-inline:1rem}}}.select-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}& option{padding-block:.375rem;padding-inline:1.25rem}}}@media (width>=640px){.sm\:select{@layer daisyui.l1.l2.l3{&{border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;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;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);--size:calc(var(--size-field,.25rem)*10);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;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:.375rem;padding-inline:.75rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&: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;z-index:1}&:has(>select[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);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&{appearance:base-select}}&::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}@supports (appearance:base-select){&::picker(select){appearance:base-select}}&::picker-icon{display:none}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);white-space:normal;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.sm\:select-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.sm\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.sm\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.sm\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.sm\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.sm\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.sm\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.sm\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.sm\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.sm\:select-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}& option{padding-block:.25rem;padding-inline:.5rem}}}.sm\:select-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}& option{padding-block:.25rem;padding-inline:.625rem}}}.sm\:select-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}& option{padding-block:.375rem;padding-inline:.75rem}}}.sm\:select-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}& option{padding-block:.375rem;padding-inline:1rem}}}.sm\:select-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}& option{padding-block:.375rem;padding-inline:1.25rem}}}}@media (width>=768px){.md\:select{@layer daisyui.l1.l2.l3{&{border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;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;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);--size:calc(var(--size-field,.25rem)*10);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;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:.375rem;padding-inline:.75rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&: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;z-index:1}&:has(>select[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);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&{appearance:base-select}}&::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}@supports (appearance:base-select){&::picker(select){appearance:base-select}}&::picker-icon{display:none}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);white-space:normal;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.md\:select-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.md\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.md\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.md\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.md\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.md\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.md\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.md\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.md\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.md\:select-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}& option{padding-block:.25rem;padding-inline:.5rem}}}.md\:select-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}& option{padding-block:.25rem;padding-inline:.625rem}}}.md\:select-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}& option{padding-block:.375rem;padding-inline:.75rem}}}.md\:select-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}& option{padding-block:.375rem;padding-inline:1rem}}}.md\:select-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}& option{padding-block:.375rem;padding-inline:1.25rem}}}}@media (width>=1024px){.lg\:select{@layer daisyui.l1.l2.l3{&{border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;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;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);--size:calc(var(--size-field,.25rem)*10);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;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:.375rem;padding-inline:.75rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&: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;z-index:1}&:has(>select[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);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&{appearance:base-select}}&::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}@supports (appearance:base-select){&::picker(select){appearance:base-select}}&::picker-icon{display:none}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);white-space:normal;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.lg\:select-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.lg\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.lg\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.lg\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.lg\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.lg\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.lg\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.lg\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.lg\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.lg\:select-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}& option{padding-block:.25rem;padding-inline:.5rem}}}.lg\:select-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}& option{padding-block:.25rem;padding-inline:.625rem}}}.lg\:select-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}& option{padding-block:.375rem;padding-inline:.75rem}}}.lg\:select-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}& option{padding-block:.375rem;padding-inline:1rem}}}.lg\:select-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}& option{padding-block:.375rem;padding-inline:1.25rem}}}}@media (width>=1280px){.xl\:select{@layer daisyui.l1.l2.l3{&{border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;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;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);--size:calc(var(--size-field,.25rem)*10);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;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:.375rem;padding-inline:.75rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&: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;z-index:1}&:has(>select[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);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&{appearance:base-select}}&::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}@supports (appearance:base-select){&::picker(select){appearance:base-select}}&::picker-icon{display:none}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);white-space:normal;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.xl\:select-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.xl\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.xl\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.xl\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.xl\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.xl\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.xl\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.xl\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.xl\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.xl\:select-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}& option{padding-block:.25rem;padding-inline:.5rem}}}.xl\:select-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}& option{padding-block:.25rem;padding-inline:.625rem}}}.xl\:select-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}& option{padding-block:.375rem;padding-inline:.75rem}}}.xl\:select-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}& option{padding-block:.375rem;padding-inline:1rem}}}.xl\:select-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}& option{padding-block:.375rem;padding-inline:1.25rem}}}}@media (width>=1536px){.\32 xl\:select{@layer daisyui.l1.l2.l3{&{border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;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;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);--size:calc(var(--size-field,.25rem)*10);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;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:.375rem;padding-inline:.75rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&: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;z-index:1}&:has(>select[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);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&{appearance:base-select}}&::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}@supports (appearance:base-select){&::picker(select){appearance:base-select}}&::picker-icon{display:none}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);white-space:normal;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.\32 xl\:select-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.\32 xl\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.\32 xl\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.\32 xl\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.\32 xl\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.\32 xl\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.\32 xl\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.\32 xl\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.\32 xl\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.\32 xl\:select-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}& option{padding-block:.25rem;padding-inline:.5rem}}}.\32 xl\:select-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}& option{padding-block:.25rem;padding-inline:.625rem}}}.\32 xl\:select-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}& option{padding-block:.375rem;padding-inline:.75rem}}}.\32 xl\:select-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}& option{padding-block:.375rem;padding-inline:1rem}}}.\32 xl\:select-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}& option{padding-block:.375rem;padding-inline:1.25rem}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.5.14 - MIT License */ @layer utilities{.select{@layer daisyui.l1.l2.l3{&{border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;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;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);--size:calc(var(--size-field,.25rem)*10);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;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:.375rem;padding-inline:.75rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&: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}&:has(>select[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);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&{appearance:base-select}}&::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}@supports (appearance:base-select){&::picker(select){appearance:base-select}}&::picker-icon{display:none}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);white-space:normal;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.select-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.select-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}& option{padding-block:.25rem;padding-inline:.5rem}}}.select-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}& option{padding-block:.25rem;padding-inline:.625rem}}}.select-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}& option{padding-block:.375rem;padding-inline:.75rem}}}.select-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}& option{padding-block:.375rem;padding-inline:1rem}}}.select-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}& option{padding-block:.375rem;padding-inline:1.25rem}}}@media (width>=640px){.sm\:select{@layer daisyui.l1.l2.l3{&{border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;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;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);--size:calc(var(--size-field,.25rem)*10);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;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:.375rem;padding-inline:.75rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&: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}&:has(>select[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);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&{appearance:base-select}}&::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}@supports (appearance:base-select){&::picker(select){appearance:base-select}}&::picker-icon{display:none}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);white-space:normal;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.sm\:select-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.sm\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.sm\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.sm\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.sm\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.sm\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.sm\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.sm\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.sm\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.sm\:select-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}& option{padding-block:.25rem;padding-inline:.5rem}}}.sm\:select-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}& option{padding-block:.25rem;padding-inline:.625rem}}}.sm\:select-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}& option{padding-block:.375rem;padding-inline:.75rem}}}.sm\:select-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}& option{padding-block:.375rem;padding-inline:1rem}}}.sm\:select-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}& option{padding-block:.375rem;padding-inline:1.25rem}}}}@media (width>=768px){.md\:select{@layer daisyui.l1.l2.l3{&{border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;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;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);--size:calc(var(--size-field,.25rem)*10);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;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:.375rem;padding-inline:.75rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&: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}&:has(>select[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);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&{appearance:base-select}}&::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}@supports (appearance:base-select){&::picker(select){appearance:base-select}}&::picker-icon{display:none}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);white-space:normal;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.md\:select-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.md\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.md\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.md\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.md\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.md\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.md\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.md\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.md\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.md\:select-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}& option{padding-block:.25rem;padding-inline:.5rem}}}.md\:select-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}& option{padding-block:.25rem;padding-inline:.625rem}}}.md\:select-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}& option{padding-block:.375rem;padding-inline:.75rem}}}.md\:select-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}& option{padding-block:.375rem;padding-inline:1rem}}}.md\:select-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}& option{padding-block:.375rem;padding-inline:1.25rem}}}}@media (width>=1024px){.lg\:select{@layer daisyui.l1.l2.l3{&{border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;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;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);--size:calc(var(--size-field,.25rem)*10);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;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:.375rem;padding-inline:.75rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&: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}&:has(>select[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);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&{appearance:base-select}}&::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}@supports (appearance:base-select){&::picker(select){appearance:base-select}}&::picker-icon{display:none}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);white-space:normal;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.lg\:select-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.lg\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.lg\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.lg\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.lg\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.lg\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.lg\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.lg\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.lg\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.lg\:select-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}& option{padding-block:.25rem;padding-inline:.5rem}}}.lg\:select-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}& option{padding-block:.25rem;padding-inline:.625rem}}}.lg\:select-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}& option{padding-block:.375rem;padding-inline:.75rem}}}.lg\:select-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}& option{padding-block:.375rem;padding-inline:1rem}}}.lg\:select-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}& option{padding-block:.375rem;padding-inline:1.25rem}}}}@media (width>=1280px){.xl\:select{@layer daisyui.l1.l2.l3{&{border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;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;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);--size:calc(var(--size-field,.25rem)*10);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;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:.375rem;padding-inline:.75rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&: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}&:has(>select[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);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&{appearance:base-select}}&::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}@supports (appearance:base-select){&::picker(select){appearance:base-select}}&::picker-icon{display:none}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);white-space:normal;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.xl\:select-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.xl\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.xl\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.xl\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.xl\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.xl\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.xl\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.xl\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.xl\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.xl\:select-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}& option{padding-block:.25rem;padding-inline:.5rem}}}.xl\:select-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}& option{padding-block:.25rem;padding-inline:.625rem}}}.xl\:select-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}& option{padding-block:.375rem;padding-inline:.75rem}}}.xl\:select-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}& option{padding-block:.375rem;padding-inline:1rem}}}.xl\:select-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}& option{padding-block:.375rem;padding-inline:1.25rem}}}}@media (width>=1536px){.\32 xl\:select{@layer daisyui.l1.l2.l3{&{border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;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;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);--size:calc(var(--size-field,.25rem)*10);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;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:.375rem;padding-inline:.75rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] &{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}&[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}& select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:not(:last-child){background-image:none;margin-inline-end:-1.375rem}}&: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}&:has(>select[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);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&,& select{@supports (appearance:base-select){&{appearance:base-select}}&::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}@supports (appearance:base-select){&::picker(select){appearance:base-select}}&::picker-icon{display:none}& optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}& option{border-radius:var(--radius-field);white-space:normal;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&:hover,&:focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}}}}[dir=rtl] &{&::picker(select),& select::picker(select){translate:.5rem}}}}.\32 xl\:select-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.\32 xl\:select-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.\32 xl\:select-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.\32 xl\:select-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.\32 xl\:select-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.\32 xl\:select-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.\32 xl\:select-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.\32 xl\:select-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.\32 xl\:select-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.\32 xl\:select-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}& option{padding-block:.25rem;padding-inline:.5rem}}}.\32 xl\:select-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}& option{padding-block:.25rem;padding-inline:.625rem}}}.\32 xl\:select-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}& option{padding-block:.375rem;padding-inline:.75rem}}}.\32 xl\:select-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}& option{padding-block:.375rem;padding-inline:1rem}}}.\32 xl\:select-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}& option{padding-block:.375rem;padding-inline:1.25rem}}}}}
|
package/components/skeleton.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.
|
|
1
|
+
/*! 🌼 daisyUI 5.5.14 - MIT License */ @layer utilities{.skeleton{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-box);background-color:var(--color-base-300);will-change:background-position;background-image:linear-gradient(105deg,#0000 0% 40%,var(--color-base-100)50%,#0000 60% 100%);background-position-x:-50%;background-size:200%}@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}@media (prefers-reduced-motion:no-preference){&{animation:1.8s ease-in-out infinite skeleton}}}}.skeleton-text{@layer daisyui.l1.l2{&{color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(105deg,color-mix(in oklab,var(--color-base-content)20%,transparent)0% 40%,var(--color-base-content)50%,color-mix(in oklab,var(--color-base-content)20%,transparent)60% 100%)}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}
|
package/components/stack.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.
|
|
1
|
+
/*! 🌼 daisyUI 5.5.14 - MIT License */ @layer utilities{.stack{@layer daisyui.l1.l2.l3{&{grid-template-rows:3px 4px 1fr 4px 3px;grid-template-columns:3px 4px 1fr 4px 3px;display:inline-grid}&>*{width:100%;height:100%;&:nth-child(n+2){opacity:.7;width:100%}&:nth-child(2){z-index:2;opacity:.9}&:first-child{z-index:3;width:100%}}}@layer daisyui.l1.l2{&,&.stack-bottom{&>*{grid-area:3/3/6/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/4/6}}}&.stack-top{&>*{grid-area:1/3/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:3/1/6/6}}}&.stack-start{&>*{grid-area:3/1/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/3/6/6}}}&.stack-end{&>*{grid-area:3/3/4/6;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/6/4}}}}}@media (width>=640px){.sm\:stack{@layer daisyui.l1.l2.l3{&{grid-template-rows:3px 4px 1fr 4px 3px;grid-template-columns:3px 4px 1fr 4px 3px;display:inline-grid}&>*{width:100%;height:100%;&:nth-child(n+2){opacity:.7;width:100%}&:nth-child(2){z-index:2;opacity:.9}&:first-child{z-index:3;width:100%}}}@layer daisyui.l1.l2{&,&.stack-bottom{&>*{grid-area:3/3/6/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/4/6}}}&.stack-top{&>*{grid-area:1/3/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:3/1/6/6}}}&.stack-start{&>*{grid-area:3/1/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/3/6/6}}}&.stack-end{&>*{grid-area:3/3/4/6;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/6/4}}}}}}@media (width>=768px){.md\:stack{@layer daisyui.l1.l2.l3{&{grid-template-rows:3px 4px 1fr 4px 3px;grid-template-columns:3px 4px 1fr 4px 3px;display:inline-grid}&>*{width:100%;height:100%;&:nth-child(n+2){opacity:.7;width:100%}&:nth-child(2){z-index:2;opacity:.9}&:first-child{z-index:3;width:100%}}}@layer daisyui.l1.l2{&,&.stack-bottom{&>*{grid-area:3/3/6/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/4/6}}}&.stack-top{&>*{grid-area:1/3/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:3/1/6/6}}}&.stack-start{&>*{grid-area:3/1/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/3/6/6}}}&.stack-end{&>*{grid-area:3/3/4/6;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/6/4}}}}}}@media (width>=1024px){.lg\:stack{@layer daisyui.l1.l2.l3{&{grid-template-rows:3px 4px 1fr 4px 3px;grid-template-columns:3px 4px 1fr 4px 3px;display:inline-grid}&>*{width:100%;height:100%;&:nth-child(n+2){opacity:.7;width:100%}&:nth-child(2){z-index:2;opacity:.9}&:first-child{z-index:3;width:100%}}}@layer daisyui.l1.l2{&,&.stack-bottom{&>*{grid-area:3/3/6/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/4/6}}}&.stack-top{&>*{grid-area:1/3/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:3/1/6/6}}}&.stack-start{&>*{grid-area:3/1/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/3/6/6}}}&.stack-end{&>*{grid-area:3/3/4/6;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/6/4}}}}}}@media (width>=1280px){.xl\:stack{@layer daisyui.l1.l2.l3{&{grid-template-rows:3px 4px 1fr 4px 3px;grid-template-columns:3px 4px 1fr 4px 3px;display:inline-grid}&>*{width:100%;height:100%;&:nth-child(n+2){opacity:.7;width:100%}&:nth-child(2){z-index:2;opacity:.9}&:first-child{z-index:3;width:100%}}}@layer daisyui.l1.l2{&,&.stack-bottom{&>*{grid-area:3/3/6/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/4/6}}}&.stack-top{&>*{grid-area:1/3/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:3/1/6/6}}}&.stack-start{&>*{grid-area:3/1/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/3/6/6}}}&.stack-end{&>*{grid-area:3/3/4/6;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/6/4}}}}}}@media (width>=1536px){.\32 xl\:stack{@layer daisyui.l1.l2.l3{&{grid-template-rows:3px 4px 1fr 4px 3px;grid-template-columns:3px 4px 1fr 4px 3px;display:inline-grid}&>*{width:100%;height:100%;&:nth-child(n+2){opacity:.7;width:100%}&:nth-child(2){z-index:2;opacity:.9}&:first-child{z-index:3;width:100%}}}@layer daisyui.l1.l2{&,&.stack-bottom{&>*{grid-area:3/3/6/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/4/6}}}&.stack-top{&>*{grid-area:1/3/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:3/1/6/6}}}&.stack-start{&>*{grid-area:3/1/4/4;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/3/6/6}}}&.stack-end{&>*{grid-area:3/3/4/6;&:nth-child(2){grid-area:2/2/5/5}&:first-child{grid-area:1/1/6/4}}}}}}}
|
package/components/stat.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.
|
|
1
|
+
/*! 🌼 daisyUI 5.5.14 - MIT License */ @layer utilities{.stats{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}}}.stat{@layer daisyui.l1.l2.l3{&{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid}&:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000);border-block-end:none}}}.stat-figure{@layer daisyui.l1.l2.l3{&{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}}}.stat-title{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}}}.stat-value{@layer daisyui.l1.l2.l3{&{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}}}.stat-desc{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}}}.stat-actions{@layer daisyui.l1.l2.l3{&{white-space:nowrap;grid-column-start:1}}}.stats-horizontal{@layer daisyui.l1.l2{&{grid-auto-flow:column;overflow-x:auto}& .stat:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000);border-block-end:none}}}.stats-vertical{@layer daisyui.l1.l2{&{grid-auto-flow:row;overflow-y:auto}& .stat:not(:last-child){border-inline-end:none;border-block-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000)}}}@media (width>=640px){.sm\:stats{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}}}.sm\:stat{@layer daisyui.l1.l2.l3{&{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid}&:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000);border-block-end:none}}}.sm\:stat-figure{@layer daisyui.l1.l2.l3{&{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}}}.sm\:stat-title{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}}}.sm\:stat-value{@layer daisyui.l1.l2.l3{&{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}}}.sm\:stat-desc{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}}}.sm\:stat-actions{@layer daisyui.l1.l2.l3{&{white-space:nowrap;grid-column-start:1}}}.sm\:stats-horizontal{@layer daisyui.l1.l2{&{grid-auto-flow:column;overflow-x:auto}& .stat:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000);border-block-end:none}}}.sm\:stats-vertical{@layer daisyui.l1.l2{&{grid-auto-flow:row;overflow-y:auto}& .stat:not(:last-child){border-inline-end:none;border-block-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000)}}}}@media (width>=768px){.md\:stats{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}}}.md\:stat{@layer daisyui.l1.l2.l3{&{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid}&:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000);border-block-end:none}}}.md\:stat-figure{@layer daisyui.l1.l2.l3{&{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}}}.md\:stat-title{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}}}.md\:stat-value{@layer daisyui.l1.l2.l3{&{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}}}.md\:stat-desc{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}}}.md\:stat-actions{@layer daisyui.l1.l2.l3{&{white-space:nowrap;grid-column-start:1}}}.md\:stats-horizontal{@layer daisyui.l1.l2{&{grid-auto-flow:column;overflow-x:auto}& .stat:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000);border-block-end:none}}}.md\:stats-vertical{@layer daisyui.l1.l2{&{grid-auto-flow:row;overflow-y:auto}& .stat:not(:last-child){border-inline-end:none;border-block-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000)}}}}@media (width>=1024px){.lg\:stats{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}}}.lg\:stat{@layer daisyui.l1.l2.l3{&{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid}&:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000);border-block-end:none}}}.lg\:stat-figure{@layer daisyui.l1.l2.l3{&{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}}}.lg\:stat-title{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}}}.lg\:stat-value{@layer daisyui.l1.l2.l3{&{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}}}.lg\:stat-desc{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}}}.lg\:stat-actions{@layer daisyui.l1.l2.l3{&{white-space:nowrap;grid-column-start:1}}}.lg\:stats-horizontal{@layer daisyui.l1.l2{&{grid-auto-flow:column;overflow-x:auto}& .stat:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000);border-block-end:none}}}.lg\:stats-vertical{@layer daisyui.l1.l2{&{grid-auto-flow:row;overflow-y:auto}& .stat:not(:last-child){border-inline-end:none;border-block-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000)}}}}@media (width>=1280px){.xl\:stats{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}}}.xl\:stat{@layer daisyui.l1.l2.l3{&{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid}&:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000);border-block-end:none}}}.xl\:stat-figure{@layer daisyui.l1.l2.l3{&{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}}}.xl\:stat-title{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}}}.xl\:stat-value{@layer daisyui.l1.l2.l3{&{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}}}.xl\:stat-desc{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}}}.xl\:stat-actions{@layer daisyui.l1.l2.l3{&{white-space:nowrap;grid-column-start:1}}}.xl\:stats-horizontal{@layer daisyui.l1.l2{&{grid-auto-flow:column;overflow-x:auto}& .stat:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000);border-block-end:none}}}.xl\:stats-vertical{@layer daisyui.l1.l2{&{grid-auto-flow:row;overflow-y:auto}& .stat:not(:last-child){border-inline-end:none;border-block-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000)}}}}@media (width>=1536px){.\32 xl\:stats{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}}}.\32 xl\:stat{@layer daisyui.l1.l2.l3{&{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid}&:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000);border-block-end:none}}}.\32 xl\:stat-figure{@layer daisyui.l1.l2.l3{&{grid-row:1/span 3;grid-column-start:2;place-self:center flex-end}}}.\32 xl\:stat-title{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}}}.\32 xl\:stat-value{@layer daisyui.l1.l2.l3{&{white-space:nowrap;grid-column-start:1;font-size:2rem;font-weight:800}}}.\32 xl\:stat-desc{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);grid-column-start:1;font-size:.75rem}}}.\32 xl\:stat-actions{@layer daisyui.l1.l2.l3{&{white-space:nowrap;grid-column-start:1}}}.\32 xl\:stats-horizontal{@layer daisyui.l1.l2{&{grid-auto-flow:column;overflow-x:auto}& .stat:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000);border-block-end:none}}}.\32 xl\:stats-vertical{@layer daisyui.l1.l2{&{grid-auto-flow:row;overflow-y:auto}& .stat:not(:last-child){border-inline-end:none;border-block-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000)}}}}}
|
package/components/status.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.12 - MIT License */ @layer utilities{.status{@layer daisyui.l1.l2.l3{&{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}}}.status-primary{@layer daisyui.l1.l2{&{background-color:var(--color-primary);color:var(--color-primary)}}}.status-secondary{@layer daisyui.l1.l2{&{background-color:var(--color-secondary);color:var(--color-secondary)}}}.status-accent{@layer daisyui.l1.l2{&{background-color:var(--color-accent);color:var(--color-accent)}}}.status-neutral{@layer daisyui.l1.l2{&{background-color:var(--color-neutral);color:var(--color-neutral)}}}.status-info{@layer daisyui.l1.l2{&{background-color:var(--color-info);color:var(--color-info)}}}.status-success{@layer daisyui.l1.l2{&{background-color:var(--color-success);color:var(--color-success)}}}.status-warning{@layer daisyui.l1.l2{&{background-color:var(--color-warning);color:var(--color-warning)}}}.status-error{@layer daisyui.l1.l2{&{background-color:var(--color-error);color:var(--color-error)}}}.status-xs{@layer daisyui.l1.l2{&{width:.125rem;height:.125rem}}}.status-sm{@layer daisyui.l1.l2{&{width:.25rem;height:.25rem}}}.status-md{@layer daisyui.l1.l2{&{width:.5rem;height:.5rem}}}.status-lg{@layer daisyui.l1.l2{&{width:.75rem;height:.75rem}}}.status-xl{@layer daisyui.l1.l2{&{width:1rem;height:1rem}}}@media (width>=640px){.sm\:status{@layer daisyui.l1.l2.l3{&{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}}}.sm\:status-primary{@layer daisyui.l1.l2{&{background-color:var(--color-primary);color:var(--color-primary)}}}.sm\:status-secondary{@layer daisyui.l1.l2{&{background-color:var(--color-secondary);color:var(--color-secondary)}}}.sm\:status-accent{@layer daisyui.l1.l2{&{background-color:var(--color-accent);color:var(--color-accent)}}}.sm\:status-neutral{@layer daisyui.l1.l2{&{background-color:var(--color-neutral);color:var(--color-neutral)}}}.sm\:status-info{@layer daisyui.l1.l2{&{background-color:var(--color-info);color:var(--color-info)}}}.sm\:status-success{@layer daisyui.l1.l2{&{background-color:var(--color-success);color:var(--color-success)}}}.sm\:status-warning{@layer daisyui.l1.l2{&{background-color:var(--color-warning);color:var(--color-warning)}}}.sm\:status-error{@layer daisyui.l1.l2{&{background-color:var(--color-error);color:var(--color-error)}}}.sm\:status-xs{@layer daisyui.l1.l2{&{width:.125rem;height:.125rem}}}.sm\:status-sm{@layer daisyui.l1.l2{&{width:.25rem;height:.25rem}}}.sm\:status-md{@layer daisyui.l1.l2{&{width:.5rem;height:.5rem}}}.sm\:status-lg{@layer daisyui.l1.l2{&{width:.75rem;height:.75rem}}}.sm\:status-xl{@layer daisyui.l1.l2{&{width:1rem;height:1rem}}}}@media (width>=768px){.md\:status{@layer daisyui.l1.l2.l3{&{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}}}.md\:status-primary{@layer daisyui.l1.l2{&{background-color:var(--color-primary);color:var(--color-primary)}}}.md\:status-secondary{@layer daisyui.l1.l2{&{background-color:var(--color-secondary);color:var(--color-secondary)}}}.md\:status-accent{@layer daisyui.l1.l2{&{background-color:var(--color-accent);color:var(--color-accent)}}}.md\:status-neutral{@layer daisyui.l1.l2{&{background-color:var(--color-neutral);color:var(--color-neutral)}}}.md\:status-info{@layer daisyui.l1.l2{&{background-color:var(--color-info);color:var(--color-info)}}}.md\:status-success{@layer daisyui.l1.l2{&{background-color:var(--color-success);color:var(--color-success)}}}.md\:status-warning{@layer daisyui.l1.l2{&{background-color:var(--color-warning);color:var(--color-warning)}}}.md\:status-error{@layer daisyui.l1.l2{&{background-color:var(--color-error);color:var(--color-error)}}}.md\:status-xs{@layer daisyui.l1.l2{&{width:.125rem;height:.125rem}}}.md\:status-sm{@layer daisyui.l1.l2{&{width:.25rem;height:.25rem}}}.md\:status-md{@layer daisyui.l1.l2{&{width:.5rem;height:.5rem}}}.md\:status-lg{@layer daisyui.l1.l2{&{width:.75rem;height:.75rem}}}.md\:status-xl{@layer daisyui.l1.l2{&{width:1rem;height:1rem}}}}@media (width>=1024px){.lg\:status{@layer daisyui.l1.l2.l3{&{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}}}.lg\:status-primary{@layer daisyui.l1.l2{&{background-color:var(--color-primary);color:var(--color-primary)}}}.lg\:status-secondary{@layer daisyui.l1.l2{&{background-color:var(--color-secondary);color:var(--color-secondary)}}}.lg\:status-accent{@layer daisyui.l1.l2{&{background-color:var(--color-accent);color:var(--color-accent)}}}.lg\:status-neutral{@layer daisyui.l1.l2{&{background-color:var(--color-neutral);color:var(--color-neutral)}}}.lg\:status-info{@layer daisyui.l1.l2{&{background-color:var(--color-info);color:var(--color-info)}}}.lg\:status-success{@layer daisyui.l1.l2{&{background-color:var(--color-success);color:var(--color-success)}}}.lg\:status-warning{@layer daisyui.l1.l2{&{background-color:var(--color-warning);color:var(--color-warning)}}}.lg\:status-error{@layer daisyui.l1.l2{&{background-color:var(--color-error);color:var(--color-error)}}}.lg\:status-xs{@layer daisyui.l1.l2{&{width:.125rem;height:.125rem}}}.lg\:status-sm{@layer daisyui.l1.l2{&{width:.25rem;height:.25rem}}}.lg\:status-md{@layer daisyui.l1.l2{&{width:.5rem;height:.5rem}}}.lg\:status-lg{@layer daisyui.l1.l2{&{width:.75rem;height:.75rem}}}.lg\:status-xl{@layer daisyui.l1.l2{&{width:1rem;height:1rem}}}}@media (width>=1280px){.xl\:status{@layer daisyui.l1.l2.l3{&{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}}}.xl\:status-primary{@layer daisyui.l1.l2{&{background-color:var(--color-primary);color:var(--color-primary)}}}.xl\:status-secondary{@layer daisyui.l1.l2{&{background-color:var(--color-secondary);color:var(--color-secondary)}}}.xl\:status-accent{@layer daisyui.l1.l2{&{background-color:var(--color-accent);color:var(--color-accent)}}}.xl\:status-neutral{@layer daisyui.l1.l2{&{background-color:var(--color-neutral);color:var(--color-neutral)}}}.xl\:status-info{@layer daisyui.l1.l2{&{background-color:var(--color-info);color:var(--color-info)}}}.xl\:status-success{@layer daisyui.l1.l2{&{background-color:var(--color-success);color:var(--color-success)}}}.xl\:status-warning{@layer daisyui.l1.l2{&{background-color:var(--color-warning);color:var(--color-warning)}}}.xl\:status-error{@layer daisyui.l1.l2{&{background-color:var(--color-error);color:var(--color-error)}}}.xl\:status-xs{@layer daisyui.l1.l2{&{width:.125rem;height:.125rem}}}.xl\:status-sm{@layer daisyui.l1.l2{&{width:.25rem;height:.25rem}}}.xl\:status-md{@layer daisyui.l1.l2{&{width:.5rem;height:.5rem}}}.xl\:status-lg{@layer daisyui.l1.l2{&{width:.75rem;height:.75rem}}}.xl\:status-xl{@layer daisyui.l1.l2{&{width:1rem;height:1rem}}}}@media (width>=1536px){.\32 xl\:status{@layer daisyui.l1.l2.l3{&{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}}}.\32 xl\:status-primary{@layer daisyui.l1.l2{&{background-color:var(--color-primary);color:var(--color-primary)}}}.\32 xl\:status-secondary{@layer daisyui.l1.l2{&{background-color:var(--color-secondary);color:var(--color-secondary)}}}.\32 xl\:status-accent{@layer daisyui.l1.l2{&{background-color:var(--color-accent);color:var(--color-accent)}}}.\32 xl\:status-neutral{@layer daisyui.l1.l2{&{background-color:var(--color-neutral);color:var(--color-neutral)}}}.\32 xl\:status-info{@layer daisyui.l1.l2{&{background-color:var(--color-info);color:var(--color-info)}}}.\32 xl\:status-success{@layer daisyui.l1.l2{&{background-color:var(--color-success);color:var(--color-success)}}}.\32 xl\:status-warning{@layer daisyui.l1.l2{&{background-color:var(--color-warning);color:var(--color-warning)}}}.\32 xl\:status-error{@layer daisyui.l1.l2{&{background-color:var(--color-error);color:var(--color-error)}}}.\32 xl\:status-xs{@layer daisyui.l1.l2{&{width:.125rem;height:.125rem}}}.\32 xl\:status-sm{@layer daisyui.l1.l2{&{width:.25rem;height:.25rem}}}.\32 xl\:status-md{@layer daisyui.l1.l2{&{width:.5rem;height:.5rem}}}.\32 xl\:status-lg{@layer daisyui.l1.l2{&{width:.75rem;height:.75rem}}}.\32 xl\:status-xl{@layer daisyui.l1.l2{&{width:1rem;height:1rem}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.5.14 - MIT License */ @layer utilities{.status{@layer daisyui.l1.l2.l3{&{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}}}.status-primary{@layer daisyui.l1.l2{&{background-color:var(--color-primary);color:var(--color-primary)}}}.status-secondary{@layer daisyui.l1.l2{&{background-color:var(--color-secondary);color:var(--color-secondary)}}}.status-accent{@layer daisyui.l1.l2{&{background-color:var(--color-accent);color:var(--color-accent)}}}.status-neutral{@layer daisyui.l1.l2{&{background-color:var(--color-neutral);color:var(--color-neutral)}}}.status-info{@layer daisyui.l1.l2{&{background-color:var(--color-info);color:var(--color-info)}}}.status-success{@layer daisyui.l1.l2{&{background-color:var(--color-success);color:var(--color-success)}}}.status-warning{@layer daisyui.l1.l2{&{background-color:var(--color-warning);color:var(--color-warning)}}}.status-error{@layer daisyui.l1.l2{&{background-color:var(--color-error);color:var(--color-error)}}}.status-xs{@layer daisyui.l1.l2{&{width:.125rem;height:.125rem}}}.status-sm{@layer daisyui.l1.l2{&{width:.25rem;height:.25rem}}}.status-md{@layer daisyui.l1.l2{&{width:.5rem;height:.5rem}}}.status-lg{@layer daisyui.l1.l2{&{width:.75rem;height:.75rem}}}.status-xl{@layer daisyui.l1.l2{&{width:1rem;height:1rem}}}@media (width>=640px){.sm\:status{@layer daisyui.l1.l2.l3{&{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}}}.sm\:status-primary{@layer daisyui.l1.l2{&{background-color:var(--color-primary);color:var(--color-primary)}}}.sm\:status-secondary{@layer daisyui.l1.l2{&{background-color:var(--color-secondary);color:var(--color-secondary)}}}.sm\:status-accent{@layer daisyui.l1.l2{&{background-color:var(--color-accent);color:var(--color-accent)}}}.sm\:status-neutral{@layer daisyui.l1.l2{&{background-color:var(--color-neutral);color:var(--color-neutral)}}}.sm\:status-info{@layer daisyui.l1.l2{&{background-color:var(--color-info);color:var(--color-info)}}}.sm\:status-success{@layer daisyui.l1.l2{&{background-color:var(--color-success);color:var(--color-success)}}}.sm\:status-warning{@layer daisyui.l1.l2{&{background-color:var(--color-warning);color:var(--color-warning)}}}.sm\:status-error{@layer daisyui.l1.l2{&{background-color:var(--color-error);color:var(--color-error)}}}.sm\:status-xs{@layer daisyui.l1.l2{&{width:.125rem;height:.125rem}}}.sm\:status-sm{@layer daisyui.l1.l2{&{width:.25rem;height:.25rem}}}.sm\:status-md{@layer daisyui.l1.l2{&{width:.5rem;height:.5rem}}}.sm\:status-lg{@layer daisyui.l1.l2{&{width:.75rem;height:.75rem}}}.sm\:status-xl{@layer daisyui.l1.l2{&{width:1rem;height:1rem}}}}@media (width>=768px){.md\:status{@layer daisyui.l1.l2.l3{&{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}}}.md\:status-primary{@layer daisyui.l1.l2{&{background-color:var(--color-primary);color:var(--color-primary)}}}.md\:status-secondary{@layer daisyui.l1.l2{&{background-color:var(--color-secondary);color:var(--color-secondary)}}}.md\:status-accent{@layer daisyui.l1.l2{&{background-color:var(--color-accent);color:var(--color-accent)}}}.md\:status-neutral{@layer daisyui.l1.l2{&{background-color:var(--color-neutral);color:var(--color-neutral)}}}.md\:status-info{@layer daisyui.l1.l2{&{background-color:var(--color-info);color:var(--color-info)}}}.md\:status-success{@layer daisyui.l1.l2{&{background-color:var(--color-success);color:var(--color-success)}}}.md\:status-warning{@layer daisyui.l1.l2{&{background-color:var(--color-warning);color:var(--color-warning)}}}.md\:status-error{@layer daisyui.l1.l2{&{background-color:var(--color-error);color:var(--color-error)}}}.md\:status-xs{@layer daisyui.l1.l2{&{width:.125rem;height:.125rem}}}.md\:status-sm{@layer daisyui.l1.l2{&{width:.25rem;height:.25rem}}}.md\:status-md{@layer daisyui.l1.l2{&{width:.5rem;height:.5rem}}}.md\:status-lg{@layer daisyui.l1.l2{&{width:.75rem;height:.75rem}}}.md\:status-xl{@layer daisyui.l1.l2{&{width:1rem;height:1rem}}}}@media (width>=1024px){.lg\:status{@layer daisyui.l1.l2.l3{&{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}}}.lg\:status-primary{@layer daisyui.l1.l2{&{background-color:var(--color-primary);color:var(--color-primary)}}}.lg\:status-secondary{@layer daisyui.l1.l2{&{background-color:var(--color-secondary);color:var(--color-secondary)}}}.lg\:status-accent{@layer daisyui.l1.l2{&{background-color:var(--color-accent);color:var(--color-accent)}}}.lg\:status-neutral{@layer daisyui.l1.l2{&{background-color:var(--color-neutral);color:var(--color-neutral)}}}.lg\:status-info{@layer daisyui.l1.l2{&{background-color:var(--color-info);color:var(--color-info)}}}.lg\:status-success{@layer daisyui.l1.l2{&{background-color:var(--color-success);color:var(--color-success)}}}.lg\:status-warning{@layer daisyui.l1.l2{&{background-color:var(--color-warning);color:var(--color-warning)}}}.lg\:status-error{@layer daisyui.l1.l2{&{background-color:var(--color-error);color:var(--color-error)}}}.lg\:status-xs{@layer daisyui.l1.l2{&{width:.125rem;height:.125rem}}}.lg\:status-sm{@layer daisyui.l1.l2{&{width:.25rem;height:.25rem}}}.lg\:status-md{@layer daisyui.l1.l2{&{width:.5rem;height:.5rem}}}.lg\:status-lg{@layer daisyui.l1.l2{&{width:.75rem;height:.75rem}}}.lg\:status-xl{@layer daisyui.l1.l2{&{width:1rem;height:1rem}}}}@media (width>=1280px){.xl\:status{@layer daisyui.l1.l2.l3{&{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}}}.xl\:status-primary{@layer daisyui.l1.l2{&{background-color:var(--color-primary);color:var(--color-primary)}}}.xl\:status-secondary{@layer daisyui.l1.l2{&{background-color:var(--color-secondary);color:var(--color-secondary)}}}.xl\:status-accent{@layer daisyui.l1.l2{&{background-color:var(--color-accent);color:var(--color-accent)}}}.xl\:status-neutral{@layer daisyui.l1.l2{&{background-color:var(--color-neutral);color:var(--color-neutral)}}}.xl\:status-info{@layer daisyui.l1.l2{&{background-color:var(--color-info);color:var(--color-info)}}}.xl\:status-success{@layer daisyui.l1.l2{&{background-color:var(--color-success);color:var(--color-success)}}}.xl\:status-warning{@layer daisyui.l1.l2{&{background-color:var(--color-warning);color:var(--color-warning)}}}.xl\:status-error{@layer daisyui.l1.l2{&{background-color:var(--color-error);color:var(--color-error)}}}.xl\:status-xs{@layer daisyui.l1.l2{&{width:.125rem;height:.125rem}}}.xl\:status-sm{@layer daisyui.l1.l2{&{width:.25rem;height:.25rem}}}.xl\:status-md{@layer daisyui.l1.l2{&{width:.5rem;height:.5rem}}}.xl\:status-lg{@layer daisyui.l1.l2{&{width:.75rem;height:.75rem}}}.xl\:status-xl{@layer daisyui.l1.l2{&{width:1rem;height:1rem}}}}@media (width>=1536px){.\32 xl\:status{@layer daisyui.l1.l2.l3{&{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}}}.\32 xl\:status-primary{@layer daisyui.l1.l2{&{background-color:var(--color-primary);color:var(--color-primary)}}}.\32 xl\:status-secondary{@layer daisyui.l1.l2{&{background-color:var(--color-secondary);color:var(--color-secondary)}}}.\32 xl\:status-accent{@layer daisyui.l1.l2{&{background-color:var(--color-accent);color:var(--color-accent)}}}.\32 xl\:status-neutral{@layer daisyui.l1.l2{&{background-color:var(--color-neutral);color:var(--color-neutral)}}}.\32 xl\:status-info{@layer daisyui.l1.l2{&{background-color:var(--color-info);color:var(--color-info)}}}.\32 xl\:status-success{@layer daisyui.l1.l2{&{background-color:var(--color-success);color:var(--color-success)}}}.\32 xl\:status-warning{@layer daisyui.l1.l2{&{background-color:var(--color-warning);color:var(--color-warning)}}}.\32 xl\:status-error{@layer daisyui.l1.l2{&{background-color:var(--color-error);color:var(--color-error)}}}.\32 xl\:status-xs{@layer daisyui.l1.l2{&{width:.125rem;height:.125rem}}}.\32 xl\:status-sm{@layer daisyui.l1.l2{&{width:.25rem;height:.25rem}}}.\32 xl\:status-md{@layer daisyui.l1.l2{&{width:.5rem;height:.5rem}}}.\32 xl\:status-lg{@layer daisyui.l1.l2{&{width:.75rem;height:.75rem}}}.\32 xl\:status-xl{@layer daisyui.l1.l2{&{width:1rem;height:1rem}}}}}
|
package/components/steps.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.12 - MIT License */ @layer utilities{.steps{@layer daisyui.l1.l2.l3{&{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);content:"";border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&>.step-icon,&:not(:has(.step-icon)):after{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}&:first-child:before{--tw-content:none;content:var(--tw-content)}&[data-content]:after{--tw-content:attr(data-content);content:var(--tw-content)}}}@layer daisyui.l1.l2{& .step-neutral{&+.step-neutral:before,&:after,&>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}}& .step-primary{&+.step-primary:before,&:after,&>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}}& .step-secondary{&+.step-secondary:before,&:after,&>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}}& .step-accent{&+.step-accent:before,&:after,&>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}}& .step-info{&+.step-info:before,&:after,&>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}}& .step-success{&+.step-success:before,&:after,&>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}}& .step-warning{&+.step-warning:before,&:after,&>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}}& .step-error{&+.step-error:before,&:after,&>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}}}}.steps-horizontal{@layer daisyui.l1.l2{&{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] &:before{translate:0}}}}.steps-vertical{@layer daisyui.l1.l2{&{grid-auto-rows:1fr;grid-auto-flow:row}& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] &:before{translate:50% -50%}}}}@media (width>=640px){.sm\:steps{@layer daisyui.l1.l2.l3{&{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);content:"";border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&>.step-icon,&:not(:has(.step-icon)):after{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}&:first-child:before{--tw-content:none;content:var(--tw-content)}&[data-content]:after{--tw-content:attr(data-content);content:var(--tw-content)}}}@layer daisyui.l1.l2{& .step-neutral{&+.step-neutral:before,&:after,&>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}}& .step-primary{&+.step-primary:before,&:after,&>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}}& .step-secondary{&+.step-secondary:before,&:after,&>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}}& .step-accent{&+.step-accent:before,&:after,&>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}}& .step-info{&+.step-info:before,&:after,&>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}}& .step-success{&+.step-success:before,&:after,&>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}}& .step-warning{&+.step-warning:before,&:after,&>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}}& .step-error{&+.step-error:before,&:after,&>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}}}}.sm\:steps-horizontal{@layer daisyui.l1.l2{&{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] &:before{translate:0}}}}.sm\:steps-vertical{@layer daisyui.l1.l2{&{grid-auto-rows:1fr;grid-auto-flow:row}& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] &:before{translate:50% -50%}}}}}@media (width>=768px){.md\:steps{@layer daisyui.l1.l2.l3{&{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);content:"";border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&>.step-icon,&:not(:has(.step-icon)):after{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}&:first-child:before{--tw-content:none;content:var(--tw-content)}&[data-content]:after{--tw-content:attr(data-content);content:var(--tw-content)}}}@layer daisyui.l1.l2{& .step-neutral{&+.step-neutral:before,&:after,&>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}}& .step-primary{&+.step-primary:before,&:after,&>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}}& .step-secondary{&+.step-secondary:before,&:after,&>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}}& .step-accent{&+.step-accent:before,&:after,&>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}}& .step-info{&+.step-info:before,&:after,&>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}}& .step-success{&+.step-success:before,&:after,&>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}}& .step-warning{&+.step-warning:before,&:after,&>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}}& .step-error{&+.step-error:before,&:after,&>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}}}}.md\:steps-horizontal{@layer daisyui.l1.l2{&{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] &:before{translate:0}}}}.md\:steps-vertical{@layer daisyui.l1.l2{&{grid-auto-rows:1fr;grid-auto-flow:row}& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] &:before{translate:50% -50%}}}}}@media (width>=1024px){.lg\:steps{@layer daisyui.l1.l2.l3{&{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);content:"";border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&>.step-icon,&:not(:has(.step-icon)):after{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}&:first-child:before{--tw-content:none;content:var(--tw-content)}&[data-content]:after{--tw-content:attr(data-content);content:var(--tw-content)}}}@layer daisyui.l1.l2{& .step-neutral{&+.step-neutral:before,&:after,&>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}}& .step-primary{&+.step-primary:before,&:after,&>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}}& .step-secondary{&+.step-secondary:before,&:after,&>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}}& .step-accent{&+.step-accent:before,&:after,&>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}}& .step-info{&+.step-info:before,&:after,&>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}}& .step-success{&+.step-success:before,&:after,&>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}}& .step-warning{&+.step-warning:before,&:after,&>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}}& .step-error{&+.step-error:before,&:after,&>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}}}}.lg\:steps-horizontal{@layer daisyui.l1.l2{&{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] &:before{translate:0}}}}.lg\:steps-vertical{@layer daisyui.l1.l2{&{grid-auto-rows:1fr;grid-auto-flow:row}& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] &:before{translate:50% -50%}}}}}@media (width>=1280px){.xl\:steps{@layer daisyui.l1.l2.l3{&{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);content:"";border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&>.step-icon,&:not(:has(.step-icon)):after{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}&:first-child:before{--tw-content:none;content:var(--tw-content)}&[data-content]:after{--tw-content:attr(data-content);content:var(--tw-content)}}}@layer daisyui.l1.l2{& .step-neutral{&+.step-neutral:before,&:after,&>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}}& .step-primary{&+.step-primary:before,&:after,&>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}}& .step-secondary{&+.step-secondary:before,&:after,&>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}}& .step-accent{&+.step-accent:before,&:after,&>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}}& .step-info{&+.step-info:before,&:after,&>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}}& .step-success{&+.step-success:before,&:after,&>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}}& .step-warning{&+.step-warning:before,&:after,&>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}}& .step-error{&+.step-error:before,&:after,&>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}}}}.xl\:steps-horizontal{@layer daisyui.l1.l2{&{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] &:before{translate:0}}}}.xl\:steps-vertical{@layer daisyui.l1.l2{&{grid-auto-rows:1fr;grid-auto-flow:row}& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] &:before{translate:50% -50%}}}}}@media (width>=1536px){.\32 xl\:steps{@layer daisyui.l1.l2.l3{&{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);content:"";border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&>.step-icon,&:not(:has(.step-icon)):after{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}&:first-child:before{--tw-content:none;content:var(--tw-content)}&[data-content]:after{--tw-content:attr(data-content);content:var(--tw-content)}}}@layer daisyui.l1.l2{& .step-neutral{&+.step-neutral:before,&:after,&>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}}& .step-primary{&+.step-primary:before,&:after,&>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}}& .step-secondary{&+.step-secondary:before,&:after,&>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}}& .step-accent{&+.step-accent:before,&:after,&>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}}& .step-info{&+.step-info:before,&:after,&>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}}& .step-success{&+.step-success:before,&:after,&>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}}& .step-warning{&+.step-warning:before,&:after,&>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}}& .step-error{&+.step-error:before,&:after,&>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}}}}.\32 xl\:steps-horizontal{@layer daisyui.l1.l2{&{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] &:before{translate:0}}}}.\32 xl\:steps-vertical{@layer daisyui.l1.l2{&{grid-auto-rows:1fr;grid-auto-flow:row}& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] &:before{translate:50% -50%}}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.5.14 - MIT License */ @layer utilities{.steps{@layer daisyui.l1.l2.l3{&{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);content:"";border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&>.step-icon,&:not(:has(.step-icon)):after{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}&:first-child:before{--tw-content:none;content:var(--tw-content)}&[data-content]:after{--tw-content:attr(data-content);content:var(--tw-content)}}}@layer daisyui.l1.l2{& .step-neutral{&+.step-neutral:before,&:after,&>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}}& .step-primary{&+.step-primary:before,&:after,&>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}}& .step-secondary{&+.step-secondary:before,&:after,&>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}}& .step-accent{&+.step-accent:before,&:after,&>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}}& .step-info{&+.step-info:before,&:after,&>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}}& .step-success{&+.step-success:before,&:after,&>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}}& .step-warning{&+.step-warning:before,&:after,&>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}}& .step-error{&+.step-error:before,&:after,&>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}}}}.steps-horizontal{@layer daisyui.l1.l2{&{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] &:before{translate:0}}}}.steps-vertical{@layer daisyui.l1.l2{&{grid-auto-rows:1fr;grid-auto-flow:row}& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] &:before{translate:50% -50%}}}}@media (width>=640px){.sm\:steps{@layer daisyui.l1.l2.l3{&{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);content:"";border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&>.step-icon,&:not(:has(.step-icon)):after{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}&:first-child:before{--tw-content:none;content:var(--tw-content)}&[data-content]:after{--tw-content:attr(data-content);content:var(--tw-content)}}}@layer daisyui.l1.l2{& .step-neutral{&+.step-neutral:before,&:after,&>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}}& .step-primary{&+.step-primary:before,&:after,&>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}}& .step-secondary{&+.step-secondary:before,&:after,&>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}}& .step-accent{&+.step-accent:before,&:after,&>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}}& .step-info{&+.step-info:before,&:after,&>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}}& .step-success{&+.step-success:before,&:after,&>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}}& .step-warning{&+.step-warning:before,&:after,&>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}}& .step-error{&+.step-error:before,&:after,&>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}}}}.sm\:steps-horizontal{@layer daisyui.l1.l2{&{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] &:before{translate:0}}}}.sm\:steps-vertical{@layer daisyui.l1.l2{&{grid-auto-rows:1fr;grid-auto-flow:row}& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] &:before{translate:50% -50%}}}}}@media (width>=768px){.md\:steps{@layer daisyui.l1.l2.l3{&{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);content:"";border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&>.step-icon,&:not(:has(.step-icon)):after{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}&:first-child:before{--tw-content:none;content:var(--tw-content)}&[data-content]:after{--tw-content:attr(data-content);content:var(--tw-content)}}}@layer daisyui.l1.l2{& .step-neutral{&+.step-neutral:before,&:after,&>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}}& .step-primary{&+.step-primary:before,&:after,&>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}}& .step-secondary{&+.step-secondary:before,&:after,&>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}}& .step-accent{&+.step-accent:before,&:after,&>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}}& .step-info{&+.step-info:before,&:after,&>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}}& .step-success{&+.step-success:before,&:after,&>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}}& .step-warning{&+.step-warning:before,&:after,&>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}}& .step-error{&+.step-error:before,&:after,&>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}}}}.md\:steps-horizontal{@layer daisyui.l1.l2{&{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] &:before{translate:0}}}}.md\:steps-vertical{@layer daisyui.l1.l2{&{grid-auto-rows:1fr;grid-auto-flow:row}& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] &:before{translate:50% -50%}}}}}@media (width>=1024px){.lg\:steps{@layer daisyui.l1.l2.l3{&{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);content:"";border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&>.step-icon,&:not(:has(.step-icon)):after{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}&:first-child:before{--tw-content:none;content:var(--tw-content)}&[data-content]:after{--tw-content:attr(data-content);content:var(--tw-content)}}}@layer daisyui.l1.l2{& .step-neutral{&+.step-neutral:before,&:after,&>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}}& .step-primary{&+.step-primary:before,&:after,&>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}}& .step-secondary{&+.step-secondary:before,&:after,&>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}}& .step-accent{&+.step-accent:before,&:after,&>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}}& .step-info{&+.step-info:before,&:after,&>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}}& .step-success{&+.step-success:before,&:after,&>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}}& .step-warning{&+.step-warning:before,&:after,&>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}}& .step-error{&+.step-error:before,&:after,&>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}}}}.lg\:steps-horizontal{@layer daisyui.l1.l2{&{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] &:before{translate:0}}}}.lg\:steps-vertical{@layer daisyui.l1.l2{&{grid-auto-rows:1fr;grid-auto-flow:row}& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] &:before{translate:50% -50%}}}}}@media (width>=1280px){.xl\:steps{@layer daisyui.l1.l2.l3{&{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);content:"";border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&>.step-icon,&:not(:has(.step-icon)):after{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}&:first-child:before{--tw-content:none;content:var(--tw-content)}&[data-content]:after{--tw-content:attr(data-content);content:var(--tw-content)}}}@layer daisyui.l1.l2{& .step-neutral{&+.step-neutral:before,&:after,&>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}}& .step-primary{&+.step-primary:before,&:after,&>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}}& .step-secondary{&+.step-secondary:before,&:after,&>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}}& .step-accent{&+.step-accent:before,&:after,&>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}}& .step-info{&+.step-info:before,&:after,&>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}}& .step-success{&+.step-success:before,&:after,&>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}}& .step-warning{&+.step-warning:before,&:after,&>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}}& .step-error{&+.step-error:before,&:after,&>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}}}}.xl\:steps-horizontal{@layer daisyui.l1.l2{&{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] &:before{translate:0}}}}.xl\:steps-vertical{@layer daisyui.l1.l2{&{grid-auto-rows:1fr;grid-auto-flow:row}& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] &:before{translate:50% -50%}}}}}@media (width>=1536px){.\32 xl\:steps{@layer daisyui.l1.l2.l3{&{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);content:"";border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&>.step-icon,&:not(:has(.step-icon)):after{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}&:first-child:before{--tw-content:none;content:var(--tw-content)}&[data-content]:after{--tw-content:attr(data-content);content:var(--tw-content)}}}@layer daisyui.l1.l2{& .step-neutral{&+.step-neutral:before,&:after,&>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}}& .step-primary{&+.step-primary:before,&:after,&>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}}& .step-secondary{&+.step-secondary:before,&:after,&>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}}& .step-accent{&+.step-accent:before,&:after,&>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}}& .step-info{&+.step-info:before,&:after,&>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}}& .step-success{&+.step-success:before,&:after,&>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}}& .step-warning{&+.step-warning:before,&:after,&>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}}& .step-error{&+.step-error:before,&:after,&>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}}}}.\32 xl\:steps-horizontal{@layer daisyui.l1.l2{&{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] &:before{translate:0}}}}.\32 xl\:steps-vertical{@layer daisyui.l1.l2{&{grid-auto-rows:1fr;grid-auto-flow:row}& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] &:before{translate:50% -50%}}}}}}
|
package/components/swap.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.
|
|
1
|
+
/*! 🌼 daisyUI 5.5.14 - MIT License */ @layer utilities{.swap{@layer daisyui.l1.l2.l3{&{cursor:pointer;vertical-align:middle;-webkit-user-select:none;user-select:none;place-content:center;display:inline-grid;position:relative}& input{appearance:none;border:none}&>*{grid-row-start:1;grid-column-start:1;@media (prefers-reduced-motion:no-preference){&{transition-property:transform,rotate,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}}}& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{opacity:0}& input:is(:checked,:indeterminate){&~.swap-off{opacity:0}}& input:checked~.swap-on,& input:indeterminate~.swap-indeterminate{opacity:1;backface-visibility:visible}}}.swap-active{@layer daisyui.l1.l2{& .swap-off{opacity:0}& .swap-on{opacity:1}}}.swap-rotate{@layer daisyui.l1.l2{& .swap-on,& input:indeterminate~.swap-on{rotate:45deg}& input:is(:checked,:indeterminate)~.swap-on,&.swap-active .swap-on{rotate:none}& input:is(:checked,:indeterminate)~.swap-off,&.swap-active .swap-off{rotate:-45deg}}}.swap-flip{@layer daisyui.l1.l2{&{transform-style:preserve-3d;perspective:20rem}& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{backface-visibility:hidden;transform:rotateY(180deg)}& input:is(:checked,:indeterminate)~.swap-on,&.swap-active .swap-on{transform:rotateY(0)}& input:is(:checked,:indeterminate)~.swap-off,&.swap-active .swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}}}
|