.box-shadow-style,.h2_Style{box-shadow:0 4px 8px rgba(0,0,0,.8)}.h2_Style{font-size:1.5rem;font-weight:700;background-color:#052c49;margin:auto auto auto 0;text-align:center;padding:8px 30px;display:inline;color:#fb0;min-width:60vw}@media(min-width:900px){.h2_Style{margin:auto;min-width:75vw}}.SearchContainer{position:relative;margin:10px auto;max-width:80vw}.SearchContainer .inputRow{display:flex;flex-direction:row;background-color:#052c49;justify-content:center;align-items:center;height:2.5rem;border-bottom:2px solid #fb0}.SearchContainer:focus-within .inputRow{border-color:#03192a}.SearchContainer:focus-within .icon{background-color:#fb0;color:#03192a}.SearchContainer:focus-within .icon:hover{background-color:#03192a;color:#fb0}.SearchContainer input{flex:1 1;border:none;background:rgba(0,0,0,0);color:#f3f6fa;padding:0 8px}.SearchContainer input::placeholder{color:#87a5c2}.SearchContainer input:focus{background:rgba(0,0,0,0);color:#f3f6fa}.SearchContainer .icon{width:35px;height:100%;display:flex;align-items:center;justify-content:center;padding:2px;color:#fb0;border:none;background:none;font:inherit;cursor:pointer}.SearchContainer .icon:hover{background-color:#03192a}.SearchContainer .icon:disabled{cursor:default}.SearchContainer .icon:disabled:hover{background-color:rgba(0,0,0,0)}.SearchContainer .results{position:absolute;top:100%;left:0;right:0;z-index:20;background-color:#0d3151;border:1px solid #123a5f;border-top:none;max-height:320px;overflow-y:auto}.SearchContainer .results .resultItem{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;background:none;border:none;border-bottom:1px solid #123a5f;color:#f3f6fa;text-align:left;cursor:pointer}.SearchContainer .results .resultItem:hover{background-color:#123a5f}.SearchContainer .results .resultItem.state{cursor:default;justify-content:center;color:#87a5c2}.SearchContainer .results .resultItem.state:hover{background:none}.SearchContainer .results .resultItem .avatar{border-radius:50%;object-fit:cover;width:36px;height:36px;flex-shrink:0}.SearchContainer .results .resultItem .info{display:flex;flex-direction:column;overflow:hidden}.SearchContainer .results .resultItem .info .name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.SearchContainer .results .resultItem .info .handle{font-size:.8rem;color:#87a5c2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}