.select-container{position:relative;}
.select-input{padding:8px;border: 1px solid var(--color-5);box-sizing:border-box;text-align: center;width: 220px;max-width: 100%;}
.select-dropdown{position:absolute;top:100%;left: 50%;width: calc(100% - 20px);border: 1px solid var(--color-4);border-top:none;display:none;max-height:200px;overflow-y:auto;z-index:1000;box-sizing:border-box;background: var(--color-3);color: var(--color-8);transform: translateX(-50%);max-width: 200px;}
.select-dropdown.show{display:block;}
.select-dropdown div{padding:8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;border-bottom: 1px solid var(--color-2);align-items: center;display: flex;}
.select-dropdown div:hover{background-color: var(--color-3);}
.select-dropdown div img{height:18px;margin-right: 10px;width: 30px;object-fit: cover;border-radius: 3px;display:flex;}
.search-input{width:calc(100% - 10px);padding:5px;margin:5px;border: 1px solid var(--color-5);box-sizing:border-box;box-shadow: 0 0 100px 100px inset var(--color-3), 0 0 6px 10px var(--color-3);position: sticky;top: 5px;}
.select-dropdown div span{max-width: 220px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}