/* An owner's profile is part of the document flow, with the site's normal header. */
body.profile-page-active{--profile-page-background:#f8faf8;--profile-surface-background:#fff;background:var(--profile-page-background)}
body.profile-page-active main{min-height:calc(100dvh - 76px);background:var(--profile-page-background)}
body.profile-page-active main>section:not(#profilePage){display:none!important}
#profilePage.profile-page{position:static;inset:auto;display:block;width:min(1200px,calc(100% - 80px));max-width:none;max-height:none;margin:0 auto;padding:30px 0 60px;border:0;border-radius:0;background:transparent;color:var(--ink);box-shadow:none;overflow:visible;animation:none}
#profilePage[hidden]{display:none!important}
#profilePage>.dialog-shell{padding:0;background:var(--profile-page-background)}
#profilePage>.dialog-shell>.dialog-top{display:none}
.profile-page-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-bottom:28px}
.profile-page-heading>div>span{font-size:10px;font-weight:600;letter-spacing:.12em;color:#6d776f}
.profile-page-heading h1{margin:9px 0 0;font-size:29px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.profile-page-heading h1:focus{outline:none}
.profile-page-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;max-width:100%}
.profile-page-actions>a{flex:none;padding:11px 14px;border:1px solid #d9e1d9;border-radius:4px;background:var(--profile-surface-background);font-size:11px;color:#526052;line-height:1.8;text-decoration:none}
.profile-page-actions>a[hidden]{display:none}
.profile-page-actions>a:focus-visible{outline:2px solid #29974b;outline-offset:3px}
#profilePage .profile-summary,#profilePage .profile-content,#profilePage .profile-sports-navigation{background:var(--profile-surface-background)}
#profilePage .profile-action-bar{background:var(--profile-page-background)}
/* Shared raised actions for personal pages and public profile dialogs. */
:is(#profilePage,#profileDialog) #requestProfile{--action-face:var(--green);--action-base:#287b3d;--action-ink:var(--ink)}
:is(#profilePage,#profileDialog) #followProfile{--action-face:var(--blue);--action-base:#087fa6;--action-ink:var(--ink)}
:is(#profilePage,#profileDialog) #myCalendarProfile{--action-face:var(--green);--action-base:#287b3d;--action-ink:var(--ink)}
:is(#profilePage,#profileDialog) #manageTrainerGroups{--action-face:var(--blue);--action-base:#087fa6;--action-ink:var(--ink)}
:is(#profilePage,#profileDialog) #myTrainerAnalytics{--action-face:#fff;--action-base:#c3cbc3;--action-ink:var(--ink);--action-border:#cbd2cb}
:is(#profilePage,#profileDialog) #editProfileAction{--action-face:var(--ink);--action-base:#0c0b0d;--action-ink:#fff}
:is(#profilePage,#profileDialog) .profile-action-bar>:is(#requestProfile,#followProfile,#myCalendarProfile,#manageTrainerGroups,#myTrainerAnalytics,#editProfileAction){--action-shape:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);position:relative;isolation:isolate;z-index:0;overflow:visible;clip-path:none;background:transparent!important;color:var(--action-ink)!important;box-shadow:none;transform:translateY(-2px);filter:drop-shadow(0 4px 4px #201f2133);transition:transform 90ms ease-out,filter 90ms ease-out;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
:is(#profilePage,#profileDialog) .profile-action-bar>:is(#requestProfile,#followProfile,#myCalendarProfile,#manageTrainerGroups,#myTrainerAnalytics,#editProfileAction)::before,:is(#profilePage,#profileDialog) .profile-action-bar>:is(#requestProfile,#followProfile,#myCalendarProfile,#manageTrainerGroups,#myTrainerAnalytics,#editProfileAction)::after{content:'';position:absolute;inset:0;clip-path:var(--action-shape);pointer-events:none}
:is(#profilePage,#profileDialog) .profile-action-bar>:is(#requestProfile,#followProfile,#myCalendarProfile,#manageTrainerGroups,#myTrainerAnalytics,#editProfileAction)::before{z-index:-2;background:var(--action-base);transform:translateY(4px);transition:transform 90ms ease-out}
:is(#profilePage,#profileDialog) .profile-action-bar>:is(#requestProfile,#followProfile,#myCalendarProfile,#manageTrainerGroups,#myTrainerAnalytics,#editProfileAction)::after{z-index:-1;background:var(--action-face);box-shadow:inset 0 0 0 1px var(--action-border,transparent),inset 0 1px 0 #ffffff40}
@media(hover:hover) and (pointer:fine){
  :is(#profilePage,#profileDialog) .profile-action-bar>:is(#requestProfile,#followProfile,#myCalendarProfile,#manageTrainerGroups,#myTrainerAnalytics,#editProfileAction):hover:not(:disabled):not(:active):not(.is-pressed){transform:translateY(-3px);filter:drop-shadow(0 5px 6px #201f2138)}
  :is(#profilePage,#profileDialog) .profile-action-bar>:is(#requestProfile,#followProfile,#myCalendarProfile,#manageTrainerGroups,#myTrainerAnalytics,#editProfileAction):hover:not(:disabled):not(:active):not(.is-pressed)::before{transform:translateY(5px)}
}
:is(#profilePage,#profileDialog) .profile-action-bar>:is(#requestProfile,#followProfile,#myCalendarProfile,#manageTrainerGroups,#myTrainerAnalytics,#editProfileAction):is(:active,.is-pressed):not(:disabled){transform:translateY(2px);filter:drop-shadow(0 1px 2px #201f2129)}
:is(#profilePage,#profileDialog) .profile-action-bar>:is(#requestProfile,#followProfile,#myCalendarProfile,#manageTrainerGroups,#myTrainerAnalytics,#editProfileAction):is(:active,.is-pressed):not(:disabled)::before{transform:translateY(0)}
:is(#profilePage,#profileDialog) .profile-action-bar>:is(#requestProfile,#followProfile,#myCalendarProfile,#manageTrainerGroups,#myTrainerAnalytics,#editProfileAction):focus-visible{outline:0;box-shadow:none}
:is(#profilePage,#profileDialog) .profile-action-bar>:is(#requestProfile,#followProfile,#myCalendarProfile,#manageTrainerGroups,#myTrainerAnalytics,#editProfileAction):focus-visible::after{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #201f21}
:is(#profilePage,#profileDialog) .profile-action-bar>:is(#requestProfile,#followProfile,#myCalendarProfile,#manageTrainerGroups,#myTrainerAnalytics,#editProfileAction):disabled{transform:none;filter:none}
:is(#profilePage,#profileDialog) .profile-action-bar>:is(#requestProfile,#followProfile,#myCalendarProfile,#manageTrainerGroups,#myTrainerAnalytics,#editProfileAction):disabled::before{transform:none}
@media(prefers-reduced-motion:reduce){
  :is(#profilePage,#profileDialog) .profile-action-bar>:is(#requestProfile,#followProfile,#myCalendarProfile,#manageTrainerGroups,#myTrainerAnalytics,#editProfileAction),:is(#profilePage,#profileDialog) .profile-action-bar>:is(#requestProfile,#followProfile,#myCalendarProfile,#manageTrainerGroups,#myTrainerAnalytics,#editProfileAction)::before{transition:none}
}
@media(max-width:760px){
  #profilePage.profile-page{width:calc(100% - 36px);padding-top:24px;padding-bottom:40px}
  .profile-page-heading{gap:16px;margin-bottom:22px}
  .profile-page-heading h1{font-size:24px}
}
@media(max-width:560px){
  #profilePage.profile-page{width:calc(100% - 28px);padding-top:20px}
  .profile-page-heading{align-items:flex-start;flex-direction:column}
  .profile-page-heading h1{font-size:20px}
  .profile-page-heading>div>span{font-size:9px}
  .profile-page-actions{align-self:stretch;justify-content:flex-start;gap:8px}
  .profile-page-actions>a{padding:8px 10px;font-size:10px}
}