html::-webkit-scrollbar { display: none; }
.v-main>div:first-child {
  min-height: calc(100vh - 104px);
}
.v-navigation-drawer--rail:not(.v-navigation-drawer--is-hovering) .hide-on-rail {
  display: none;
}
.v-navigation-drawer--rail.v-navigation-drawer--is-hovering .show-on-rail {
  display: none;
}
.v-navigation-drawer--rail:not(.v-navigation-drawer--is-hovering) .show-on-rail {
  display: inline;
}
.flex-none {
  flex: none !important;
}
span.big {
  font-size: larger;
}
.v-btn__content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-wrapper {
  width: 30px;
  height: 30px;
}
.icon-wrapper>* {
  width: 30px;
  height: 30px;
}
.ma-1px {
  margin: 1px;
}
.pa-1px {
  padding: 1px;
}
.icon-wrapper .border {
  top: -1px;
  left: -1px;
}
.move-tr {
  transform: translate(50%, -50%);
}
.chatDrawer {
  margin-top: 0 !important;
  height: 100% !important;
  z-index: 1020 !important;
}
.overlay-enter-active, .overlay-leave-active {
  transition: all .5s;
}
.overlay-enter-from, .overlay-leave-to {
  transform: scale(1.5);
  opacity: 0;
}
.hover-only-wrapper .hover-only {
  opacity: 0;
}
.hover-only-wrapper:hover .hover-only {
  opacity: 1;
}

.filter.테라코타 {
  background: rgba(128, 0, 128, 0.5);
}
.filter.세컨드팩트 {
  background: rgba(255, 0, 0, 0.5);
}
.filter.수호자들 {
  background: rgba(30, 30, 255, 0.5);
}
.filter.서클메이지 {
  background: rgba(30, 255, 30, 0.5);
}
.filter.고대도서관 {
  background: rgba(255, 255, 30, 0.5);
}
.mdi-format-menu:before {
  content: '\2630'
}
.mdi-format-columns:before {
  content: '\2637'
}