
.cc_aVFDAw4vb0_register .auth-tabs, .cc_aVFDAw4vb0_TxgLNBoUYG .auth-tabs {
  display: flex;
  width: 100%;
  gap: 4px;
  padding: 4px;
  background: var(--yuzey-alt);
  border-radius: 16px;
}

.cc_aVFDAw4vb0_register .auth-tabs__tab, .cc_aVFDAw4vb0_TxgLNBoUYG .auth-tabs__tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 14px 20px;
  border: 0;
  border-radius: 12px;
  background: none;
  font-family: var(--font-label);
  font-size: var(--text-small);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  text-decoration: none;
  color: var(--metin-soluk);
  cursor: pointer;
  transition:
    background-color 200ms cubic-bezier(0.2, 0, 0, 1),
    color 200ms cubic-bezier(0.2, 0, 0, 1);
}

.cc_aVFDAw4vb0_register .auth-tabs__tab[data-active="true"], .cc_aVFDAw4vb0_TxgLNBoUYG .auth-tabs__tab[data-active="true"] {
  background: var(--zemin);
  color: var(--renk-ana-metin);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--metin) 12%, transparent);
  cursor: default;
}

.cc_aVFDAw4vb0_register .auth-tabs__tab:not([data-active="true"]):hover, .cc_aVFDAw4vb0_TxgLNBoUYG .auth-tabs__tab:not([data-active="true"]):hover {
  color: var(--metin-ikincil);
}

.cc_aVFDAw4vb0_register .auth-social, .cc_aVFDAw4vb0_TxgLNBoUYG .auth-social {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.cc_aVFDAw4vb0_register .auth-social__divider, .cc_aVFDAw4vb0_TxgLNBoUYG .auth-social__divider {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

.cc_aVFDAw4vb0_register .auth-social__divider-line, .cc_aVFDAw4vb0_TxgLNBoUYG .auth-social__divider-line {
  flex: 1;
  height: 1px;
  background: var(--kenarlik);
}

.cc_aVFDAw4vb0_register .auth-social__divider-text, .cc_aVFDAw4vb0_TxgLNBoUYG .auth-social__divider-text {
  flex-shrink: 0;
  font-family: var(--font-label);
  font-size: var(--text-small);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--metin-soluk);
}

.cc_aVFDAw4vb0_register .auth-social__buttons, .cc_aVFDAw4vb0_TxgLNBoUYG .auth-social__buttons {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.cc_aVFDAw4vb0_register .auth-social__button, .cc_aVFDAw4vb0_TxgLNBoUYG .auth-social__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 14px 16px;
  background: var(--zemin);
  border: 1px solid var(--kenarlik);
  border-radius: 14px;
  font-family: var(--font-label);
  font-size: var(--text-small);
  font-weight: 700;
  color: var(--metin);
  cursor: pointer;
  transition:
    border-color 200ms cubic-bezier(0.2, 0, 0, 1),
    background-color 200ms cubic-bezier(0.2, 0, 0, 1);
}

.cc_aVFDAw4vb0_register .auth-social__button svg, .cc_aVFDAw4vb0_TxgLNBoUYG .auth-social__button svg {
  flex-shrink: 0;
}

.cc_aVFDAw4vb0_register .auth-social__button:hover, .cc_aVFDAw4vb0_TxgLNBoUYG .auth-social__button:hover {
  border-color: var(--renk-ana);
  background: var(--yuzey-alt);
}
