/* tabs, Fibre / Mobile */

.pd-tabs {
  display: inline-flex;
  background: var(--pd-neutral-100);
  border-radius: var(--pd-radius-pill);
  padding: 4px;
  gap: 2px;
}
.pd-tab {
  padding: 10px 22px;
  border-radius: var(--pd-radius-pill);
  font-size: var(--pd-fs-sm);
  font-weight: var(--pd-fw-semibold);
  color: var(--pd-neutral-700);
  cursor: pointer;
  border: 0;
  background: transparent;
  transition: all var(--pd-dur) var(--pd-ease);
}
.pd-tab:hover { color: var(--pd-neutral-900); }
.pd-tab[aria-selected="true"], .pd-tab.is-active {
  background: var(--pd-white);
  color: var(--pd-primary);
  box-shadow: var(--pd-shadow-sm);
}
.pd-tab .pd-tab__icon { width: 16px; height: 16px; margin-right: 6px; vertical-align: -3px; }

.pd-tabpanel { margin-top: var(--pd-space-5); }
.pd-tabpanel[hidden] { display: none; }