.riot-id-card{align-items:center;background:#fff;border:1px solid #e9eaed;border-radius:4px;display:flex;gap:8px;overflow:hidden;padding:14px 15px;width:100%}.riot-id-info-wrapper{flex:1;overflow:hidden;width:auto}.riot-id-card img{border-radius:20px}.riot-id{align-items:flex-end;display:flex;flex-wrap:wrap;gap:2px;width:100%}.nickname{font-size:14px;font-weight:600;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tagline{color:#666a7a;font-size:12px;font-weight:400;line-height:12px}.riot-id-sub-info{align-items:center;display:flex;gap:4px;margin-top:6px}.tier{background:#11b288;color:#fff;font-size:10px;font-weight:400;line-height:10px;width:16px}.region,.tier{align-items:center;border-radius:2px;display:flex;height:16px;justify-content:center}.region{background:#e9eaed;color:#848999;font-weight:600;padding:0 4px}.level,.region{font-size:12px;line-height:12px}.level{color:#666a7a;font-weight:400}.search-poro{height:149px;margin:0 auto 16px;position:relative;width:120px}.search-poro.active{animation:searchAni .3s infinite alternate}@keyframes searchAni{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.search-loading-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1080px;padding-top:20px;width:100%}.search-loading-wrapper p{background:#fafafa;border:1px solid #e9eaed;font-size:16px;font-weight:600;line-height:21px;padding:31px 15px;text-align:center;width:100%}.search-result-wrapper{display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:1080px;width:100%}.search-section{align-items:center;background:#fafafa;border:1px solid #e9eaed;border-radius:4px;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:32px 16px}.search-result h2{font-size:16px;font-weight:600;line-height:21px;margin-bottom:4px;text-align:center}.search-result p{color:#666a7a;font-size:14px;font-weight:400;line-height:18px;margin-bottom:16px;text-align:center}.search-form-wrapper{display:flex;flex-direction:column;gap:8px}.btn-login-with-rso:hover{filter:brightness(1.2)}.search-form{background:#fff;border:1px solid #e9eaed;border-radius:4px;display:flex;gap:8px;height:50px;padding:0 15px;width:100%}.search-form:focus-within{border:1px solid #363944}.search-form input{flex:1;font-size:14px;font-weight:400;line-height:14px;width:auto}.search-form input:focus{outline:none}.search-form input::-moz-placeholder{color:#666a7a}.search-form input::placeholder{color:#666a7a}.user-section{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;width:100%}.search-result-phrase{color:#666a7a;font-size:14px;font-weight:400;line-height:18px;text-align:center}.search-result-phrase b{font-weight:600}@media (min-width:576px){.user-section{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.search-section{flex-direction:row}.search-result h2,.search-result p{text-align:left}.search-form-wrapper{flex-direction:row}.search-form{width:400px}.user-section{grid-template-columns:repeat(3,1fr)}}@media (min-width:992px){.user-section{grid-template-columns:repeat(4,1fr)}}