/* Public profiles: four colored tabs, with one readable panel at a time. */
:root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-tab[data-profile-tab=interests]{--nm-tab-color:#B9A7D6}
:root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-tab[data-profile-tab=connection]{--nm-tab-color:#82C9C4}
:root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-tab[data-profile-tab=affinity]{--nm-tab-color:#E5A3C5}
:root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-tab[data-profile-tab=chests]{--nm-tab-color:#F2C46D}

:root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-tab{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:0;
  min-height:52px;
  padding:10px 8px;
  border:2px solid transparent;
  border-radius:14px;
  background:var(--nm-tab-color)!important;
  color:#2B2230!important;
  font-family:inherit;
  font-size:15px;
  font-weight:700;
  line-height:1.35;
  text-align:center;
  cursor:pointer;
}
:root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-tab:hover{
  border-color:color-mix(in srgb,#2B2230 55%,var(--nm-tab-color));
}
:root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-tab[aria-selected=true]{
  border-color:#2B2230;
  box-shadow:inset 0 -3px 0 #2B2230;
}
:root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-tab:focus-visible{
  outline:3px solid var(--profile-ink);
  outline-offset:3px;
}
:root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-tab .nm-profile-emoji{margin:0!important}

:root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-pages{padding:0!important;min-height:0}
:root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-tabpanel{
  min-width:0;
  margin:0!important;
  padding:26px!important;
  border-top:0!important;
  overflow-wrap:anywhere;
}
:root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-tabpanel[hidden]{display:none!important}
:root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-tabpanel[data-profile-panel=interests]{padding:0!important}
:root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-interests-content{padding:0 30px 26px}
:root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-interests-content>h3{
  display:table;
  width:fit-content;
  max-width:100%;
  margin:0 0 12px!important;
  padding:7px 13px!important;
  border:1px solid var(--profile-line);
  border-radius:20px;
  background:var(--profile-soft);
  color:var(--profile-ink);
  font-size:16px!important;
  font-weight:700;
  line-height:1.4;
}
:root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-tabpanel>:last-child,
:root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-interests-content>:last-child{margin-bottom:0!important}

@media(max-width:700px){
  :root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-tab{
    flex-direction:column;
    gap:3px;
    min-height:60px;
    padding:7px 3px;
    border-radius:12px;
    font-size:13px;
  }
  :root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-tab .nm-profile-emoji{font-size:18px!important}
  :root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-tabpanel{padding:20px 16px!important}
  :root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-interests-content{padding:0 20px 22px}
}
@media(max-width:360px){
  :root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-tab{font-size:12px}
  :root .exp-profile.nm-profile-palette.nm-profile-tabbed .nm-profile-interests-content{padding-right:14px;padding-left:14px}
}