.other-data-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 22px 0;
}

.other-data-tabs[hidden] {
  display: none;
}

.other-data-tab {
  min-height: 38px;
  padding: 8px 14px;
  border-color: rgba(0, 122, 255, .22);
  background: rgba(255, 255, 255, .82);
  color: var(--accent);
}

.other-data-tab.active {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}

@media (max-width: 760px) {
  .other-data-tabs {
    padding: 10px 12px 0;
  }

  .other-data-tab {
    min-height: 40px;
    padding: 8px 12px;
  }
}

@media (max-width: 480px) {
  .other-data-tabs {
    padding-right: 10px;
    padding-left: 10px;
  }
}