.custom-select{--select-duration: .2s;--select-ease: var(--ease-out);--select-radius: var(--radius);--select-border-color: light-dark( var(--border-light), var(--border-dark) );--select-border-focus: light-dark( var(--foreground-light), var(--foreground-dark) );--select-border-form: light-dark( var(--accent-light), var(--accent-dark) );--select-bg: light-dark( var(--background-light), var(--background-dark) );--select-dropdown-bg: light-dark( var(--background-light), color-mix(in oklch, var(--background-dark), white 4%) );--select-option-hover: light-dark( var(--accent-light), var(--accent-dark) );--select-chevron-size: 12px;--select-chevron-opacity: .6;--select-placeholder-opacity: .4;--select-padding-block: .75rem;--select-padding-inline: .75rem;--select-filter-height: 2.5rem;--select-picker-offset: 4px;--select-picker-scale-from: .95;--select-option-padding-block: .6rem}.custom-select{appearance:base-select}::picker(select){appearance:base-select}.custom-select{background:transparent;outline:none;cursor:pointer;border-radius:var(--select-radius);font:inherit;color:inherit;transition:border-color var(--select-duration) var(--select-ease),background var(--select-duration) var(--select-ease)}.custom-select[data-variant=filter]{height:var(--select-filter-height);padding-inline:var(--select-padding-inline);border:1px solid var(--select-border-color);&:hover{background:var(--select-bg)}&:focus{border-color:var(--select-border-focus)}}.custom-select[data-variant=form]{width:100%;border:none;border-radius:0;border-block-end:1px solid var(--select-border-form);padding-block:var(--select-padding-block);padding-inline:0;&:focus{border-block-end-color:var(--select-border-focus)}}.custom-select button{font:inherit;color:inherit;background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.custom-select button selectedcontent{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select::picker-icon{display:none}.custom-select button:after{content:"";display:block;flex-shrink:0;width:var(--select-chevron-size);height:var(--select-chevron-size);background-color:currentColor;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:center;mask-size:contain;opacity:var(--select-chevron-opacity);transition:rotate var(--select-duration) var(--select-ease);transform-origin:center}.custom-select:open button:after{rotate:180deg}::picker(select){border:1px solid var(--select-border-color);border-radius:var(--select-radius);background:var(--select-dropdown-bg);padding:.25rem;opacity:0;scale:var(--select-picker-scale-from);scrollbar-width:none;top:calc(anchor(bottom) + var(--select-picker-offset));left:anchor(left);transition:opacity var(--select-duration) var(--select-ease),scale var(--select-duration) var(--select-ease),overlay var(--select-duration) allow-discrete,display var(--select-duration) allow-discrete}.custom-select:open::picker(select){opacity:1;scale:1}@starting-style{.custom-select:open::picker(select){opacity:0;scale:var(--select-picker-scale-from)}}.custom-select option{padding:var(--select-option-padding-block) var(--select-padding-inline);border-radius:var(--select-radius);cursor:pointer;transition:background var(--select-duration) var(--select-ease);&:hover,&:focus-visible{background:var(--select-option-hover)}&:checked,&[disabled]{display:none}}.custom-select option::checkmark{display:none}.custom-select:has(option[value=""]:checked) button selectedcontent{opacity:var(--select-placeholder-opacity)}@supports not (appearance: base-select){.custom-select{appearance:none;& button{display:none}&[data-variant=form]{padding-inline:0;border-radius:0;background-image:light-dark(url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"));background-repeat:no-repeat;background-position:right center;background-size:var(--select-chevron-size);padding-inline-end:1.5rem}&[data-variant=filter]{background-image:light-dark(url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"));background-repeat:no-repeat;background-position:right var(--select-padding-inline) center;background-size:var(--select-chevron-size);padding-inline-end:2.25rem}}}