.v-binder-follower-container {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 0;
      pointer-events: none;
      z-index: auto;
    }

    .v-binder-follower-content {
      position: absolute;
      z-index: auto;
    }

    .v-binder-follower-content>* {
      pointer-events: all;
    }
  
    .n-loading-bar-container {

      z-index: 5999;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: 2px;

    }

    .n-loading-bar-container.fade-in-transition-enter-active {
      transition: all 0.3s cubic-bezier(.4, 0, .2, 1) !important;
    }

    .n-loading-bar-container.fade-in-transition-leave-active {
      transition: all 0.8s cubic-bezier(.4, 0, .2, 1) !important;
    }

    .n-loading-bar-container.fade-in-transition-enter-from,
    .n-loading-bar-container.fade-in-transition-leave-to {
      opacity: 0;
    }

    .n-loading-bar-container.fade-in-transition-leave-from,
    .n-loading-bar-container.fade-in-transition-enter-to {
      opacity: 1;
    }

    .n-loading-bar-container .n-loading-bar {

      width: 100%;
      transition:
        max-width 4s linear,
        background .2s linear;
      height: var(--n-height);

    }

    .n-loading-bar-container .n-loading-bar.n-loading-bar--starting {

      background: var(--n-color-loading);

    }

    .n-loading-bar-container .n-loading-bar.n-loading-bar--finishing {

      background: var(--n-color-loading);
      transition:
        max-width .2s linear,
        background .2s linear;

    }

    .n-loading-bar-container .n-loading-bar.n-loading-bar--error {

      background: var(--n-color-error);
      transition:
        max-width .2s linear,
        background .2s linear;

    }
  

    body {

      margin: 0;
      font-size: 14px;
      font-family: v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      line-height: 1.6;
      -webkit-text-size-adjust: 100%;
      -webkit-tap-highlight-color: transparent;

    }

    body input {

      font-family: inherit;
      font-size: inherit;

    }
  

    .n-notification-container {

      z-index: 4000;
      position: fixed;
      overflow: visible;
      display: flex;
      flex-direction: column;
      align-items: flex-end;

    }

    .n-notification-container>.n-scrollbar {

      width: initial;
      overflow: visible;
      height: -moz-fit-content !important;
      height: fit-content !important;
      max-height: 100vh !important;

    }

    .n-notification-container>.n-scrollbar>.n-scrollbar-container {

      height: -moz-fit-content !important;
      height: fit-content !important;
      max-height: 100vh !important;

    }

    .n-notification-container>.n-scrollbar>.n-scrollbar-container .n-scrollbar-content {

      padding-top: 12px;
      padding-bottom: 33px;

    }

    .n-notification-container.n-notification-container--top,
    .n-notification-container.n-notification-container--top-right,
    .n-notification-container.n-notification-container--top-left {

      top: 12px;

    }

    .n-notification-container.n-notification-container--top.transitioning>.n-scrollbar>.n-scrollbar-container,
    .n-notification-container.n-notification-container--top-right.transitioning>.n-scrollbar>.n-scrollbar-container,
    .n-notification-container.n-notification-container--top-left.transitioning>.n-scrollbar>.n-scrollbar-container {

      min-height: 100vh !important;

    }

    .n-notification-container.n-notification-container--bottom,
    .n-notification-container.n-notification-container--bottom-right,
    .n-notification-container.n-notification-container--bottom-left {

      bottom: 12px;

    }

    .n-notification-container.n-notification-container--bottom>.n-scrollbar>.n-scrollbar-container .n-scrollbar-content,
    .n-notification-container.n-notification-container--bottom-right>.n-scrollbar>.n-scrollbar-container .n-scrollbar-content,
    .n-notification-container.n-notification-container--bottom-left>.n-scrollbar>.n-scrollbar-container .n-scrollbar-content {

      padding-bottom: 12px;

    }

    .n-notification-container.n-notification-container--bottom .n-notification-wrapper,
    .n-notification-container.n-notification-container--bottom-right .n-notification-wrapper,
    .n-notification-container.n-notification-container--bottom-left .n-notification-wrapper {

      display: flex;
      align-items: flex-end;
      margin-bottom: 0;
      margin-top: 12px;

    }

    .n-notification-container.n-notification-container--top,
    .n-notification-container.n-notification-container--bottom {

      left: 50%;
      transform: translateX(-50%);

    }

    .n-notification-container.n-notification-container--top .n-notification-wrapper.notification-transition-enter-from,
    .n-notification-container.n-notification-container--bottom .n-notification-wrapper.notification-transition-enter-from,
    .n-notification-container.n-notification-container--top .n-notification-wrapper.notification-transition-leave-to,
    .n-notification-container.n-notification-container--bottom .n-notification-wrapper.notification-transition-leave-to {

      transform: scale(0.85);

    }

    .n-notification-container.n-notification-container--top .n-notification-wrapper.notification-transition-leave-from,
    .n-notification-container.n-notification-container--bottom .n-notification-wrapper.notification-transition-leave-from,
    .n-notification-container.n-notification-container--top .n-notification-wrapper.notification-transition-enter-to,
    .n-notification-container.n-notification-container--bottom .n-notification-wrapper.notification-transition-enter-to {

      transform: scale(1);

    }

    .n-notification-container.n-notification-container--top .n-notification-wrapper {

      transform-origin: top center;

    }

    .n-notification-container.n-notification-container--bottom .n-notification-wrapper {

      transform-origin: bottom center;

    }

    .n-notification-container.n-notification-container--top-right .n-notification,
    .n-notification-container.n-notification-container--bottom-right .n-notification {

      margin-left: 28px;
      margin-right: 16px;

    }

    .n-notification-container.n-notification-container--top-left .n-notification,
    .n-notification-container.n-notification-container--bottom-left .n-notification {

      margin-left: 16px;
      margin-right: 28px;

    }

    .n-notification-container.n-notification-container--top-right {

      right: 0;

    }

    .n-notification-container.n-notification-container--top-right .n-notification-wrapper.notification-transition-enter-from,
    .n-notification-container.n-notification-container--top-right .n-notification-wrapper.notification-transition-leave-to {

      transform: translate(calc(100%), 0);

    }

    .n-notification-container.n-notification-container--top-right .n-notification-wrapper.notification-transition-leave-from,
    .n-notification-container.n-notification-container--top-right .n-notification-wrapper.notification-transition-enter-to {

      transform: translate(0, 0);

    }

    .n-notification-container.n-notification-container--top-left {

      left: 0;

    }

    .n-notification-container.n-notification-container--top-left .n-notification-wrapper.notification-transition-enter-from,
    .n-notification-container.n-notification-container--top-left .n-notification-wrapper.notification-transition-leave-to {

      transform: translate(calc(-100%), 0);

    }

    .n-notification-container.n-notification-container--top-left .n-notification-wrapper.notification-transition-leave-from,
    .n-notification-container.n-notification-container--top-left .n-notification-wrapper.notification-transition-enter-to {

      transform: translate(0, 0);

    }

    .n-notification-container.n-notification-container--bottom-right {

      right: 0;

    }

    .n-notification-container.n-notification-container--bottom-right .n-notification-wrapper.notification-transition-enter-from,
    .n-notification-container.n-notification-container--bottom-right .n-notification-wrapper.notification-transition-leave-to {

      transform: translate(calc(100%), 0);

    }

    .n-notification-container.n-notification-container--bottom-right .n-notification-wrapper.notification-transition-leave-from,
    .n-notification-container.n-notification-container--bottom-right .n-notification-wrapper.notification-transition-enter-to {

      transform: translate(0, 0);

    }

    .n-notification-container.n-notification-container--bottom-left {

      left: 0;

    }

    .n-notification-container.n-notification-container--bottom-left .n-notification-wrapper.notification-transition-enter-from,
    .n-notification-container.n-notification-container--bottom-left .n-notification-wrapper.notification-transition-leave-to {

      transform: translate(calc(-100%), 0);

    }

    .n-notification-container.n-notification-container--bottom-left .n-notification-wrapper.notification-transition-leave-from,
    .n-notification-container.n-notification-container--bottom-left .n-notification-wrapper.notification-transition-enter-to {

      transform: translate(0, 0);

    }

    .n-notification-container.n-notification-container--scrollable.n-notification-container--top-right {

      top: 0;

    }

    .n-notification-container.n-notification-container--scrollable.n-notification-container--top-left {

      top: 0;

    }

    .n-notification-container.n-notification-container--scrollable.n-notification-container--bottom-right {

      bottom: 0;

    }

    .n-notification-container.n-notification-container--scrollable.n-notification-container--bottom-left {

      bottom: 0;

    }

    .n-notification-container .n-notification-wrapper {

      margin-bottom: 12px;

    }

    .n-notification-container .n-notification-wrapper.notification-transition-enter-from,
    .n-notification-container .n-notification-wrapper.notification-transition-leave-to {

      opacity: 0;
      margin-top: 0 !important;
      margin-bottom: 0 !important;

    }

    .n-notification-container .n-notification-wrapper.notification-transition-leave-from,
    .n-notification-container .n-notification-wrapper.notification-transition-enter-to {

      opacity: 1;

    }

    .n-notification-container .n-notification-wrapper.notification-transition-leave-active {

      transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier),
        opacity .3s var(--n-bezier),
        transform .3s var(--n-bezier-ease-in),
        max-height .3s var(--n-bezier),
        margin-top .3s linear,
        margin-bottom .3s linear,
        box-shadow .3s var(--n-bezier);

    }

    .n-notification-container .n-notification-wrapper.notification-transition-enter-active {

      transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier),
        opacity .3s var(--n-bezier),
        transform .3s var(--n-bezier-ease-out),
        max-height .3s var(--n-bezier),
        margin-top .3s linear,
        margin-bottom .3s linear,
        box-shadow .3s var(--n-bezier);

    }

    .n-notification-container .n-notification {

      background-color: var(--n-color);
      color: var(--n-text-color);
      transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier),
        opacity .3s var(--n-bezier),
        box-shadow .3s var(--n-bezier);
      font-family: inherit;
      font-size: var(--n-font-size);
      font-weight: 400;
      position: relative;
      display: flex;
      overflow: hidden;
      flex-shrink: 0;
      padding-left: var(--n-padding-left);
      padding-right: var(--n-padding-right);
      width: var(--n-width);
      max-width: calc(100vw - 16px - 16px);
      border-radius: var(--n-border-radius);
      box-shadow: var(--n-box-shadow);
      box-sizing: border-box;
      opacity: 1;

    }

    .n-notification-container .n-notification .n-notification__avatar .n-icon {

      color: var(--n-icon-color);

    }

    .n-notification-container .n-notification .n-notification__avatar .n-base-icon {

      color: var(--n-icon-color);

    }

    .n-notification-container .n-notification.n-notification--show-avatar .n-notification-main {

      margin-left: 40px;
      width: calc(100% - 40px);

    }

    .n-notification-container .n-notification.n-notification--closable .n-notification-main>*:first-child {

      padding-right: 20px;

    }

    .n-notification-container .n-notification.n-notification--closable .n-notification__close {

      position: absolute;
      top: 0;
      right: 0;
      margin: var(--n-close-margin);
      transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier);

    }

    .n-notification-container .n-notification .n-notification__avatar {

      position: absolute;
      top: var(--n-padding-top);
      left: var(--n-padding-left);
      width: 28px;
      height: 28px;
      font-size: 28px;
      display: flex;
      align-items: center;
      justify-content: center;

    }

    .n-notification-container .n-notification .n-notification__avatar .n-icon {
      transition: color .3s var(--n-bezier);
    }

    .n-notification-container .n-notification .n-notification-main {

      padding-top: var(--n-padding-top);
      padding-bottom: var(--n-padding-bottom);
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      margin-left: 8px;
      width: calc(100% - 8px);

    }

    .n-notification-container .n-notification .n-notification-main .n-notification-main-footer {

      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 12px;

    }

    .n-notification-container .n-notification .n-notification-main .n-notification-main-footer .n-notification-main-footer__meta {

      font-size: var(--n-meta-font-size);
      transition: color .3s var(--n-bezier-ease-out);
      color: var(--n-description-text-color);

    }

    .n-notification-container .n-notification .n-notification-main .n-notification-main-footer .n-notification-main-footer__action {

      cursor: pointer;
      transition: color .3s var(--n-bezier-ease-out);
      color: var(--n-action-text-color);

    }

    .n-notification-container .n-notification .n-notification-main .n-notification-main__header {

      font-weight: var(--n-title-font-weight);
      font-size: var(--n-title-font-size);
      transition: color .3s var(--n-bezier-ease-out);
      color: var(--n-title-text-color);

    }

    .n-notification-container .n-notification .n-notification-main .n-notification-main__description {

      margin-top: 8px;
      font-size: var(--n-description-font-size);
      white-space: pre-wrap;
      word-wrap: break-word;
      transition: color .3s var(--n-bezier-ease-out);
      color: var(--n-description-text-color);

    }

    .n-notification-container .n-notification .n-notification-main .n-notification-main__content {

      line-height: var(--n-line-height);
      margin: 12px 0 0 0;
      font-family: inherit;
      white-space: pre-wrap;
      word-wrap: break-word;
      transition: color .3s var(--n-bezier-ease-out);
      color: var(--n-text-color);

    }

    .n-notification-container .n-notification .n-notification-main .n-notification-main__content:first-child {
      margin: 0;
    }
  

    @keyframes badge-wave-spread {
      from {
        box-shadow: 0 0 0.5px 0px var(--n-ripple-color);
        opacity: 0.6;
      }

      to {
        box-shadow: 0 0 0.5px 4.5px var(--n-ripple-color);
        opacity: 0;
      }
    }

    .n-badge {

      display: inline-flex;
      position: relative;
      vertical-align: middle;
      font-family: var(--n-font-family);

    }

    .n-badge.n-badge--as-is .n-badge-sup {
      position: static;
      transform: translateX(0);
    }

    .n-badge.n-badge--as-is .n-badge-sup.fade-in-scale-up-transition-leave-active {
      transform-origin: left bottom;
      transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1);
    }

    .n-badge.n-badge--as-is .n-badge-sup.fade-in-scale-up-transition-enter-active {
      transform-origin: left bottom;
      transition: opacity .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1);
    }

    .n-badge.n-badge--as-is .n-badge-sup.fade-in-scale-up-transition-enter-from,
    .n-badge.n-badge--as-is .n-badge-sup.fade-in-scale-up-transition-leave-to {
      opacity: 0;
      transform: translateX(0) scale(.9);
    }

    .n-badge.n-badge--as-is .n-badge-sup.fade-in-scale-up-transition-leave-from,
    .n-badge.n-badge--as-is .n-badge-sup.fade-in-scale-up-transition-enter-to {
      opacity: 1;
      transform: translateX(0) scale(1);
    }

    .n-badge.n-badge--dot .n-badge-sup {

      height: 8px;
      width: 8px;
      padding: 0;
      min-width: 8px;
      left: 100%;
      bottom: calc(100% - 4px);

    }

    .n-badge.n-badge--dot .n-badge-sup ::before {
      border-radius: 4px;
    }

    .n-badge .n-badge-sup {

      background: var(--n-color);
      transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier);
      color: #FFF;
      position: absolute;
      height: 18px;
      line-height: 18px;
      border-radius: 9px;
      padding: 0 6px;
      text-align: center;
      font-size: var(--n-font-size);
      transform: translateX(-50%);
      left: 100%;
      bottom: calc(100% - 9px);
      font-variant-numeric: tabular-nums;
      z-index: 1;
      display: flex;
      align-items: center;

    }

    .n-badge .n-badge-sup.fade-in-scale-up-transition-leave-active {
      transform-origin: left bottom;
      transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1);
    }

    .n-badge .n-badge-sup.fade-in-scale-up-transition-enter-active {
      transform-origin: left bottom;
      transition: opacity .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1);
    }

    .n-badge .n-badge-sup.fade-in-scale-up-transition-enter-from,
    .n-badge .n-badge-sup.fade-in-scale-up-transition-leave-to {
      opacity: 0;
      transform: translateX(-50%) scale(.9);
    }

    .n-badge .n-badge-sup.fade-in-scale-up-transition-leave-from,
    .n-badge .n-badge-sup.fade-in-scale-up-transition-enter-to {
      opacity: 1;
      transform: translateX(-50%) scale(1);
    }

    .n-badge .n-badge-sup .n-base-wave {
      z-index: 1;
      animation-duration: 2s;
      animation-iteration-count: infinite;
      animation-delay: 1s;
      animation-timing-function: var(--n-ripple-bezier);
      animation-name: badge-wave-spread;
    }

    .n-badge .n-badge-sup::before {

      opacity: 0;
      transform: scale(1);
      border-radius: 9px;
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;

    }
  

    @keyframes n-base-slot-machine-fade-up-in {

      from {
        transform: translateY(60%);
        opacity: 0;
      }

      to {
        transform: translateY(0);
        opacity: 1;
      }

    }

    @keyframes n-base-slot-machine-fade-down-in {

      from {
        transform: translateY(-60%);
        opacity: 0;
      }

      to {
        transform: translateY(0);
        opacity: 1;
      }

    }

    @keyframes n-base-slot-machine-fade-up-out {

      from {
        transform: translateY(0%);
        opacity: 1;
      }

      to {
        transform: translateY(-60%);
        opacity: 0;
      }

    }

    @keyframes n-base-slot-machine-fade-down-out {

      from {
        transform: translateY(0%);
        opacity: 1;
      }

      to {
        transform: translateY(60%);
        opacity: 0;
      }

    }

    .n-base-slot-machine {

      overflow: hidden;
      white-space: nowrap;
      display: inline-block;
      height: 18px;
      line-height: 18px;

    }

    .n-base-slot-machine .n-base-slot-machine-number {

      display: inline-block;
      position: relative;
      height: 18px;
      width: .6em;
      max-width: .6em;

    }

    .n-base-slot-machine .n-base-slot-machine-number.fade-up-width-expand-transition-leave-active {
      transition:
        opacity .2s cubic-bezier(0, 0, .2, 1),
        max-width .2s cubic-bezier(0, 0, .2, 1),
        transform .2s cubic-bezier(0, 0, .2, 1);
    }

    .n-base-slot-machine .n-base-slot-machine-number.fade-up-width-expand-transition-enter-active {
      transition:
        opacity .2s cubic-bezier(0, 0, .2, 1),
        max-width .2s cubic-bezier(0, 0, .2, 1),
        transform .2s cubic-bezier(0, 0, .2, 1);
    }

    .n-base-slot-machine .n-base-slot-machine-number.fade-up-width-expand-transition-enter-to {
      opacity: 1;
      transform: translateX(0) translateY(0);
    }

    .n-base-slot-machine .n-base-slot-machine-number.fade-up-width-expand-transition-enter-from {
      max-width: 0 !important;
      opacity: 0;
      transform: translateY(60%);
    }

    .n-base-slot-machine .n-base-slot-machine-number.fade-up-width-expand-transition-leave-from {
      opacity: 1;
      transform: translateY(0);
    }

    .n-base-slot-machine .n-base-slot-machine-number.fade-up-width-expand-transition-leave-to {
      max-width: 0 !important;
      opacity: 0;
      transform: translateY(60%);
    }

    .n-base-slot-machine .n-base-slot-machine-number.fade-in-width-expand-transition-leave-from,
    .n-base-slot-machine .n-base-slot-machine-number.fade-in-width-expand-transition-enter-to {
      opacity: 1;
    }

    .n-base-slot-machine .n-base-slot-machine-number.fade-in-width-expand-transition-leave-to,
    .n-base-slot-machine .n-base-slot-machine-number.fade-in-width-expand-transition-enter-from {

      opacity: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;

    }

    .n-base-slot-machine .n-base-slot-machine-number.fade-in-width-expand-transition-leave-active {

      overflow: hidden;
      transition:
        opacity .2s cubic-bezier(.4, 0, .2, 1),
        max-width .2s cubic-bezier(.4, 0, .2, 1) 0s,
        margin-left .2s cubic-bezier(.4, 0, .2, 1) 0s,
        margin-right .2s cubic-bezier(.4, 0, .2, 1) 0s;

    }

    .n-base-slot-machine .n-base-slot-machine-number.fade-in-width-expand-transition-enter-active {

      overflow: hidden;
      transition:
        opacity .2s cubic-bezier(.4, 0, .2, 1) 0s,
        max-width .2s cubic-bezier(.4, 0, .2, 1),
        margin-left .2s cubic-bezier(.4, 0, .2, 1),
        margin-right .2s cubic-bezier(.4, 0, .2, 1);

    }

    .n-base-slot-machine .n-base-slot-machine-number .n-base-slot-machine-old-number {

      display: inline-block;
      opacity: 0;
      position: absolute;
      left: 0;
      right: 0;

    }

    .n-base-slot-machine .n-base-slot-machine-number .n-base-slot-machine-old-number.n-base-slot-machine-old-number--top {
      transform: translateY(-100%);
    }

    .n-base-slot-machine .n-base-slot-machine-number .n-base-slot-machine-old-number.n-base-slot-machine-old-number--bottom {
      transform: translateY(100%);
    }

    .n-base-slot-machine .n-base-slot-machine-number .n-base-slot-machine-old-number.n-base-slot-machine-old-number--down-scroll {
      animation: n-base-slot-machine-fade-down-out .2s cubic-bezier(0, 0, .2, 1);
      animation-iteration-count: 1;
    }

    .n-base-slot-machine .n-base-slot-machine-number .n-base-slot-machine-old-number.n-base-slot-machine-old-number--up-scroll {
      animation: n-base-slot-machine-fade-up-out .2s cubic-bezier(0, 0, .2, 1);
      animation-iteration-count: 1;
    }

    .n-base-slot-machine .n-base-slot-machine-number .n-base-slot-machine-current-number {

      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      opacity: 1;
      transform: translateY(0);
      width: .6em;

    }

    .n-base-slot-machine .n-base-slot-machine-number .n-base-slot-machine-current-number.n-base-slot-machine-current-number--down-scroll {
      animation: n-base-slot-machine-fade-down-in .2s cubic-bezier(0, 0, .2, 1);
      animation-iteration-count: 1;
    }

    .n-base-slot-machine .n-base-slot-machine-number .n-base-slot-machine-current-number.n-base-slot-machine-current-number--up-scroll {
      animation: n-base-slot-machine-fade-up-in .2s cubic-bezier(0, 0, .2, 1);
      animation-iteration-count: 1;
    }

    .n-base-slot-machine .n-base-slot-machine-number .n-base-slot-machine-current-number .n-base-slot-machine-current-number__inner {

      display: inline-block;
      position: absolute;
      right: 0;
      top: 0;
      width: .6em;

    }

    .n-base-slot-machine .n-base-slot-machine-number .n-base-slot-machine-current-number .n-base-slot-machine-current-number__inner.n-base-slot-machine-current-number__inner--not-number {

      right: unset;
      left: 0;

    }
  
  
    .n-tag {

      --n-close-margin: var(--n-close-margin-top) var(--n-close-margin-right) var(--n-close-margin-bottom) var(--n-close-margin-left);
      white-space: nowrap;
      position: relative;
      box-sizing: border-box;
      cursor: default;
      display: inline-flex;
      align-items: center;
      flex-wrap: nowrap;
      padding: var(--n-padding);
      border-radius: var(--n-border-radius);
      color: var(--n-text-color);
      background-color: var(--n-color);
      transition:
        border-color .3s var(--n-bezier),
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier),
        box-shadow .3s var(--n-bezier),
        opacity .3s var(--n-bezier);
      line-height: 1;
      height: var(--n-height);
      font-size: var(--n-font-size);

    }

    .n-tag.n-tag--strong {

      font-weight: var(--n-font-weight-strong);

    }

    .n-tag .n-tag__border {

      pointer-events: none;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      border-radius: inherit;
      border: var(--n-border);
      transition: border-color .3s var(--n-bezier);

    }

    .n-tag .n-tag__icon {

      display: flex;
      margin: 0 4px 0 0;
      color: var(--n-text-color);
      transition: color .3s var(--n-bezier);
      font-size: var(--n-avatar-size-override);

    }

    .n-tag .n-tag__avatar {

      display: flex;
      margin: 0 6px 0 0;

    }

    .n-tag .n-tag__close {

      margin: var(--n-close-margin);
      transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier);

    }

    .n-tag.n-tag--round {

      padding: 0 calc(var(--n-height) / 3);
      border-radius: calc(var(--n-height) / 2);

    }

    .n-tag.n-tag--round .n-tag__icon {

      margin: 0 4px 0 calc((var(--n-height) - 8px) / -2);

    }

    .n-tag.n-tag--round .n-tag__avatar {

      margin: 0 6px 0 calc((var(--n-height) - 8px) / -2);

    }

    .n-tag.n-tag--round.n-tag--closable {

      padding: 0 calc(var(--n-height) / 4) 0 calc(var(--n-height) / 3);

    }

    .n-tag.n-tag--icon.n-tag--round,
    .n-tag.n-tag--avatar.n-tag--round {

      padding: 0 calc(var(--n-height) / 3) 0 calc(var(--n-height) / 2);

    }

    .n-tag.n-tag--disabled {

      cursor: not-allowed !important;
      opacity: var(--n-opacity-disabled);

    }

    .n-tag.n-tag--checkable {

      cursor: pointer;
      box-shadow: none;
      color: var(--n-text-color-checkable);
      background-color: var(--n-color-checkable);

    }

    .n-tag.n-tag--checkable:not(.n-tag--disabled):hover {
      background-color: var(--n-color-hover-checkable);
    }

    .n-tag.n-tag--checkable:not(.n-tag--disabled):hover:not(.n-tag--checked) {
      color: var(--n-text-color-hover-checkable);
    }

    .n-tag.n-tag--checkable:not(.n-tag--disabled):active {
      background-color: var(--n-color-pressed-checkable);
    }

    .n-tag.n-tag--checkable:not(.n-tag--disabled):active:not(.n-tag--checked) {
      color: var(--n-text-color-pressed-checkable);
    }

    .n-tag.n-tag--checkable.n-tag--checked {

      color: var(--n-text-color-checked);
      background-color: var(--n-color-checked);

    }

    .n-tag.n-tag--checkable.n-tag--checked:not(.n-tag--disabled):hover {
      background-color: var(--n-color-checked-hover);
    }

    .n-tag.n-tag--checkable.n-tag--checked:not(.n-tag--disabled):active {
      background-color: var(--n-color-checked-pressed);
    }
  
  
    .n-button {

      margin: 0;
      font-weight: var(--n-font-weight);
      line-height: 1;
      font-family: inherit;
      padding: var(--n-padding);
      height: var(--n-height);
      font-size: var(--n-font-size);
      border-radius: var(--n-border-radius);
      color: var(--n-text-color);
      background-color: var(--n-color);
      width: var(--n-width);
      white-space: nowrap;
      outline: none;
      position: relative;
      z-index: auto;
      border: none;
      display: inline-flex;
      flex-wrap: nowrap;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      user-select: none;
      -webkit-user-select: none;
      text-align: center;
      cursor: pointer;
      text-decoration: none;
      transition:
        color .3s var(--n-bezier),
        background-color .3s var(--n-bezier),
        opacity .3s var(--n-bezier),
        border-color .3s var(--n-bezier);

    }

    .n-button.n-button--color .n-button__border {
      border-color: var(--n-border-color);
    }

    .n-button.n-button--color.n-button--disabled .n-button__border {
      border-color: var(--n-border-color-disabled);
    }

    .n-button.n-button--color:not(.n-button--disabled):focus .n-button__state-border {
      border-color: var(--n-border-color-focus);
    }

    .n-button.n-button--color:not(.n-button--disabled):hover .n-button__state-border {
      border-color: var(--n-border-color-hover);
    }

    .n-button.n-button--color:not(.n-button--disabled):active .n-button__state-border {
      border-color: var(--n-border-color-pressed);
    }

    .n-button.n-button--color:not(.n-button--disabled).n-button--pressed .n-button__state-border {
      border-color: var(--n-border-color-pressed);
    }

    .n-button.n-button--disabled {
      background-color: var(--n-color-disabled);
      color: var(--n-text-color-disabled);
    }

    .n-button.n-button--disabled .n-button__border {
      border: var(--n-border-disabled);
    }

    .n-button:not(.n-button--disabled):focus {
      background-color: var(--n-color-focus);
      color: var(--n-text-color-focus);
    }

    .n-button:not(.n-button--disabled):focus .n-button__state-border {
      border: var(--n-border-focus);
    }

    .n-button:not(.n-button--disabled):hover {
      background-color: var(--n-color-hover);
      color: var(--n-text-color-hover);
    }

    .n-button:not(.n-button--disabled):hover .n-button__state-border {
      border: var(--n-border-hover);
    }

    .n-button:not(.n-button--disabled):active {
      background-color: var(--n-color-pressed);
      color: var(--n-text-color-pressed);
    }

    .n-button:not(.n-button--disabled):active .n-button__state-border {
      border: var(--n-border-pressed);
    }

    .n-button:not(.n-button--disabled).n-button--pressed {
      background-color: var(--n-color-pressed);
      color: var(--n-text-color-pressed);
    }

    .n-button:not(.n-button--disabled).n-button--pressed .n-button__state-border {
      border: var(--n-border-pressed);
    }

    .n-button.n-button--loading {
      cursor: wait;
    }

    .n-button .n-base-wave {

      pointer-events: none;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      animation-iteration-count: 1;
      animation-duration: var(--n-ripple-duration);
      animation-timing-function: var(--n-bezier-ease-out), var(--n-bezier-ease-out);

    }

    .n-button .n-base-wave.n-base-wave--active {
      z-index: 1;
      animation-name: button-wave-spread, button-wave-opacity;
    }

    .n-button .n-button__border,
    .n-button .n-button__state-border {

      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      border-radius: inherit;
      transition: border-color .3s var(--n-bezier);
      pointer-events: none;

    }

    .n-button .n-button__border {
      border: var(--n-border);
    }

    .n-button .n-button__state-border {
      border: var(--n-border);
      border-color: #0000;
      z-index: 1;
    }

    .n-button .n-button__icon {

      margin: var(--n-icon-margin);
      margin-left: 0;
      height: var(--n-icon-size);
      width: var(--n-icon-size);
      max-width: var(--n-icon-size);
      font-size: var(--n-icon-size);
      position: relative;
      flex-shrink: 0;

    }

    .n-button .n-button__icon .n-icon-slot {

      height: var(--n-icon-size);
      width: var(--n-icon-size);
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      align-items: center;
      justify-content: center;

    }

    .n-button .n-button__icon .n-icon-slot.icon-switch-transition-enter-from,
    .n-button .n-button__icon .n-icon-slot.icon-switch-transition-leave-to {
      transform: translateY(-50%) scale(0.75);
      left: 0;
      top: 50%;
      opacity: 0;
    }

    .n-button .n-button__icon .n-icon-slot.icon-switch-transition-enter-to,
    .n-button .n-button__icon .n-icon-slot.icon-switch-transition-leave-from {
      transform: scale(1) translateY(-50%);
      left: 0;
      top: 50%;
      opacity: 1;
    }

    .n-button .n-button__icon .n-icon-slot.icon-switch-transition-enter-active,
    .n-button .n-button__icon .n-icon-slot.icon-switch-transition-leave-active {
      transform-origin: center;
      position: absolute;
      left: 0;
      top: 50%;
      transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
    }

    .n-button .n-button__icon.fade-in-width-expand-transition-leave-from,
    .n-button .n-button__icon.fade-in-width-expand-transition-enter-to {
      opacity: 1;
    }

    .n-button .n-button__icon.fade-in-width-expand-transition-leave-to,
    .n-button .n-button__icon.fade-in-width-expand-transition-enter-from {

      opacity: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;

    }

    .n-button .n-button__icon.fade-in-width-expand-transition-leave-active {

      overflow: hidden;
      transition:
        opacity .2s cubic-bezier(.4, 0, .2, 1),
        max-width .2s cubic-bezier(.4, 0, .2, 1) .1s,
        margin-left .2s cubic-bezier(.4, 0, .2, 1) .1s,
        margin-right .2s cubic-bezier(.4, 0, .2, 1) .1s;

    }

    .n-button .n-button__icon.fade-in-width-expand-transition-enter-active {

      overflow: hidden;
      transition:
        opacity .2s cubic-bezier(.4, 0, .2, 1) .1s,
        max-width .2s cubic-bezier(.4, 0, .2, 1),
        margin-left .2s cubic-bezier(.4, 0, .2, 1),
        margin-right .2s cubic-bezier(.4, 0, .2, 1);

    }

    .n-button .n-button__content {

      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      min-width: 0;

    }

    .n-button .n-button__content~.n-button__icon {
      margin: var(--n-icon-margin);
      margin-right: 0;
    }

    .n-button.n-button--block {

      display: flex;
      width: 100%;

    }

    .n-button.n-button--dashed .n-button__border,
    .n-button.n-button--dashed .n-button__state-border {
      border-style: dashed !important;
    }

    .n-button.n-button--disabled {
      cursor: not-allowed;
      opacity: var(--n-opacity-disabled);
    }

    @keyframes button-wave-spread {
      from {
        box-shadow: 0 0 0.5px 0 var(--n-ripple-color);
      }

      to {
        box-shadow: 0 0 0.5px 4.5px var(--n-ripple-color);
      }
    }

    @keyframes button-wave-opacity {
      from {
        opacity: var(--n-wave-opacity);
      }

      to {
        opacity: 0;
      }
    }
  
      .n-base-wave {

      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      border-radius: inherit;

    }
  
  
    .n-drawer {

      word-break: break-word;
      line-height: var(--n-line-height);
      position: absolute;
      pointer-events: all;
      box-shadow: var(--n-box-shadow);
      transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier);
      background-color: var(--n-color);
      color: var(--n-text-color);
      box-sizing: border-box;

    }

    .n-drawer.slide-in-from-right-transition-leave-active {
      transition: transform 0.2s cubic-bezier(.4, 0, 1, 1);
    }

    .n-drawer.slide-in-from-right-transition-enter-active {
      transition: transform 0.3s cubic-bezier(0, 0, .2, 1);
    }

    .n-drawer.slide-in-from-right-transition-enter-to {
      transform: translateX(0);
    }

    .n-drawer.slide-in-from-right-transition-enter-from {
      transform: translateX(100%);
    }

    .n-drawer.slide-in-from-right-transition-leave-from {
      transform: translateX(0);
    }

    .n-drawer.slide-in-from-right-transition-leave-to {
      transform: translateX(100%);
    }

    .n-drawer.slide-in-from-left-transition-leave-active {
      transition: transform 0.2s cubic-bezier(.4, 0, 1, 1);
    }

    .n-drawer.slide-in-from-left-transition-enter-active {
      transition: transform 0.3s cubic-bezier(0, 0, .2, 1);
    }

    .n-drawer.slide-in-from-left-transition-enter-to {
      transform: translateX(0);
    }

    .n-drawer.slide-in-from-left-transition-enter-from {
      transform: translateX(-100%);
    }

    .n-drawer.slide-in-from-left-transition-leave-from {
      transform: translateX(0);
    }

    .n-drawer.slide-in-from-left-transition-leave-to {
      transform: translateX(-100%);
    }

    .n-drawer.slide-in-from-top-transition-leave-active {
      transition: transform 0.2s cubic-bezier(.4, 0, 1, 1);
    }

    .n-drawer.slide-in-from-top-transition-enter-active {
      transition: transform 0.3s cubic-bezier(0, 0, .2, 1);
    }

    .n-drawer.slide-in-from-top-transition-enter-to {
      transform: translateY(0);
    }

    .n-drawer.slide-in-from-top-transition-enter-from {
      transform: translateY(-100%);
    }

    .n-drawer.slide-in-from-top-transition-leave-from {
      transform: translateY(0);
    }

    .n-drawer.slide-in-from-top-transition-leave-to {
      transform: translateY(-100%);
    }

    .n-drawer.slide-in-from-bottom-transition-leave-active {
      transition: transform 0.2s cubic-bezier(.4, 0, 1, 1);
    }

    .n-drawer.slide-in-from-bottom-transition-enter-active {
      transition: transform 0.3s cubic-bezier(0, 0, .2, 1);
    }

    .n-drawer.slide-in-from-bottom-transition-enter-to {
      transform: translateY(0);
    }

    .n-drawer.slide-in-from-bottom-transition-enter-from {
      transform: translateY(100%);
    }

    .n-drawer.slide-in-from-bottom-transition-leave-from {
      transform: translateY(0);
    }

    .n-drawer.slide-in-from-bottom-transition-leave-to {
      transform: translateY(100%);
    }

    .n-drawer.n-drawer--unselectable {

      user-select: none;
      -webkit-user-select: none;

    }

    .n-drawer.n-drawer--native-scrollbar .n-drawer-content-wrapper {

      overflow: auto;
      height: 100%;

    }

    .n-drawer .n-drawer__resize-trigger {

      position: absolute;
      background-color: #0000;
      transition: background-color .3s var(--n-bezier);

    }

    .n-drawer .n-drawer__resize-trigger.n-drawer__resize-trigger--hover {

      background-color: var(--n-resize-trigger-color-hover);

    }

    .n-drawer .n-drawer-content-wrapper {

      box-sizing: border-box;

    }

    .n-drawer .n-drawer-content {

      height: 100%;
      display: flex;
      flex-direction: column;

    }

    .n-drawer .n-drawer-content.n-drawer-content--native-scrollbar .n-drawer-body-content-wrapper {

      height: 100%;
      overflow: auto;

    }

    .n-drawer .n-drawer-content .n-drawer-body {

      flex: 1 0 0;
      overflow: hidden;

    }

    .n-drawer .n-drawer-content .n-drawer-body-content-wrapper {

      box-sizing: border-box;
      padding: var(--n-body-padding);

    }

    .n-drawer .n-drawer-content .n-drawer-header {

      font-weight: var(--n-title-font-weight);
      line-height: 1;
      font-size: var(--n-title-font-size);
      color: var(--n-title-text-color);
      padding: var(--n-header-padding);
      transition: border .3s var(--n-bezier);
      border-bottom: 1px solid var(--n-divider-color);
      border-bottom: var(--n-header-border-bottom);
      display: flex;
      justify-content: space-between;
      align-items: center;

    }

    .n-drawer .n-drawer-content .n-drawer-header .n-drawer-header__close {

      margin-left: 6px;
      transition:
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier);

    }

    .n-drawer .n-drawer-content .n-drawer-footer {

      display: flex;
      justify-content: flex-end;
      border-top: var(--n-footer-border-top);
      transition: border .3s var(--n-bezier);
      padding: var(--n-footer-padding);

    }

    .n-drawer.n-drawer--right-placement {

      top: 0;
      bottom: 0;
      right: 0;
      border-top-left-radius: var(--n-border-radius);
      border-bottom-left-radius: var(--n-border-radius);

    }

    .n-drawer.n-drawer--right-placement .n-drawer__resize-trigger {

      width: 3px;
      height: 100%;
      top: 0;
      left: 0;
      transform: translateX(-1.5px);
      cursor: ew-resize;

    }

    .n-drawer.n-drawer--left-placement {

      top: 0;
      bottom: 0;
      left: 0;
      border-top-right-radius: var(--n-border-radius);
      border-bottom-right-radius: var(--n-border-radius);

    }

    .n-drawer.n-drawer--left-placement .n-drawer__resize-trigger {

      width: 3px;
      height: 100%;
      top: 0;
      right: 0;
      transform: translateX(1.5px);
      cursor: ew-resize;

    }

    .n-drawer.n-drawer--top-placement {

      top: 0;
      left: 0;
      right: 0;
      border-bottom-left-radius: var(--n-border-radius);
      border-bottom-right-radius: var(--n-border-radius);

    }

    .n-drawer.n-drawer--top-placement .n-drawer__resize-trigger {

      width: 100%;
      height: 3px;
      bottom: 0;
      left: 0;
      transform: translateY(1.5px);
      cursor: ns-resize;

    }

    .n-drawer.n-drawer--bottom-placement {

      left: 0;
      bottom: 0;
      right: 0;
      border-top-left-radius: var(--n-border-radius);
      border-top-right-radius: var(--n-border-radius);

    }

    .n-drawer.n-drawer--bottom-placement .n-drawer__resize-trigger {

      width: 100%;
      height: 3px;
      top: 0;
      left: 0;
      transform: translateY(-1.5px);
      cursor: ns-resize;

    }

    body>.n-drawer-container {

      position: fixed;

    }

    .n-drawer-container {

      position: relative;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      pointer-events: none;

    }

    .n-drawer-container>* {

      pointer-events: all;

    }

    .n-drawer-mask {

      background-color: rgba(0, 0, 0, .3);
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;

    }

    .n-drawer-mask.n-drawer-mask--invisible {

      background-color: rgba(0, 0, 0, 0)
    }

    .n-drawer-mask.fade-in-transition-enter-active {
      transition: all 0.2s var(--n-bezier-in) !important;
    }

    .n-drawer-mask.fade-in-transition-leave-active {
      transition: all 0.2s var(--n-bezier-out) !important;
    }

    .n-drawer-mask.fade-in-transition-enter-from,
    .n-drawer-mask.fade-in-transition-leave-to {
      opacity: 0;
    }

    .n-drawer-mask.fade-in-transition-leave-from,
    .n-drawer-mask.fade-in-transition-enter-to {
      opacity: 1;
    }
  
  
    .n-modal-container {

      position: fixed;
      left: 0;
      top: 0;
      height: 0;
      width: 0;
      display: flex;

    }

    .n-modal-mask {

      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, .4);

    }

    .n-modal-mask.fade-in-transition-enter-active {
      transition: all .25s var(--n-bezier-ease-out) !important;
    }

    .n-modal-mask.fade-in-transition-leave-active {
      transition: all .25s var(--n-bezier-ease-out) !important;
    }

    .n-modal-mask.fade-in-transition-enter-from,
    .n-modal-mask.fade-in-transition-leave-to {
      opacity: 0;
    }

    .n-modal-mask.fade-in-transition-leave-from,
    .n-modal-mask.fade-in-transition-enter-to {
      opacity: 1;
    }

    .n-modal-body-wrapper {

      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      overflow: visible;

    }

    .n-modal-body-wrapper .n-modal-scroll-content {

      min-height: 100%;
      display: flex;
      position: relative;

    }

    .n-modal {

      position: relative;
      align-self: center;
      color: var(--n-text-color);
      margin: auto;
      box-shadow: var(--n-box-shadow);

    }

    .n-modal.fade-in-scale-up-transition-leave-active {
      transform-origin: inherit;
      transition: opacity .25s cubic-bezier(.4, 0, 1, 1), transform .25s cubic-bezier(.4, 0, 1, 1);
    }

    .n-modal.fade-in-scale-up-transition-enter-active {
      transform-origin: inherit;
      transition: opacity .25s cubic-bezier(0, 0, .2, 1), transform .25s cubic-bezier(0, 0, .2, 1);
    }

    .n-modal.fade-in-scale-up-transition-enter-from,
    .n-modal.fade-in-scale-up-transition-leave-to {
      opacity: 0;
      transform: scale(.5);
    }

    .n-modal.fade-in-scale-up-transition-leave-from,
    .n-modal.fade-in-scale-up-transition-enter-to {
      opacity: 1;
      transform: scale(1);
    }
  
  
    .n-layout {

      color: var(--n-text-color);
      background-color: var(--n-color);
      box-sizing: border-box;
      position: relative;
      z-index: auto;
      flex: auto;
      overflow: hidden;
      transition:
        box-shadow .3s var(--n-bezier),
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier);

    }

    .n-layout .n-layout-scroll-container {

      overflow-x: hidden;
      box-sizing: border-box;
      height: 100%;

    }

    .n-layout.n-layout--absolute-positioned {

      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;

    }
  
  
    .n-layout-sider {

      flex-shrink: 0;
      box-sizing: border-box;
      position: relative;
      z-index: 1;
      color: var(--n-text-color);
      transition:
        color .3s var(--n-bezier),
        border-color .3s var(--n-bezier),
        min-width .3s var(--n-bezier),
        max-width .3s var(--n-bezier),
        transform .3s var(--n-bezier),
        background-color .3s var(--n-bezier);
      background-color: var(--n-color);
      display: flex;
      justify-content: flex-end;

    }

    .n-layout-sider.n-layout-sider--bordered .n-layout-sider__border {

      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      width: 1px;
      background-color: var(--n-border-color);
      transition: background-color .3s var(--n-bezier);

    }

    .n-layout-sider .n-layout-sider__left-placement.n-layout-sider__left-placement--bordered .n-layout-sider__border {

      right: 0;

    }

    .n-layout-sider.n-layout-sider--right-placement {

      justify-content: flex-start;

    }

    .n-layout-sider.n-layout-sider--right-placement.n-layout-sider--bordered .n-layout-sider__border {

      left: 0;

    }

    .n-layout-sider.n-layout-sider--right-placement.n-layout-sider--collapsed .n-layout-toggle-button .n-base-icon {

      transform: rotate(180deg);

    }

    .n-layout-sider.n-layout-sider--right-placement.n-layout-sider--collapsed .n-layout-toggle-bar:hover .n-layout-toggle-bar__top {
      transform: rotate(-12deg) scale(1.15) translateY(-2px);
    }

    .n-layout-sider.n-layout-sider--right-placement.n-layout-sider--collapsed .n-layout-toggle-bar:hover .n-layout-toggle-bar__bottom {
      transform: rotate(12deg) scale(1.15) translateY(2px);
    }

    .n-layout-sider.n-layout-sider--right-placement .n-layout-toggle-button {

      left: 0;
      transform: translateX(-50%) translateY(-50%);

    }

    .n-layout-sider.n-layout-sider--right-placement .n-layout-toggle-button .n-base-icon {

      transform: rotate(0);

    }

    .n-layout-sider.n-layout-sider--right-placement .n-layout-toggle-bar {

      left: -28px;
      transform: rotate(180deg);

    }

    .n-layout-sider.n-layout-sider--right-placement .n-layout-toggle-bar:hover .n-layout-toggle-bar__top {
      transform: rotate(12deg) scale(1.15) translateY(-2px);
    }

    .n-layout-sider.n-layout-sider--right-placement .n-layout-toggle-bar:hover .n-layout-toggle-bar__bottom {
      transform: rotate(-12deg) scale(1.15) translateY(2px);
    }

    .n-layout-sider.n-layout-sider--collapsed .n-layout-toggle-bar:hover .n-layout-toggle-bar__top {
      transform: rotate(-12deg) scale(1.15) translateY(-2px);
    }

    .n-layout-sider.n-layout-sider--collapsed .n-layout-toggle-bar:hover .n-layout-toggle-bar__bottom {
      transform: rotate(12deg) scale(1.15) translateY(2px);
    }

    .n-layout-sider.n-layout-sider--collapsed .n-layout-toggle-button .n-base-icon {

      transform: rotate(0);

    }

    .n-layout-sider .n-layout-toggle-button {

      transition:
        color .3s var(--n-bezier),
        right .3s var(--n-bezier),
        left .3s var(--n-bezier),
        border-color .3s var(--n-bezier),
        background-color .3s var(--n-bezier);
      cursor: pointer;
      width: 24px;
      height: 24px;
      position: absolute;
      top: 50%;
      right: 0;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      color: var(--n-toggle-button-icon-color);
      border: var(--n-toggle-button-border);
      background-color: var(--n-toggle-button-color);
      box-shadow: 0 2px 4px 0px rgba(0, 0, 0, .06);
      transform: translateX(50%) translateY(-50%);
      z-index: 1;

    }

    .n-layout-sider .n-layout-toggle-button .n-base-icon {

      transition: transform .3s var(--n-bezier);
      transform: rotate(180deg);

    }

    .n-layout-sider .n-layout-toggle-bar {

      cursor: pointer;
      height: 72px;
      width: 32px;
      position: absolute;
      top: calc(50% - 36px);
      right: -28px;

    }

    .n-layout-sider .n-layout-toggle-bar .n-layout-toggle-bar__top,
    .n-layout-sider .n-layout-toggle-bar .n-layout-toggle-bar__bottom {

      position: absolute;
      width: 4px;
      border-radius: 2px;
      height: 38px;
      left: 14px;
      transition:
        background-color .3s var(--n-bezier),
        transform .3s var(--n-bezier);

    }

    .n-layout-sider .n-layout-toggle-bar .n-layout-toggle-bar__bottom {

      position: absolute;
      top: 34px;

    }

    .n-layout-sider .n-layout-toggle-bar:hover .n-layout-toggle-bar__top {
      transform: rotate(12deg) scale(1.15) translateY(-2px);
    }

    .n-layout-sider .n-layout-toggle-bar:hover .n-layout-toggle-bar__bottom {
      transform: rotate(-12deg) scale(1.15) translateY(2px);
    }

    .n-layout-sider .n-layout-toggle-bar .n-layout-toggle-bar__top,
    .n-layout-sider .n-layout-toggle-bar .n-layout-toggle-bar__bottom {
      background-color: var(--n-toggle-bar-color);
    }

    .n-layout-sider .n-layout-toggle-bar:hover .n-layout-toggle-bar__top,
    .n-layout-sider .n-layout-toggle-bar:hover .n-layout-toggle-bar__bottom {
      background-color: var(--n-toggle-bar-color-hover);
    }

    .n-layout-sider .n-layout-sider__border {

      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 1px;
      transition: background-color .3s var(--n-bezier);

    }

    .n-layout-sider .n-layout-sider-scroll-container {

      flex-grow: 1;
      flex-shrink: 0;
      box-sizing: border-box;
      height: 100%;
      opacity: 0;
      transition: opacity .3s var(--n-bezier);
      max-width: 100%;

    }

    .n-layout-sider.n-layout-sider--show-content .n-layout-sider-scroll-container {
      opacity: 1;
    }

    .n-layout-sider.n-layout-sider--absolute-positioned {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
    }


