.react-select-container{width:100%}.react-select-container .react-select__control{border:1px solid #ced4da;border-radius:12px;min-height:38px;background:linear-gradient(145deg,#f8fafc,#fff);font-size:1rem;font-family:okbank_med,sans-serif;color:#1a202c;transition:all .3s ease}.react-select-container .react-select__control:hover{border-color:#86b7fe}.react-select-container .react-select__control--is-focused{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);outline:0}.react-select-container.is-invalid .react-select__control{border-color:#dc3545}.react-select-container.is-invalid .react-select__control--is-focused{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.react-select-container .react-select__value-container{padding:.75rem 1rem}.react-select-container .react-select__input-container{margin:0;padding:0;color:#212529}.react-select-container .react-select__single-value{color:#212529;margin:0}.react-select-container .react-select__placeholder{color:#94a3b8;font-style:italic;font-family:okbank,sans-serif}.react-select-container .react-select__indicator-separator{background-color:#ced4da}.react-select-container .react-select__dropdown-indicator{color:#6c757d}.react-select-container .react-select__dropdown-indicator:hover{color:#212529}.react-select-container .react-select__menu{z-index:9999;margin-top:4px;border:1px solid rgba(0,0,0,.15);border-radius:.375rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}.react-select-container .react-select__menu-list{padding:.5rem 0;max-height:300px}.react-select-container .react-select__option{padding:.5rem .75rem;cursor:pointer;background-color:transparent;color:#212529}.react-select-container .react-select__option:hover{background-color:#e9ecef}.react-select-container .react-select__option--is-selected{background-color:#0d6efd;color:#fff}.react-select-container .react-select__option--is-focused{background-color:#e9ecef}.react-select-container .react-select__option--is-focused.react-select__option--is-selected{background-color:#0d6efd}.react-select-container .react-select__menu-list::-webkit-scrollbar{width:8px}.react-select-container .react-select__menu-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.react-select-container .react-select__menu-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.react-select-container .react-select__menu-list::-webkit-scrollbar-thumb:hover{background:#555}