/* $body-font-family: 'Noto Sans HK', sans-serif; */
.theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active),
.theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) > .v-icon,
.theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) > .v-btn,
.theme--light.v-tabs > .v-tabs-bar .v-tab--disabled {
  color: rgba(94, 86, 105, 0.76);
}
.theme--light.v-tabs .v-tab:hover::before {
  opacity: 0.04;
}
.theme--light.v-tabs .v-tab:focus::before {
  opacity: 0.12;
}
.theme--light.v-tabs .v-tab--active:hover::before, .theme--light.v-tabs .v-tab--active::before {
  opacity: 0.12;
}
.theme--light.v-tabs .v-tab--active:focus::before {
  opacity: 0.16;
}

.theme--dark.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active),
.theme--dark.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) > .v-icon,
.theme--dark.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) > .v-btn,
.theme--dark.v-tabs > .v-tabs-bar .v-tab--disabled {
  color: rgba(231, 227, 252, 0.76);
}
.theme--dark.v-tabs .v-tab:hover::before {
  opacity: 0.08;
}
.theme--dark.v-tabs .v-tab:focus::before {
  opacity: 0.24;
}
.theme--dark.v-tabs .v-tab--active:hover::before, .theme--dark.v-tabs .v-tab--active::before {
  opacity: 0.24;
}
.theme--dark.v-tabs .v-tab--active:focus::before {
  opacity: 0.32;
}

.theme--light.v-tabs-items {
  background-color: #fff;
}

.theme--dark.v-tabs-items {
  background-color: #312d4b;
}

.v-tabs-bar.primary .v-tab,
.v-tabs-bar.primary .v-tabs-slider, .v-tabs-bar.secondary .v-tab,
.v-tabs-bar.secondary .v-tabs-slider, .v-tabs-bar.accent .v-tab,
.v-tabs-bar.accent .v-tabs-slider, .v-tabs-bar.success .v-tab,
.v-tabs-bar.success .v-tabs-slider, .v-tabs-bar.error .v-tab,
.v-tabs-bar.error .v-tabs-slider, .v-tabs-bar.warning .v-tab,
.v-tabs-bar.warning .v-tabs-slider, .v-tabs-bar.info .v-tab,
.v-tabs-bar.info .v-tabs-slider {
  color: rgba(231, 227, 252, 0.87);
}

.v-tabs {
  flex: 1 1 auto;
  width: 100%;
}
.v-tabs .v-menu__activator {
  height: 100%;
}
.v-tabs.v.tabs--vertical.v-tabs--right {
  flex-direction: row-reverse;
}
.v-tabs:not(.v-tabs--vertical) .v-tab {
  white-space: normal;
}
.v-tabs:not(.v-tabs--vertical).v-tabs--right > .v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-slide-group--has-affixes) .v-slide-group__next {
  display: initial;
  visibility: hidden;
}
.v-tabs:not(.v-tabs--vertical):not(.v-tabs--right) > .v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-slide-group--has-affixes) .v-slide-group__prev {
  display: initial;
  visibility: hidden;
}

.v-tabs-bar {
  border-radius: inherit;
  height: 48px;
}
.v-tabs-bar.v-item-group > * {
  cursor: initial;
}

