/*
 * KoloPlus — widgets/profile/profile_view_switcher · v1.1.3.007
 * Switch between view modes (e.g. friends/followers/following).
 */

.w-profile-profile-view-switcher {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  background: var(--n-bg-soft);
  border-radius: var(--n-r-pill);
}

.w-profile-profile-view-switcher__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: var(--n-r-pill);
  background: transparent;
  color: var(--n-text-mute);
  font-family: inherit;
  font-weight: var(--n-w-med);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: color var(--n-dur-base) var(--n-ease),
              background var(--n-dur-base) var(--n-ease);
}
.w-profile-profile-view-switcher__chip:hover {
  color: var(--n-text);
}
.w-profile-profile-view-switcher__chip.is-active {
  background: var(--n-bg-2);
  color: var(--n-text);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.w-profile-profile-view-switcher__icon {
  display: inline-flex;
  align-items: center;
  width: 16px;
  height: 16px;
}