.base-input-label{display:block;margin-bottom:var(--spacing-6);width:100%}.base-input-label--optional{align-items:center;display:inline-flex;gap:var(--spacing-16);justify-content:space-between}.base-select{width:100%}.base-select__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-white);background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24"><path fill="gray" d="m20.296 9.796-7.5 7.5a1.125 1.125 0 0 1-1.594 0l-7.5-7.5a1.127 1.127 0 1 1 1.594-1.594L12 14.906l6.704-6.705a1.127 1.127 0 1 1 1.594 1.594z"/></svg>');background-position:right var(--spacing-12) center;background-repeat:no-repeat;border:1px solid var(--color-gray-400);border-radius:var(--radius-sm);color:var(--color-gray-950);display:block;font-family:var(--font-family-body);font-size:var(--font-size-16);font-weight:var(--font-weight-normal);line-height:var(--spacing-24);outline:none;padding:var(--spacing-8) var(--spacing-12);padding-right:var(--spacing-32);transition:border-color .2s ease-in-out;width:100%}@media (min-width:768px){.base-select__select{background-position:right var(--spacing-16) center;padding:var(--spacing-16);padding-right:var(--spacing-48)}}.base-select__select:focus-visible:not(:disabled){border-color:var(--color-blue-600);box-shadow:var(--shadow-focus)}.base-select__select[disabled],.base-select__select[readonly]{background-color:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-gray-400);cursor:not-allowed;opacity:1}.base-select__select[disabled]:focus-visible,.base-select__select[disabled]:hover,.base-select__select[readonly]:focus-visible,.base-select__select[readonly]:hover{border:1px solid var(--color-gray-300)}.base-select__select:invalid{color:var(--color-gray-500)}.base-select__select--error{border-color:var(--color-red-300)}