@charset "UTF-8";.user-card{contain:paint;display:grid;gap:0 .375rem;grid-template-columns:minmax(0,1fr) auto}.user-card.columns-2{width:12.5rem}.user-card.columns-2 .recovery-rate{grid-column:1 / -1}.user-card.columns-2:has(.badge-list){grid-template-columns:auto minmax(0,1fr) auto}.user-card.columns-2:has(.badge-list) .user-icon{grid-column:1 / 3}.user-card.columns-2:has(.badge-list) .badge-list{grid-column:1 / 2}.user-card.columns-2:has(.badge-list) .recovery-rate{grid-column:2 / -1}.user-card.columns-3{grid-template-columns:minmax(0,1fr) 1.5625rem}.user-card.columns-3:has(.badge-list){grid-template-columns:minmax(0,1fr) auto 1.5625rem}.user-card.columns-3:has(.badge-list) .favorite-button{grid-column:3 / -1}.user-card.columns-3:has(.badge-list) .badge-list{grid-column:2 / 3;grid-row:1}.user-card.columns-4{gap:0 .5rem;grid-template-columns:2.1875rem minmax(0,1fr) auto}.user-card.columns-4 .user-icon{grid-row:1 / -1}.user-card.columns-4 .user-name{font-size:.8125rem;font-weight:700;grid-column:2 / 3}.user-card.columns-4 .favorite-button{grid-column:3 / -1;grid-row:1 / -1}.user-card.columns-4 .recovery-rate{font-size:.8125rem;grid-column:2 / -1;text-align:var(--kib-body-font-weight)}.user-card.columns-4 .recovery-rate .fs-small{font-size:.625rem}.user-card.columns-4:has(.badge-list){grid-template-columns:2.1875rem auto minmax(0,1fr) auto}.user-card.columns-4:has(.badge-list) .user-name{grid-column:2 / 4}.user-card.columns-4:has(.badge-list) .favorite-button{grid-column:4 / 5}.user-card.columns-4:has(.badge-list) .badge-list{grid-column:2 / 3;line-height:1}.user-card.columns-4:has(.badge-list) .recovery-rate{grid-column:3 / 4}.user-card .user-icon{gap:.375rem}.user-card .recovery-rate{text-align:right}.user-card .recovery-rate .value{font-weight:700}.user-card .recovery-rate .is-percentage-01{color:#ef1919}.user-card .recovery-rate .is-percentage-02{color:#cc5e12}.user-card .recovery-rate .is-percentage-03{color:#b38000}.user-card .recovery-rate .is-percentage-04{color:#566c00}.user-card .recovery-rate .is-percentage-05{color:#160}.user-card .recovery-rate .is-percentage-06{color:#0072e6}.user-card .recovery-rate .is-percentage-07{color:#0026e6}