:root {
  --hdr-gradient-positive: linear-gradient(
    to right in oklab,
    oklch(56% 0.5 127),
    oklch(29% 0.5 167)
  );

  --hdr-gradient-negative: linear-gradient(
    to right in oklab,
    oklch(27% 0.5 43),
    oklch(30% 0.5 43)
  );
}

.net-worth-summary {
  /* background: var(--surface-2); */
  border: var(--border-size-1) solid var(--surface-2);
  padding: var(--size-5);
  margin: var(--size-5) 0;
  text-align: center;
  color: white;
  text-decoration: none;
  display: block;
  transition:
    transform 0.2s var(--ease-2),
    box-shadow 0.2s var(--ease-2);

  h2 {
    margin: 0;
  }
  .net-worth-total {
    font-size: var(--font-size-7);
  }

  &.net-worth--positive {
    background: var(--hdr-gradient-positive);
  }

  &.net-worth--negative {
    background: var(--hdr-gradient-negative);
  }

  &:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-6);
  }

  &:active {
    transform: translateY(0);
  }
}

.account-details-drawer {
  @media (max-width: 480px) {
    --spacing: var(--size-2);
  }
  table {
    font-size: var(--font-size-0);
  }
}