daisyui/components/select.css

daisyUI 5 - The Tailwind CSS Component Library

/*! 🌼 daisyUI 5.7.17 - MIT License */ @layer utilities{@layer daisyui.l1.l2.l3{.select{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem) * var(--sl-size-mul,10));--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem), var(--font-size-min,.875rem));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border) solid var(--input-color,#0000);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;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;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}.select[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}.select 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;&::placeholder{color:var(--color-base-content);opacity:.5}&: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}}.select:focus,.select:focus-within,.select:open{--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}.select:open{background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}.select:has(>select[disabled]),.select:is(:disabled,[disabled]),fieldset:disabled .select{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);&:is(select),& :is(select){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}.select:has(>select[disabled])>select[disabled]{cursor:not-allowed}@supports (appearance:base-select){:is(.select,.select select),:is(.select,.select select)::picker(select){appearance:base-select}}:is(.select,.select 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}:is(.select,.select select)::picker-icon{display:none}:is(.select,.select select) selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}:is(.select,.select select) optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}:is(.select,.select select) option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem * var(--option-px,3));white-space:normal;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] .select::picker(select),[dir=rtl] .select select::picker(select){translate:.5rem}}@layer daisyui.l1.l2{.select-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}.select-ghost:focus,.select-ghost:focus-within,.select-ghost:open{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}.select-ghost::picker(select){background-color:var(--color-base-100);color:var(--color-base-content)}.select-neutral,.select-neutral:focus,.select-neutral:focus-within,.select-neutral:open{--input-color:var(--color-neutral)}.select-primary,.select-primary:focus,.select-primary:focus-within,.select-primary:open{--input-color:var(--color-primary)}.select-secondary,.select-secondary:focus,.select-secondary:focus-within,.select-secondary:open{--input-color:var(--color-secondary)}.select-accent,.select-accent:focus,.select-accent:focus-within,.select-accent:open{--input-color:var(--color-accent)}.select-info,.select-info:focus,.select-info:focus-within,.select-info:open{--input-color:var(--color-info)}.select-success,.select-success:focus,.select-success:focus-within,.select-success:open{--input-color:var(--color-success)}.select-warning,.select-warning:focus,.select-warning:focus-within,.select-warning:open{--input-color:var(--color-warning)}.select-error,.select-error:focus,.select-error:focus-within,.select-error:open{--input-color:var(--color-error)}.select-xs{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2}.floating-label:has(.select-xs){--top-mul:3;--font-size:.6875rem}.select-sm{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5}.floating-label:has(.select-sm){--top-mul:4;--font-size:.75rem}.select-md{--sl-size-mul:10;--font-size-min:.875rem;--option-px:3}.floating-label:has(.select-md){--top-mul:5;--font-size:.875rem}.select-lg{--sl-size-mul:12;--font-size-min:1.125rem;--option-px:4}.floating-label:has(.select-lg){--top-mul:6;--font-size:1.125rem}.select-xl{--sl-size-mul:14;--font-size-min:1.375rem;--option-px:5}.floating-label:has(.select-xl){--top-mul:7;--font-size:1.375rem}}@media (width>=640px){@layer daisyui.l1.l2.l3{.sm\:select{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem) * var(--sl-size-mul,10));--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem), var(--font-size-min,.875rem));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border) solid var(--input-color,#0000);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;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;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}.sm\:select[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}.sm\:select 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;&::placeholder{color:var(--color-base-content);opacity:.5}&: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}}.sm\:select:focus,.sm\:select:focus-within,.sm\:select:open{--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}.sm\:select:open{background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}.sm\:select:has(>select[disabled]),.sm\:select:is(:disabled,[disabled]),fieldset:disabled .select{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);&:is(select),& :is(select){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}.sm\:select:has(>select[disabled])>select[disabled]{cursor:not-allowed}@supports (appearance:base-select){:is(.select,.select select),:is(.select,.select select)::picker(select){appearance:base-select}}:is(.select,.select 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}:is(.select,.select select)::picker-icon{display:none}:is(.select,.select select) selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}:is(.select,.select select) optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}:is(.select,.select select) option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem * var(--option-px,3));white-space:normal;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] .select::picker(select),[dir=rtl] .select select::picker(select){translate:.5rem}}@layer daisyui.l1.l2{.sm\:select-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}.sm\:select-ghost:focus,.sm\:select-ghost:focus-within,.sm\:select-ghost:open{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}.sm\:select-ghost::picker(select){background-color:var(--color-base-100);color:var(--color-base-content)}.select-neutral,.sm\:select-neutral:focus,.sm\:select-neutral:focus-within,.sm\:select-neutral:open{--input-color:var(--color-neutral)}.select-primary,.sm\:select-primary:focus,.sm\:select-primary:focus-within,.sm\:select-primary:open{--input-color:var(--color-primary)}.select-secondary,.sm\:select-secondary:focus,.sm\:select-secondary:focus-within,.sm\:select-secondary:open{--input-color:var(--color-secondary)}.select-accent,.sm\:select-accent:focus,.sm\:select-accent:focus-within,.sm\:select-accent:open{--input-color:var(--color-accent)}.select-info,.sm\:select-info:focus,.sm\:select-info:focus-within,.sm\:select-info:open{--input-color:var(--color-info)}.select-success,.sm\:select-success:focus,.sm\:select-success:focus-within,.sm\:select-success:open{--input-color:var(--color-success)}.select-warning,.sm\:select-warning:focus,.sm\:select-warning:focus-within,.sm\:select-warning:open{--input-color:var(--color-warning)}.select-error,.sm\:select-error:focus,.sm\:select-error:focus-within,.sm\:select-error:open{--input-color:var(--color-error)}.sm\:select-xs{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2}.sm\:floating-label:has(.select-xs){--top-mul:3;--font-size:.6875rem}.sm\:select-sm{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5}.sm\:floating-label:has(.select-sm){--top-mul:4;--font-size:.75rem}.sm\:select-md{--sl-size-mul:10;--font-size-min:.875rem;--option-px:3}.sm\:floating-label:has(.select-md){--top-mul:5;--font-size:.875rem}.sm\:select-lg{--sl-size-mul:12;--font-size-min:1.125rem;--option-px:4}.sm\:floating-label:has(.select-lg){--top-mul:6;--font-size:1.125rem}.sm\:select-xl{--sl-size-mul:14;--font-size-min:1.375rem;--option-px:5}.sm\:floating-label:has(.select-xl){--top-mul:7;--font-size:1.375rem}}}@media (width>=768px){@layer daisyui.l1.l2.l3{.md\:select{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem) * var(--sl-size-mul,10));--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem), var(--font-size-min,.875rem));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border) solid var(--input-color,#0000);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;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;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}.md\:select[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}.md\:select 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;&::placeholder{color:var(--color-base-content);opacity:.5}&: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}}.md\:select:focus,.md\:select:focus-within,.md\:select:open{--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}.md\:select:open{background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}.md\:select:has(>select[disabled]),.md\:select:is(:disabled,[disabled]),fieldset:disabled .select{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);&:is(select),& :is(select){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}.md\:select:has(>select[disabled])>select[disabled]{cursor:not-allowed}@supports (appearance:base-select){:is(.select,.select select),:is(.select,.select select)::picker(select){appearance:base-select}}:is(.select,.select 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}:is(.select,.select select)::picker-icon{display:none}:is(.select,.select select) selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}:is(.select,.select select) optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}:is(.select,.select select) option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem * var(--option-px,3));white-space:normal;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] .select::picker(select),[dir=rtl] .select select::picker(select){translate:.5rem}}@layer daisyui.l1.l2{.md\:select-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}.md\:select-ghost:focus,.md\:select-ghost:focus-within,.md\:select-ghost:open{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}.md\:select-ghost::picker(select){background-color:var(--color-base-100);color:var(--color-base-content)}.select-neutral,.md\:select-neutral:focus,.md\:select-neutral:focus-within,.md\:select-neutral:open{--input-color:var(--color-neutral)}.select-primary,.md\:select-primary:focus,.md\:select-primary:focus-within,.md\:select-primary:open{--input-color:var(--color-primary)}.select-secondary,.md\:select-secondary:focus,.md\:select-secondary:focus-within,.md\:select-secondary:open{--input-color:var(--color-secondary)}.select-accent,.md\:select-accent:focus,.md\:select-accent:focus-within,.md\:select-accent:open{--input-color:var(--color-accent)}.select-info,.md\:select-info:focus,.md\:select-info:focus-within,.md\:select-info:open{--input-color:var(--color-info)}.select-success,.md\:select-success:focus,.md\:select-success:focus-within,.md\:select-success:open{--input-color:var(--color-success)}.select-warning,.md\:select-warning:focus,.md\:select-warning:focus-within,.md\:select-warning:open{--input-color:var(--color-warning)}.select-error,.md\:select-error:focus,.md\:select-error:focus-within,.md\:select-error:open{--input-color:var(--color-error)}.md\:select-xs{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2}.md\:floating-label:has(.select-xs){--top-mul:3;--font-size:.6875rem}.md\:select-sm{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5}.md\:floating-label:has(.select-sm){--top-mul:4;--font-size:.75rem}.md\:select-md{--sl-size-mul:10;--font-size-min:.875rem;--option-px:3}.md\:floating-label:has(.select-md){--top-mul:5;--font-size:.875rem}.md\:select-lg{--sl-size-mul:12;--font-size-min:1.125rem;--option-px:4}.md\:floating-label:has(.select-lg){--top-mul:6;--font-size:1.125rem}.md\:select-xl{--sl-size-mul:14;--font-size-min:1.375rem;--option-px:5}.md\:floating-label:has(.select-xl){--top-mul:7;--font-size:1.375rem}}}@media (width>=1024px){@layer daisyui.l1.l2.l3{.lg\:select{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem) * var(--sl-size-mul,10));--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem), var(--font-size-min,.875rem));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border) solid var(--input-color,#0000);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;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;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}.lg\:select[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}.lg\:select 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;&::placeholder{color:var(--color-base-content);opacity:.5}&: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}}.lg\:select:focus,.lg\:select:focus-within,.lg\:select:open{--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}.lg\:select:open{background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}.lg\:select:has(>select[disabled]),.lg\:select:is(:disabled,[disabled]),fieldset:disabled .select{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);&:is(select),& :is(select){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}.lg\:select:has(>select[disabled])>select[disabled]{cursor:not-allowed}@supports (appearance:base-select){:is(.select,.select select),:is(.select,.select select)::picker(select){appearance:base-select}}:is(.select,.select 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}:is(.select,.select select)::picker-icon{display:none}:is(.select,.select select) selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}:is(.select,.select select) optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}:is(.select,.select select) option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem * var(--option-px,3));white-space:normal;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] .select::picker(select),[dir=rtl] .select select::picker(select){translate:.5rem}}@layer daisyui.l1.l2{.lg\:select-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}.lg\:select-ghost:focus,.lg\:select-ghost:focus-within,.lg\:select-ghost:open{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}.lg\:select-ghost::picker(select){background-color:var(--color-base-100);color:var(--color-base-content)}.select-neutral,.lg\:select-neutral:focus,.lg\:select-neutral:focus-within,.lg\:select-neutral:open{--input-color:var(--color-neutral)}.select-primary,.lg\:select-primary:focus,.lg\:select-primary:focus-within,.lg\:select-primary:open{--input-color:var(--color-primary)}.select-secondary,.lg\:select-secondary:focus,.lg\:select-secondary:focus-within,.lg\:select-secondary:open{--input-color:var(--color-secondary)}.select-accent,.lg\:select-accent:focus,.lg\:select-accent:focus-within,.lg\:select-accent:open{--input-color:var(--color-accent)}.select-info,.lg\:select-info:focus,.lg\:select-info:focus-within,.lg\:select-info:open{--input-color:var(--color-info)}.select-success,.lg\:select-success:focus,.lg\:select-success:focus-within,.lg\:select-success:open{--input-color:var(--color-success)}.select-warning,.lg\:select-warning:focus,.lg\:select-warning:focus-within,.lg\:select-warning:open{--input-color:var(--color-warning)}.select-error,.lg\:select-error:focus,.lg\:select-error:focus-within,.lg\:select-error:open{--input-color:var(--color-error)}.lg\:select-xs{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2}.lg\:floating-label:has(.select-xs){--top-mul:3;--font-size:.6875rem}.lg\:select-sm{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5}.lg\:floating-label:has(.select-sm){--top-mul:4;--font-size:.75rem}.lg\:select-md{--sl-size-mul:10;--font-size-min:.875rem;--option-px:3}.lg\:floating-label:has(.select-md){--top-mul:5;--font-size:.875rem}.lg\:select-lg{--sl-size-mul:12;--font-size-min:1.125rem;--option-px:4}.lg\:floating-label:has(.select-lg){--top-mul:6;--font-size:1.125rem}.lg\:select-xl{--sl-size-mul:14;--font-size-min:1.375rem;--option-px:5}.lg\:floating-label:has(.select-xl){--top-mul:7;--font-size:1.375rem}}}@media (width>=1280px){@layer daisyui.l1.l2.l3{.xl\:select{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem) * var(--sl-size-mul,10));--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem), var(--font-size-min,.875rem));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border) solid var(--input-color,#0000);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;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;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}.xl\:select[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}.xl\:select 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;&::placeholder{color:var(--color-base-content);opacity:.5}&: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}}.xl\:select:focus,.xl\:select:focus-within,.xl\:select:open{--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}.xl\:select:open{background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}.xl\:select:has(>select[disabled]),.xl\:select:is(:disabled,[disabled]),fieldset:disabled .select{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);&:is(select),& :is(select){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}.xl\:select:has(>select[disabled])>select[disabled]{cursor:not-allowed}@supports (appearance:base-select){:is(.select,.select select),:is(.select,.select select)::picker(select){appearance:base-select}}:is(.select,.select 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}:is(.select,.select select)::picker-icon{display:none}:is(.select,.select select) selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}:is(.select,.select select) optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}:is(.select,.select select) option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem * var(--option-px,3));white-space:normal;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] .select::picker(select),[dir=rtl] .select select::picker(select){translate:.5rem}}@layer daisyui.l1.l2{.xl\:select-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}.xl\:select-ghost:focus,.xl\:select-ghost:focus-within,.xl\:select-ghost:open{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}.xl\:select-ghost::picker(select){background-color:var(--color-base-100);color:var(--color-base-content)}.select-neutral,.xl\:select-neutral:focus,.xl\:select-neutral:focus-within,.xl\:select-neutral:open{--input-color:var(--color-neutral)}.select-primary,.xl\:select-primary:focus,.xl\:select-primary:focus-within,.xl\:select-primary:open{--input-color:var(--color-primary)}.select-secondary,.xl\:select-secondary:focus,.xl\:select-secondary:focus-within,.xl\:select-secondary:open{--input-color:var(--color-secondary)}.select-accent,.xl\:select-accent:focus,.xl\:select-accent:focus-within,.xl\:select-accent:open{--input-color:var(--color-accent)}.select-info,.xl\:select-info:focus,.xl\:select-info:focus-within,.xl\:select-info:open{--input-color:var(--color-info)}.select-success,.xl\:select-success:focus,.xl\:select-success:focus-within,.xl\:select-success:open{--input-color:var(--color-success)}.select-warning,.xl\:select-warning:focus,.xl\:select-warning:focus-within,.xl\:select-warning:open{--input-color:var(--color-warning)}.select-error,.xl\:select-error:focus,.xl\:select-error:focus-within,.xl\:select-error:open{--input-color:var(--color-error)}.xl\:select-xs{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2}.xl\:floating-label:has(.select-xs){--top-mul:3;--font-size:.6875rem}.xl\:select-sm{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5}.xl\:floating-label:has(.select-sm){--top-mul:4;--font-size:.75rem}.xl\:select-md{--sl-size-mul:10;--font-size-min:.875rem;--option-px:3}.xl\:floating-label:has(.select-md){--top-mul:5;--font-size:.875rem}.xl\:select-lg{--sl-size-mul:12;--font-size-min:1.125rem;--option-px:4}.xl\:floating-label:has(.select-lg){--top-mul:6;--font-size:1.125rem}.xl\:select-xl{--sl-size-mul:14;--font-size-min:1.375rem;--option-px:5}.xl\:floating-label:has(.select-xl){--top-mul:7;--font-size:1.375rem}}}@media (width>=1536px){@layer daisyui.l1.l2.l3{.\32 xl\:select{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem) * var(--sl-size-mul,10));--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem), var(--font-size-min,.875rem));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border) solid var(--input-color,#0000);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;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;display:inline-flex;position:relative;overflow:hidden}[dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}.\32 xl\:select[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}.\32 xl\:select 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;&::placeholder{color:var(--color-base-content);opacity:.5}&: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}}.\32 xl\:select:focus,.\32 xl\:select:focus-within,.\32 xl\:select:open{--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}.\32 xl\:select:open{background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}.\32 xl\:select:has(>select[disabled]),.\32 xl\:select:is(:disabled,[disabled]),fieldset:disabled .select{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);&:is(select),& :is(select){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}.\32 xl\:select:has(>select[disabled])>select[disabled]{cursor:not-allowed}@supports (appearance:base-select){:is(.select,.select select),:is(.select,.select select)::picker(select){appearance:base-select}}:is(.select,.select 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}:is(.select,.select select)::picker-icon{display:none}:is(.select,.select select) selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}:is(.select,.select select) optgroup{padding-top:.5em;& option{&:first-child{margin-top:.5em}}}:is(.select,.select select) option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem * var(--option-px,3));white-space:normal;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] .select::picker(select),[dir=rtl] .select select::picker(select){translate:.5rem}}@layer daisyui.l1.l2{.\32 xl\:select-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}.\32 xl\:select-ghost:focus,.\32 xl\:select-ghost:focus-within,.\32 xl\:select-ghost:open{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}.\32 xl\:select-ghost::picker(select){background-color:var(--color-base-100);color:var(--color-base-content)}.select-neutral,.\32 xl\:select-neutral:focus,.\32 xl\:select-neutral:focus-within,.\32 xl\:select-neutral:open{--input-color:var(--color-neutral)}.select-primary,.\32 xl\:select-primary:focus,.\32 xl\:select-primary:focus-within,.\32 xl\:select-primary:open{--input-color:var(--color-primary)}.select-secondary,.\32 xl\:select-secondary:focus,.\32 xl\:select-secondary:focus-within,.\32 xl\:select-secondary:open{--input-color:var(--color-secondary)}.select-accent,.\32 xl\:select-accent:focus,.\32 xl\:select-accent:focus-within,.\32 xl\:select-accent:open{--input-color:var(--color-accent)}.select-info,.\32 xl\:select-info:focus,.\32 xl\:select-info:focus-within,.\32 xl\:select-info:open{--input-color:var(--color-info)}.select-success,.\32 xl\:select-success:focus,.\32 xl\:select-success:focus-within,.\32 xl\:select-success:open{--input-color:var(--color-success)}.select-warning,.\32 xl\:select-warning:focus,.\32 xl\:select-warning:focus-within,.\32 xl\:select-warning:open{--input-color:var(--color-warning)}.select-error,.\32 xl\:select-error:focus,.\32 xl\:select-error:focus-within,.\32 xl\:select-error:open{--input-color:var(--color-error)}.\32 xl\:select-xs{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2}.\32 xl\:floating-label:has(.select-xs){--top-mul:3;--font-size:.6875rem}.\32 xl\:select-sm{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5}.\32 xl\:floating-label:has(.select-sm){--top-mul:4;--font-size:.75rem}.\32 xl\:select-md{--sl-size-mul:10;--font-size-min:.875rem;--option-px:3}.\32 xl\:floating-label:has(.select-md){--top-mul:5;--font-size:.875rem}.\32 xl\:select-lg{--sl-size-mul:12;--font-size-min:1.125rem;--option-px:4}.\32 xl\:floating-label:has(.select-lg){--top-mul:6;--font-size:1.125rem}.\32 xl\:select-xl{--sl-size-mul:14;--font-size-min:1.375rem;--option-px:5}.\32 xl\:floating-label:has(.select-xl){--top-mul:7;--font-size:1.375rem}}}}