.searchable-dropdown{position:relative}.searchable-dropdown input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;box-sizing:border-box}.searchable-dropdown input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.selected-option{margin-top:5px;padding:10px;background-color:#f8f9fa;border:1px solid #ccc;border-radius:4px;font-size:16px;color:#333}.options-list{position:absolute;left:0;right:0;max-height:200px;overflow-y:auto;background-color:white;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000;list-style-type:none;padding:0;margin:0}.options-list li{padding:10px;cursor:pointer;transition:background-color .2s ease}.options-list li:hover{background-color:#f0f0f0}.options-list li:active{background-color:#e0e0e0}.options-list::-webkit-scrollbar{width:8px}.options-list::-webkit-scrollbar-track{background:#f1f1f1}.options-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.options-list::-webkit-scrollbar-thumb:hover{background:#555}