.profile-navigation{display:flex;justify-content:space-between;align-items:center;gap:var(--document-gapX);margin-bottom:var(--layout-gap)}.profile-navigation a{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5em;color:var(--tertiary-color);text-decoration:none;text-align:center}.profile-navigation>a i{margin:0;color:var(--UI_form-border-color);border-color:var(--UI_form-border-color);background-color:var(--UI_base-body-bg-color)}.profile-navigation>a:hover i{color:var(--UI_button-hover-font-color);border-color:var(--UI_button-hover-border-color);background-color:var(--UI_button-hover-bg-color)}.profile-features{display:flex;justify-content:flex-end;gap:1rem}.profile-layout{display:grid;grid-template-columns:minmax(var(--document-min-width),400px) 1fr;gap:var(--layout-gap);grid-template-areas:"left right"}.profile-layout .profile-data{grid-area:right;min-width:var(--document-min-width)}.profile-layout .profile-aside{grid-area:left}.profile-layout .profile-aside,.profile-layout .profile-aside-card{display:grid;grid-auto-rows:min-content;gap:var(--layout-gap)}.profile-layout .profile-aside{margin-top:-19vw;border-radius:var(--UI_base-border-radius-l);background-color:var(--UI_base-body-bg-color);grid-template-areas:"baseAsideCard" "privateNavAsideCard";animation:profile-aside-animation .7s ease}#baseAsideCard{grid-area:baseAsideCard}#privateNavAsideCard{position:sticky;top:85px;overflow:hidden;max-height:80vh;grid-area:privateNavAsideCard}#profileControlPanelCard{position:sticky;top:85px;max-height:80vh}#profileControlPanelCard .UI_button{margin:0}#profileControlPanelCard .profileControlPanelCard-list{display:flex;gap:var(--layout-gap-s);min-width:0;flex-wrap:wrap}#profileControlPanelCard .profileControlPanelCard-list a{display:flex;align-items:baseline;gap:var(--layout-gap-xs);padding:.5em var(--layout-gap-xs);border:1px solid;border-radius:var(--UI_base-border-radius)}.profile-layout .profile-aside-card{border:var(--UI_base-border);border-radius:var(--UI_base-border-radius-l);padding:var(--layout-gap)}#profileAvatar{display:flex;flex-direction:column;align-items:center}#profileAvatarImg{position:relative;width:100%;-webkit-user-select:none;user-select:none;border-radius:var(--UI_base-border-radius-l);align-self:start;background:center no-repeat;background-size:cover;aspect-ratio:1}.profile-layout .profile-aside-card-title{text-align:center}.profile-layout .profile-aside-card-title h1{display:flex;align-items:start;justify-content:center;gap:.2em;font-size:2em;line-height:1.4;margin-bottom:0}.profile-layout .profile-aside-card-title p{margin:1em 0 0}.profile-aside-card-metrics{border-top:var(--UI_base-border);padding-top:var(--layout-gap);display:flex;flex-direction:column;align-items:center;row-gap:.5rem}.profile-aside-card-metrics p{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:0}.profile-aside-card-metrics p i{color:var(--tertiary-color);margin-right:.3em}.profile-content{border-radius:var(--UI_base-border-radius-l);background-color:var(--UI_base-body-bg-color);min-width:0}.profile-content h1{font-size:clamp(2.25rem,4vw,3rem);margin-bottom:.3em}.profile-content-section{border-radius:var(--UI_base-border-radius-l);margin-bottom:var(--layout-gap)}.profile-content-section h2{font-size:clamp(1.5rem,4vw,2rem);margin-top:clamp(2rem,3vw,2.5rem)}.profile-content>:last-child,.profile-content .profile-content-section:last-of-type{margin-bottom:0}.profile-content .profile-content-section>:first-child{margin-top:0}.profile-volunteer-section{border:var(--UI_base-border-width) solid var(--green-success);padding:var(--layout-gap);position:relative}.profile-volunteer-section i{background-color:var(--UI_base-body-bg-color);padding:0 .2em .2em 0;font-size:2em;position:absolute;top:-.5em;left:-.5em}@media (max-width: 600px){#baseAsideCard .rollupSection{max-height:40vh}#privateNavAsideCard:after{content:"";width:100%;position:absolute;top:100%;box-shadow:var(--overflow-y-shadow)}#profileLocationMap{height:95vh}}@media (max-width: 800px){.profile-layout{gap:var(--layout-gap-l);grid-template-columns:minmax(var(--document-min-width),1fr);grid-template-areas:"left" "right"}.profile-layout .profile-aside{margin-top:-10vw}#privateNavAsideCard{display:none}}
