.avatar,
.brand-avatar {
  overflow: hidden;
}

.avatar img,
.person-avatar.image,
.profile-avatar.image,
.brand-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.person-avatar.image {
  border-radius: 12px;
  flex: 0 0 37px;
}

.profile-avatar.image {
  width: 58px;
  height: 58px;
  border-radius: 18px;
}

.brand-avatar {
  display: inline-flex;
  width: 27px;
  height: 27px;
  border-radius: 9px;
  margin-left: 2px;
  border: 1px solid #9dcdf8;
}

.bottom-nav .nav-item {
  cursor: pointer;
}

.page-heading { padding: 26px 0 18px; }.page-heading h1 { margin: 0; font-size: 26px; }.page-heading p:not(.section-kicker) { color: #64748b; margin: 8px 0 0; font-size: 13px; }.team-stat,.profile-page-card { background: #fff; border: 1px solid #e3ebf4; border-radius: 16px; padding: 16px; margin-bottom: 15px; }.team-stat strong { font: 700 26px 'Space Grotesk'; display: block; }.team-stat span { color: #64748b; font-size: 12px; }.activity-list { margin-top: 16px; }.profile-page-card > .person-avatar { margin-bottom: 14px; }.profile-page-card h3 { margin: 0 0 8px; font-size: 16px; }.page-error { margin: 30px 0; color: #c83f48; }
.join-team-card{background:#eaf5ff;border:1px solid #b7ddfb;border-radius:17px;padding:17px;margin:8px 0 22px}.join-team-card h2{font-size:18px;margin:0}.join-team-card p:not(.section-kicker){font-size:12px;color:#526d88;line-height:1.5}.join-team-card form{display:flex;gap:8px}.join-team-card input{min-width:0;flex:1;border:1px solid #b8cde2;border-radius:9px;padding:10px;font:13px inherit}.join-team-card .primary{margin:0}
.notification-button{position:relative;margin-left:auto;margin-right:10px;width:38px;height:38px;border:0;border-radius:50%;background:#dceeff;color:#061c3d;font-size:17px}.notification-button span{position:absolute;right:-4px;top:-4px;min-width:17px;height:17px;padding:1px 4px;border-radius:10px;background:#e44e51;color:#fff;font:700 10px/15px sans-serif}.notice-item{padding:12px 0;border-bottom:1px solid #e6edf5}.notice-item strong{font-size:13px}.notice-item p{margin:4px 0 0;font-size:12px}.topbar .install-button{margin-left:auto}.topbar .notification-button+.avatar{margin-left:0}
.field-note{display:block;margin-top:9px;color:#64748b;font-size:11px;line-height:1.45}
.notice-list,.gallery-section{background:#fff;border:1px solid #e3ebf4;border-radius:17px;padding:0 15px;margin-bottom:18px}.gallery-section{padding:16px}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.gallery-grid figure{margin:0;border-radius:12px;overflow:hidden;background:#f0f5fa}.gallery-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.gallery-grid figcaption{padding:7px;font-size:11px;color:#526d88}.gallery-section>small{color:#71859a;font-size:10px}
.nickname-help{margin:4px 0 0;color:#64748b;font-size:12px;line-height:1.45}
.avatar-help{display:block;margin:-8px 0 12px;color:#71859a;font-size:10px}
.person-avatar,.person-avatar.image{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:50%!important;overflow:hidden}.avatar{overflow:hidden;border-radius:50%!important}.avatar img{width:100%;height:100%;object-fit:cover}#brandAvatar{display:none!important}.gallery-grid figure{cursor:zoom-in}.gallery-preview{position:relative;background:#061c3d;min-height:min(78vh,640px);display:grid;place-items:center;padding:42px 38px 36px}.gallery-preview img{max-width:100%;max-height:68vh;object-fit:contain}.gallery-preview .modal-close{position:absolute;right:12px;top:12px;background:#fff;color:#061c3d;z-index:2}.preview-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:48px;border:0;border-radius:10px;background:rgba(255,255,255,.9);color:#061c3d;font-size:34px;line-height:1}.preview-nav:disabled{opacity:.25}.preview-nav.prev{left:10px}.preview-nav.next{right:10px}.gallery-preview span{position:absolute;bottom:12px;color:#dbeafe;font-size:12px}
#profilePage{padding-top:8px}.page-heading+.profile-page-card{margin-top:4px}.profile-page-card{position:relative;padding:18px!important;border-radius:18px!important;box-shadow:0 7px 22px rgba(8,38,80,.05)}.profile-page-card:first-of-type{padding-top:22px!important;background:linear-gradient(145deg,#fff,#eef8ff);border-color:#cce6fb}.profile-page-card h3{font-size:16px!important;margin-bottom:5px!important}.profile-page-card .section-kicker{margin-bottom:5px}.profile-page-card form .form-row{margin-top:11px}.profile-page-card .primary.full{margin-top:14px}.profile-page-card .upload-label{display:inline-flex;margin:0 0 10px;align-items:center;gap:6px;background:#fff}.profile-page-card:has(#passwordPageForm){border-left:3px solid #d9e8f7}.profile-page-card:has(#foxstepsNicknameForm){border-left:3px solid #20c9f3}.admin-page-card{border-left:3px solid #0879e3!important;background:#f8fbff}.admin-page-card .admin-tool{padding:14px 2px}.profile-page-card .nickname-help{margin-bottom:10px}.profile-page-card input{background:#fff}.profile-page-card+.profile-page-card{margin-top:13px}
.gallery-section{padding:17px!important;background:linear-gradient(145deg,#fff,#f6fbff)}.gallery-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.gallery-head h2{margin:0;font-size:18px}.gallery-head span{display:block;margin-top:5px;color:#71859a;font-size:11px}.gallery-upload{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:#0879e3;color:#fff;box-shadow:0 8px 16px rgba(8,121,227,.25);font:400 28px/1 sans-serif;cursor:pointer}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.gallery-grid figure{position:relative;border-radius:10px!important;aspect-ratio:1!important;background:#dce9f5}.gallery-grid img{height:100%;aspect-ratio:auto!important}.gallery-grid figcaption{position:absolute;inset:auto 0 0;padding:16px 7px 6px!important;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff!important;font-size:9px!important;display:grid;gap:1px}.gallery-grid figcaption span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-empty{grid-column:1/-1;display:grid;gap:6px;place-items:center;min-height:130px;color:#71859a;font-size:12px}.gallery-empty span{font-size:28px;color:#0879e3}.gallery-empty strong{color:#38526f}.gallery-note{display:block;margin-top:4px}@media(min-width:520px){.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.gallery-delete{position:absolute;right:5px;top:5px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:rgba(4,25,55,.72);color:#fff;font:400 18px/19px sans-serif;z-index:2;cursor:pointer}
.gallery-shortcut{display:flex;align-items:center;width:100%;gap:12px;margin-top:14px;padding:14px;border:1px solid #cfe3f6;border-radius:15px;background:#f5fbff;color:#0b477e;text-align:left}.gallery-shortcut>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#0879e3;color:#fff;font-size:20px}.gallery-shortcut div{display:grid;gap:2px;flex:1}.gallery-shortcut small{font-size:11px;color:#668099}.gallery-shortcut i{font-size:24px;font-style:normal}

.admin-profile-tools {
  margin: 22px 0 8px;
  padding-top: 18px;
  border-top: 1px solid #e2eaf3;
}

.password-tools {
  margin: 22px 0 8px;
  padding-top: 18px;
  border-top: 1px solid #e2eaf3;
}

.password-tools h3 {
  margin: 0;
  font-size: 15px;
}

.admin-profile-tools h3 {
  margin: 0 0 10px;
  font-size: 15px;
}

.admin-tool,
.back-button {
  border: 0;
  background: transparent;
  color: #0b67bc;
  font: 600 13px inherit;
  cursor: pointer;
}

.admin-tool {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid #edf1f6;
}

.admin-tool span {
  font-size: 20px;
}

.back-button {
  padding: 0 0 14px;
}