wa-drawer [slot="footer"] {
  padding-bottom: var(--size-2);
}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
  @media (display-mode: browser) {
    wa-drawer [slot="footer"] {
      padding-bottom: calc(var(--size-2) + env(safe-area-inset-bottom));
      padding-bottom: calc(var(--size-2) + constant(safe-area-inset-bottom));
    }
  }
}

@media (max-width: 480px) {
  .investment-history-drawer::part(body) {
    padding: 0.75rem;
  }
}

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

  table {
    font-size: var(--font-size-0);
  }
}