/* pp-modals */

.pp-auth, .pp-auth * { box-sizing: border-box; }

.pp-auth__content { max-width: 568px; padding: 40px; border-radius: var(--pp-radius-card); background: var(--pp-white); }

.pp-auth__tabs { display: flex; gap: 4px; margin-bottom: 24px; }

.pp-auth__tab {
  flex: 1 0 0;
  padding: 10px 16px;
  border: 0;
  border-radius: var(--pp-radius-pill);
  background: var(--pp-back);
  font: 600 16px/1.2 var(--pp-font);
  color: var(--pp-ink-muted);
  cursor: pointer;
}
.pp-auth__tab.is-active { background: var(--pp-blue); color: var(--pp-white); }
.pp-auth__tab:focus-visible { outline: 2px solid var(--pp-blue); outline-offset: 2px; }

.pp-auth__panel[hidden] { display: none; }

.popup__close.pp-auth__close {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  -webkit-mask: none;
  mask: none;
  color: var(--pp-black);
}
.pp-auth__close svg { width: 24px; height: 24px; display: block; }