/* Account/info-page responsive wrapper and tab fixes split from pages/css/global.css. */
@media (max-width: 800px) {
  #eb-wrapper .eb-card,
  #ep-wrapper .ep-card,
  #es-wrapper .es-card,
  #hpw-wrapper .eb-card,
  #hpw-wrapper .hpw-card,
  .eb-card,
  .ep-card,
  .es-card {
    margin-left: 16px !important;
    margin-right: 16px !important;
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    box-sizing: border-box !important;
  }
}
@media (max-width: 500px) {
  #eb-wrapper .eb-card,
  #ep-wrapper .ep-card,
  #es-wrapper .es-card,
  #hpw-wrapper .eb-card,
  #hpw-wrapper .hpw-card,
  .eb-card,
  .ep-card,
  .es-card {
    margin-left: 16px !important;
    margin-right: 16px !important;
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
  }
}
.ep-tabs,
.eb-tabs,
.es-tabs,
nav.ep-tabs,
nav.eb-tabs,
nav.es-tabs,
#hpw-wrapper .eb-tabs {
  display: flex !important;
  justify-content: center !important;
  padding: 20px 16px 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.ep-tabs-bar,
.eb-tabs-bar,
.es-tabs-bar,
#hpw-wrapper .eb-tabs-bar {
  display: inline-flex !important;
  align-items: center !important;
  background: var(--earn-surface-2, #1c1c1c) !important;
  border-radius: 999px !important;
  padding: 4px !important;
  border: 1px solid var(--earn-border, rgba(255, 255, 255, 0.08)) !important;
  width: auto !important;
  max-width: fit-content !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
}
@media (max-width: 800px) {
  .ep-tabs-bar,
  .eb-tabs-bar,
  .es-tabs-bar,
  #hpw-wrapper .eb-tabs-bar {
    flex-wrap: wrap !important;
    border-radius: var(--earn-radius-card, 16px) !important;
    gap: 4px !important;
    max-width: 100% !important;
    padding: 4px !important;
  }
  a.ep-tab,
  a.eb-tab,
  a.es-tab,
  .ep-tab,
  .eb-tab,
  .es-tab,
  #hpw-wrapper a.eb-tab {
    padding: 10px 16px !important;
    font-size: 13px !important;
  }
}
@media (max-width: 500px) {
  a.ep-tab,
  a.eb-tab,
  a.es-tab,
  .ep-tab,
  .eb-tab,
  .es-tab,
  #hpw-wrapper a.eb-tab {
    padding: 10px 12px !important;
    font-size: 13px !important;
  }
}
#hpw-wrapper .eb-card,
#hpw-wrapper .hpw-card {
  background: var(--earn-surface-2, #1c1c1c) !important;
}
@media (min-width: 801px) {
  body .ep-tabs-bar,
  body .eb-tabs-bar,
  body .es-tabs-bar,
  body #hpw-wrapper .eb-tabs-bar,
  body #ep-wrapper .ep-tabs-bar,
  body #eb-wrapper .eb-tabs-bar,
  body #es-wrapper .es-tabs-bar {
    width: 100% !important;
    max-width: 700px !important;
    justify-content: center !important;
  }
  body .ep-tabs,
  body .eb-tabs,
  body .es-tabs,
  body #hpw-wrapper .eb-tabs {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}