.abc-select-container{max-width:300px;position:relative;width:100%}.abc-select-header{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:7px 15px;transition:all .3s}.abc-select-header:hover{border-color:#3498db}.abc-select-header.open{border-color:#3498db;box-shadow:0 0 0 2px rgba(52,152,219,.2)}.abc-select-placeholder{color:#95a5a6}.abc-select-arrow{font-size:12px;transition:transform .3s}.abc-select-arrow.open{transform:rotate(180deg)}.abc-select-options{background:#fff;border:1px solid #d0d0d0;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 3px 10px rgba(0,0,0,.1);display:none;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.abc-select-options.open{display:block}.abc-select-search{border-bottom:1px solid #e0e0e0;padding:8px}.abc-select-search input{border:1px solid #e0e0e0;border-radius:3px;outline:none;padding:8px 10px;width:100%}.abc-select-search input:focus{border-color:#3498db}.abc-select-option{cursor:pointer;padding:8px 15px;transition:background .2s}.abc-select-option:hover{background:#f5f7fa}.abc-select-option.selected{background:#e1f0fa;color:#3498db}.abc-select-no-results{color:#95a5a6;font-style:italic;padding:10px;text-align:center}