.select,::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}.select{--select-border-color: var(--color-neutral-600);--select-background-color: var(--color-neutral-100);--select-text-color: var(--color-neutral-900);background-color:var(--select-background-color);border:1px solid var(--select-border-color);border-radius:var(--radius-3);color:var(--select-text-color);font:var(--font-body-sm);padding:var(--spacing-5);width:100%}.select.select--error{--select-border-color: var(--color-error-300)}.select:has(.select__field:focus),.select:has(.select__field:focus):hover{--select-border-color: var(--color-primary-500)}.select.select--error:hover{--select-border-color: var(--color-error-500)}.select:not(:disabled):hover{--select-border-color: var(--color-neutral-700)}.select:focus{--select-border-color: var(--color-primary-500);outline:none}.select:disabled{--select-background-color: var(--color-neutral-300);--select-text-color: var(--color-neutral-800)}.select:has(.select__placeholder:checked){--select-text-color: var(--color-neutral-700)}.select::picker-icon{width:24px;height:24px;transition:rotate .2s ease-in-out;content:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 9L12 16.5L4.5 9' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.select:not(:disabled)::picker-icon{color:var(--color-neutral-900)}.select:open::picker-icon{rotate:180deg}.select::picker(select){background-color:var(--color-neutral-100);border:none;padding:var(--spacing-3);box-shadow:0 8px 40px #0000000d,0 0 1px #c7c5c1;border-radius:var(--radius-3);top:calc(anchor(bottom) + var(--spacing-3));max-height:260px}.select__option{--select-option-background-color: var(--color-neutral-100);--select-option-text-color: var(--color-neutral-900);background-color:var(--select-option-background-color);color:var(--select-option-text-color);font:var(--font-body-sm);padding:var(--spacing-5);border-radius:var(--radius-2);border:none;&.select__placeholder{--select-option-text-color: var(--color-neutral-700)}&:not(.select__placeholder):hover{--select-option-background-color: var(--color-primary-100)}&::checkmark{width:24px;height:24px;content:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.25 6.75L9.75 17.25L4.5 12' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}