.v-tab {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex: 0 1 auto;
  font-size: 0.875rem;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0.0892857143em;
  line-height: normal;
  min-width: 140px;
  max-width: 360px;
  outline: none;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.v-tab.v-tab {
  color: inherit;
}
.v-tab:before {
  background-color: currentColor;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.v-tabs-slider {
  background-color: currentColor;
  height: 100%;
  width: 100%;
}
.v-tabs-slider-wrapper {
  bottom: 0;
  margin: 0 !important;
  position: absolute;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  z-index: 1;
}

.v-application--is-ltr .v-tabs--align-with-title > .v-tabs-bar:not(.v-tabs-bar--show-arrows):not(.v-slide-group--is-overflowing) > .v-slide-group__wrapper > .v-tabs-bar__content > .v-tab:first-child, .v-application--is-ltr .v-tabs--align-with-title > .v-tabs-bar:not(.v-tabs-bar--show-arrows):not(.v-slide-group--is-overflowing) > .v-slide-group__wrapper > .v-tabs-bar__content > .v-tabs-slider-wrapper + .v-tab {
  margin-left: 42px;
}
.v-application--is-rtl .v-tabs--align-with-title > .v-tabs-bar:not(.v-tabs-bar--show-arrows):not(.v-slide-group--is-overflowing) > .v-slide-group__wrapper > .v-tabs-bar__content > .v-tab:first-child, .v-application--is-rtl .v-tabs--align-with-title > .v-tabs-bar:not(.v-tabs-bar--show-arrows):not(.v-slide-group--is-overflowing) > .v-slide-group__wrapper > .v-tabs-bar__content > .v-tabs-slider-wrapper + .v-tab {
  margin-right: 42px;
}

.v-application--is-ltr .v-tabs--fixed-tabs > .v-tabs-bar .v-tabs-bar__content > *:last-child,
.v-application--is-ltr .v-tabs--centered > .v-tabs-bar .v-tabs-bar__content > *:last-child {
  margin-right: auto;
}
.v-application--is-rtl .v-tabs--fixed-tabs > .v-tabs-bar .v-tabs-bar__content > *:last-child,
.v-application--is-rtl .v-tabs--centered > .v-tabs-bar .v-tabs-bar__content > *:last-child {
  margin-left: auto;
}
.v-application--is-ltr .v-tabs--fixed-tabs > .v-tabs-bar .v-tabs-bar__content > *:first-child:not(.v-tabs-slider-wrapper),
.v-application--is-ltr .v-tabs--fixed-tabs > .v-tabs-bar .v-tabs-slider-wrapper + *,
.v-application--is-ltr .v-tabs--centered > .v-tabs-bar .v-tabs-bar__content > *:first-child:not(.v-tabs-slider-wrapper),
.v-application--is-ltr .v-tabs--centered > .v-tabs-bar .v-tabs-slider-wrapper + * {
  margin-left: auto;
}
.v-application--is-rtl .v-tabs--fixed-tabs > .v-tabs-bar .v-tabs-bar__content > *:first-child:not(.v-tabs-slider-wrapper),
.v-application--is-rtl .v-tabs--fixed-tabs > .v-tabs-bar .v-tabs-slider-wrapper + *,
.v-application--is-rtl .v-tabs--centered > .v-tabs-bar .v-tabs-bar__content > *:first-child:not(.v-tabs-slider-wrapper),
.v-application--is-rtl .v-tabs--centered > .v-tabs-bar .v-tabs-slider-wrapper + * {
  margin-right: auto;
}

.v-tabs--fixed-tabs > .v-tabs-bar .v-tab {
  flex: 1 1 auto;
  width: 100%;
}

.v-tabs--grow > .v-tabs-bar .v-tab {
  flex: 1 0 auto;
  max-width: none;
}

.v-tabs--icons-and-text > .v-tabs-bar {
  height: 72px;
}
.v-tabs--icons-and-text > .v-tabs-bar .v-tab {
  flex-direction: column-reverse;
}
.v-tabs--icons-and-text > .v-tabs-bar .v-tab > *:first-child {
  margin-bottom: 6px;
}

.v-tabs--overflow > .v-tabs-bar .v-tab {
  flex: 1 0 auto;
}

.v-application--is-ltr .v-tabs--right > .v-tabs-bar .v-tab:first-child,
.v-application--is-ltr .v-tabs--right > .v-tabs-bar .v-tabs-slider-wrapper + .v-tab {
  margin-left: auto;
}
.v-application--is-rtl .v-tabs--right > .v-tabs-bar .v-tab:first-child,
.v-application--is-rtl .v-tabs--right > .v-tabs-bar .v-tabs-slider-wrapper + .v-tab {
  margin-right: auto;
}
.v-application--is-ltr .v-tabs--right > .v-tabs-bar .v-tab:last-child {
  margin-right: 0;
}
.v-application--is-rtl .v-tabs--right > .v-tabs-bar .v-tab:last-child {
  margin-left: 0;
}

.v-tabs--vertical {
  display: flex;
}
.v-tabs--vertical > .v-tabs-bar {
  flex: 1 0 auto;
  height: auto;
}
.v-tabs--vertical > .v-tabs-bar .v-slide-group__next,
.v-tabs--vertical > .v-tabs-bar .v-slide-group__prev {
  display: none;
}
.v-tabs--vertical > .v-tabs-bar .v-tabs-bar__content {
  flex-direction: column;
}
.v-tabs--vertical > .v-tabs-bar .v-tab {
  height: 48px;
}
.v-tabs--vertical > .v-tabs-bar .v-tabs-slider {
  height: 100%;
}
.v-tabs--vertical > .v-window {
  flex: 0 1 100%;
}
.v-tabs--vertical.v-tabs--icons-and-text > .v-tabs-bar .v-tab {
  height: 72px;
}

.v-tab--active {
  color: inherit;
}
.v-tab--active.v-tab:not(:focus)::before {
  opacity: 0;
}
.v-tab--active .v-icon,
.v-tab--active .v-btn.v-btn--flat {
  color: inherit;
}

.v-tab--disabled {
  opacity: 0.5;
}
.v-tab--disabled, .v-tab--disabled * {
  pointer-events: none;
}
/* $body-font-family: 'Noto Sans HK', sans-serif; */
.v-window {
  overflow: hidden;
}
.v-window__container {
  display: flex;
  flex-direction: column;
  height: inherit;
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-window__container--is-active {
  overflow: hidden;
}
.v-window__prev, .v-window__next {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  position: absolute;
  margin: 0 16px;
  top: calc(50% - 20px);
  z-index: 1;
}
.v-window__prev .v-btn:hover, .v-window__next .v-btn:hover {
  background: none;
}
.v-application--is-ltr .v-window__prev {
  left: 0;
}
.v-application--is-rtl .v-window__prev {
  right: 0;
}
.v-application--is-ltr .v-window__next {
  right: 0;
}
.v-application--is-rtl .v-window__next {
  left: 0;
}
.v-window--show-arrows-on-hover {
  overflow: hidden;
}
.v-window--show-arrows-on-hover .v-window__next,
.v-window--show-arrows-on-hover .v-window__prev {
  transition: 0.2s transform cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-application--is-ltr .v-window--show-arrows-on-hover .v-window__prev {
  transform: translateX(-200%);
}
.v-application--is-rtl .v-window--show-arrows-on-hover .v-window__prev {
  transform: translateX(200%);
}
.v-application--is-ltr .v-window--show-arrows-on-hover .v-window__next {
  transform: translateX(200%);
}
.v-application--is-rtl .v-window--show-arrows-on-hover .v-window__next {
  transform: translateX(-200%);
}
.v-window--show-arrows-on-hover:hover .v-window__next,
.v-window--show-arrows-on-hover:hover .v-window__prev {
  transform: translateX(0);
}
.v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-window-x-transition-leave, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave, .v-window-y-reverse-transition-leave-to {
  position: absolute !important;
  top: 0;
  width: 100%;
}
.v-window-x-transition-enter {
  transform: translateX(100%);
}
.v-window-x-transition-leave-to {
  transform: translateX(-100%);
}
.v-window-x-reverse-transition-enter {
  transform: translateX(-100%);
}
.v-window-x-reverse-transition-leave-to {
  transform: translateX(100%);
}
.v-window-y-transition-enter {
  transform: translateY(100%);
}
.v-window-y-transition-leave-to {
  transform: translateY(-100%);
}
.v-window-y-reverse-transition-enter {
  transform: translateY(-100%);
}
.v-window-y-reverse-transition-leave-to {
  transform: translateY(100%);
}