.select{

position:relative;

width:100%;

}

.select-trigger{

height:60px;

padding:0 20px;

display:flex;

align-items:center;

justify-content:space-between;

border-radius:18px;

background:#172132;

border:1px solid rgba(255,255,255,.08);

cursor:pointer;

transition:.25s;

}

.select-trigger:hover{

border-color:#3B82F6;

}

.select-value{

color:white;

}

.select-menu{

position:absolute;

left:0;

right:0;

top:68px;

background:#172132;

border:1px solid rgba(255,255,255,.08);

border-radius:18px;

overflow:hidden;

display:none;

z-index:50;

}

.select.open .select-menu{

display:block;

}

.select-option{

padding:16px 20px;

cursor:pointer;

transition:.2s;

}

.select-option:hover{

background:#2563EB;

}

.select-option+.select-option{

border-top:1px solid rgba(255,255,255,.05);

}

.select-trigger svg{

transition:.25s;

}

.select.open .select-trigger svg{

transform:rotate(180deg);

}

.select-option.active{

background:#2563EB;

color:white;

font-weight:600;

}

.country-search{

width:100%;

height:48px;

padding:0 16px;

background:#111827;

border:none;

border-bottom:1px solid rgba(255,255,255,.08);

color:#fff;

outline:none;

}

.country-list{

max-height:280px;

overflow-y:auto;

}

.country-list::-webkit-scrollbar{

width:8px;

}

.country-list::-webkit-scrollbar-thumb{

background:#2563EB;

border-radius:20px;

}