.tabs-login {
  justify-content: center;
  gap: var(--spacing-xs2);
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  display: flex;
}

.tabs-login .tab-btn {
  padding: var(--spacing-xs2) var(--spacing-md);
  color: var(--color-button-default);
  border-radius: var(--radius-round);
  font: var(--font-label-medium);
  border: 1px solid transparent;
  background: transparent;
  justify-content: center;
  text-overflow: ellipsis;
  letter-spacing: 0.5px;
  align-items: center;
  overflow: hidden;
  min-height: 40px;
  min-width: 64px;
  outline: none;
  display: flex;
}

.tabs-login .tab-btn.selected {
  background: var(--color-background-button-outlined);
  border: 1px solid var(--color-border-button);
  color: var(--color-text-default);
}

.tab-content {
  color: var(--color-text-default);
}

.tab-content.main-content {
  flex-direction: column;
  gap: var(--spacing-xl);
  display: flex;
}

@media screen and (max-width: 768px) {
  .tab-content.main-content {
    flex-direction: column;
    gap: var(--spacing-xl);
    display: flex;
    max-width: 337px;
    margin: 0 auto;
  }
}