.n-base-icon {
    height: 1em;
    width: 1em;
    line-height: 1em;
    text-align: center;
    display: inline-block;
    position: relative;
    fill: currentColor;
    transform: translateZ(0);
}

    .n-base-icon svg {

      height: 1em;
      width: 1em;

    }
  
  
    .n-popover {

      transition:
        box-shadow .3s var(--n-bezier),
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier);
      position: relative;
      font-size: var(--n-font-size);
      color: var(--n-text-color);
      box-shadow: var(--n-box-shadow);
      word-break: break-word;

    }

    .n-popover>.n-scrollbar {

      height: inherit;
      max-height: inherit;

    }

    .n-popover:not(.n-popover--raw) {

      background-color: var(--n-color);
      border-radius: var(--n-border-radius);

    }

    .n-popover:not(.n-popover--raw):not(.n-popover--scrollable):not(.n-popover--show-header-or-footer) {
      padding: var(--n-padding);
    }

    .n-popover .n-popover__header {

      padding: var(--n-padding);
      border-bottom: 1px solid var(--n-divider-color);
      transition: border-color .3s var(--n-bezier);

    }

    .n-popover .n-popover__footer {

      padding: var(--n-padding);
      border-top: 1px solid var(--n-divider-color);
      transition: border-color .3s var(--n-bezier);

    }

    .n-popover.n-popover--scrollable .n-popover__content,
    .n-popover.n-popover--show-header-or-footer .n-popover__content {

      padding: var(--n-padding);

    }

    .n-popover-shared {

      transform-origin: inherit;

    }

    .n-popover-shared .n-popover-arrow-wrapper {

      position: absolute;
      overflow: hidden;
      pointer-events: none;

    }

    .n-popover-shared .n-popover-arrow-wrapper .n-popover-arrow {

      transition: background-color .3s var(--n-bezier);
      position: absolute;
      display: block;
      width: calc(var(--n-arrow-height) * 1.414);
      height: calc(var(--n-arrow-height) * 1.414);
      box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
      transform: rotate(45deg);
      background-color: var(--n-color);
      pointer-events: all;

    }

    .n-popover-shared.popover-transition-enter-from,
    .n-popover-shared.popover-transition-leave-to {

      opacity: 0;
      transform: scale(.85);

    }

    .n-popover-shared.popover-transition-enter-to,
    .n-popover-shared.popover-transition-leave-from {

      transform: scale(1);
      opacity: 1;

    }

    .n-popover-shared.popover-transition-enter-active {

      transition:
        box-shadow .3s var(--n-bezier),
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier),
        opacity .15s var(--n-bezier-ease-out),
        transform .15s var(--n-bezier-ease-out);

    }

    .n-popover-shared.popover-transition-leave-active {

      transition:
        box-shadow .3s var(--n-bezier),
        background-color .3s var(--n-bezier),
        color .3s var(--n-bezier),
        opacity .15s var(--n-bezier-ease-in),
        transform .15s var(--n-bezier-ease-in);

    }

    [v-placement="top-start"]>.n-popover-shared {

      margin-bottom: var(--n-space);

    }

    [v-placement="top-start"]>.n-popover-shared.n-popover-shared--show-arrow {

      margin-bottom: var(--n-space-arrow);

    }

    [v-placement="top-start"]>.n-popover-shared.n-popover-shared--overlap {

      margin: 0;

    }

    [v-placement="top-start"]>.n-popover-shared>.n-popover-arrow-wrapper {

      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      top: 100%;
      bottom: auto;
      height: var(--n-space-arrow);

    }

    [v-placement="top-start"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

      top: calc(var(--n-arrow-height) * 1.414 / -2);
      left: calc(var(--n-arrow-offset) - var(--v-offset-left));

    }

    [v-placement="top"]>.n-popover-shared {

      margin-bottom: var(--n-space);

    }

    [v-placement="top"]>.n-popover-shared.n-popover-shared--show-arrow {

      margin-bottom: var(--n-space-arrow);

    }

    [v-placement="top"]>.n-popover-shared.n-popover-shared--overlap {

      margin: 0;

    }

    [v-placement="top"]>.n-popover-shared>.n-popover-arrow-wrapper {

      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      top: 100%;
      bottom: auto;
      height: var(--n-space-arrow);

    }

    [v-placement="top"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

      top: calc(var(--n-arrow-height) * 1.414 / -2);
      transform: translateX(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
      left: 50%;

    }

    [v-placement="top-end"]>.n-popover-shared {

      margin-bottom: var(--n-space);

    }

    [v-placement="top-end"]>.n-popover-shared.n-popover-shared--show-arrow {

      margin-bottom: var(--n-space-arrow);

    }

    [v-placement="top-end"]>.n-popover-shared.n-popover-shared--overlap {

      margin: 0;

    }

    [v-placement="top-end"]>.n-popover-shared>.n-popover-arrow-wrapper {

      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      top: 100%;
      bottom: auto;
      height: var(--n-space-arrow);

    }

    [v-placement="top-end"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

      top: calc(var(--n-arrow-height) * 1.414 / -2);
      right: calc(var(--n-arrow-offset) + var(--v-offset-left));

    }

    [v-placement="bottom-start"]>.n-popover-shared {

      margin-top: var(--n-space);

    }

    [v-placement="bottom-start"]>.n-popover-shared.n-popover-shared--show-arrow {

      margin-top: var(--n-space-arrow);

    }

    [v-placement="bottom-start"]>.n-popover-shared.n-popover-shared--overlap {

      margin: 0;

    }

    [v-placement="bottom-start"]>.n-popover-shared>.n-popover-arrow-wrapper {

      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      bottom: 100%;
      top: auto;
      height: var(--n-space-arrow);

    }

    [v-placement="bottom-start"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

      bottom: calc(var(--n-arrow-height) * 1.414 / -2);
      left: calc(var(--n-arrow-offset) - var(--v-offset-left));

    }

    [v-placement="bottom"]>.n-popover-shared {

      margin-top: var(--n-space);

    }

    [v-placement="bottom"]>.n-popover-shared.n-popover-shared--show-arrow {

      margin-top: var(--n-space-arrow);

    }

    [v-placement="bottom"]>.n-popover-shared.n-popover-shared--overlap {

      margin: 0;

    }

    [v-placement="bottom"]>.n-popover-shared>.n-popover-arrow-wrapper {

      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      bottom: 100%;
      top: auto;
      height: var(--n-space-arrow);

    }

    [v-placement="bottom"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

      bottom: calc(var(--n-arrow-height) * 1.414 / -2);
      transform: translateX(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
      left: 50%;

    }

    [v-placement="bottom-end"]>.n-popover-shared {

      margin-top: var(--n-space);

    }

    [v-placement="bottom-end"]>.n-popover-shared.n-popover-shared--show-arrow {

      margin-top: var(--n-space-arrow);

    }

    [v-placement="bottom-end"]>.n-popover-shared.n-popover-shared--overlap {

      margin: 0;

    }

    [v-placement="bottom-end"]>.n-popover-shared>.n-popover-arrow-wrapper {

      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      bottom: 100%;
      top: auto;
      height: var(--n-space-arrow);

    }

    [v-placement="bottom-end"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

      bottom: calc(var(--n-arrow-height) * 1.414 / -2);
      right: calc(var(--n-arrow-offset) + var(--v-offset-left));

    }

    [v-placement="left-start"]>.n-popover-shared {

      margin-right: var(--n-space);

    }

    [v-placement="left-start"]>.n-popover-shared.n-popover-shared--show-arrow {

      margin-right: var(--n-space-arrow);

    }

    [v-placement="left-start"]>.n-popover-shared.n-popover-shared--overlap {

      margin: 0;

    }

    [v-placement="left-start"]>.n-popover-shared>.n-popover-arrow-wrapper {

      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      left: 100%;
      right: auto;
      width: var(--n-space-arrow);

    }

    [v-placement="left-start"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

      left: calc(var(--n-arrow-height) * 1.414 / -2);
      top: calc(var(--n-arrow-offset-vertical) - var(--v-offset-top));

    }

    [v-placement="left"]>.n-popover-shared {

      margin-right: var(--n-space);

    }

    [v-placement="left"]>.n-popover-shared.n-popover-shared--show-arrow {

      margin-right: var(--n-space-arrow);

    }

    [v-placement="left"]>.n-popover-shared.n-popover-shared--overlap {

      margin: 0;

    }

    [v-placement="left"]>.n-popover-shared>.n-popover-arrow-wrapper {

      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      left: 100%;
      right: auto;
      width: var(--n-space-arrow);

    }

    [v-placement="left"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

      left: calc(var(--n-arrow-height) * 1.414 / -2);
      transform: translateY(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
      top: 50%;

    }

    [v-placement="left-end"]>.n-popover-shared {

      margin-right: var(--n-space);

    }

    [v-placement="left-end"]>.n-popover-shared.n-popover-shared--show-arrow {

      margin-right: var(--n-space-arrow);

    }

    [v-placement="left-end"]>.n-popover-shared.n-popover-shared--overlap {

      margin: 0;

    }

    [v-placement="left-end"]>.n-popover-shared>.n-popover-arrow-wrapper {

      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      left: 100%;
      right: auto;
      width: var(--n-space-arrow);

    }

    [v-placement="left-end"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

      left: calc(var(--n-arrow-height) * 1.414 / -2);
      bottom: calc(var(--n-arrow-offset-vertical) + var(--v-offset-top));

    }

    [v-placement="right-start"]>.n-popover-shared {

      margin-left: var(--n-space);

    }

    [v-placement="right-start"]>.n-popover-shared.n-popover-shared--show-arrow {

      margin-left: var(--n-space-arrow);

    }

    [v-placement="right-start"]>.n-popover-shared.n-popover-shared--overlap {

      margin: 0;

    }

    [v-placement="right-start"]>.n-popover-shared>.n-popover-arrow-wrapper {

      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      right: 100%;
      left: auto;
      width: var(--n-space-arrow);

    }

    [v-placement="right-start"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

      right: calc(var(--n-arrow-height) * 1.414 / -2);
      top: calc(var(--n-arrow-offset-vertical) - var(--v-offset-top));

    }

    [v-placement="right"]>.n-popover-shared {

      margin-left: var(--n-space);

    }

    [v-placement="right"]>.n-popover-shared.n-popover-shared--show-arrow {

      margin-left: var(--n-space-arrow);

    }

    [v-placement="right"]>.n-popover-shared.n-popover-shared--overlap {

      margin: 0;

    }

    [v-placement="right"]>.n-popover-shared>.n-popover-arrow-wrapper {

      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      right: 100%;
      left: auto;
      width: var(--n-space-arrow);

    }

    [v-placement="right"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

      right: calc(var(--n-arrow-height) * 1.414 / -2);
      transform: translateY(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
      top: 50%;

    }

    [v-placement="right-end"]>.n-popover-shared {

      margin-left: var(--n-space);

    }

    [v-placement="right-end"]>.n-popover-shared.n-popover-shared--show-arrow {

      margin-left: var(--n-space-arrow);

    }

    [v-placement="right-end"]>.n-popover-shared.n-popover-shared--overlap {

      margin: 0;

    }

    [v-placement="right-end"]>.n-popover-shared>.n-popover-arrow-wrapper {

      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      right: 100%;
      left: auto;
      width: var(--n-space-arrow);

    }

    [v-placement="right-end"]>.n-popover-shared>.n-popover-arrow-wrapper .n-popover-arrow {

      right: calc(var(--n-arrow-height) * 1.414 / -2);
      bottom: calc(var(--n-arrow-offset-vertical) + var(--v-offset-top));

    }

    [v-placement="right-start"]>.n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
      top: calc(max(calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset-vertical)) - var(--v-offset-top));
    }

    [v-placement="left-start"]>.n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
      top: calc(max(calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset-vertical)) - var(--v-offset-top));
    }

    [v-placement="top-end"]>.n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
      right: calc(max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) + var(--v-offset-left));
    }

    [v-placement="bottom-end"]>.n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
      right: calc(max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) + var(--v-offset-left));
    }

    [v-placement="right-end"]>.n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
      bottom: calc(max(calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset-vertical)) + var(--v-offset-top));
    }

    [v-placement="left-end"]>.n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
      bottom: calc(max(calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset-vertical)) + var(--v-offset-top));
    }

    [v-placement="top-start"]>.n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
      left: calc(max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) - var(--v-offset-left));
    }

    [v-placement="bottom-start"]>.n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
      left: calc(max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) - var(--v-offset-left));
    }
  
  
    .n-tree {

      /*font-size: var(--n-font-size);*/
      font-size:18px;
      outline: none;

    }

    .n-tree ul,
    .n-tree li {

      margin: 0;
      padding: 0;
      list-style: none;

    }

    .n-tree>.n-tree-node:first-child {
      margin-top: 0;
    }

    .n-tree .n-tree-motion-wrapper.n-tree-motion-wrapper--expand.fade-in-height-expand-transition-leave-from,
    .n-tree .n-tree-motion-wrapper.n-tree-motion-wrapper--expand.fade-in-height-expand-transition-enter-to {
      opacity: 1;
    }

    .n-tree .n-tree-motion-wrapper.n-tree-motion-wrapper--expand.fade-in-height-expand-transition-leave-to,
    .n-tree .n-tree-motion-wrapper.n-tree-motion-wrapper--expand.fade-in-height-expand-transition-enter-from {
      opacity: 0;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }

    .n-tree .n-tree-motion-wrapper.n-tree-motion-wrapper--expand.fade-in-height-expand-transition-leave-active {

      overflow: hidden;
      transition:
        max-height 0.2s cubic-bezier(.4, 0, .2, 1) 0s,
        opacity 0.2s cubic-bezier(0, 0, .2, 1) 0s,
        margin-top 0.2s cubic-bezier(.4, 0, .2, 1) 0s,
        margin-bottom 0.2s cubic-bezier(.4, 0, .2, 1) 0s,
        padding-top 0.2s cubic-bezier(.4, 0, .2, 1) 0s,
        padding-bottom 0.2s cubic-bezier(.4, 0, .2, 1) 0s
    }

    .n-tree .n-tree-motion-wrapper.n-tree-motion-wrapper--expand.fade-in-height-expand-transition-enter-active {

      overflow: hidden;
      transition:
        max-height 0.2s cubic-bezier(.4, 0, .2, 1),
        opacity 0.2s cubic-bezier(.4, 0, 1, 1),
        margin-top 0.2s cubic-bezier(.4, 0, .2, 1),
        margin-bottom 0.2s cubic-bezier(.4, 0, .2, 1),
        padding-top 0.2s cubic-bezier(.4, 0, .2, 1),
        padding-bottom 0.2s cubic-bezier(.4, 0, .2, 1)
    }

    .n-tree .n-tree-motion-wrapper.n-tree-motion-wrapper--collapse.fade-in-height-expand-transition-enter-from,
    .n-tree .n-tree-motion-wrapper.n-tree-motion-wrapper--collapse.fade-in-height-expand-transition-leave-to {
      opacity: 1;
    }

    .n-tree .n-tree-motion-wrapper.n-tree-motion-wrapper--collapse.fade-in-height-expand-transition-enter-to,
    .n-tree .n-tree-motion-wrapper.n-tree-motion-wrapper--collapse.fade-in-height-expand-transition-leave-from {
      opacity: 0;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }

    .n-tree .n-tree-motion-wrapper.n-tree-motion-wrapper--collapse.fade-in-height-expand-transition-enter-active {

      overflow: hidden;
      transition:
        max-height 0.2s cubic-bezier(.4, 0, .2, 1) 0s,
        opacity 0.2s cubic-bezier(0, 0, .2, 1) 0s,
        margin-top 0.2s cubic-bezier(.4, 0, .2, 1) 0s,
        margin-bottom 0.2s cubic-bezier(.4, 0, .2, 1) 0s,
        padding-top 0.2s cubic-bezier(.4, 0, .2, 1) 0s,
        padding-bottom 0.2s cubic-bezier(.4, 0, .2, 1) 0s
    }

    .n-tree .n-tree-motion-wrapper.n-tree-motion-wrapper--collapse.fade-in-height-expand-transition-leave-active {

      overflow: hidden;
      transition:
        max-height 0.2s cubic-bezier(.4, 0, .2, 1),
        opacity 0.2s cubic-bezier(.4, 0, 1, 1),
        margin-top 0.2s cubic-bezier(.4, 0, .2, 1),
        margin-bottom 0.2s cubic-bezier(.4, 0, .2, 1),
        padding-top 0.2s cubic-bezier(.4, 0, .2, 1),
        padding-bottom 0.2s cubic-bezier(.4, 0, .2, 1)
    }

    .n-tree .n-tree-node-wrapper {

      box-sizing: border-box;
      padding: var(--n-node-wrapper-padding);

    }

    .n-tree .n-tree-node {

      transform: translate3d(0, 0, 0);
      position: relative;
      display: flex;
      border-radius: var(--n-node-border-radius);
      transition: background-color .3s var(--n-bezier);

    }

    .n-tree .n-tree-node.n-tree-node--highlight .n-tree-node-content .n-tree-node-content__text {
      border-bottom-color: var(--n-node-text-color-disabled);
    }

    .n-tree .n-tree-node.n-tree-node--disabled .n-tree-node-content {

      color: var(--n-node-text-color-disabled);
      cursor: not-allowed;

    }

    .n-tree .n-tree-node:not(.n-tree-node--disabled).n-tree-node--clickable .n-tree-node-content {

      cursor: pointer;

    }

    .n-tree.n-tree--block-node .n-tree-node-content {

      flex: 1;
      min-width: 0;

    }

    .n-tree:not(.n-tree--block-line) .n-tree-node:not(.n-tree-node--disabled) .n-tree-node-content:hover {
      background: var(--n-node-color-hover);
    }

    .n-tree:not(.n-tree--block-line) .n-tree-node:not(.n-tree-node--disabled).n-tree-node--selectable .n-tree-node-content:active {
      background: var(--n-node-color-pressed);
    }

    .n-tree:not(.n-tree--block-line) .n-tree-node:not(.n-tree-node--disabled).n-tree-node--pending .n-tree-node-content {

      background: var(--n-node-color-hover);

    }

    .n-tree:not(.n-tree--block-line) .n-tree-node:not(.n-tree-node--disabled).n-tree-node--selected .n-tree-node-content {
      background: var(--n-node-color-active);
    }

    .n-tree:not(.n-tree--block-line) .n-tree-node.n-tree-node--selected .n-tree-node-content {
      background: var(--n-node-color-active);
    }

    .n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled):hover {
      background: var(--n-node-color-hover);
    }

    .n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled).n-tree-node--pending {

      background: var(--n-node-color-hover);

    }

    .n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled).n-tree-node--selectable:not(.n-tree-node--selected):active {
      background: var(--n-node-color-pressed);
    }

    .n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled).n-tree-node--selected {
      background: var(--n-node-color-active);
    }

    .n-tree.n-tree--block-line .n-tree-node.n-tree-node--selected {
      background: var(--n-node-color-active);
    }

    .n-tree.n-tree--block-line .n-tree-node.n-tree-node--disabled {

      cursor: not-allowed;

    }

    .n-tree .n-tree-node-indent {

      flex-grow: 0;
      flex-shrink: 0;

    }

    .n-tree .n-tree-node-indent.n-tree-node-indent--show-line {
      position: relative
    }

    .n-tree .n-tree-node-indent.n-tree-node-indent--show-line::before {

      position: absolute;
      left: 50%;
      border-left: 1px solid var(--n-line-color);
      transition: border-color .3s var(--n-bezier);
      transform: translate(-50%);
      content: "";
      top: var(--n-line-offset-top);
      bottom: var(--n-line-offset-bottom);

    }

    .n-tree .n-tree-node-indent.n-tree-node-indent--show-line.n-tree-node-indent--last-child::before {

      bottom: 50%;

    }

    .n-tree .n-tree-node-indent.n-tree-node-indent--show-line.n-tree-node-indent--is-leaf::after {

      position: absolute;
      content: "";
      left: calc(50% + 0.5px);
      right: 0;
      bottom: 50%;
      transition: border-color .3s var(--n-bezier);
      border-bottom: 1px solid var(--n-line-color);

    }

    .n-tree .n-tree-node-indent:not(.n-tree-node-indent--show-line) {
      height: 0;
    }

        .n-tree .n-tree-node-switcher {
            cursor: pointer;
            display: inline-flex;
            flex-shrink: 0;
            height: var(--n-node-content-height);
            align-items: center;
            justify-content: center;
            transition: transform .15s var(--n-bezier);
            vertical-align: bottom;
            margin-top: 10px !important;
        }

            .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon {
                position: relative;
                height: 30px;
                width: 30px;
                display: flex;
                color: var(--n-arrow-color);
                transition: color .3s var(--n-bezier);
                font-size: 18px;
            }

    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-icon.icon-switch-transition-enter-from,
    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-icon.icon-switch-transition-leave-to {
      transform: scale(0.75);
      left: 0;
      top: 0;
      opacity: 0;
    }

    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-icon.icon-switch-transition-enter-to,
    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-icon.icon-switch-transition-leave-from {
      transform: scale(1);
      left: 0;
      top: 0;
      opacity: 1;
    }

    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-icon.icon-switch-transition-enter-active,
    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-icon.icon-switch-transition-leave-active {
      transform-origin: center;
      position: absolute;
      left: 0;
      top: 0;
      transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
    }

    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-base-loading {

      color: var(--n-loading-color);
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;

    }

    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-base-loading.icon-switch-transition-enter-from,
    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-base-loading.icon-switch-transition-leave-to {
      transform: scale(0.75);
      left: 0;
      top: 0;
      opacity: 0;
    }

    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-base-loading.icon-switch-transition-enter-to,
    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-base-loading.icon-switch-transition-leave-from {
      transform: scale(1);
      left: 0;
      top: 0;
      opacity: 1;
    }

    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-base-loading.icon-switch-transition-enter-active,
    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-base-loading.icon-switch-transition-leave-active {
      transform-origin: center;
      position: absolute;
      left: 0;
      top: 0;
      transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
    }

    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-base-icon.icon-switch-transition-enter-from,
    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-base-icon.icon-switch-transition-leave-to {
      transform: scale(0.75);
      left: 0;
      top: 0;
      opacity: 0;
    }

    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-base-icon.icon-switch-transition-enter-to,
    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-base-icon.icon-switch-transition-leave-from {
      transform: scale(1);
      left: 0;
      top: 0;
      opacity: 1;
    }

    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-base-icon.icon-switch-transition-enter-active,
    .n-tree .n-tree-node-switcher .n-tree-node-switcher__icon .n-base-icon.icon-switch-transition-leave-active {
      transform-origin: center;
      position: absolute;
      left: 0;
      top: 0;
      transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
    }

    .n-tree .n-tree-node-switcher.n-tree-node-switcher--hide {
      visibility: hidden;
    }

    .n-tree .n-tree-node-switcher.n-tree-node-switcher--expanded {
      transform: rotate(90deg);
    }

    .n-tree .n-tree-node-checkbox {

      display: inline-flex;
      height: var(--n-node-content-height);
      vertical-align: bottom;
      align-items: center;
      justify-content: center;

    }

    .n-tree .n-tree-node-content {

      user-select: none;
      position: relative;
      display: inline-flex;
      align-items: center;
      min-height: var(--n-node-content-height);
      box-sizing: border-box;
      line-height: var(--n-line-height);
      vertical-align: bottom;
      padding: 0 6px 0 4px;
      cursor: default;
      border-radius: var(--n-node-border-radius);
      color: var(--n-node-text-color);
      transition:
        color .3s var(--n-bezier),
        background-color .3s var(--n-bezier),
        border-color .3s var(--n-bezier);

    }

    .n-tree .n-tree-node-content:last-child {
      margin-bottom: 0;
    }

    .n-tree .n-tree-node-content .n-tree-node-content__prefix {

      display: inline-flex;
      margin-right: 8px;

    }

        .n-tree .n-tree-node-content .n-tree-node-content__text {
            border-bottom: 1px solid #0000;
            transition: border-color .3s var(--n-bezier);
            flex-grow: 1;
            max-width: 100%;
            line-height: 70px !important;
            height: 70px !important;
            overflow: hidden;
        }

    .n-tree .n-tree-node-content .n-tree-node-content__suffix {

      display: inline-flex;

    }

    .n-tree .n-tree__empty {
      margin: auto;
    }
  
  
    ::-webkit-scrollbar {
      background-color: transparent;
      width: 5px;
    }

    ::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.25);
      border-radius: 5px;
    }

    html.dark ::-webkit-scrollbar {
      background-color: transparent;
      width: 5px;
    }

    html.dark ::-webkit-scrollbar-thumb {
      background-color: rgba(255, 255, 255, 0.2);
      border-radius: 5px;
    }

