@font-face{font-family:Roboto;src:url(./fonts/roboto-reduced.ttf)}body{margin:0;padding:0;font-family:Roboto,sans-serif;font-size:16px;color:#242529}.banner{box-sizing:border-box;width:100%;position:absolute;display:flex;justify-content:space-between;align-items:center;padding:12px;background-image:linear-gradient(to left,#008ccf,#00aeef);min-height:54px}.logo-container{display:flex;align-items:center}.text-banner{font-size:14px;color:#fefefe;font-weight:300;display:flex;align-items:center;gap:4px}@media (max-width: 440px){.text-banner{font-size:12px}.text-banner svg{width:16px;height:16px}.icon-of{height:24px;width:40.8px}.text-of{height:19.2px;width:67.2px}}@media (max-width: 360px){.text-banner{font-size:10px}.text-banner svg{width:12px;height:12px}.icon-of{height:24px;width:40.8px}.text-of{height:19.2px;width:67.2px}}.main-wrap{width:100%;padding-top:54px}.image-container{width:100%;height:180px;display:flex;justify-content:center;align-items:center;overflow:hidden}.image-container img{width:100%;height:auto;object-fit:cover}.profile-header{margin-top:-32px;padding:48px 16px 16px;box-sizing:border-box}.profile-user{display:flex;flex-direction:column;gap:14px}.profile-user img{margin-top:-50px;margin-left:-2px;margin-right:14px;z-index:1;border:2px solid #fff;border-radius:50%}.username-row{margin-bottom:4px;display:flex;align-items:center}.username-row svg{width:19px;height:19px}.username{font-weight:500;font-size:19px}.user-realname{font-size:14px;color:#8a96a3}.user-info{margin-bottom:12px}.divider{background-color:#f6f7f8;height:8px;border-top:1px solid rgba(138,150,163,.25)}.block-wrap{box-sizing:border-box;padding:24px;display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center;height:100%}.text-warning{color:#8a96a3;text-align:center}