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

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

@media (max-width: 480px) {
  .investment-history-drawer::part(body) {
    padding: var(--wa-space-s);
  }
}

.account-details-drawer {
  @media (max-width: 480px) {
    --spacing: var(--wa-space-xs);
  }

  table {
    font-size: var(--wa-font-size-xs);
  }
}