/* Keep the chat/profile drawer below the fixed balance + wallet header. */
@media (min-width: 821px) {
  html body .right-sidebar {
    top: 72px !important;
    bottom: 0 !important;
    height: auto !important;
    max-height: calc(100vh - 72px) !important;
  }

  html body .right-sidebar .sidebar-container {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 820px) {
  html body .right-sidebar,
  html body .right-sidebar.opened,
  html body.mobile-chat-open .right-sidebar {
    top: 64px !important;
    bottom: 64px !important;
    height: auto !important;
    max-height: calc(100dvh - 128px) !important;
  }

  html body .right-sidebar .sidebar-container {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    padding-top: 12px !important;
    padding-bottom: 10px !important;
    box-sizing: border-box !important;
  }

  html body .right-sidebar .chat,
  html body .right-sidebar .user-profile {
    max-height: 100% !important;
  }
}