.container{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.fourohfour,.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80%;width:100%;padding:20px}.fourohfour h1,h1.loading-title{font-size:2rem;font-weight:300;margin:0}.fourohfour p{font-size:1rem;font-weight:300;margin:0}.loader{width:400px;height:400px;margin:50px;display:flex;justify-content:center;background:url(/coffeecup.gif)}@media (prefers-color-scheme:dark){.loader{filter:invert(.85)}}@media screen and (min-width:1200px){.fourohfour h1{font-size:5rem}.hero h1{font-size:4rem}.container{flex-direction:row;-moz-column-gap:20px;column-gap:20px;padding-left:0;min-height:calc(100vh - 650px)}}.user-sidebar{align-items:center;width:100%;padding:56px 28px}.user-sidebar,.user-sidebar .user-sidebar-profile{display:flex;flex-direction:column;justify-content:flex-start}.user-sidebar .user-sidebar-profile{align-items:stretch;-moz-column-gap:28px;column-gap:28px;row-gap:28px;width:75%}.user-sidebar h2{color:var(--color-text);width:100%;font-size:1.5rem;font-weight:500;margin:0;text-align:left}.user-sidebar h3{color:var(--color-text-secondary);width:100%;font-size:1.15rem;font-weight:300;margin:0}.user-sidebar .user-profile-image{width:60%;height:60%;border:4px solid var(--color-primary);border-radius:50%;overflow:hidden;position:relative;align-self:center}.user-sidebar .user-profile-image .user-profile-photo{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.user-profile-photo-default-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.user-profile-image .user-profile-photo-default{-o-object-fit:cover;object-fit:cover;display:block;font-size:200px;line-height:100%;color:var(--color-border)}.user-profile-details{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;row-gap:16px;flex-grow:1}.user-profile-details button.profile-edit-enable{position:absolute;top:0;right:0}.edit-row{justify-content:stretch}.edit-action-row,.edit-row{display:flex;flex-direction:row;align-items:center;-moz-column-gap:16px;column-gap:16px;width:100%}.edit-action-row{justify-content:flex-end}@media screen and (min-width:1200px){.user-sidebar{width:30vw;align-self:stretch}.user-sidebar .user-sidebar-profile{width:calc(15vw + 8px)}.user-sidebar .user-profile-image{width:10vw;height:10vw}}