.tvz0tf3j {
  animation: fade .6s ease-in-out;
  /*background:var(--color-sidebar-header-background);*/
  box-shadow: var(--shadow-s5);
  padding: var(--sidebar-header-expand);
  position: relative;
  z-index: 104
}

.tvz0tf3j,
.nav-sidebar-header-toggle {
  align-items: center;
  display: flex;
  height: var(--sidebar-header-height, 64px);
  justify-content: center
}

.nav-sidebar-header-toggle {
  bottom: 0;
  cursor: pointer;
  left: 0;
  max-width: var(--sidebar-header-height, 64px);
  position: absolute;
  top: 0;
  width: 100%
}

.nav-sidebar-header-toggle svg {
  color: var(--color-menu-top-icon);
  height: var(--menu-top-icon-size, 24px);
  transform: scale(1);
  transition: all .3s ease-in-out;
  width: var(--menu-top-icon-size, 24px)
}

.opened .nav-sidebar-header-toggle svg {
  transform: scaleX(-1)
}

.nav-sidebar-header-toggle svg:hover {
  color: var(--color-menu-top-icon-hover)
}

.h4hwxy {
  align-items: center;
  animation: fade .5s ease-in-out;
  display: flex;
  margin: 0 auto
}

.stt3ooj {
  position: absolute
}

.nav-sidebar-header-egg.m-icon {
  color: var(--color-at400);
  height: 12px;
  left: -6px;
  position: absolute;
  top: -1px;
  width: 12px
}

.mobile .nav-sidebar-header-egg,
.opened .nav-sidebar-header-egg {
  display: none
}

.nav-sidebar-header-toggle .nav-sidebar-header-lips {
  height: 16px;
  left: -3px;
  position: absolute;
  top: -3px;
  transform: rotate(-24deg);
  width: 16px;
  z-index: 1
}

.mobile .nav-sidebar-header-toggle .nav-sidebar-header-lips,
.opened .nav-sidebar-header-toggle .nav-sidebar-header-lips {
  display: none
}

.nav-sidebar-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  width: 48px
}

.nav-sidebar-icon.active,
.nav-sidebar-icon:hover {
  background: var(--color-dark-grey-3);
  border-radius: 8px
}

.nav-sidebar-icon svg {
  color: var(--color-mid-grey-5);
  height: 24px;
  pointer-events: none;
  width: 24px
}

.nav-sidebar-support {
  width: 100%
}

.nav-sidebar-support svg {
  color: #d3fdd7
}

.nav-sidebar-support-wrapped svg {
  color: var(--color-su400)
}

.nav-sidebar-wrapped {
  background: var(--color-sidebar-background)
}

.nav-sidebar-wrapped-content {
  animation: slide-up-opacity .6s cubic-bezier(.4, 0, .2, 1) .3s forwards;
  height: calc(var(--app-height, 100vh) - var(--nav-height, 64px));
  opacity: 0;
  overflow-y: scroll;
  padding: var(--sidebar-body-expand, 8px);
  width: 64px;
  z-index: 103
}

.nav-sidebar-wrapped-content--screen-controls {
  padding-bottom: 72px
}

.nav-sidebar-wrapped-item:not(:last-child) {
  margin-bottom: 4px
}

.nav-sidebar-wrapped .divider-top {
  margin-top: 16px;
  position: relative
}

.nav-sidebar-wrapped .divider-top:before {
  background: var(--color-sidebar-divider-background);
  content: "";
  height: var(--line-size-s, 1px);
  position: absolute;
  top: calc(var(--sidebar-body-spacing, 8px)*-1);
  width: 100%
}

.nav-sidebar-wrapped .divider-bottom {
  margin-bottom: 16px;
  position: relative
}

.nav-sidebar-wrapped .divider-bottom:after {
  background: var(--color-sidebar-divider-background);
  bottom: calc(var(--sidebar-body-spacing, 8px)*-1);
  content: "";
  height: var(--line-size-s, 1px);
  position: absolute;
  width: 100%
}

.nav-sidebar {
  background: #09093e;
  position: relative;
  z-index: 105
}

.hhu10u1xvd {
  transition: all .5s ease;
  width: var(--nav-sidebar-width)
}

.opened .hhu10u1xvd {
  width: 320px
}

@media(max-width:1280px) {
  .hhu10u1xvd {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 103
  }

  .opened .hhu10u1xvd {
    max-width: 430px;
    width: 100%
  }
}

.nav-sidebar-overlay {
  background-color: var(--color-b070);
  bottom: 0;
  content: "";
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 102
}

@media(max-width:1280px) {
  .nav-sidebar-overlay {
    display: block
  }
}