/* Institution / department drop-down: same dark card as the form, plain text, an arrow at the end, no hover colour */
.has-sug{position:relative}
.sug-btn{flex:none;width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;color:#9db4ec;cursor:pointer;padding:0;margin-left:2px;-webkit-appearance:none;appearance:none}
.sug-btn svg{transition:transform .15s}.has-sug.sug-open .sug-btn svg{transform:rotate(180deg)}
.sug-abs .sug-btn{position:absolute;right:8px;bottom:5px;color:#64748b}.sug-abs input{padding-right:44px!important}
.sug{position:absolute;left:0;right:0;top:calc(100% + 8px);max-height:min(310px,52vh);overflow-y:auto;background:#0b1d5c;border:1px solid #1d3a94;color:#eaf0ff;border-radius:16px;box-shadow:0 18px 44px rgba(2,8,40,.55);z-index:120;text-align:left;padding:6px 0;-webkit-overflow-scrolling:touch}
.sug[hidden]{display:none}
.sug-i{display:block;width:100%;background:transparent!important;border:0;color:#eaf0ff;font:inherit;font-size:1rem;line-height:1.35;text-align:left;padding:13px 20px;cursor:pointer;-webkit-appearance:none;appearance:none}
.sug-i:hover,.sug-i:focus,.sug-i:active{background:transparent!important;color:#eaf0ff;outline:0}.sug-i span{display:block;overflow-wrap:anywhere}
.sug::-webkit-scrollbar{width:6px}.sug::-webkit-scrollbar-thumb{background:#5b6b95;border-radius:99px}
.sug-n{padding:12px 20px;font-size:.85rem;color:#9db4ec;border-top:1px solid #1d3a94}
/* on the light profile pages the list keeps the same dark look */
@media(max-width:900px){.sug-i{font-size:1.05rem;padding:15px 22px}.sug{max-height:min(330px,50vh)}.sug-btn{width:42px;height:42px}}