.userInfo{--user-info-button-follow-width: 1.125rem;width:100%}.userInfo__container{display:grid;grid-template-columns:3.5rem 1fr;grid-template-rows:max-content max-content var(--user-info-button-follow-width);grid-template-areas:"avatar name" "avatar info" "avatar button";gap:0 .5rem}.userInfo__avatar{grid-area:avatar}.userInfo__name{grid-area:name;display:flex;align-items:center;font-size:.75rem;line-height:.875rem}.userInfo__link{padding-right:.25rem;color:#242424;transition:color .2s cubic-bezier(.39,.29,0,1)}html.mouse .userInfo__link:hover{color:#555}.userInfo__info{grid-area:info;display:inline;margin-bottom:.375rem;font-size:.625rem;color:#888}.userInfo__info a{transition:color .2s cubic-bezier(.25,.46,.45,.94)}.userInfo__info a:before{content:"/";margin-right:.125rem}.userInfo__info a:empty:before{content:""}html.mouse .userInfo__info a:hover{color:#333}.userInfo__publisher,.userInfo__followers{display:inline}.userInfo .verifiedBadge{--verified-badge-font-size: 1rem}.userInfo .button{grid-area:button;display:grid;align-items:center;width:fit-content}@media (min-width: 768px){.userInfo__name{font-size:1rem;line-height:1.5rem}.userInfo__info{font-size:.75rem;line-height:1rem}.userInfo .verifiedBadge{--verified-badge-font-size: 1rem}.userInfo--lg .userInfo__container{grid-template-columns:4rem 1fr}}.native-scrollbar{scrollbar-width:thin!important;scrollbar-face-color:rgba(128,128,128,.5);scrollbar-track-color:#fff;scrollbar-color:rgba(128,128,128,.5) #fff}.native-scrollbar::-webkit-scrollbar{-webkit-appearance:none}.native-scrollbar::-webkit-scrollbar:vertical{width:11px}.native-scrollbar::-webkit-scrollbar:horizontal{height:11px}.native-scrollbar::-webkit-scrollbar-thumb{border:4px solid #fff;border-radius:0;background-color:#80808080}.native-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#808080bf}.native-scrollbar::-webkit-scrollbar-track{background:#fff}.userInfo__placeholder{display:grid;grid-template-columns:3.5rem 1fr;gap:0 .5rem;width:100%}.userInfo__placeholderAvatar{width:3.5rem;height:3.5rem;border-radius:50%}.userInfo__placeholderContent{display:flex;flex-direction:column;padding-top:.25rem}.userInfo__placeholderName{width:100%;max-width:7.75rem;height:1.25rem}.userInfo__placeholderButton{width:5.125rem;height:1rem;margin:.5rem 0;padding:.25rem 0}@media (min-width: 768px){.userInfo__placeholder{grid-template-columns:4rem 1fr}.userInfo__placeholderAvatar{width:4rem;height:4rem}.userInfo__placeholderName{height:1.25rem}.userInfo__placeholderButton{height:1rem}}