.field-icon-left{margin-right:-30px}.field-icon-left.clickable{cursor:pointer}.user-card{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:1rem;background-color:#080412;box-shadow:0 0 6px -1px #5f279b;border-radius:20px;padding:1rem}.user-card-avatar{height:90px;border-radius:8px;background-color:#141136}.style{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.style button{width:100%}.crystals{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}.crystals .crystal-count{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}.crystals .crystal-count img{max-height:20px}.mask-crystals{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.reader-mask{height:40px;border-radius:7px;cursor:pointer}.reader-mask:hover{box-shadow:0 0 8px -1px #eee}.user-card-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.25rem}.user-card-titles{text-align:left;color:#ba6bff;font-family:Quicksand;font-style:italic}.user-card-numbers{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:1.5rem}.update-username-badge-and-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}.update-username-badge{max-height:20px}.books-read{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.25rem}.books-read-icon{max-height:20px}.small-text{font-size:1rem;line-height:1.5rem}@media (max-width: 599px){.small-text{font-size:.9375rem;line-height:1.40625rem}}.books-read-icon,.crystals-icon,.post-token-icon{max-height:20px}.number-with-icon{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}.reader-summary-mask{border-radius:8px;height:33px}.mask-and-topline-numbers{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;column-gap:1.5rem;row-gap:0}.topline-numbers{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;column-gap:1.5rem;row-gap:0;flex-wrap:wrap}.lvl{color:#e1b42c}#social-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2rem}#social-content.center{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#list-of-users{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr));grid-auto-rows:max-content;gap:1rem}#social-selection-form{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;gap:1.5rem;background-color:#080412;border:1px solid #5f279b;border-radius:10px;width:fit-content;padding:.5rem}.tab{border:none;position:relative;font-family:Noto Sans,ui-sans-serif,-apple-system,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.59375rem;background-color:transparent;border-radius:10px;color:#eee;padding:0 .5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;min-height:2.25rem}@media (max-width: 599px){.tab{font-size:1rem;line-height:1.5rem}}@media (max-width: 599px){.tab{width:100%}}.tab:hover{background-color:#141136bf}.tab.selected{background-color:#141136;color:#f6d}#fetching-users{text-align:left;color:#edf}#users-search{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}@media (max-width: 599px){#users-search{align-self:flex-start;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}}#users-search-box{position:relative}#users-search-box #users-search-input{resize:both;border-radius:7px;height:2.25rem;font-size:1.0625rem;line-height:1.59375rem;background-color:#12071c;color:#eee;border:1px solid #5f279b;width:min(40ch,90vw)}@media (max-width: 599px){#users-search-box #users-search-input{font-size:1rem;line-height:1.5rem}}#users-search-box #users-search-input:focus{box-shadow:0 0 6px -2px #f6d;border:1px solid #f6d}#users-search-box #users-search-input:focus::placeholder{color:transparent}#users-search-box #users-search-input::placeholder{font-size:1.0625rem;line-height:1.59375rem;color:#ddbbffb3}@media (max-width: 599px){#users-search-box #users-search-input::placeholder{font-size:1rem;line-height:1.5rem}}#users-search-box #users-search-input.invalid{border:3px solid #f33;color:#f33}@media (min-width: 1200px){#users-search-box #users-search-input{width:min(50ch,33vw)}}