.ProseMirror {
    position: relative;
}

.ProseMirror {
    word-wrap: break-word;
    white-space: pre-wrap;
    white-space: break-spaces;
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
    font-feature-settings: "liga" 0;
    /* the above doesn't seem to work in Edge */
}

    .ProseMirror [contenteditable="false"] {
        white-space: normal;
    }

        .ProseMirror [contenteditable="false"] [contenteditable="true"] {
            white-space: pre-wrap;
        }

    .ProseMirror pre {
        white-space: pre-wrap;
    }

img.ProseMirror-separator {
    display: inline !important;
    border: none !important;
    margin: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

.ProseMirror-gapcursor {
    display: none;
    pointer-events: none;
    position: absolute;
    margin: 0;
}

    .ProseMirror-gapcursor:after {
        content: "";
        display: block;
        position: absolute;
        top: -2px;
        width: 20px;
        border-top: 1px solid black;
        animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
    }

@keyframes ProseMirror-cursor-blink {
    to {
        visibility: hidden;
    }
}

.ProseMirror-hideselection *::selection {
    background: transparent;
}

.ProseMirror-hideselection *::-moz-selection {
    background: transparent;
}

.ProseMirror-hideselection * {
    caret-color: transparent;
}

.ProseMirror-focused .ProseMirror-gapcursor {
    display: block;
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}