:root{--purpleGradientBackground:linear-gradient(to top left,#b19cd8,#ccb7e5,#e6d1f2);--greenGradientBackground:linear-gradient(to top left,#43bc43,#8dd88d,#d8f3d8);--purpleGradientBackgroundHover:linear-gradient(to top left,#7c3aed,#6d28d9,#3730a3);--greenGradientBackgroundHover:linear-gradient(to top left,#16a34a,#059669,#0f766e);--primaryPurpleColor:#7c3aed;--primaryPurpleColorDarker:#5527a3;--primaryGreenColor:#16a34a;--primaryGreenColorDarker:#105c2c;--headerTextColor:#333;--headerBackgroundColor:#fff;--headerLinkHoverBackgroundColor:#0000000f;--headerOverlayBackgroundColor:#00000052;--headerBoxShadow:0 2px 8px #0000001a;--contentBorderRadius:10px;--headerHeight:calc((60/16)*1rem);--headerPaddingTopBottom:1rem;--headerPaddingLeftRight:1rem;--totalHeaderHeight:calc(var(--headerHeight) + (var(--headerPaddingTopBottom)*2));--breadcrumbsHeight:calc((40/16)*1rem);--breadcrumbsPaddingTopBottom:.5rem;--breadcrumbsPaddingLeftRight:.5rem;--buttonBorderRadius:.5rem;--maxWidthContent:calc((1440/16)*1rem);--maxWidthHeader:calc((1920/16)*1rem);--maxWidthReading:calc((768/16)*1rem)}.userProfile{max-width:935px;padding:var(--headerPaddingLeftRight);border-radius:var(--contentBorderRadius);box-shadow:var(--headerBoxShadow);background-color:#fff;margin:0 auto}@media only screen and (min-width:48rem){.userProfile{padding:calc(var(--headerPaddingLeftRight)*2)}}.userProfile--notFound{justify-content:center;align-items:center;min-height:300px;display:flex}.userProfile--notFound p{color:#888;font-size:1.125rem;line-height:1.6875rem}.userProfile__header{flex-direction:column;align-items:center;gap:16px;padding-bottom:24px;display:flex}@media only screen and (min-width:48rem){.userProfile__header{justify-content:space-evenly;align-items:center;gap:calc(var(--headerPaddingLeftRight)*2);border-bottom:1px solid #dbdbdb;flex-direction:row;padding:0 0 30px}}.userProfile__avatarContainer{flex-shrink:0}.userProfile__avatar{object-fit:cover;background:linear-gradient(#fff,#fff)padding-box,var(--purpleGradientBackgroundHover)border-box;border:3px solid #0000;border-radius:50%;width:100px;height:100px}@media only screen and (min-width:48rem){.userProfile__avatar{width:150px;height:150px}}.userProfile__info{text-align:center;flex:1}@media only screen and (min-width:48rem){.userProfile__info{text-align:left}}.userProfile__usernameRow{flex-direction:column;align-items:center;gap:12px;margin-bottom:16px;display:flex}@media only screen and (min-width:48rem){.userProfile__usernameRow{flex-flow:wrap;justify-content:flex-start;align-items:flex-start;gap:12px;margin-bottom:20px}}@media only screen and (min-width:75rem){.userProfile__usernameRow{flex-wrap:nowrap;gap:20px}}.userProfile__buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@media only screen and (min-width:64rem){.userProfile__buttons{flex-wrap:nowrap}}.userProfile__username{color:var(--headerTextColor);align-items:center;gap:8px;font-size:1.25rem;font-weight:400;line-height:1.875rem;display:flex}@media only screen and (min-width:48rem){.userProfile__username{font-size:1.5rem;line-height:2.25rem}}.userProfile__verifiedIcon{width:18px;height:18px;fill:var(--primaryPurpleColor)}@media only screen and (min-width:48rem){.userProfile__verifiedIcon{width:22px;height:22px}}.userProfile__followBtn,.userProfile__messageBtn,.userProfile__editBtn{border-radius:var(--buttonBorderRadius);cursor:pointer;white-space:nowrap;padding:7px 16px;font-size:.875rem;font-weight:600;line-height:1.3125rem;transition:all .2s}@media only screen and (min-width:64rem){.userProfile__followBtn,.userProfile__messageBtn,.userProfile__editBtn{padding:8px 20px}}.userProfile__editBtn{color:var(--headerTextColor);background:0 0;border:1px solid #dbdbdb}@media (hover:hover){.userProfile__editBtn:hover{background:#fafafa}}.userProfile__editBtn:active{background:#fafafa}.userProfile__followBtn{background:var(--primaryPurpleColor);color:#fff;border:none}@media (hover:hover){.userProfile__followBtn:hover{background:var(--primaryPurpleColorDarker)}}.userProfile__followBtn:active{background:var(--primaryPurpleColorDarker)}.userProfile__messageBtn{color:var(--headerTextColor);background:0 0;border:1px solid #dbdbdb}@media (hover:hover){.userProfile__messageBtn:hover{background:#fafafa}}.userProfile__messageBtn:active{background:#fafafa}.userProfile__stats{gap:40px;margin-bottom:20px;display:none}@media only screen and (min-width:48rem){.userProfile__stats{display:flex}}.userProfile__mobileStats{border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;justify-content:space-around;padding:12px 0;display:flex}@media only screen and (min-width:48rem){.userProfile__mobileStats{display:none}}.userProfile__stat{flex-direction:column;align-items:center;gap:2px;display:flex}@media only screen and (min-width:48rem){.userProfile__stat{flex-direction:row;gap:5px}}.userProfile__statNumber{color:var(--headerTextColor);font-size:.875rem;font-weight:600;line-height:1.3125rem}@media only screen and (min-width:48rem){.userProfile__statNumber{font-size:1rem;line-height:1.5rem}}.userProfile__statLabel{color:var(--headerTextColor);font-size:.875rem;line-height:1.3125rem}@media only screen and (min-width:48rem){.userProfile__statLabel{font-size:1rem;font-weight:400;line-height:1.5rem}}.userProfile__bio{font-size:.875rem;line-height:1.5}.userProfile__displayName{color:var(--headerTextColor);margin-bottom:4px;font-weight:600}.userProfile__bioText{color:var(--headerTextColor);white-space:pre-line;margin-bottom:4px}.userProfile__website{color:var(--primaryPurpleColor);font-weight:600;text-decoration:none}@media (hover:hover){.userProfile__website:hover{text-decoration:underline}}.userProfile__website:active{text-decoration:underline}.userProfile__tabs{justify-content:center;display:flex}@media only screen and (min-width:48rem){.userProfile__tabs{border-top:1px solid #dbdbdb}}.userProfile__tab{cursor:pointer;text-transform:uppercase;letter-spacing:1px;color:#8e8e8e;background:0 0;border:none;border-top:1px solid #0000;align-items:center;gap:6px;margin-top:-1px;padding:16px 20px;font-size:.75rem;font-weight:600;line-height:1.125rem;transition:all .2s;display:flex}.userProfile__tab--active{color:var(--headerTextColor);border-top-color:var(--headerTextColor)}@media (hover:hover){.userProfile__tab:hover{color:var(--headerTextColor)}}.userProfile__tab:active{color:var(--headerTextColor)}.userProfile__tabIcon{fill:currentColor;width:12px;height:12px}.userProfile__postsGrid{grid-template-columns:repeat(3,1fr);display:grid}.userProfile__postItem{aspect-ratio:1;cursor:pointer;background:#fafafa;position:relative;overflow:hidden}.userProfile__postItem img{object-fit:cover;width:100%;height:100%}@media (hover:hover){.userProfile__postItem:hover .userProfile__postOverlay{opacity:1}}.userProfile__postItem:active .userProfile__postOverlay{opacity:1}.userProfile__textPost{background:var(--purpleGradientBackground);justify-content:center;align-items:center;width:100%;height:100%;padding:12px;display:flex}.userProfile__textPost p{color:var(--headerTextColor);text-align:center;-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:.625rem;line-height:.9375rem;display:-webkit-box;overflow:hidden}@media only screen and (min-width:48rem){.userProfile__textPost p{font-size:.75rem;line-height:1.125rem}}@media only screen and (min-width:64rem){.userProfile__textPost p{font-size:.875rem;line-height:1.3125rem}}.userProfile__postOverlay{opacity:0;background:#0006;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .2s;display:flex;position:absolute;inset:0}@media only screen and (min-width:40rem){.userProfile__postOverlay{flex-direction:row;gap:24px}}.userProfile__postOverlay span{color:#fff;font-size:.75rem;font-weight:600;line-height:1.125rem}@media only screen and (min-width:48rem){.userProfile__postOverlay span{font-size:.875rem;line-height:1.3125rem}}@media only screen and (min-width:64rem){.userProfile__postOverlay span{font-size:1rem;line-height:1.5rem}}.userProfile__noPosts{grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.userProfile__noPosts p{color:#8e8e8e;font-size:1rem;line-height:1.5rem}