/* custom colors */
.account-head[data-v-2b34a14b] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.account-head__content[data-v-2b34a14b] {
  flex: 1 1 auto;
  overflow: hidden;
}
.account-head__avatar[data-v-2b34a14b] {
  flex: 0 0 auto;
}
.account-head__message[data-v-2b34a14b] {
  display: block;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.account-head__username[data-v-2b34a14b] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}/* custom colors */
.account-nav-list[data-v-16f1575a] {
  --account-nav-list-px: var(--md);
  --account-nav-list-ps: var(--account-nav-list-px);
  --account-nav-list-pe: var(--account-nav-list-px);
}
.account-nav-list__item[data-v-16f1575a] {
  --menu-button-ps: var(--account-nav-list-ps) !important;
  --menu-button-pe: var(--account-nav-list-pe) !important;
}/* custom colors */
.account-nav[data-v-840ac5d2] {
  --account-nav-px: var(--md);
  --account-nav-ps: var(--account-nav-px);
  --account-nav-pe: var(--account-nav-px);
  display: flex;
  flex-direction: column;
}
.account-nav__head[data-v-840ac5d2] {
  margin-bottom: var(--md);
  flex: 0 0 auto;
}
.account-nav__list[data-v-840ac5d2] {
  --account-nav-list-ps: calc(var(--account-nav-ps) + 4px) !important;
  --account-nav-list-pe: calc(var(--account-nav-pe) + 4px) !important;
  flex: 0 0 auto;
  margin: 0 calc(var(--account-nav-pe) * -1) var(--md) calc(var(--account-nav-ps) * -1);
}
.account-nav__logout[data-v-840ac5d2] {
  flex: 0 0 auto;
}
@media (max-width: 479.98px) {
.account-nav__list[data-v-840ac5d2] {
    flex: 1 0 auto;
}
}/* custom colors */
.account-modal__inner[data-v-14b6a72c] {
  position: relative;
}
.account-modal__account-nav[data-v-14b6a72c] {
  --account-nav-px: var(--modal-aside-px) !important;
}