.navigation[data-v-380627dc] {
  padding:0 70px
}
.navigation .logo[data-v-380627dc] {
  width:120px;
  height:36px
}
.navigation .item[data-v-380627dc] {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  margin-left:60px
}
.navigation .item .label[data-v-380627dc] {
  transition:letter-spacing .3s ease-in-out;
  font-weight:500;
  font-size:12px
}
.navigation .item .selector[data-v-380627dc] {
  height:2px;
  width:16px;
  transform:translateY(10px)
}
.navigation .item[data-v-380627dc]:hover {
  letter-spacing:1px
}
.navigation .icon[data-v-380627dc] {
  width:30px;
  height:30px;
  border-radius:50%;
  margin-left:20px
}
.navigation .icon .inner[data-v-380627dc] {
  font-size:30px
}
.transparent[data-v-380627dc] {
  background:#fff0
}
.transparent .item .label[data-v-380627dc] {
  color:#ffffff80
}
.transparent .item .selector[data-v-380627dc] {
  background:#fff
}
.transparent .item-selected .label[data-v-380627dc],
.transparent .item:hover .label[data-v-380627dc] {
  color:#fff
}
.transparent .icon[data-v-380627dc] {
  background:#fff3
}
.transparent .icon .inner[data-v-380627dc] {
  color:#fff
}
.white[data-v-380627dc] {
  background:#fff
}
.white .item .label[data-v-380627dc] {
  color:#24252c80
}
.white .item .selector[data-v-380627dc] {
  background:#24252c
}
.white .item-selected .label[data-v-380627dc],
.white .item:hover .label[data-v-380627dc] {
  color:#24252c
}
.white .icon[data-v-380627dc] {
  background:#f4f6f7
}
.white .icon .inner[data-v-380627dc] {
  color:#24252c
}
.user_popover[data-v-380627dc] {
  margin-top:20px;
  margin-bottom:20px
}