.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-breadcrumb {

 white-space: nowrap;
 cursor: default;
 line-height: var(--n-item-line-height);

}

.n-breadcrumb ul {

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

.n-breadcrumb a {

 color: inherit;
 text-decoration: inherit;
 
}

.n-breadcrumb .n-breadcrumb-item {

 font-size: var(--n-font-size);
 transition: color .3s var(--n-bezier);
 display: inline-flex;
 align-items: center;
 
}

.n-breadcrumb .n-breadcrumb-item .n-icon {

 font-size: 18px;
 vertical-align: -.2em;
 transition: color .3s var(--n-bezier);
 color: var(--n-item-text-color);
 
}

.n-breadcrumb .n-breadcrumb-item:not(:last-child).n-breadcrumb-item--clickable .n-breadcrumb-item__link {

 cursor: pointer;
 
}

.n-breadcrumb .n-breadcrumb-item:not(:last-child).n-breadcrumb-item--clickable .n-breadcrumb-item__link:hover {

 background-color: var(--n-item-color-hover);
 
}

.n-breadcrumb .n-breadcrumb-item:not(:last-child).n-breadcrumb-item--clickable .n-breadcrumb-item__link:active {

 background-color: var(--n-item-color-pressed); 
 
}

.n-breadcrumb .n-breadcrumb-item .n-breadcrumb-item__link {

 padding: 4px;
 border-radius: var(--n-item-border-radius);
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 color: var(--n-item-text-color);
 position: relative;
 
}

.n-breadcrumb .n-breadcrumb-item .n-breadcrumb-item__link:hover {

 color: var(--n-item-text-color-hover);
 
}

.n-breadcrumb .n-breadcrumb-item .n-breadcrumb-item__link:hover .n-icon {

 color: var(--n-item-text-color-hover);
 
}

.n-breadcrumb .n-breadcrumb-item .n-breadcrumb-item__link:active {

 color: var(--n-item-text-color-pressed);
 
}

.n-breadcrumb .n-breadcrumb-item .n-breadcrumb-item__link:active .n-icon {

 color: var(--n-item-text-color-pressed);
 
}

.n-breadcrumb .n-breadcrumb-item .n-breadcrumb-item__separator {

 margin: 0 8px;
 color: var(--n-separator-color);
 transition: color .3s var(--n-bezier);
 user-select: none;
 -webkit-user-select: none;
 
}

.n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link {

 font-weight: var(--n-font-weight-active);
 cursor: unset;
 color: var(--n-item-text-color-active);
 
}

.n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link .n-icon {

 color: var(--n-item-text-color-active);
 
}

.n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__separator {

 display: none;
 
}
.n-scrollbar {

 overflow: hidden;
 position: relative;
 z-index: auto;
 height: 100%;
 width: 100%;

}

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

 width: 100%;
 overflow: scroll;
 height: 100%;
 min-height: inherit;
 max-height: inherit;
 scrollbar-width: none;
 
}

.n-scrollbar > .n-scrollbar-container::-webkit-scrollbar, .n-scrollbar > .n-scrollbar-container::-webkit-scrollbar-track-piece, .n-scrollbar > .n-scrollbar-container::-webkit-scrollbar-thumb {

 width: 0;
 height: 0;
 display: none;
 
}

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

 box-sizing: border-box;
 min-width: 100%;
 
}

.n-scrollbar > .n-scrollbar-rail, .n-scrollbar + .n-scrollbar-rail {

 position: absolute;
 pointer-events: none;
 user-select: none;
 background: var(--n-scrollbar-rail-color);
 -webkit-user-select: none;
 
}

.n-scrollbar > .n-scrollbar-rail.n-scrollbar-rail--horizontal, .n-scrollbar + .n-scrollbar-rail.n-scrollbar-rail--horizontal {

 height: var(--n-scrollbar-height);
 
}

.n-scrollbar > .n-scrollbar-rail.n-scrollbar-rail--horizontal > .n-scrollbar-rail__scrollbar, .n-scrollbar + .n-scrollbar-rail.n-scrollbar-rail--horizontal > .n-scrollbar-rail__scrollbar {

 height: var(--n-scrollbar-height);
 border-radius: var(--n-scrollbar-border-radius);
 right: 0;
 
}

.n-scrollbar > .n-scrollbar-rail.n-scrollbar-rail--horizontal--top, .n-scrollbar + .n-scrollbar-rail.n-scrollbar-rail--horizontal--top {

 top: var(--n-scrollbar-rail-top-horizontal-top); 
 right: var(--n-scrollbar-rail-right-horizontal-top); 
 bottom: var(--n-scrollbar-rail-bottom-horizontal-top); 
 left: var(--n-scrollbar-rail-left-horizontal-top); 
 
}

.n-scrollbar > .n-scrollbar-rail.n-scrollbar-rail--horizontal--bottom, .n-scrollbar + .n-scrollbar-rail.n-scrollbar-rail--horizontal--bottom {

 top: var(--n-scrollbar-rail-top-horizontal-bottom); 
 right: var(--n-scrollbar-rail-right-horizontal-bottom); 
 bottom: var(--n-scrollbar-rail-bottom-horizontal-bottom); 
 left: var(--n-scrollbar-rail-left-horizontal-bottom); 
 
}

.n-scrollbar > .n-scrollbar-rail.n-scrollbar-rail--vertical, .n-scrollbar + .n-scrollbar-rail.n-scrollbar-rail--vertical {

 width: var(--n-scrollbar-width);
 
}

.n-scrollbar > .n-scrollbar-rail.n-scrollbar-rail--vertical > .n-scrollbar-rail__scrollbar, .n-scrollbar + .n-scrollbar-rail.n-scrollbar-rail--vertical > .n-scrollbar-rail__scrollbar {

 width: var(--n-scrollbar-width);
 border-radius: var(--n-scrollbar-border-radius);
 bottom: 0;
 
}

.n-scrollbar > .n-scrollbar-rail.n-scrollbar-rail--vertical--left, .n-scrollbar + .n-scrollbar-rail.n-scrollbar-rail--vertical--left {

 top: var(--n-scrollbar-rail-top-vertical-left); 
 right: var(--n-scrollbar-rail-right-vertical-left); 
 bottom: var(--n-scrollbar-rail-bottom-vertical-left); 
 left: var(--n-scrollbar-rail-left-vertical-left); 
 
}

.n-scrollbar > .n-scrollbar-rail.n-scrollbar-rail--vertical--right, .n-scrollbar + .n-scrollbar-rail.n-scrollbar-rail--vertical--right {

 top: var(--n-scrollbar-rail-top-vertical-right); 
 right: var(--n-scrollbar-rail-right-vertical-right); 
 bottom: var(--n-scrollbar-rail-bottom-vertical-right); 
 left: var(--n-scrollbar-rail-left-vertical-right); 
 
}

.n-scrollbar > .n-scrollbar-rail.n-scrollbar-rail--disabled > .n-scrollbar-rail__scrollbar, .n-scrollbar + .n-scrollbar-rail.n-scrollbar-rail--disabled > .n-scrollbar-rail__scrollbar {
pointer-events: none;
}

.n-scrollbar > .n-scrollbar-rail > .n-scrollbar-rail__scrollbar, .n-scrollbar + .n-scrollbar-rail > .n-scrollbar-rail__scrollbar {

 z-index: 1;
 position: absolute;
 cursor: pointer;
 pointer-events: all;
 background-color: var(--n-scrollbar-color);
 transition: background-color .2s var(--n-scrollbar-bezier);
 
}

.n-scrollbar > .n-scrollbar-rail > .n-scrollbar-rail__scrollbar.fade-in-transition-enter-active, .n-scrollbar + .n-scrollbar-rail > .n-scrollbar-rail__scrollbar.fade-in-transition-enter-active {
  transition: all 0.2s cubic-bezier(.4, 0, .2, 1)!important;
}

.n-scrollbar > .n-scrollbar-rail > .n-scrollbar-rail__scrollbar.fade-in-transition-leave-active, .n-scrollbar + .n-scrollbar-rail > .n-scrollbar-rail__scrollbar.fade-in-transition-leave-active {
  transition: all 0.2s cubic-bezier(.4, 0, .2, 1)!important;
}

.n-scrollbar > .n-scrollbar-rail > .n-scrollbar-rail__scrollbar.fade-in-transition-enter-from, .n-scrollbar + .n-scrollbar-rail > .n-scrollbar-rail__scrollbar.fade-in-transition-enter-from, .n-scrollbar > .n-scrollbar-rail > .n-scrollbar-rail__scrollbar.fade-in-transition-leave-to, .n-scrollbar + .n-scrollbar-rail > .n-scrollbar-rail__scrollbar.fade-in-transition-leave-to {
  opacity: 0;
}

.n-scrollbar > .n-scrollbar-rail > .n-scrollbar-rail__scrollbar.fade-in-transition-leave-from, .n-scrollbar + .n-scrollbar-rail > .n-scrollbar-rail__scrollbar.fade-in-transition-leave-from, .n-scrollbar > .n-scrollbar-rail > .n-scrollbar-rail__scrollbar.fade-in-transition-enter-to, .n-scrollbar + .n-scrollbar-rail > .n-scrollbar-rail__scrollbar.fade-in-transition-enter-to {
  opacity: 1;
}

.n-scrollbar > .n-scrollbar-rail > .n-scrollbar-rail__scrollbar:hover, .n-scrollbar + .n-scrollbar-rail > .n-scrollbar-rail__scrollbar:hover {
background-color: var(--n-scrollbar-color-hover);
}
.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-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-dropdown-menu {

 transform-origin: var(--v-transform-origin);
 background-color: var(--n-color);
 border-radius: var(--n-border-radius);
 box-shadow: var(--n-box-shadow);
 position: relative;
 transition:
 background-color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier);

}

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

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

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

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

.n-dropdown-menu .n-dropdown-option {

 position: relative;
 
}

.n-dropdown-menu .n-dropdown-option a {

 text-decoration: none;
 color: inherit;
 outline: none;
 
}

.n-dropdown-menu .n-dropdown-option a::before {

 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body {

 display: flex;
 cursor: pointer;
 position: relative;
 height: var(--n-option-height);
 line-height: var(--n-option-height);
 font-size: var(--n-font-size);
 color: var(--n-option-text-color);
 transition: color .3s var(--n-bezier);
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body::before {

 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 left: 4px;
 right: 4px;
 transition: background-color .3s var(--n-bezier);
 border-radius: var(--n-border-radius);
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--pending {

 color: var(--n-option-text-color-hover);
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--pending .n-dropdown-option-body__prefix, .n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--pending .n-dropdown-option-body__suffix {

 color: var(--n-option-text-color-hover);
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--pending::before {
background-color: var(--n-option-color-hover);
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--active {

 color: var(--n-option-text-color-active);
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--active .n-dropdown-option-body__prefix, .n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--active .n-dropdown-option-body__suffix {

 color: var(--n-option-text-color-active);
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--active::before {
background-color: var(--n-option-color-active);
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--child-active {

 color: var(--n-option-text-color-child-active);
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--child-active .n-dropdown-option-body__prefix, .n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--child-active .n-dropdown-option-body__suffix {

 color: var(--n-option-text-color-child-active);
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body.n-dropdown-option-body--disabled {

 cursor: not-allowed;
 opacity: var(--n-option-opacity-disabled);
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body.n-dropdown-option-body--group {

 font-size: calc(var(--n-font-size) - 1px);
 color: var(--n-group-header-text-color);
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body.n-dropdown-option-body--group .n-dropdown-option-body__prefix {

 width: calc(var(--n-option-prefix-width) / 2);
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body.n-dropdown-option-body--group .n-dropdown-option-body__prefix.n-dropdown-option-body__prefix--show-icon {

 width: calc(var(--n-option-icon-prefix-width) / 2);
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__prefix {

 width: var(--n-option-prefix-width);
 display: flex;
 justify-content: center;
 align-items: center;
 color: var(--n-prefix-color);
 transition: color .3s var(--n-bezier);
 z-index: 1;
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__prefix.n-dropdown-option-body__prefix--show-icon {

 width: var(--n-option-icon-prefix-width);
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__prefix .n-icon {

 font-size: var(--n-option-icon-size);
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__label {

 white-space: nowrap;
 flex: 1;
 z-index: 1;
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__suffix {

 box-sizing: border-box;
 flex-grow: 0;
 flex-shrink: 0;
 display: flex;
 justify-content: flex-end;
 align-items: center;
 min-width: var(--n-option-suffix-width);
 padding: 0 8px;
 transition: color .3s var(--n-bezier);
 color: var(--n-suffix-color);
 z-index: 1;
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__suffix.n-dropdown-option-body__suffix--has-submenu {

 width: var(--n-option-icon-suffix-width);
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__suffix .n-icon {

 font-size: var(--n-option-icon-size);
 
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-menu {
pointer-events: all;
}

.n-dropdown-menu .n-dropdown-option .n-dropdown-offset-container {

 pointer-events: none;
 position: absolute;
 left: 0;
 right: 0;
 top: -4px;
 bottom: -4px;
 
}

.n-dropdown-menu .n-dropdown-divider {

 transition: background-color .3s var(--n-bezier);
 background-color: var(--n-divider-color);
 height: 1px;
 margin: 4px 0;
 
}

.n-dropdown-menu .n-dropdown-menu-wrapper {

 transform-origin: var(--v-transform-origin);
 width: fit-content;
 
}

.n-dropdown-menu > .n-scrollbar {

 height: inherit;
 max-height: inherit;
 
}

.n-dropdown-menu:not(.n-dropdown-menu--scrollable) {

 padding: var(--n-padding);
 
}

.n-dropdown-menu.n-dropdown-menu--scrollable .n-dropdown-menu__content {

 padding: var(--n-padding);
 
}
.n-base-wave {

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

}
.n-icon {

 height: 1em;
 width: 1em;
 line-height: 1em;
 text-align: center;
 display: inline-block;
 position: relative;
 fill: currentColor;

}

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

.n-icon.n-icon--depth {
  color: var(--n-color);
}

.n-icon.n-icon--depth svg {
  opacity: var(--n-opacity);
  transition: opacity .3s var(--n-bezier);
}

.n-icon svg {
  height: 1em;
  width: 1em;
}
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-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-clear {

 flex-shrink: 0;
 height: 1em;
 width: 1em;
 position: relative;

}

.n-base-clear > .n-base-clear__clear {

 font-size: var(--n-clear-size);
 height: 1em;
 width: 1em;
 cursor: pointer;
 color: var(--n-clear-color);
 transition: color .3s var(--n-bezier);
 display: flex;
 
}

.n-base-clear > .n-base-clear__clear:hover {

 color: var(--n-clear-color-hover)!important;
 
}

.n-base-clear > .n-base-clear__clear:active {

 color: var(--n-clear-color-pressed)!important;
 
}

.n-base-clear > .n-base-clear__placeholder {

 display: flex;
 
}

.n-base-clear > .n-base-clear__clear, .n-base-clear > .n-base-clear__placeholder {

 position: absolute;
 left: 50%;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
 
}

.n-base-clear > .n-base-clear__clear.icon-switch-transition-enter-from, .n-base-clear > .n-base-clear__placeholder.icon-switch-transition-enter-from, .n-base-clear > .n-base-clear__clear.icon-switch-transition-leave-to, .n-base-clear > .n-base-clear__placeholder.icon-switch-transition-leave-to {
  transform: translateX(-50%) translateY(-50%) scale(0.75);
  left: 50%;
  top: 50%;
  opacity: 0;
}

.n-base-clear > .n-base-clear__clear.icon-switch-transition-enter-to, .n-base-clear > .n-base-clear__placeholder.icon-switch-transition-enter-to, .n-base-clear > .n-base-clear__clear.icon-switch-transition-leave-from, .n-base-clear > .n-base-clear__placeholder.icon-switch-transition-leave-from {
  transform: scale(1) translateX(-50%) translateY(-50%);
  left: 50%;
  top: 50%;
  opacity: 1;
}

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

 max-width: 100%;
 cursor: text;
 line-height: 1.5;
 z-index: auto;
 outline: none;
 box-sizing: border-box;
 position: relative;
 display: inline-flex;
 border-radius: var(--n-border-radius);
 background-color: var(--n-color);
 transition: background-color .3s var(--n-bezier);
 font-size: var(--n-font-size);
 font-weight: var(--n-font-weight);
 --n-padding-vertical: calc((var(--n-height) - 1.5 * var(--n-font-size)) / 2);

}

.n-input .n-input__input, .n-input .n-input__textarea {

 overflow: hidden;
 flex-grow: 1;
 position: relative;
 
}

.n-input .n-input__input-el, .n-input .n-input__textarea-el, .n-input .n-input__input-mirror, .n-input .n-input__textarea-mirror, .n-input .n-input__separator, .n-input .n-input__placeholder {

 box-sizing: border-box;
 font-size: inherit;
 line-height: 1.5;
 font-family: inherit;
 border: none;
 outline: none;
 background-color: #0000;
 text-align: inherit;
 transition:
 -webkit-text-fill-color .3s var(--n-bezier),
 caret-color .3s var(--n-bezier),
 color .3s var(--n-bezier),
 text-decoration-color .3s var(--n-bezier);
 
}

.n-input .n-input__input-el, .n-input .n-input__textarea-el {

 -webkit-appearance: none;
 scrollbar-width: none;
 width: 100%;
 min-width: 0;
 text-decoration-color: var(--n-text-decoration-color);
 color: var(--n-text-color);
 caret-color: var(--n-caret-color);
 background-color: transparent;
 
}

.n-input .n-input__input-el::-webkit-scrollbar, .n-input .n-input__textarea-el::-webkit-scrollbar, .n-input .n-input__input-el::-webkit-scrollbar-track-piece, .n-input .n-input__textarea-el::-webkit-scrollbar-track-piece, .n-input .n-input__input-el::-webkit-scrollbar-thumb, .n-input .n-input__textarea-el::-webkit-scrollbar-thumb {

 width: 0;
 height: 0;
 display: none;
 
}

.n-input .n-input__input-el::placeholder, .n-input .n-input__textarea-el::placeholder {

 color: #0000;
 -webkit-text-fill-color: transparent !important;
 
}

.n-input .n-input__input-el:-webkit-autofill ~ .n-input__placeholder, .n-input .n-input__textarea-el:-webkit-autofill ~ .n-input__placeholder {
display: none;
}

.n-input.n-input--round:not(.n-input--textarea) {
border-radius: calc(var(--n-height) / 2);
}

.n-input .n-input__placeholder {

 pointer-events: none;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 overflow: hidden;
 color: var(--n-placeholder-color);
 
}

.n-input .n-input__placeholder span {

 width: 100%;
 display: inline-block;
 
}

.n-input.n-input--textarea .n-input__placeholder {
overflow: visible;
}

.n-input:not(.n-input--autosize) {
width: 100%;
}

.n-input.n-input--autosize .n-input__textarea-el, .n-input.n-input--autosize .n-input__input-el {

 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 
}

.n-input .n-input-wrapper {

 overflow: hidden;
 display: inline-flex;
 flex-grow: 1;
 position: relative;
 padding-left: var(--n-padding-left);
 padding-right: var(--n-padding-right);
 
}

.n-input .n-input__input-mirror {

 padding: 0;
 height: var(--n-height);
 line-height: var(--n-height);
 overflow: hidden;
 visibility: hidden;
 position: static;
 white-space: pre;
 pointer-events: none;
 
}

.n-input .n-input__input-el {

 padding: 0;
 height: var(--n-height);
 line-height: var(--n-height);
 
}

.n-input .n-input__input-el[type=password]::-ms-reveal {
display: none;
}

.n-input .n-input__input-el + .n-input__placeholder {

 display: flex;
 align-items: center; 
 
}

.n-input:not(.n-input--textarea) .n-input__placeholder {
white-space: nowrap;
}

.n-input .n-input__eye {

 display: flex;
 align-items: center;
 justify-content: center;
 transition: color .3s var(--n-bezier);
 
}

.n-input.n-input--textarea {
width: 100%;
}

.n-input.n-input--textarea .n-input-word-count {

 position: absolute;
 right: var(--n-padding-right);
 bottom: var(--n-padding-vertical);
 
}

.n-input.n-input--textarea.n-input--resizable .n-input-wrapper {

 resize: vertical;
 min-height: var(--n-height);
 
}

.n-input.n-input--textarea .n-input__textarea-el, .n-input.n-input--textarea .n-input__textarea-mirror, .n-input.n-input--textarea .n-input__placeholder {

 height: 100%;
 padding-left: 0;
 padding-right: 0;
 padding-top: var(--n-padding-vertical);
 padding-bottom: var(--n-padding-vertical);
 word-break: break-word;
 display: inline-block;
 vertical-align: bottom;
 box-sizing: border-box;
 line-height: var(--n-line-height-textarea);
 margin: 0;
 resize: none;
 white-space: pre-wrap;
 scroll-padding-block-end: var(--n-padding-vertical);
 
}

.n-input.n-input--textarea .n-input__textarea-mirror {

 width: 100%;
 pointer-events: none;
 overflow: hidden;
 visibility: hidden;
 position: static;
 white-space: pre-wrap;
 overflow-wrap: break-word;
 
}

.n-input.n-input--pair .n-input__input-el, .n-input.n-input--pair .n-input__placeholder {
text-align: center;
}

.n-input.n-input--pair .n-input__separator {

 display: flex;
 align-items: center;
 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
 white-space: nowrap;
 
}

.n-input.n-input--pair .n-input__separator .n-icon {

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

.n-input.n-input--pair .n-input__separator .n-base-icon {

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

.n-input.n-input--disabled {

 cursor: not-allowed;
 background-color: var(--n-color-disabled);
 
}

.n-input.n-input--disabled .n-input__border {
border: var(--n-border-disabled);
}

.n-input.n-input--disabled .n-input__input-el, .n-input.n-input--disabled .n-input__textarea-el {

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

.n-input.n-input--disabled .n-input__placeholder {
color: var(--n-placeholder-color-disabled);
}

.n-input.n-input--disabled .n-input__separator {
color: var(--n-text-color-disabled);
}

.n-input.n-input--disabled .n-input__separator .n-icon {

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

.n-input.n-input--disabled .n-input__separator .n-base-icon {

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

.n-input.n-input--disabled .n-input-word-count {

 color: var(--n-count-text-color-disabled);
 
}

.n-input.n-input--disabled .n-input__suffix, .n-input.n-input--disabled .n-input__prefix {
color: var(--n-text-color-disabled);
}

.n-input.n-input--disabled .n-input__suffix .n-icon, .n-input.n-input--disabled .n-input__prefix .n-icon {

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

.n-input.n-input--disabled .n-input__suffix .n-internal-icon, .n-input.n-input--disabled .n-input__prefix .n-internal-icon {

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

.n-input:not(.n-input--disabled) .n-input__eye {

 color: var(--n-icon-color);
 cursor: pointer;
 
}

.n-input:not(.n-input--disabled) .n-input__eye:hover {

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

.n-input:not(.n-input--disabled) .n-input__eye:active {

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

.n-input:not(.n-input--disabled):hover .n-input__state-border {
border: var(--n-border-hover);
}

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

.n-input:not(.n-input--disabled).n-input--focus .n-input__state-border {

 border: var(--n-border-focus);
 box-shadow: var(--n-box-shadow-focus);
 
}

.n-input .n-input__border, .n-input .n-input__state-border {

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

.n-input .n-input__state-border {

 border-color: #0000;
 z-index: 1;
 
}

.n-input .n-input__prefix {
margin-right: 4px;
}

.n-input .n-input__suffix {

 margin-left: 4px;
 
}

.n-input .n-input__suffix, .n-input .n-input__prefix {

 transition: color .3s var(--n-bezier);
 flex-wrap: nowrap;
 flex-shrink: 0;
 line-height: var(--n-height);
 white-space: nowrap;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 color: var(--n-suffix-text-color);
 
}

.n-input .n-input__suffix .n-base-loading, .n-input .n-input__prefix .n-base-loading {

 font-size: var(--n-icon-size);
 margin: 0 2px;
 color: var(--n-loading-color);
 
}

.n-input .n-input__suffix .n-base-clear, .n-input .n-input__prefix .n-base-clear {

 font-size: var(--n-icon-size);
 
}

.n-input .n-input__suffix .n-base-clear .n-base-clear__placeholder .n-base-icon, .n-input .n-input__prefix .n-base-clear .n-base-clear__placeholder .n-base-icon {

 transition: color .3s var(--n-bezier);
 color: var(--n-icon-color);
 font-size: var(--n-icon-size);
 
}

.n-input .n-input__suffix > .n-icon, .n-input .n-input__prefix > .n-icon {

 transition: color .3s var(--n-bezier);
 color: var(--n-icon-color);
 font-size: var(--n-icon-size);
 
}

.n-input .n-input__suffix .n-base-icon, .n-input .n-input__prefix .n-base-icon {

 font-size: var(--n-icon-size);
 
}

.n-input .n-input-word-count {

 pointer-events: none;
 line-height: 1.5;
 font-size: .85em;
 color: var(--n-count-text-color);
 transition: color .3s var(--n-bezier);
 margin-left: 4px;
 font-variant: tabular-nums;
 
}

.n-input.n-input--warning-status:not(.n-input--disabled) .n-base-loading {

 color: var(--n-loading-color-warning)
 
}

.n-input.n-input--warning-status:not(.n-input--disabled) .n-input__input-el, .n-input.n-input--warning-status:not(.n-input--disabled) .n-input__textarea-el {

 caret-color: var(--n-caret-color-warning);
 
}

.n-input.n-input--warning-status:not(.n-input--disabled) .n-input__state-border {

 border: var(--n-border-warning);
 
}

.n-input.n-input--warning-status:not(.n-input--disabled):hover .n-input__state-border {

 border: var(--n-border-hover-warning);
 
}

.n-input.n-input--warning-status:not(.n-input--disabled):focus {

 background-color: var(--n-color-focus-warning);
 
}

.n-input.n-input--warning-status:not(.n-input--disabled):focus .n-input__state-border {

 box-shadow: var(--n-box-shadow-focus-warning);
 border: var(--n-border-focus-warning);
 
}

.n-input.n-input--warning-status:not(.n-input--disabled).n-input--focus {

 background-color: var(--n-color-focus-warning);
 
}

.n-input.n-input--warning-status:not(.n-input--disabled).n-input--focus .n-input__state-border {

 box-shadow: var(--n-box-shadow-focus-warning);
 border: var(--n-border-focus-warning);
 
}

.n-input.n-input--error-status:not(.n-input--disabled) .n-base-loading {

 color: var(--n-loading-color-error)
 
}

.n-input.n-input--error-status:not(.n-input--disabled) .n-input__input-el, .n-input.n-input--error-status:not(.n-input--disabled) .n-input__textarea-el {

 caret-color: var(--n-caret-color-error);
 
}

.n-input.n-input--error-status:not(.n-input--disabled) .n-input__state-border {

 border: var(--n-border-error);
 
}

.n-input.n-input--error-status:not(.n-input--disabled):hover .n-input__state-border {

 border: var(--n-border-hover-error);
 
}

.n-input.n-input--error-status:not(.n-input--disabled):focus {

 background-color: var(--n-color-focus-error);
 
}

.n-input.n-input--error-status:not(.n-input--disabled):focus .n-input__state-border {

 box-shadow: var(--n-box-shadow-focus-error);
 border: var(--n-border-focus-error);
 
}

.n-input.n-input--error-status:not(.n-input--disabled).n-input--focus {

 background-color: var(--n-color-focus-error);
 
}

.n-input.n-input--error-status:not(.n-input--disabled).n-input--focus .n-input__state-border {

 box-shadow: var(--n-box-shadow-focus-error);
 border: var(--n-border-focus-error);
 
}
@keyframes rotator {

 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 }
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
 }
}

.n-base-loading {

 position: relative;
 line-height: 0;
 width: 1em;
 height: 1em;
 
}

.n-base-loading .n-base-loading__transition-wrapper {

 position: absolute;
 width: 100%;
 height: 100%;
 
}

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

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

.n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-enter-active, .n-base-loading .n-base-loading__transition-wrapper.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-base-loading .n-base-loading__placeholder {

 position: absolute;
 left: 50%;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
 
}

.n-base-loading .n-base-loading__placeholder.icon-switch-transition-enter-from, .n-base-loading .n-base-loading__placeholder.icon-switch-transition-leave-to {
  transform: translateX(-50%) translateY(-50%) scale(0.75);
  left: 50%;
  top: 50%;
  opacity: 0;
}

.n-base-loading .n-base-loading__placeholder.icon-switch-transition-enter-to, .n-base-loading .n-base-loading__placeholder.icon-switch-transition-leave-from {
  transform: scale(1) translateX(-50%) translateY(-50%);
  left: 50%;
  top: 50%;
  opacity: 1;
}

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

.n-base-loading .n-base-loading__container {

 animation: rotator 3s linear infinite both;
 
}

.n-base-loading .n-base-loading__container .n-base-loading__icon {

 height: 1em;
 width: 1em;
 
}
@keyframes spin-rotate {

 from {
 transform: rotate(0);
 }
 to {
 transform: rotate(360deg);
 }
 
}

.n-spin-container {

 position: relative;
 
}

.n-spin-container .n-spin-body {

 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
 
}

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

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

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

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

.n-spin-body {

 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 
}

.n-spin {

 display: inline-flex;
 height: var(--n-size);
 width: var(--n-size);
 font-size: var(--n-size);
 color: var(--n-color);
 
}

.n-spin.n-spin--rotate {

 animation: spin-rotate 2s linear infinite;
 
}

.n-spin-description {

 display: inline-block;
 font-size: var(--n-font-size);
 color: var(--n-text-color);
 transition: color .3s var(--n-bezier);
 margin-top: 8px;
 
}

.n-spin-content {

 opacity: 1;
 transition: opacity .3s var(--n-bezier);
 pointer-events: all;
 
}

.n-spin-content.n-spin-content--spinning {

 user-select: none;
 -webkit-user-select: none;
 pointer-events: none;
 opacity: var(--n-opacity-spinning);
 
}
.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-body-wrapper.n-modal-body-wrapper--mask-hidden {
pointer-events: none;
}

.n-modal-body-wrapper.n-modal-body-wrapper--mask-hidden .n-modal-scroll-content > * {

 pointer-events: all;
 
}

.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-modal .n-draggable {

 cursor: move;
 user-select: none;
 
}
.v-vl {
  max-height: inherit;
  height: 100%;
  overflow: auto;
  min-width: 1px;
}

.v-vl:not(.v-vl--show-scrollbar) {
  scrollbar-width: none;
}

.v-vl:not(.v-vl--show-scrollbar)::-webkit-scrollbar, .v-vl:not(.v-vl--show-scrollbar)::-webkit-scrollbar-track-piece, .v-vl:not(.v-vl--show-scrollbar)::-webkit-scrollbar-thumb {
  width: 0;
  height: 0;
  display: none;
}
.n-ellipsis {
  overflow: hidden;
}

.n-ellipsis:not(.n-ellipsis--line-clamp) {

 white-space: nowrap;
 display: inline-block;
 vertical-align: bottom;
 max-width: 100%;
 
}

.n-ellipsis.n-ellipsis--line-clamp {

 display: -webkit-inline-box;
 -webkit-box-orient: vertical;
 
}

.n-ellipsis.n-ellipsis--cursor-pointer {

 cursor: pointer;
 
}
.n-base-icon {

 height: 1em;
 width: 1em;
 line-height: 1em;
 text-align: center;
 display: inline-block;
 position: relative;
 fill: currentColor;

}

.n-base-icon svg {

 height: 1em;
 width: 1em;
 
}
.n-data-table {

 width: 100%;
 font-size: var(--n-font-size);
 display: flex;
 flex-direction: column;
 position: relative;
 --n-merged-th-color: var(--n-th-color);
 --n-merged-td-color: var(--n-td-color);
 --n-merged-border-color: var(--n-border-color);
 --n-merged-th-color-hover: var(--n-th-color-hover);
 --n-merged-th-color-sorting: var(--n-th-color-sorting);
 --n-merged-td-color-hover: var(--n-td-color-hover);
 --n-merged-td-color-sorting: var(--n-td-color-sorting);
 --n-merged-td-color-striped: var(--n-td-color-striped);
 
}

.n-data-table .n-data-table-wrapper {

 flex-grow: 1;
 display: flex;
 flex-direction: column;
 
}

.n-data-table.n-data-table--flex-height > .n-data-table-wrapper > .n-data-table-base-table {

 display: flex;
 flex-direction: column;
 flex-grow: 1;
 
}

.n-data-table.n-data-table--flex-height > .n-data-table-wrapper > .n-data-table-base-table > .n-data-table-base-table-body {
flex-basis: 0;
}

.n-data-table.n-data-table--flex-height > .n-data-table-wrapper > .n-data-table-base-table > .n-data-table-base-table-body:last-child {
flex-grow: 1;
}

.n-data-table > .n-data-table-loading-wrapper {

 color: var(--n-loading-color);
 font-size: var(--n-loading-size);
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
 transition: color .3s var(--n-bezier);
 display: flex;
 align-items: center;
 justify-content: center;
 
}

.n-data-table > .n-data-table-loading-wrapper.fade-in-scale-up-transition-leave-active {
  transform-origin: inherit;
  transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1) ;
}

.n-data-table > .n-data-table-loading-wrapper.fade-in-scale-up-transition-enter-active {
  transform-origin: inherit;
  transition: opacity .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1) ;
}

.n-data-table > .n-data-table-loading-wrapper.fade-in-scale-up-transition-enter-from, .n-data-table > .n-data-table-loading-wrapper.fade-in-scale-up-transition-leave-to {
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) scale(.9);
}

.n-data-table > .n-data-table-loading-wrapper.fade-in-scale-up-transition-leave-from, .n-data-table > .n-data-table-loading-wrapper.fade-in-scale-up-transition-enter-to {
  opacity: 1;
  transform: translateX(-50%) translateY(-50%) scale(1);
}

.n-data-table .n-data-table-expand-placeholder {

 margin-right: 8px;
 display: inline-block;
 width: 16px;
 height: 1px;
 
}

.n-data-table .n-data-table-indent {

 display: inline-block;
 height: 1px;
 
}

.n-data-table .n-data-table-expand-trigger {

 display: inline-flex;
 margin-right: 8px;
 cursor: pointer;
 font-size: 16px;
 vertical-align: -0.2em;
 position: relative;
 width: 16px;
 height: 16px;
 color: var(--n-td-text-color);
 transition: color .3s var(--n-bezier);
 
}

.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-icon {
transform: rotate(90deg);
}

.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-icon.icon-switch-transition-enter-from, .n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-icon.icon-switch-transition-leave-to {
  transform: rotate(90deg) scale(0.75);
  left: 0;
  top: 0;
  opacity: 0;
}

.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-icon.icon-switch-transition-enter-to, .n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-icon.icon-switch-transition-leave-from {
  transform: scale(1) rotate(90deg);
  left: 0;
  top: 0;
  opacity: 1;
}

.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-icon.icon-switch-transition-enter-active, .n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .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-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-base-icon {
transform: rotate(90deg);
}

.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-base-icon.icon-switch-transition-enter-from, .n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-base-icon.icon-switch-transition-leave-to {
  transform: rotate(90deg) scale(0.75);
  left: 0;
  top: 0;
  opacity: 0;
}

.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-base-icon.icon-switch-transition-enter-to, .n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-base-icon.icon-switch-transition-leave-from {
  transform: scale(1) rotate(90deg);
  left: 0;
  top: 0;
  opacity: 1;
}

.n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .n-base-icon.icon-switch-transition-enter-active, .n-data-table .n-data-table-expand-trigger.n-data-table-expand-trigger--expanded .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-data-table .n-data-table-expand-trigger .n-base-loading {

 color: var(--n-loading-color);
 transition: color .3s var(--n-bezier);
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 
}

.n-data-table .n-data-table-expand-trigger .n-base-loading.icon-switch-transition-enter-from, .n-data-table .n-data-table-expand-trigger .n-base-loading.icon-switch-transition-leave-to {
  transform:  scale(0.75);
  left: 0;
  top: 0;
  opacity: 0;
}

.n-data-table .n-data-table-expand-trigger .n-base-loading.icon-switch-transition-enter-to, .n-data-table .n-data-table-expand-trigger .n-base-loading.icon-switch-transition-leave-from {
  transform: scale(1) ;
  left: 0;
  top: 0;
  opacity: 1;
}

.n-data-table .n-data-table-expand-trigger .n-base-loading.icon-switch-transition-enter-active, .n-data-table .n-data-table-expand-trigger .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-data-table .n-data-table-expand-trigger .n-icon {

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

.n-data-table .n-data-table-expand-trigger .n-icon.icon-switch-transition-enter-from, .n-data-table .n-data-table-expand-trigger .n-icon.icon-switch-transition-leave-to {
  transform:  scale(0.75);
  left: 0;
  top: 0;
  opacity: 0;
}

.n-data-table .n-data-table-expand-trigger .n-icon.icon-switch-transition-enter-to, .n-data-table .n-data-table-expand-trigger .n-icon.icon-switch-transition-leave-from {
  transform: scale(1) ;
  left: 0;
  top: 0;
  opacity: 1;
}

.n-data-table .n-data-table-expand-trigger .n-icon.icon-switch-transition-enter-active, .n-data-table .n-data-table-expand-trigger .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-data-table .n-data-table-expand-trigger .n-base-icon {

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

.n-data-table .n-data-table-expand-trigger .n-base-icon.icon-switch-transition-enter-from, .n-data-table .n-data-table-expand-trigger .n-base-icon.icon-switch-transition-leave-to {
  transform:  scale(0.75);
  left: 0;
  top: 0;
  opacity: 0;
}

.n-data-table .n-data-table-expand-trigger .n-base-icon.icon-switch-transition-enter-to, .n-data-table .n-data-table-expand-trigger .n-base-icon.icon-switch-transition-leave-from {
  transform: scale(1) ;
  left: 0;
  top: 0;
  opacity: 1;
}

.n-data-table .n-data-table-expand-trigger .n-base-icon.icon-switch-transition-enter-active, .n-data-table .n-data-table-expand-trigger .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-data-table .n-data-table-thead {

 transition: background-color .3s var(--n-bezier);
 background-color: var(--n-merged-th-color);
 
}

.n-data-table .n-data-table-tr {

 position: relative;
 box-sizing: border-box;
 background-clip: padding-box;
 transition: background-color .3s var(--n-bezier);
 
}

.n-data-table .n-data-table-tr .n-data-table-expand {

 position: sticky;
 left: 0;
 overflow: hidden;
 margin: calc(var(--n-th-padding) * -1);
 padding: var(--n-th-padding);
 box-sizing: border-box;
 
}

.n-data-table .n-data-table-tr.n-data-table-tr--striped {
background-color: var(--n-merged-td-color-striped);
}

.n-data-table .n-data-table-tr.n-data-table-tr--striped .n-data-table-td {
background-color: var(--n-merged-td-color-striped);
}

.n-data-table .n-data-table-tr:not(.n-data-table-tr--summary):hover {
background-color: var(--n-merged-td-color-hover);
}

.n-data-table .n-data-table-tr:not(.n-data-table-tr--summary):hover > .n-data-table-td {
background-color: var(--n-merged-td-color-hover);
}

.n-data-table .n-data-table-th {

 padding: var(--n-th-padding);
 position: relative;
 text-align: start;
 box-sizing: border-box;
 background-color: var(--n-merged-th-color);
 border-color: var(--n-merged-border-color);
 border-bottom: 1px solid var(--n-merged-border-color);
 color: var(--n-th-text-color);
 transition:
 border-color .3s var(--n-bezier),
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 font-weight: var(--n-th-font-weight);
 
}

.n-data-table .n-data-table-th.n-data-table-th--filterable {

 padding-right: 36px;
 
}

.n-data-table .n-data-table-th.n-data-table-th--filterable.n-data-table-th--sortable {

 padding-right: calc(var(--n-th-padding) + 36px);
 
}

.n-data-table .n-data-table-th.n-data-table-th--fixed-left {

 left: 0;
 position: sticky;
 z-index: 2;
 
}

.n-data-table .n-data-table-th.n-data-table-th--fixed-left::after {

 pointer-events: none;
 content: "";
 width: 36px;
 display: inline-block;
 position: absolute;
 top: 0;
 bottom: -1px;
 transition: box-shadow .2s var(--n-bezier);
 right: -36px;
 
}

.n-data-table .n-data-table-th.n-data-table-th--fixed-right {

 right: 0;
 position: sticky;
 z-index: 1;
 
}

.n-data-table .n-data-table-th.n-data-table-th--fixed-right::before {

 pointer-events: none;
 content: "";
 width: 36px;
 display: inline-block;
 position: absolute;
 top: 0;
 bottom: -1px;
 transition: box-shadow .2s var(--n-bezier);
 left: -36px;
 
}

.n-data-table .n-data-table-th.n-data-table-th--selection {

 padding: 0;
 text-align: center;
 line-height: 0;
 z-index: 3;
 
}

.n-data-table .n-data-table-th .n-data-table-th__title-wrapper {

 display: flex;
 align-items: center;
 flex-wrap: nowrap;
 max-width: 100%;
 
}

.n-data-table .n-data-table-th .n-data-table-th__title-wrapper .n-data-table-th__title {

 flex: 1;
 min-width: 0;
 
}

.n-data-table .n-data-table-th .n-data-table-th__ellipsis {

 display: inline-block;
 vertical-align: bottom;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
 max-width: 100%;
 
}

.n-data-table .n-data-table-th.n-data-table-th--hover {

 background-color: var(--n-merged-th-color-hover);
 
}

.n-data-table .n-data-table-th.n-data-table-th--sorting {

 background-color: var(--n-merged-th-color-sorting);
 
}

.n-data-table .n-data-table-th.n-data-table-th--sortable {

 cursor: pointer;
 
}

.n-data-table .n-data-table-th.n-data-table-th--sortable .n-data-table-th__ellipsis {

 max-width: calc(100% - 18px);
 
}

.n-data-table .n-data-table-th.n-data-table-th--sortable:hover {

 background-color: var(--n-merged-th-color-hover);
 
}

.n-data-table .n-data-table-th .n-data-table-sorter {

 height: var(--n-sorter-size);
 width: var(--n-sorter-size);
 margin-left: 4px;
 position: relative;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 vertical-align: -0.2em;
 color: var(--n-th-icon-color);
 transition: color .3s var(--n-bezier);
 
}

.n-data-table .n-data-table-th .n-data-table-sorter .n-base-icon {
transition: transform .3s var(--n-bezier)
}

.n-data-table .n-data-table-th .n-data-table-sorter.n-data-table-sorter--desc .n-base-icon {

 transform: rotate(0deg);
 
}

.n-data-table .n-data-table-th .n-data-table-sorter.n-data-table-sorter--asc .n-base-icon {

 transform: rotate(-180deg);
 
}

.n-data-table .n-data-table-th .n-data-table-sorter.n-data-table-sorter--asc, .n-data-table .n-data-table-th .n-data-table-sorter.n-data-table-sorter--desc {

 color: var(--n-th-icon-color-active);
 
}

.n-data-table .n-data-table-th .n-data-table-resize-button {

 width: var(--n-resizable-container-size);
 position: absolute;
 top: 0;
 right: calc(var(--n-resizable-container-size) / 2);
 bottom: 0;
 cursor: col-resize;
 user-select: none;
 
}

.n-data-table .n-data-table-th .n-data-table-resize-button::after {

 width: var(--n-resizable-size);
 height: 50%;
 position: absolute;
 top: 50%;
 left: calc(var(--n-resizable-container-size) / 2);
 bottom: 0;
 background-color: var(--n-merged-border-color);
 transform: translateY(-50%);
 transition: background-color .3s var(--n-bezier);
 z-index: 1;
 content: '';
 
}

.n-data-table .n-data-table-th .n-data-table-resize-button.n-data-table-resize-button--active::after {
 
 background-color: var(--n-th-icon-color-active);
 
}

.n-data-table .n-data-table-th .n-data-table-resize-button:hover::after {

 background-color: var(--n-th-icon-color-active);
 
}

.n-data-table .n-data-table-th .n-data-table-filter {

 position: absolute;
 z-index: auto;
 right: 0;
 width: 36px;
 top: 0;
 bottom: 0;
 cursor: pointer;
 display: flex;
 justify-content: center;
 align-items: center;
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 font-size: var(--n-filter-size);
 color: var(--n-th-icon-color);
 
}

.n-data-table .n-data-table-th .n-data-table-filter:hover {

 background-color: var(--n-th-button-color-hover);
 
}

.n-data-table .n-data-table-th .n-data-table-filter.n-data-table-filter--show {

 background-color: var(--n-th-button-color-hover);
 
}

.n-data-table .n-data-table-th .n-data-table-filter.n-data-table-filter--active {

 background-color: var(--n-th-button-color-hover);
 color: var(--n-th-icon-color-active);
 
}

.n-data-table .n-data-table-td {

 padding: var(--n-td-padding);
 text-align: start;
 box-sizing: border-box;
 border: none;
 background-color: var(--n-merged-td-color);
 color: var(--n-td-text-color);
 border-bottom: 1px solid var(--n-merged-border-color);
 transition:
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 
}

.n-data-table .n-data-table-td.n-data-table-td--expand .n-data-table-expand-trigger {

 margin-right: 0;
 
}

.n-data-table .n-data-table-td.n-data-table-td--last-row {

 border-bottom: 0 solid var(--n-merged-border-color);
 
}

.n-data-table .n-data-table-td.n-data-table-td--last-row::after {

 bottom: 0 !important;
 
}

.n-data-table .n-data-table-td.n-data-table-td--last-row::before {

 bottom: 0 !important;
 
}

.n-data-table .n-data-table-td.n-data-table-td--summary {

 background-color: var(--n-merged-th-color);
 
}

.n-data-table .n-data-table-td.n-data-table-td--hover {

 background-color: var(--n-merged-td-color-hover);
 
}

.n-data-table .n-data-table-td.n-data-table-td--sorting {

 background-color: var(--n-merged-td-color-sorting);
 
}

.n-data-table .n-data-table-td .n-data-table-td__ellipsis {

 display: inline-block;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
 max-width: 100%;
 vertical-align: bottom;
 max-width: calc(100% - var(--indent-offset, -1.5) * 16px - 24px);
 
}

.n-data-table .n-data-table-td.n-data-table-td--selection, .n-data-table .n-data-table-td.n-data-table-td--expand {

 text-align: center;
 padding: 0;
 line-height: 0;
 
}

.n-data-table .n-data-table-td.n-data-table-td--fixed-left {

 left: 0;
 position: sticky;
 z-index: 2;
 
}

.n-data-table .n-data-table-td.n-data-table-td--fixed-left::after {

 pointer-events: none;
 content: "";
 width: 36px;
 display: inline-block;
 position: absolute;
 top: 0;
 bottom: -1px;
 transition: box-shadow .2s var(--n-bezier);
 right: -36px;
 
}

.n-data-table .n-data-table-td.n-data-table-td--fixed-right {

 right: 0;
 position: sticky;
 z-index: 1;
 
}

.n-data-table .n-data-table-td.n-data-table-td--fixed-right::before {

 pointer-events: none;
 content: "";
 width: 36px;
 display: inline-block;
 position: absolute;
 top: 0;
 bottom: -1px;
 transition: box-shadow .2s var(--n-bezier);
 left: -36px;
 
}

.n-data-table .n-data-table-empty {

 box-sizing: border-box;
 padding: var(--n-empty-padding);
 flex-grow: 1;
 flex-shrink: 0;
 opacity: 1;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: opacity .3s var(--n-bezier);
 
}

.n-data-table .n-data-table-empty.n-data-table-empty--hide {

 opacity: 0;
 
}

.n-data-table .n-data-table__pagination {

 margin: var(--n-pagination-margin);
 display: flex;
 justify-content: flex-end;
 
}

.n-data-table .n-data-table-wrapper {

 position: relative;
 opacity: 1;
 transition: opacity .3s var(--n-bezier), border-color .3s var(--n-bezier);
 border-top-left-radius: var(--n-border-radius);
 border-top-right-radius: var(--n-border-radius);
 line-height: var(--n-line-height);
 
}

.n-data-table.n-data-table--loading .n-data-table-wrapper {

 opacity: var(--n-opacity-loading);
 pointer-events: none;
 
}

.n-data-table.n-data-table--single-column .n-data-table-td {

 border-bottom: 0 solid var(--n-merged-border-color);
 
}

.n-data-table.n-data-table--single-column .n-data-table-td::after, .n-data-table.n-data-table--single-column .n-data-table-td::before {

 bottom: 0 !important;
 
}

.n-data-table:not(.n-data-table--single-line) .n-data-table-th {

 border-right: 1px solid var(--n-merged-border-color);
 
}

.n-data-table:not(.n-data-table--single-line) .n-data-table-th.n-data-table-th--last {

 border-right: 0 solid var(--n-merged-border-color);
 
}

.n-data-table:not(.n-data-table--single-line) .n-data-table-td {

 border-right: 1px solid var(--n-merged-border-color);
 
}

.n-data-table:not(.n-data-table--single-line) .n-data-table-td.n-data-table-td--last-col {

 border-right: 0 solid var(--n-merged-border-color);
 
}

.n-data-table.n-data-table--bordered .n-data-table-wrapper {

 border: 1px solid var(--n-merged-border-color);
 border-bottom-left-radius: var(--n-border-radius);
 border-bottom-right-radius: var(--n-border-radius);
 overflow: hidden;
 
}

.n-data-table .n-data-table-base-table.n-data-table-base-table--transition-disabled .n-data-table-th::after, .n-data-table .n-data-table-base-table.n-data-table-base-table--transition-disabled .n-data-table-th::before {
transition: none;
}

.n-data-table .n-data-table-base-table.n-data-table-base-table--transition-disabled .n-data-table-td::after, .n-data-table .n-data-table-base-table.n-data-table-base-table--transition-disabled .n-data-table-td::before {
transition: none;
}

.n-data-table.n-data-table--bottom-bordered .n-data-table-td.n-data-table-td--last-row {

 border-bottom: 1px solid var(--n-merged-border-color);
 
}

.n-data-table .n-data-table-table {

 font-variant-numeric: tabular-nums;
 width: 100%;
 word-break: break-word;
 transition: background-color .3s var(--n-bezier);
 border-collapse: separate;
 border-spacing: 0;
 background-color: var(--n-merged-td-color);
 
}

.n-data-table .n-data-table-base-table-header {

 border-top-left-radius: calc(var(--n-border-radius) - 1px);
 border-top-right-radius: calc(var(--n-border-radius) - 1px);
 z-index: 3;
 overflow: scroll;
 flex-shrink: 0;
 transition: border-color .3s var(--n-bezier);
 scrollbar-width: none;
 
}

.n-data-table .n-data-table-base-table-header::-webkit-scrollbar, .n-data-table .n-data-table-base-table-header::-webkit-scrollbar-track-piece, .n-data-table .n-data-table-base-table-header::-webkit-scrollbar-thumb {

 display: none;
 width: 0;
 height: 0;
 
}

.n-data-table .n-data-table-check-extra {

 transition: color .3s var(--n-bezier);
 color: var(--n-th-icon-color);
 position: absolute;
 font-size: 14px;
 right: -4px;
 top: 50%;
 transform: translateY(-50%);
 z-index: 1;
 
}

.n-data-table-filter-menu .n-scrollbar {

 max-height: 240px;
 
}

.n-data-table-filter-menu .n-data-table-filter-menu__group {

 display: flex;
 flex-direction: column;
 padding: 12px 12px 0 12px;
 
}

.n-data-table-filter-menu .n-data-table-filter-menu__group .n-checkbox {

 margin-bottom: 12px;
 margin-right: 0;
 
}

.n-data-table-filter-menu .n-data-table-filter-menu__group .n-radio {

 margin-bottom: 12px;
 margin-right: 0;
 
}

.n-data-table-filter-menu .n-data-table-filter-menu__action {

 padding: var(--n-action-padding);
 display: flex;
 flex-wrap: nowrap;
 justify-content: space-evenly;
 border-top: 1px solid var(--n-action-divider-color);
 
}

.n-data-table-filter-menu .n-data-table-filter-menu__action .n-button:not(:last-child) {

 margin: var(--n-action-button-margin);
 
}

.n-data-table-filter-menu .n-data-table-filter-menu__action .n-button:last-child {

 margin-right: 0;
 
}

.n-data-table-filter-menu .n-divider {

 margin: 0 !important;
 
}

.n-modal .n-data-table, .n-drawer .n-data-table {

 --n-merged-th-color: var(--n-th-color-modal);
 --n-merged-td-color: var(--n-td-color-modal);
 --n-merged-border-color: var(--n-border-color-modal);
 --n-merged-th-color-hover: var(--n-th-color-hover-modal);
 --n-merged-td-color-hover: var(--n-td-color-hover-modal);
 --n-merged-th-color-sorting: var(--n-th-color-hover-modal);
 --n-merged-td-color-sorting: var(--n-td-color-hover-modal);
 --n-merged-td-color-striped: var(--n-td-color-striped-modal);
 
}

.n-popover .n-data-table {

 --n-merged-th-color: var(--n-th-color-popover);
 --n-merged-td-color: var(--n-td-color-popover);
 --n-merged-border-color: var(--n-border-color-popover);
 --n-merged-th-color-hover: var(--n-th-color-hover-popover);
 --n-merged-td-color-hover: var(--n-td-color-hover-popover);
 --n-merged-th-color-sorting: var(--n-th-color-hover-popover);
 --n-merged-td-color-sorting: var(--n-td-color-hover-popover);
 --n-merged-td-color-striped: var(--n-td-color-striped-popover);
 
}
.n-base-selection {

 --n-padding-single: var(--n-padding-single-top) var(--n-padding-single-right) var(--n-padding-single-bottom) var(--n-padding-single-left);
 --n-padding-multiple: var(--n-padding-multiple-top) var(--n-padding-multiple-right) var(--n-padding-multiple-bottom) var(--n-padding-multiple-left);
 position: relative;
 z-index: auto;
 box-shadow: none;
 width: 100%;
 max-width: 100%;
 display: inline-block;
 vertical-align: bottom;
 border-radius: var(--n-border-radius);
 min-height: var(--n-height);
 line-height: 1.5;
 font-size: var(--n-font-size);
 
}

.n-base-selection .n-base-loading {

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

.n-base-selection .n-base-selection-tags {
min-height: var(--n-height);
}

.n-base-selection .n-base-selection__border, .n-base-selection .n-base-selection__state-border {

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

.n-base-selection .n-base-selection__state-border {

 z-index: 1;
 border-color: #0000;
 
}

.n-base-selection .n-base-suffix {

 cursor: pointer;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 right: 10px;
 
}

.n-base-selection .n-base-suffix .n-base-suffix__arrow {

 font-size: var(--n-arrow-size);
 color: var(--n-arrow-color);
 transition: color .3s var(--n-bezier);
 
}

.n-base-selection .n-base-selection-overlay {

 display: flex;
 align-items: center;
 white-space: nowrap;
 pointer-events: none;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 padding: var(--n-padding-single);
 transition: color .3s var(--n-bezier);
 
}

.n-base-selection .n-base-selection-overlay .n-base-selection-overlay__wrapper {

 flex-basis: 0;
 flex-grow: 1;
 overflow: hidden;
 text-overflow: ellipsis;
 
}

.n-base-selection .n-base-selection-placeholder {

 color: var(--n-placeholder-color);
 
}

.n-base-selection .n-base-selection-placeholder .n-base-selection-placeholder__inner {

 max-width: 100%;
 overflow: hidden;
 
}

.n-base-selection .n-base-selection-tags {

 cursor: pointer;
 outline: none;
 box-sizing: border-box;
 position: relative;
 z-index: auto;
 display: flex;
 padding: var(--n-padding-multiple);
 flex-wrap: wrap;
 align-items: center;
 width: 100%;
 vertical-align: bottom;
 background-color: var(--n-color);
 border-radius: inherit;
 transition:
 color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 
}

.n-base-selection .n-base-selection-label {

 height: var(--n-height);
 display: inline-flex;
 width: 100%;
 vertical-align: bottom;
 cursor: pointer;
 outline: none;
 z-index: auto;
 box-sizing: border-box;
 position: relative;
 transition:
 color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 border-radius: inherit;
 background-color: var(--n-color);
 align-items: center;
 
}

.n-base-selection .n-base-selection-label .n-base-selection-input {

 font-size: inherit;
 line-height: inherit;
 outline: none;
 cursor: pointer;
 box-sizing: border-box;
 border:none;
 width: 100%;
 padding: var(--n-padding-single);
 background-color: #0000;
 color: var(--n-text-color);
 transition: color .3s var(--n-bezier);
 caret-color: var(--n-caret-color);
 
}

.n-base-selection .n-base-selection-label .n-base-selection-input .n-base-selection-input__content {

 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap; 
 
}

.n-base-selection .n-base-selection-label .n-base-selection-label__render-label {

 color: var(--n-text-color);
 
}

.n-base-selection:not(.n-base-selection--disabled):hover .n-base-selection__state-border {

 box-shadow: var(--n-box-shadow-hover);
 border: var(--n-border-hover);
 
}

.n-base-selection:not(.n-base-selection--disabled).n-base-selection--focus .n-base-selection__state-border {

 box-shadow: var(--n-box-shadow-focus);
 border: var(--n-border-focus);
 
}

.n-base-selection:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection__state-border {

 box-shadow: var(--n-box-shadow-active);
 border: var(--n-border-active);
 
}

.n-base-selection:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection-label {
background-color: var(--n-color-active);
}

.n-base-selection:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection-tags {
background-color: var(--n-color-active);
}

.n-base-selection.n-base-selection--disabled {
cursor: not-allowed;
}

.n-base-selection.n-base-selection--disabled .n-base-selection__arrow {

 color: var(--n-arrow-color-disabled);
 
}

.n-base-selection.n-base-selection--disabled .n-base-selection-label {

 cursor: not-allowed;
 background-color: var(--n-color-disabled);
 
}

.n-base-selection.n-base-selection--disabled .n-base-selection-label .n-base-selection-input {

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

.n-base-selection.n-base-selection--disabled .n-base-selection-label .n-base-selection-label__render-label {

 color: var(--n-text-color-disabled);
 
}

.n-base-selection.n-base-selection--disabled .n-base-selection-tags {

 cursor: not-allowed;
 background-color: var(--n-color-disabled);
 
}

.n-base-selection.n-base-selection--disabled .n-base-selection-placeholder {

 cursor: not-allowed;
 color: var(--n-placeholder-color-disabled);
 
}

.n-base-selection .n-base-selection-input-tag {

 height: calc(var(--n-height) - 6px);
 line-height: calc(var(--n-height) - 6px);
 outline: none;
 display: none;
 position: relative;
 margin-bottom: 3px;
 max-width: 100%;
 vertical-align: bottom;
 
}

.n-base-selection .n-base-selection-input-tag .n-base-selection-input-tag__input {

 font-size: inherit;
 font-family: inherit;
 min-width: 1px;
 padding: 0;
 background-color: #0000;
 outline: none;
 border: none;
 max-width: 100%;
 overflow: hidden;
 width: 1em;
 line-height: inherit;
 cursor: pointer;
 color: var(--n-text-color);
 caret-color: var(--n-caret-color);
 
}

.n-base-selection .n-base-selection-input-tag .n-base-selection-input-tag__mirror {

 position: absolute;
 left: 0;
 top: 0;
 white-space: pre;
 visibility: hidden;
 user-select: none;
 -webkit-user-select: none;
 opacity: 0;
 
}

.n-base-selection.n-base-selection--warning-status .n-base-selection__state-border {
border: var(--n-border-warning);
}

.n-base-selection.n-base-selection--warning-status:not(.n-base-selection--disabled):hover .n-base-selection__state-border {

 box-shadow: var(--n-box-shadow-hover-warning);
 border: var(--n-border-hover-warning);
 
}

.n-base-selection.n-base-selection--warning-status:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection__state-border {

 box-shadow: var(--n-box-shadow-active-warning);
 border: var(--n-border-active-warning);
 
}

.n-base-selection.n-base-selection--warning-status:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection-label {
background-color: var(--n-color-active-warning);
}

.n-base-selection.n-base-selection--warning-status:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection-tags {
background-color: var(--n-color-active-warning);
}

.n-base-selection.n-base-selection--warning-status:not(.n-base-selection--disabled).n-base-selection--focus .n-base-selection__state-border {

 box-shadow: var(--n-box-shadow-focus-warning);
 border: var(--n-border-focus-warning);
 
}

.n-base-selection.n-base-selection--error-status .n-base-selection__state-border {
border: var(--n-border-error);
}

.n-base-selection.n-base-selection--error-status:not(.n-base-selection--disabled):hover .n-base-selection__state-border {

 box-shadow: var(--n-box-shadow-hover-error);
 border: var(--n-border-hover-error);
 
}

.n-base-selection.n-base-selection--error-status:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection__state-border {

 box-shadow: var(--n-box-shadow-active-error);
 border: var(--n-border-active-error);
 
}

.n-base-selection.n-base-selection--error-status:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection-label {
background-color: var(--n-color-active-error);
}

.n-base-selection.n-base-selection--error-status:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection-tags {
background-color: var(--n-color-active-error);
}

.n-base-selection.n-base-selection--error-status:not(.n-base-selection--disabled).n-base-selection--focus .n-base-selection__state-border {

 box-shadow: var(--n-box-shadow-focus-error);
 border: var(--n-border-focus-error);
 
}

.n-base-selection-popover {

 margin-bottom: -3px;
 display: flex;
 flex-wrap: wrap;
 margin-right: -8px;
 
}

.n-base-selection-tag-wrapper {

 max-width: 100%;
 display: inline-flex;
 padding: 0 7px 3px 0;
 
}

.n-base-selection-tag-wrapper:last-child {
padding-right: 0;
}

.n-base-selection-tag-wrapper .n-tag {

 font-size: 14px;
 max-width: 100%;
 
}

.n-base-selection-tag-wrapper .n-tag .n-tag__content {

 line-height: 1.25;
 text-overflow: ellipsis;
 overflow: hidden;
 
}
.n-select {

 z-index: auto;
 outline: none;
 width: 100%;
 position: relative;
 font-weight: var(--n-font-weight);
 
}

.n-select-menu {

 margin: 4px 0;
 box-shadow: var(--n-menu-box-shadow);
 
}

.n-select-menu.fade-in-scale-up-transition-leave-active {
  transform-origin: inherit;
  transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1) ,background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier);
}

.n-select-menu.fade-in-scale-up-transition-enter-active {
  transform-origin: inherit;
  transition: opacity .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1) ,background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier);
}

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

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

 height: var(--n-height);
 min-width: var(--n-width);
 vertical-align: middle;
 user-select: none;
 -webkit-user-select: none;
 display: inline-flex;
 outline: none;
 justify-content: center;
 align-items: center;

}

.n-switch .n-switch__children-placeholder {

 height: var(--n-rail-height);
 display: flex;
 flex-direction: column;
 overflow: hidden;
 pointer-events: none;
 visibility: hidden;
 
}

.n-switch .n-switch__rail-placeholder {

 display: flex;
 flex-wrap: none;
 
}

.n-switch .n-switch__button-placeholder {

 width: calc(1.75 * var(--n-rail-height));
 height: var(--n-rail-height);
 
}

.n-switch .n-base-loading {

 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
 font-size: calc(var(--n-button-width) - 4px);
 color: var(--n-loading-color);
 transition: color .3s var(--n-bezier);
 
}

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

.n-switch .n-base-loading.icon-switch-transition-enter-to, .n-switch .n-base-loading.icon-switch-transition-leave-from {
  transform: scale(1) translateX(-50%) translateY(-50%);
  left: 50%;
  top: 50%;
  opacity: 1;
}

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

.n-switch .n-switch__checked, .n-switch .n-switch__unchecked {

 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
 box-sizing: border-box;
 position: absolute;
 white-space: nowrap;
 top: 0;
 bottom: 0;
 display: flex;
 align-items: center;
 line-height: 1;
 
}

.n-switch .n-switch__checked {

 right: 0;
 padding-right: calc(1.25 * var(--n-rail-height) - var(--n-offset));
 
}

.n-switch .n-switch__unchecked {

 left: 0;
 justify-content: flex-end;
 padding-left: calc(1.25 * var(--n-rail-height) - var(--n-offset));
 
}

.n-switch:focus .n-switch__rail {

 box-shadow: var(--n-box-shadow-focus);
 
}

.n-switch.n-switch--round .n-switch__rail {
border-radius: calc(var(--n-rail-height) / 2);
}

.n-switch.n-switch--round .n-switch__rail .n-switch__button {
border-radius: calc(var(--n-button-height) / 2);
}

.n-switch:not(.n-switch--disabled):not(.n-switch--icon).n-switch--rubber-band.n-switch--pressed .n-switch__rail .n-switch__button {
max-width: var(--n-button-width-pressed);
}

.n-switch:not(.n-switch--disabled):not(.n-switch--icon).n-switch--rubber-band .n-switch__rail:active .n-switch__button {
max-width: var(--n-button-width-pressed);
}

.n-switch:not(.n-switch--disabled):not(.n-switch--icon).n-switch--rubber-band.n-switch--active.n-switch--pressed .n-switch__rail .n-switch__button {
left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));
}

.n-switch:not(.n-switch--disabled):not(.n-switch--icon).n-switch--rubber-band.n-switch--active .n-switch__rail:active .n-switch__button {
left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));
}

.n-switch.n-switch--active .n-switch__rail .n-switch__button {
left: calc(100% - var(--n-button-width) - var(--n-offset))
}

.n-switch .n-switch__rail {

 overflow: hidden;
 height: var(--n-rail-height);
 min-width: var(--n-rail-width);
 border-radius: var(--n-rail-border-radius);
 cursor: pointer;
 position: relative;
 transition:
 opacity .3s var(--n-bezier),
 background .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier);
 background-color: var(--n-rail-color);
 
}

.n-switch .n-switch__rail .n-switch__button-icon {

 color: var(--n-icon-color);
 transition: color .3s var(--n-bezier);
 font-size: calc(var(--n-button-height) - 4px);
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 display: flex;
 justify-content: center;
 align-items: center;
 line-height: 1;
 
}

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

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

.n-switch .n-switch__rail .n-switch__button-icon.icon-switch-transition-enter-active, .n-switch .n-switch__rail .n-switch__button-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-switch .n-switch__rail .n-switch__button {

 align-items: center; 
 top: var(--n-offset);
 left: var(--n-offset);
 height: var(--n-button-height);
 width: var(--n-button-width-pressed);
 max-width: var(--n-button-width);
 border-radius: var(--n-button-border-radius);
 background-color: var(--n-button-color);
 box-shadow: var(--n-button-box-shadow);
 box-sizing: border-box;
 cursor: inherit;
 content: "";
 position: absolute;
 transition:
 background-color .3s var(--n-bezier),
 left .3s var(--n-bezier),
 opacity .3s var(--n-bezier),
 max-width .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier);
 
}

.n-switch.n-switch--active .n-switch__rail {
background-color: var(--n-rail-color-active);
}

.n-switch.n-switch--loading .n-switch__rail {

 cursor: wait;
 
}

.n-switch.n-switch--disabled .n-switch__rail {

 cursor: not-allowed;
 opacity: .5;
 
}
.n-card {

 font-size: var(--n-font-size);
 line-height: var(--n-line-height);
 display: flex;
 flex-direction: column;
 width: 100%;
 box-sizing: border-box;
 position: relative;
 border-radius: var(--n-border-radius);
 background-color: var(--n-color);
 color: var(--n-text-color);
 word-break: break-word;
 transition: 
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 
}

.n-card.n-modal {
  background: var(--n-color-modal);
}

.n-card.n-card--hoverable:hover {
box-shadow: var(--n-box-shadow);
}

.n-card.n-card--content-segmented > .n-card__content {
  padding-top: var(--n-padding-bottom);
}

.n-card.n-card--content-soft-segmented > .n-card__content {

 margin: 0 var(--n-padding-left);
 padding: var(--n-padding-bottom) 0;
 
}

.n-card.n-card--footer-segmented > .n-card__footer {
  padding-top: var(--n-padding-bottom);
}

.n-card.n-card--footer-soft-segmented > .n-card__footer {

 padding: var(--n-padding-bottom) 0;
 margin: 0 var(--n-padding-left);
 
}

.n-card > .n-card-header {

 box-sizing: border-box;
 display: flex;
 align-items: center;
 font-size: var(--n-title-font-size);
 padding:
 var(--n-padding-top)
 var(--n-padding-left)
 var(--n-padding-bottom)
 var(--n-padding-left);
 
}

.n-card > .n-card-header .n-card-header__main {

 font-weight: var(--n-title-font-weight);
 transition: color .3s var(--n-bezier);
 flex: 1;
 min-width: 0;
 color: var(--n-title-text-color);
 
}

.n-card > .n-card-header .n-card-header__extra {

 display: flex;
 align-items: center;
 font-size: var(--n-font-size);
 font-weight: 400;
 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
 
}

.n-card > .n-card-header .n-card-header__close {

 margin: 0 0 0 8px;
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 
}

.n-card > .n-card__action {

 box-sizing: border-box;
 transition:
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 background-clip: padding-box;
 background-color: var(--n-action-color);
 
}

.n-card > .n-card__content {
flex: 1; min-width: 0;
}

.n-card > .n-card__content, .n-card > .n-card__footer {

 box-sizing: border-box;
 padding: 0 var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);
 font-size: var(--n-font-size);
 
}

.n-card > .n-card__content:first-child, .n-card > .n-card__footer:first-child {
  padding-top: var(--n-padding-bottom);
}

.n-card > .n-card__action {

 background-color: var(--n-action-color);
 padding: var(--n-padding-bottom) var(--n-padding-left);
 border-bottom-left-radius: var(--n-border-radius);
 border-bottom-right-radius: var(--n-border-radius);
 
}

.n-card .n-card-cover {

 overflow: hidden;
 width: 100%;
 border-radius: var(--n-border-radius) var(--n-border-radius) 0 0;
 
}

.n-card .n-card-cover img {

 display: block;
 width: 100%;
 
}

.n-card.n-card--bordered {

 border: 1px solid var(--n-border-color);
 
}

.n-card.n-card--bordered:target {
border-color: var(--n-color-target);
}

.n-card.n-card--action-segmented > .n-card__action:not(:first-child) {
  border-top: 1px solid var(--n-border-color);
}

.n-card.n-card--content-segmented > .n-card__content, .n-card.n-card--content-soft-segmented > .n-card__content {
  transition: border-color 0.3s var(--n-bezier);
}

.n-card.n-card--content-segmented > .n-card__content:not(:first-child), .n-card.n-card--content-soft-segmented > .n-card__content:not(:first-child) {
  border-top: 1px solid var(--n-border-color);
}

.n-card.n-card--footer-segmented > .n-card__footer, .n-card.n-card--footer-soft-segmented > .n-card__footer {
  transition: border-color 0.3s var(--n-bezier);
}

.n-card.n-card--footer-segmented > .n-card__footer:not(:first-child), .n-card.n-card--footer-soft-segmented > .n-card__footer:not(:first-child) {
  border-top: 1px solid var(--n-border-color);
}

.n-card.n-card--embedded {

 background-color: var(--n-color-embedded);
 
}

.n-modal .n-card, .n-drawer .n-card {

 background: var(--n-color-modal);
 
}

.n-modal .n-card.n-card--embedded, .n-drawer .n-card.n-card--embedded {

 background-color: var(--n-color-embedded-modal);
 
}

.n-popover .n-card {

 background: var(--n-color-popover);
 
}

.n-popover .n-card.n-card--embedded {

 background-color: var(--n-color-embedded-popover);
 
}
.n-radio-group {

 display: inline-block;
 font-size: var(--n-font-size);

}

.n-radio-group .n-radio-group__splitor {

 display: inline-block;
 vertical-align: bottom;
 width: 1px;
 transition:
 background-color .3s var(--n-bezier),
 opacity .3s var(--n-bezier);
 background: var(--n-button-border-color);
 
}

.n-radio-group .n-radio-group__splitor.n-radio-group__splitor--checked {
  background-color: var(--n-button-border-color-active);
}

.n-radio-group .n-radio-group__splitor.n-radio-group__splitor--disabled {
  opacity: var(--n-opacity-disabled);
}

.n-radio-group.n-radio-group--button-group {

 white-space: nowrap;
 height: var(--n-height);
 line-height: var(--n-height);
 
}

.n-radio-group.n-radio-group--button-group .n-radio-button {
  height: var(--n-height);
  line-height: var(--n-height);
}

.n-radio-group.n-radio-group--button-group .n-radio-group__splitor {
  height: var(--n-height);
}

.n-radio-group .n-radio-button {

 vertical-align: bottom;
 outline: none;
 position: relative;
 user-select: none;
 -webkit-user-select: none;
 display: inline-block;
 box-sizing: border-box;
 padding-left: 14px;
 padding-right: 14px;
 white-space: nowrap;
 transition:
 background-color .3s var(--n-bezier),
 opacity .3s var(--n-bezier),
 border-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 background: var(--n-button-color);
 color: var(--n-button-text-color);
 border-top: 1px solid var(--n-button-border-color);
 border-bottom: 1px solid var(--n-button-border-color);
 
}

.n-radio-group .n-radio-button .n-radio-input {

 pointer-events: none;
 position: absolute;
 border: 0;
 border-radius: inherit;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 opacity: 0;
 z-index: 1;
 
}

.n-radio-group .n-radio-button .n-radio-button__state-border {

 z-index: 1;
 pointer-events: none;
 position: absolute;
 box-shadow: var(--n-button-box-shadow);
 transition: box-shadow .3s var(--n-bezier);
 left: -1px;
 bottom: -1px;
 right: -1px;
 top: -1px;
 
}

.n-radio-group .n-radio-button:first-child {

 border-top-left-radius: var(--n-button-border-radius);
 border-bottom-left-radius: var(--n-button-border-radius);
 border-left: 1px solid var(--n-button-border-color);
 
}

.n-radio-group .n-radio-button:first-child .n-radio-button__state-border {

 border-top-left-radius: var(--n-button-border-radius);
 border-bottom-left-radius: var(--n-button-border-radius);
 
}

.n-radio-group .n-radio-button:last-child {

 border-top-right-radius: var(--n-button-border-radius);
 border-bottom-right-radius: var(--n-button-border-radius);
 border-right: 1px solid var(--n-button-border-color);
 
}

.n-radio-group .n-radio-button:last-child .n-radio-button__state-border {

 border-top-right-radius: var(--n-button-border-radius);
 border-bottom-right-radius: var(--n-button-border-radius);
 
}

.n-radio-group .n-radio-button:not(.n-radio-button--disabled) {

 cursor: pointer;
 
}

.n-radio-group .n-radio-button:not(.n-radio-button--disabled):hover .n-radio-button__state-border {

 transition: box-shadow .3s var(--n-bezier);
 box-shadow: var(--n-button-box-shadow-hover);
 
}

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

.n-radio-group .n-radio-button:not(.n-radio-button--disabled).n-radio-button--focus:not(:active) .n-radio-button__state-border {
  box-shadow: var(--n-button-box-shadow-focus);
}

.n-radio-group .n-radio-button.n-radio-button--checked {

 background: var(--n-button-color-active);
 color: var(--n-button-text-color-active);
 border-color: var(--n-button-border-color-active);
 
}

.n-radio-group .n-radio-button.n-radio-button--disabled {

 cursor: not-allowed;
 opacity: var(--n-opacity-disabled);
 
}
.n-input-number-suffix {

 display: inline-block;
 margin-right: 10px;
 
}

.n-input-number-prefix {

 display: inline-block;
 margin-left: 10px;
 
}
.n-text {

 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);

}

.n-text.n-text--strong {

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

.n-text.n-text--italic {
  font-style: italic;
}

.n-text.n-text--underline {
  text-decoration: underline;
}

.n-text.n-text--code {

 line-height: 1.4;
 display: inline-block;
 font-family: var(--n-font-famliy-mono);
 transition: 
 color .3s var(--n-bezier),
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 box-sizing: border-box;
 padding: .05em .35em 0 .35em;
 border-radius: var(--n-code-border-radius);
 font-size: .9em;
 color: var(--n-code-text-color);
 background-color: var(--n-code-color);
 border: var(--n-code-border);
 
}
.n-checkbox {

 font-size: var(--n-font-size);
 outline: none;
 cursor: pointer;
 display: inline-flex;
 flex-wrap: nowrap;
 align-items: flex-start;
 word-break: break-word;
 line-height: var(--n-size);
 --n-merged-color-table: var(--n-color-table);
 
}

.n-checkbox.n-checkbox--show-label {
line-height: var(--n-label-line-height);
}

.n-checkbox:hover .n-checkbox-box .n-checkbox-box__border {
border: var(--n-border-checked);
}

.n-checkbox:focus:not(:active) .n-checkbox-box .n-checkbox-box__border {

 border: var(--n-border-focus);
 box-shadow: var(--n-box-shadow-focus);
 
}

.n-checkbox.n-checkbox--inside-table .n-checkbox-box {

 background-color: var(--n-merged-color-table);
 
}

.n-checkbox.n-checkbox--checked .n-checkbox-box {

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

.n-checkbox.n-checkbox--checked .n-checkbox-box .n-checkbox-icon .check-icon {

 opacity: 1;
 transform: scale(1);
 
}

.n-checkbox.n-checkbox--indeterminate .n-checkbox-box .n-checkbox-icon .check-icon {

 opacity: 0;
 transform: scale(.5);
 
}

.n-checkbox.n-checkbox--indeterminate .n-checkbox-box .n-checkbox-icon .line-icon {

 opacity: 1;
 transform: scale(1);
 
}

.n-checkbox.n-checkbox--checked:focus:not(:active) .n-checkbox-box .n-checkbox-box__border, .n-checkbox.n-checkbox--indeterminate:focus:not(:active) .n-checkbox-box .n-checkbox-box__border {

 border: var(--n-border-checked);
 box-shadow: var(--n-box-shadow-focus);
 
}

.n-checkbox.n-checkbox--checked .n-checkbox-box, .n-checkbox.n-checkbox--indeterminate .n-checkbox-box {

 background-color: var(--n-color-checked);
 border-left: 0;
 border-top: 0;
 
}

.n-checkbox.n-checkbox--checked .n-checkbox-box .n-checkbox-box__border, .n-checkbox.n-checkbox--indeterminate .n-checkbox-box .n-checkbox-box__border {
  border: var(--n-border-checked);
}

.n-checkbox.n-checkbox--disabled {
  cursor: not-allowed;
}

.n-checkbox.n-checkbox--disabled.n-checkbox--checked .n-checkbox-box {

 background-color: var(--n-color-disabled-checked);
 
}

.n-checkbox.n-checkbox--disabled.n-checkbox--checked .n-checkbox-box .n-checkbox-box__border {
  border: var(--n-border-disabled-checked);
}

.n-checkbox.n-checkbox--disabled.n-checkbox--checked .n-checkbox-box .n-checkbox-icon .check-icon, .n-checkbox.n-checkbox--disabled.n-checkbox--checked .n-checkbox-box .n-checkbox-icon .line-icon {
  fill: var(--n-check-mark-color-disabled-checked);
}

.n-checkbox.n-checkbox--disabled .n-checkbox-box {

 background-color: var(--n-color-disabled);
 
}

.n-checkbox.n-checkbox--disabled .n-checkbox-box .n-checkbox-box__border {

 border: var(--n-border-disabled);
 
}

.n-checkbox.n-checkbox--disabled .n-checkbox-box .n-checkbox-icon .check-icon, .n-checkbox.n-checkbox--disabled .n-checkbox-box .n-checkbox-icon .line-icon {

 fill: var(--n-check-mark-color-disabled);
 
}

.n-checkbox.n-checkbox--disabled .n-checkbox__label {

 color: var(--n-text-color-disabled);
 
}

.n-checkbox .n-checkbox-box-wrapper {

 position: relative;
 width: var(--n-size);
 flex-shrink: 0;
 flex-grow: 0;
 user-select: none;
 -webkit-user-select: none;
 
}

.n-checkbox .n-checkbox-box {

 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 height: var(--n-size);
 width: var(--n-size);
 display: inline-block;
 box-sizing: border-box;
 border-radius: var(--n-border-radius);
 background-color: var(--n-color);
 transition: background-color 0.3s var(--n-bezier);
 
}

.n-checkbox .n-checkbox-box .n-checkbox-box__border {

 transition:
 border-color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier);
 border-radius: inherit;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 border: var(--n-border);
 
}

.n-checkbox .n-checkbox-box .n-checkbox-icon {

 display: flex;
 align-items: center;
 justify-content: center;
 position: absolute;
 left: 1px;
 right: 1px;
 top: 1px;
 bottom: 1px;
 
}

.n-checkbox .n-checkbox-box .n-checkbox-icon .check-icon, .n-checkbox .n-checkbox-box .n-checkbox-icon .line-icon {

 width: 100%;
 fill: var(--n-check-mark-color);
 opacity: 0;
 transform: scale(0.5);
 transform-origin: center;
 transition:
 fill 0.3s var(--n-bezier),
 transform 0.3s var(--n-bezier),
 opacity 0.3s var(--n-bezier),
 border-color 0.3s var(--n-bezier);
 
}

.n-checkbox .n-checkbox-box .n-checkbox-icon.icon-switch-transition-enter-from, .n-checkbox .n-checkbox-box .n-checkbox-icon.icon-switch-transition-leave-to {
  transform:  scale(0.75);
  left: 1px;
  top: 1px;
  opacity: 0;
}

.n-checkbox .n-checkbox-box .n-checkbox-icon.icon-switch-transition-enter-to, .n-checkbox .n-checkbox-box .n-checkbox-icon.icon-switch-transition-leave-from {
  transform: scale(1) ;
  left: 1px;
  top: 1px;
  opacity: 1;
}

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

.n-checkbox .n-checkbox__label {

 color: var(--n-text-color);
 transition: color .3s var(--n-bezier);
 user-select: none;
 -webkit-user-select: none;
 padding: var(--n-label-padding);
 font-weight: var(--n-label-font-weight);
 
}

.n-checkbox .n-checkbox__label:empty {
  display: none;
}

.n-modal .n-checkbox, .n-drawer .n-checkbox {

 --n-merged-color-table: var(--n-color-table-modal);
 
}

.n-popover .n-checkbox {

 --n-merged-color-table: var(--n-color-table-popover);
 
}
.n-code {

 font-size: var(--n-font-size);
 font-family: var(--n-font-family);
 
}

.n-code.n-code--show-line-numbers {

 display: flex;
 
}

.n-code .n-code__line-numbers {

 user-select: none;
 padding-right: 12px;
 text-align: right;
 transition: color .3s var(--n-bezier);
 color: var(--n-line-number-text-color);
 
}

.n-code.n-code--word-wrap pre {

 white-space: pre-wrap;
 word-break: break-all;
 
}

.n-code pre {

 margin: 0;
 line-height: inherit;
 font-size: inherit;
 font-family: inherit;
 
}

.n-code [class^=hljs] {

 color: var(--n-text-color);
 transition: 
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 
}


.n-code .hljs-comment,
 .n-code .hljs-quote {
 color: var(--n-mono-3);
 font-style: italic;
 }



.n-code .hljs-doctag,
 .n-code .hljs-keyword,
 .n-code .hljs-formula {
 color: var(--n-hue-3);
 }



.n-code .hljs-section,
 .n-code .hljs-name,
 .n-code .hljs-selector-tag,
 .n-code .hljs-deletion,
 .n-code .hljs-subst {
 color: var(--n-hue-5);
 }



.n-code .hljs-literal {
 color: var(--n-hue-1);
 }



.n-code .hljs-string,
 .n-code .hljs-regexp,
 .n-code .hljs-addition,
 .n-code .hljs-attribute,
 .n-code .hljs-meta-string {
 color: var(--n-hue-4);
 }



.n-code .hljs-built_in,
 .n-code .hljs-class .hljs-title {
 color: var(--n-hue-6-2);
 }



.n-code .hljs-attr,
 .n-code .hljs-variable,
 .n-code .hljs-template-variable,
 .n-code .hljs-type,
 .n-code .hljs-selector-class,
 .n-code .hljs-selector-attr,
 .n-code .hljs-selector-pseudo,
 .n-code .hljs-number {
 color: var(--n-hue-6);
 }



.n-code .hljs-symbol,
 .n-code .hljs-bullet,
 .n-code .hljs-link,
 .n-code .hljs-meta,
 .n-code .hljs-selector-id,
 .n-code .hljs-title {
 color: var(--n-hue-2);
 }



.n-code .hljs-emphasis {
 font-style: italic;
 }



.n-code .hljs-strong {
 font-weight: var(--n-font-weight-strong);
 }



.n-code .hljs-link {
 text-decoration: underline;
 }
.n-collapse {
width: 100%;
}

.n-collapse .n-collapse-item {

 font-size: var(--n-font-size);
 color: var(--n-text-color);
 transition:
 color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 margin: var(--n-item-margin);
 
}

.n-collapse .n-collapse-item.n-collapse-item--disabled .n-collapse-item__header {
cursor: not-allowed;
}

.n-collapse .n-collapse-item.n-collapse-item--disabled .n-collapse-item__header .n-collapse-item__header-main {

 color: var(--n-title-text-color-disabled);
 
}

.n-collapse .n-collapse-item.n-collapse-item--disabled .n-collapse-item__header .n-collapse-item-arrow {

 color: var(--n-arrow-color-disabled);
 
}

.n-collapse .n-collapse-item .n-collapse-item {
margin-left: 32px;
}

.n-collapse .n-collapse-item:first-child {
margin-top: 0;
}

.n-collapse .n-collapse-item:first-child > .n-collapse-item__header {
padding-top: 0;
}

.n-collapse .n-collapse-item.n-collapse-item--left-arrow-placement .n-collapse-item__header .n-collapse-item-arrow {
margin-right: 4px;
}

.n-collapse .n-collapse-item.n-collapse-item--right-arrow-placement .n-collapse-item__header .n-collapse-item-arrow {
margin-left: 4px;
}

.n-collapse .n-collapse-item .n-collapse-item__content-wrapper .n-collapse-item__content-inner {
padding-top: 16px;
}

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

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

.n-collapse .n-collapse-item .n-collapse-item__content-wrapper.fade-in-height-expand-transition-leave-active {

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

.n-collapse .n-collapse-item .n-collapse-item__content-wrapper.fade-in-height-expand-transition-enter-active {

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

.n-collapse .n-collapse-item.n-collapse-item--active .n-collapse-item__header.n-collapse-item__header--active .n-collapse-item-arrow {
transform: rotate(90deg);
}

.n-collapse .n-collapse-item:not(:first-child) {
border-top: 1px solid var(--n-divider-color);
}

.n-collapse .n-collapse-item:not(.n-collapse-item--disabled).n-collapse-item--trigger-area-main .n-collapse-item__header .n-collapse-item__header-main {
cursor: pointer;
}

.n-collapse .n-collapse-item:not(.n-collapse-item--disabled).n-collapse-item--trigger-area-main .n-collapse-item__header .n-collapse-item-arrow {
cursor: default;
}

.n-collapse .n-collapse-item:not(.n-collapse-item--disabled).n-collapse-item--trigger-area-arrow .n-collapse-item__header .n-collapse-item-arrow {
cursor: pointer;
}

.n-collapse .n-collapse-item:not(.n-collapse-item--disabled).n-collapse-item--trigger-area-extra .n-collapse-item__header .n-collapse-item__header-extra {
cursor: pointer;
}

.n-collapse .n-collapse-item .n-collapse-item__header {

 font-size: var(--n-title-font-size);
 display: flex;
 flex-wrap: nowrap;
 align-items: center;
 transition: color .3s var(--n-bezier);
 position: relative;
 padding: var(--n-title-padding);
 color: var(--n-title-text-color);
 
}

.n-collapse .n-collapse-item .n-collapse-item__header .n-collapse-item__header-main {

 display: flex;
 flex-wrap: nowrap;
 align-items: center;
 font-weight: var(--n-title-font-weight);
 transition: color .3s var(--n-bezier);
 flex: 1;
 color: var(--n-title-text-color);
 
}

.n-collapse .n-collapse-item .n-collapse-item__header .n-collapse-item__header-extra {

 display: flex;
 align-items: center;
 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
 
}

.n-collapse .n-collapse-item .n-collapse-item__header .n-collapse-item-arrow {

 display: flex;
 transition:
 transform .15s var(--n-bezier),
 color .3s var(--n-bezier);
 font-size: 18px;
 color: var(--n-arrow-color);
 
}
.n-radio {

 line-height: var(--n-label-line-height);
 outline: none;
 position: relative;
 user-select: none;
 -webkit-user-select: none;
 display: inline-flex;
 align-items: flex-start;
 flex-wrap: nowrap;
 font-size: var(--n-font-size);
 word-break: break-word;

}

.n-radio.n-radio--checked .n-radio__dot {

 background-color: var(--n-color-active);
 
}

.n-radio .n-radio__dot-wrapper {

 position: relative;
 flex-shrink: 0;
 flex-grow: 0;
 width: var(--n-radio-size);
 
}

.n-radio .n-radio-input {

 position: absolute;
 border: 0;
 width: 0;
 height: 0;
 opacity: 0;
 margin: 0;
 
}

.n-radio .n-radio__dot {

 position: absolute;
 top: 50%;
 left: 0;
 transform: translateY(-50%);
 height: var(--n-radio-size);
 width: var(--n-radio-size);
 background: var(--n-color);
 box-shadow: var(--n-box-shadow);
 border-radius: 50%;
 transition:
 background-color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier);
 
}

.n-radio .n-radio__dot::before {

 content: "";
 opacity: 0;
 position: absolute;
 left: 4px;
 top: 4px;
 height: calc(100% - 8px);
 width: calc(100% - 8px);
 border-radius: 50%;
 transform: scale(.8);
 background: var(--n-dot-color-active);
 transition: 
 opacity .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 transform .3s var(--n-bezier);
 
}

.n-radio .n-radio__dot.n-radio__dot--checked {
  box-shadow: var(--n-box-shadow-active);
}

.n-radio .n-radio__dot.n-radio__dot--checked::before {

 opacity: 1;
 transform: scale(1);
 
}

.n-radio .n-radio__label {

 color: var(--n-text-color);
 padding: var(--n-label-padding);
 font-weight: var(--n-label-font-weight);
 display: inline-block;
 transition: color .3s var(--n-bezier);
 
}

.n-radio:not(.n-radio--disabled) {

 cursor: pointer;
 
}

.n-radio:not(.n-radio--disabled):hover .n-radio__dot {
  box-shadow: var(--n-box-shadow-hover);
}

.n-radio:not(.n-radio--disabled).n-radio--focus:not(:active) .n-radio__dot {
  box-shadow: var(--n-box-shadow-focus);
}

.n-radio.n-radio--disabled {

 cursor: not-allowed;
 
}

.n-radio.n-radio--disabled .n-radio__dot {
  box-shadow: var(--n-box-shadow-disabled);
  background-color: var(--n-color-disabled);
}

.n-radio.n-radio--disabled .n-radio__dot::before {
  background-color: var(--n-dot-color-disabled);
}

.n-radio.n-radio--disabled .n-radio__dot.n-radio__dot--checked {

 opacity: 1;
 
}

.n-radio.n-radio--disabled .n-radio__label {
  color: var(--n-text-color-disabled);
}

.n-radio.n-radio--disabled .n-radio-input {

 cursor: not-allowed;
 
}
.n-alert {

 line-height: var(--n-line-height);
 border-radius: var(--n-border-radius);
 position: relative;
 transition: background-color .3s var(--n-bezier);
 background-color: var(--n-color);
 text-align: start;
 word-break: break-word;

}

.n-alert .n-alert__border {

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

.n-alert.n-alert--closable .n-alert-body .n-alert-body__title {

 padding-right: 24px;
 
}

.n-alert .n-alert__icon {
  color: var(--n-icon-color);
}

.n-alert .n-alert-body {
  padding: var(--n-padding);
}

.n-alert .n-alert-body .n-alert-body__title {
  color: var(--n-title-text-color);
}

.n-alert .n-alert-body .n-alert-body__content {
  color: var(--n-content-text-color);
}

.n-alert.fade-in-height-expand-transition-leave-from, .n-alert.fade-in-height-expand-transition-enter-to {
  transform: scale(1);
  opacity: 1;
}

.n-alert.fade-in-height-expand-transition-leave-to, .n-alert.fade-in-height-expand-transition-enter-from {
  transform: scale(0.9);
  opacity: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.n-alert.fade-in-height-expand-transition-leave-active {

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

.n-alert.fade-in-height-expand-transition-enter-active {

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

.n-alert .n-alert__icon {

 position: absolute;
 left: 0;
 top: 0;
 align-items: center;
 justify-content: center;
 display: flex;
 width: var(--n-icon-size);
 height: var(--n-icon-size);
 font-size: var(--n-icon-size);
 margin: var(--n-icon-margin);
 
}

.n-alert .n-alert__close {

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

.n-alert.n-alert--show-icon .n-alert-body {
  padding-left: calc(var(--n-icon-margin-left) + var(--n-icon-size) + var(--n-icon-margin-right));
}

.n-alert.n-alert--right-adjust .n-alert-body {
  padding-right: calc(var(--n-close-size) + var(--n-padding) + 2px);
}

.n-alert .n-alert-body {

 border-radius: var(--n-border-radius);
 transition: border-color .3s var(--n-bezier);
 
}

.n-alert .n-alert-body .n-alert-body__title {

 transition: color .3s var(--n-bezier);
 font-size: 16px;
 line-height: 19px;
 font-weight: var(--n-title-font-weight);
 
}

.n-alert .n-alert-body .n-alert-body__title + .n-alert-body__content {
  margin-top: 9px;
}

.n-alert .n-alert-body .n-alert-body__content {
  transition: color .3s var(--n-bezier);
  font-size: var(--n-font-size);
}

.n-alert .n-alert__icon {
  transition: color .3s var(--n-bezier);
}
.n-slider {

 display: block;
 padding: calc((var(--n-handle-size) - var(--n-rail-height)) / 2) 0;
 position: relative;
 z-index: 0;
 width: 100%;
 cursor: pointer;
 user-select: none;
 -webkit-user-select: none;
 
}

.n-slider.n-slider--reverse .n-slider-handles .n-slider-handle-wrapper {

 transform: translate(50%, -50%);
 
}

.n-slider.n-slider--reverse .n-slider-dots .n-slider-dot {

 transform: translateX(50%, -50%);
 
}

.n-slider.n-slider--reverse.n-slider--vertical .n-slider-handles .n-slider-handle-wrapper {

 transform: translate(-50%, -50%);
 
}

.n-slider.n-slider--reverse.n-slider--vertical .n-slider-marks .n-slider-mark {

 transform: translateY(calc(-50% + var(--n-dot-height) / 2));
 
}

.n-slider.n-slider--reverse.n-slider--vertical .n-slider-dots .n-slider-dot {

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

.n-slider.n-slider--vertical {

 box-sizing: content-box;
 padding: 0 calc((var(--n-handle-size) - var(--n-rail-height)) / 2);
 width: var(--n-rail-width-vertical);
 height: 100%;
 
}

.n-slider.n-slider--vertical .n-slider-handles {

 top: calc(var(--n-handle-size) / 2);
 right: 0;
 bottom: calc(var(--n-handle-size) / 2);
 left: 0;
 
}

.n-slider.n-slider--vertical .n-slider-handles .n-slider-handle-wrapper {

 top: unset;
 left: 50%;
 transform: translate(-50%, 50%);
 
}

.n-slider.n-slider--vertical .n-slider-rail {

 height: 100%;
 
}

.n-slider.n-slider--vertical .n-slider-rail .n-slider-rail__fill {

 top: unset;
 right: 0;
 bottom: unset;
 left: 0;
 
}

.n-slider.n-slider--vertical.n-slider--with-mark {

 width: var(--n-rail-width-vertical);
 margin: 0 32px 0 8px;
 
}

.n-slider.n-slider--vertical .n-slider-marks {

 top: calc(var(--n-handle-size) / 2);
 right: unset;
 bottom: calc(var(--n-handle-size) / 2);
 left: 22px;
 font-size: var(--n-mark-font-size);
 
}

.n-slider.n-slider--vertical .n-slider-marks .n-slider-mark {

 transform: translateY(50%);
 white-space: nowrap;
 
}

.n-slider.n-slider--vertical .n-slider-dots {

 top: calc(var(--n-handle-size) / 2);
 right: unset;
 bottom: calc(var(--n-handle-size) / 2);
 left: 50%;
 
}

.n-slider.n-slider--vertical .n-slider-dots .n-slider-dot {

 transform: translateX(-50%) translateY(50%);
 
}

.n-slider.n-slider--disabled {

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

.n-slider.n-slider--disabled .n-slider-handle {

 cursor: not-allowed;
 
}

.n-slider.n-slider--with-mark {

 width: 100%;
 margin: 8px 0 32px 0;
 
}

.n-slider:hover .n-slider-rail {
  background-color: var(--n-rail-color-hover);
}

.n-slider:hover .n-slider-rail .n-slider-rail__fill {
  background-color: var(--n-fill-color-hover);
}

.n-slider:hover .n-slider-handle {
  box-shadow: var(--n-handle-box-shadow-hover);
}

.n-slider.n-slider--active .n-slider-rail {
  background-color: var(--n-rail-color-hover);
}

.n-slider.n-slider--active .n-slider-rail .n-slider-rail__fill {
  background-color: var(--n-fill-color-hover);
}

.n-slider.n-slider--active .n-slider-handle {
  box-shadow: var(--n-handle-box-shadow-hover);
}

.n-slider .n-slider-marks {

 position: absolute;
 top: 18px;
 left: calc(var(--n-handle-size) / 2);
 right: calc(var(--n-handle-size) / 2);
 
}

.n-slider .n-slider-marks .n-slider-mark {

 position: absolute;
 transform: translateX(-50%);
 white-space: nowrap;
 
}

.n-slider .n-slider-rail {

 width: 100%;
 position: relative;
 height: var(--n-rail-height);
 background-color: var(--n-rail-color);
 transition: background-color .3s var(--n-bezier);
 border-radius: calc(var(--n-rail-height) / 2);
 
}

.n-slider .n-slider-rail .n-slider-rail__fill {

 position: absolute;
 top: 0;
 bottom: 0;
 border-radius: calc(var(--n-rail-height) / 2);
 transition: background-color .3s var(--n-bezier);
 background-color: var(--n-fill-color);
 
}

.n-slider .n-slider-handles {

 position: absolute;
 top: 0;
 right: calc(var(--n-handle-size) / 2);
 bottom: 0;
 left: calc(var(--n-handle-size) / 2);
 
}

.n-slider .n-slider-handles .n-slider-handle-wrapper {

 outline: none;
 position: absolute;
 top: 50%;
 transform: translate(-50%, -50%);
 cursor: pointer;
 display: flex;
 
}

.n-slider .n-slider-handles .n-slider-handle-wrapper .n-slider-handle {

 height: var(--n-handle-size);
 width: var(--n-handle-size);
 border-radius: 50%;
 overflow: hidden;
 transition: box-shadow .2s var(--n-bezier), background-color .3s var(--n-bezier);
 background-color: var(--n-handle-color);
 box-shadow: var(--n-handle-box-shadow);
 
}

.n-slider .n-slider-handles .n-slider-handle-wrapper .n-slider-handle:hover {

 box-shadow: var(--n-handle-box-shadow-hover);
 
}

.n-slider .n-slider-handles .n-slider-handle-wrapper:focus .n-slider-handle {

 box-shadow: var(--n-handle-box-shadow-focus);
 
}

.n-slider .n-slider-handles .n-slider-handle-wrapper:focus .n-slider-handle:hover {

 box-shadow: var(--n-handle-box-shadow-active);
 
}

.n-slider .n-slider-dots {

 position: absolute;
 top: 50%;
 left: calc(var(--n-handle-size) / 2);
 right: calc(var(--n-handle-size) / 2);
 
}

.n-slider .n-slider-dots.n-slider-dots--transition-disabled .n-slider-dot {
transition: none;
}

.n-slider .n-slider-dots .n-slider-dot {

 transition:
 border-color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 position: absolute;
 transform: translate(-50%, -50%);
 height: var(--n-dot-height);
 width: var(--n-dot-width);
 border-radius: var(--n-dot-border-radius);
 overflow: hidden;
 box-sizing: border-box;
 border: var(--n-dot-border);
 background-color: var(--n-dot-color);
 
}

.n-slider .n-slider-dots .n-slider-dot.n-slider-dot--active {
border: var(--n-dot-border-active);
}

.n-slider-handle-indicator {

 font-size: var(--n-font-size);
 padding: 6px 10px;
 border-radius: var(--n-indicator-border-radius);
 color: var(--n-indicator-text-color);
 background-color: var(--n-indicator-color);
 box-shadow: var(--n-indicator-box-shadow);
 
}

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

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

.n-slider-handle-indicator.fade-in-scale-up-transition-enter-from, .n-slider-handle-indicator.fade-in-scale-up-transition-leave-to {
  opacity: 0;
  transform:  scale(.9);
}

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

.n-slider-handle-indicator {

 font-size: var(--n-font-size);
 padding: 6px 10px;
 border-radius: var(--n-indicator-border-radius);
 color: var(--n-indicator-text-color);
 background-color: var(--n-indicator-color);
 box-shadow: var(--n-indicator-box-shadow);
 
}

.n-slider-handle-indicator.n-slider-handle-indicator--top {

 margin-bottom: 12px;
 
}

.n-slider-handle-indicator.n-slider-handle-indicator--right {

 margin-left: 12px;
 
}

.n-slider-handle-indicator.n-slider-handle-indicator--bottom {

 margin-top: 12px;
 
}

.n-slider-handle-indicator.n-slider-handle-indicator--left {

 margin-right: 12px;
 
}

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

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

.n-slider-handle-indicator.fade-in-scale-up-transition-enter-from, .n-slider-handle-indicator.fade-in-scale-up-transition-leave-to {
  opacity: 0;
  transform:  scale(.9);
}

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

.n-modal .n-slider .n-slider-dot, .n-drawer .n-slider .n-slider-dot {
background-color: var(--n-dot-color-modal);
}

.n-popover .n-slider .n-slider-dot {
background-color: var(--n-dot-color-popover);
}
.n-upload {
width: 100%;
}

.n-upload.n-upload--dragger-inside .n-upload-trigger {

 display: block;
 
}

.n-upload.n-upload--drag-over .n-upload-dragger {

 border: var(--n-dragger-border-hover);
 
}

.n-upload-dragger {

 cursor: pointer;
 box-sizing: border-box;
 width: 100%;
 text-align: center;
 border-radius: var(--n-border-radius);
 padding: 24px;
 opacity: 1;
 transition:
 opacity .3s var(--n-bezier),
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 background-color: var(--n-dragger-color);
 border: var(--n-dragger-border);
 
}

.n-upload-dragger:hover {

 border: var(--n-dragger-border-hover);
 
}

.n-upload-dragger.n-upload-dragger--disabled {

 cursor: not-allowed;
 
}

.n-upload-trigger {

 display: inline-block;
 box-sizing: border-box;
 opacity: 1;
 transition: opacity .3s var(--n-bezier);
 
}

.n-upload-trigger + .n-upload-file-list {
margin-top: 8px;
}

.n-upload-trigger.n-upload-trigger--disabled {

 opacity: var(--n-item-disabled-opacity);
 cursor: not-allowed;
 
}

.n-upload-trigger.n-upload-trigger--image-card {

 width: 96px;
 height: 96px;
 
}

.n-upload-trigger.n-upload-trigger--image-card .n-base-icon {

 font-size: 24px;
 
}

.n-upload-trigger.n-upload-trigger--image-card .n-upload-dragger {

 padding: 0;
 height: 100%;
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 
}

.n-upload-file-list {

 line-height: var(--n-line-height);
 opacity: 1;
 transition: opacity .3s var(--n-bezier);
 
}

.n-upload-file-list a, .n-upload-file-list img {
outline: none;
}

.n-upload-file-list.n-upload-file-list--disabled {

 opacity: var(--n-item-disabled-opacity);
 cursor: not-allowed;
 
}

.n-upload-file-list.n-upload-file-list--disabled .n-upload-file {
cursor: not-allowed;
}

.n-upload-file-list.n-upload-file-list--grid {

 display: grid;
 grid-template-columns: repeat(auto-fill, 96px);
 grid-gap: 8px;
 margin-top: 0;
 
}

.n-upload-file-list .n-upload-file {

 display: block;
 box-sizing: border-box;
 cursor: default;
 padding: 0px 12px 0 6px;
 transition: background-color .3s var(--n-bezier);
 border-radius: var(--n-border-radius);
 
}

.n-upload-file-list .n-upload-file.fade-in-height-expand-transition-leave-from, .n-upload-file-list .n-upload-file.fade-in-height-expand-transition-enter-to {
  opacity: 1;
}

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

.n-upload-file-list .n-upload-file.fade-in-height-expand-transition-leave-active {

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

.n-upload-file-list .n-upload-file.fade-in-height-expand-transition-enter-active {

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

.n-upload-file-list .n-upload-file .n-progress.fade-in-height-expand-transition-leave-from, .n-upload-file-list .n-upload-file .n-progress.fade-in-height-expand-transition-enter-to {
  opacity: 1;
}

.n-upload-file-list .n-upload-file .n-progress.fade-in-height-expand-transition-leave-to, .n-upload-file-list .n-upload-file .n-progress.fade-in-height-expand-transition-enter-from {
  opacity: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.n-upload-file-list .n-upload-file .n-progress.fade-in-height-expand-transition-leave-active {

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

.n-upload-file-list .n-upload-file .n-progress.fade-in-height-expand-transition-enter-active {

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

.n-upload-file-list .n-upload-file:hover {

 background-color: var(--n-item-color-hover);
 
}

.n-upload-file-list .n-upload-file:hover .n-upload-file-info .n-upload-file-info__action {

 opacity: 1;
 
}

.n-upload-file-list .n-upload-file.n-upload-file--image-type {

 border-radius: var(--n-border-radius);
 text-decoration: underline;
 text-decoration-color: #0000;
 
}

.n-upload-file-list .n-upload-file.n-upload-file--image-type .n-upload-file-info {

 padding-top: 0px;
 padding-bottom: 0px;
 width: 100%;
 height: 100%;
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 6px 0;
 
}

.n-upload-file-list .n-upload-file.n-upload-file--image-type .n-upload-file-info .n-progress {

 padding: 2px 0;
 margin-bottom: 0;
 
}

.n-upload-file-list .n-upload-file.n-upload-file--image-type .n-upload-file-info .n-upload-file-info__name {

 padding: 0 8px;
 
}

.n-upload-file-list .n-upload-file.n-upload-file--image-type .n-upload-file-info .n-upload-file-info__thumbnail {

 width: 32px;
 height: 32px;
 font-size: 28px;
 display: flex;
 justify-content: center;
 align-items: center;
 
}

.n-upload-file-list .n-upload-file.n-upload-file--image-type .n-upload-file-info .n-upload-file-info__thumbnail img {

 width: 100%;
 
}

.n-upload-file-list .n-upload-file.n-upload-file--text-type .n-progress {

 box-sizing: border-box;
 padding-bottom: 6px;
 margin-bottom: 6px;
 
}

.n-upload-file-list .n-upload-file.n-upload-file--image-card-type {

 position: relative;
 width: 96px;
 height: 96px;
 border: var(--n-item-border-image-card);
 border-radius: var(--n-border-radius);
 padding: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: border-color .3s var(--n-bezier), background-color .3s var(--n-bezier);
 border-radius: var(--n-border-radius);
 overflow: hidden;
 
}

.n-upload-file-list .n-upload-file.n-upload-file--image-card-type .n-progress {

 position: absolute;
 left: 8px;
 bottom: 8px;
 right: 8px;
 width: unset;
 
}

.n-upload-file-list .n-upload-file.n-upload-file--image-card-type .n-upload-file-info {

 padding: 0;
 width: 100%;
 height: 100%;
 
}

.n-upload-file-list .n-upload-file.n-upload-file--image-card-type .n-upload-file-info .n-upload-file-info__thumbnail {

 width: 100%;
 height: 100%;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 font-size: 36px;
 
}

.n-upload-file-list .n-upload-file.n-upload-file--image-card-type .n-upload-file-info .n-upload-file-info__thumbnail img {

 width: 100%;
 
}

.n-upload-file-list .n-upload-file.n-upload-file--image-card-type::before {

 position: absolute;
 z-index: 1;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 border-radius: inherit;
 opacity: 0;
 transition: opacity .2s var(--n-bezier);
 content: "";
 
}

.n-upload-file-list .n-upload-file.n-upload-file--image-card-type:hover::before {
opacity: 1;
}

.n-upload-file-list .n-upload-file.n-upload-file--image-card-type:hover .n-upload-file-info .n-upload-file-info__thumbnail {
opacity: .12;
}

.n-upload-file-list .n-upload-file.n-upload-file--error-status:hover {

 background-color: var(--n-item-color-hover-error);
 
}

.n-upload-file-list .n-upload-file.n-upload-file--error-status .n-upload-file-info .n-upload-file-info__name {
color: var(--n-item-text-color-error);
}

.n-upload-file-list .n-upload-file.n-upload-file--error-status .n-upload-file-info .n-upload-file-info__thumbnail {
color: var(--n-item-text-color-error);
}

.n-upload-file-list .n-upload-file.n-upload-file--error-status.n-upload-file--image-card-type {

 border: var(--n-item-border-image-card-error);
 
}

.n-upload-file-list .n-upload-file.n-upload-file--with-url {

 cursor: pointer;
 
}

.n-upload-file-list .n-upload-file.n-upload-file--with-url .n-upload-file-info .n-upload-file-info__name {

 color: var(--n-item-text-color-success);
 text-decoration-color: var(--n-item-text-color-success);
 
}

.n-upload-file-list .n-upload-file.n-upload-file--with-url .n-upload-file-info .n-upload-file-info__name a {

 text-decoration: underline;
 
}

.n-upload-file-list .n-upload-file .n-upload-file-info {

 position: relative;
 padding-top: 6px;
 padding-bottom: 6px;
 display: flex;
 flex-wrap: nowrap;
 
}

.n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__thumbnail {

 font-size: 18px;
 opacity: 1;
 transition: opacity .2s var(--n-bezier);
 color: var(--n-item-icon-color);
 
}

.n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__thumbnail .n-base-icon {

 margin-right: 2px;
 vertical-align: middle;
 transition: color .3s var(--n-bezier);
 
}

.n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action {

 padding-top: inherit;
 padding-bottom: inherit;
 position: absolute;
 right: 0;
 top: 0;
 bottom: 0;
 width: 80px;
 display: flex;
 align-items: center;
 transition: opacity .2s var(--n-bezier);
 justify-content: flex-end;
 opacity: 0;
 
}

.n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action .n-button:not(:last-child) {
  margin-right: 4px;
}

.n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action .n-button .n-base-icon svg.icon-switch-transition-enter-from, .n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action .n-button .n-base-icon svg.icon-switch-transition-leave-to {
  transform:  scale(0.75);
  left: 0;
  top: 0;
  opacity: 0;
}

.n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action .n-button .n-base-icon svg.icon-switch-transition-enter-to, .n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action .n-button .n-base-icon svg.icon-switch-transition-leave-from {
  transform: scale(1) ;
  left: 0;
  top: 0;
  opacity: 1;
}

.n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action .n-button .n-base-icon svg.icon-switch-transition-enter-active, .n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action .n-button .n-base-icon svg.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-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-type {

 position: relative;
 max-width: 80px;
 width: auto;
 
}

.n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type {

 z-index: 2;
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 right: 0;
 bottom: 0;
 top: 0;
 display: flex;
 justify-content: center;
 align-items: center;
 
}

.n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__name {

 color: var(--n-item-text-color);
 flex: 1;
 display: flex;
 justify-content: center;
 text-overflow: ellipsis;
 overflow: hidden;
 flex-direction: column;
 text-decoration-color: #0000;
 font-size: var(--n-font-size);
 transition:
 color .3s var(--n-bezier),
 text-decoration-color .3s var(--n-bezier); 
 
}

.n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__name a {

 color: inherit;
 text-decoration: underline;
 
}

.n-upload-file-input {

 display: none;
 width: 0;
 height: 0;
 opacity: 0;
 
}
.n-divider {

 position: relative;
 display: flex;
 width: 100%;
 box-sizing: border-box;
 font-size: 16px;
 color: var(--n-text-color);
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);

}

.n-divider:not(.n-divider--vertical) {

 margin-top: 24px;
 margin-bottom: 24px;
 
}

.n-divider:not(.n-divider--vertical):not(.n-divider--no-title) {

 display: flex;
 align-items: center;
 
}

.n-divider .n-divider__title {

 display: flex;
 align-items: center;
 margin-left: 12px;
 margin-right: 12px;
 white-space: nowrap;
 font-weight: var(--n-font-weight);
 
}

.n-divider.n-divider--title-position-left .n-divider__line.n-divider__line--left {
  width: 28px;
}

.n-divider.n-divider--title-position-right .n-divider__line.n-divider__line--right {
  width: 28px;
}

.n-divider.n-divider--dashed .n-divider__line {

 background-color: #0000;
 height: 0px;
 width: 100%;
 border-style: dashed;
 border-width: 1px 0 0;
 
}

.n-divider.n-divider--vertical {

 display: inline-block;
 height: 1em;
 margin: 0 8px;
 vertical-align: middle;
 width: 1px;
 
}

.n-divider .n-divider__line {

 border: none;
 transition: background-color .3s var(--n-bezier), border-color .3s var(--n-bezier);
 height: 1px;
 width: 100%;
 margin: 0;
 
}

.n-divider:not(.n-divider--dashed) .n-divider__line {
  background-color: var(--n-color);
}

.n-divider.n-divider--dashed .n-divider__line {
  border-color: var(--n-color);
}

.n-divider.n-divider--vertical {
  background-color: var(--n-color);
}
.n-empty {

 display: flex;
 flex-direction: column;
 align-items: center;
 font-size: var(--n-font-size);

}

.n-empty .n-empty__icon {

 width: var(--n-icon-size);
 height: var(--n-icon-size);
 font-size: var(--n-icon-size);
 line-height: var(--n-icon-size);
 color: var(--n-icon-color);
 transition:
 color .3s var(--n-bezier);
 
}

.n-empty .n-empty__icon + .n-empty__description {

 margin-top: 8px;
 
}

.n-empty .n-empty__description {

 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
 
}

.n-empty .n-empty__extra {

 text-align: center;
 transition: color .3s var(--n-bezier);
 margin-top: 12px;
 color: var(--n-extra-text-color);
 
}
.n-date-picker {

 position: relative;
 z-index: auto;
 
}

.n-date-picker .n-date-picker-icon {

 color: var(--n-icon-color-override);
 transition: color .3s var(--n-bezier);
 
}

.n-date-picker .n-icon {

 color: var(--n-icon-color-override);
 transition: color .3s var(--n-bezier);
 
}

.n-date-picker.n-date-picker--disabled .n-date-picker-icon {

 color: var(--n-icon-color-disabled-override);
 
}

.n-date-picker.n-date-picker--disabled .n-icon {

 color: var(--n-icon-color-disabled-override);
 
}

.n-date-panel {

 width: fit-content;
 outline: none;
 margin: 4px 0;
 display: grid;
 grid-template-columns: 0fr;
 border-radius: var(--n-panel-border-radius);
 background-color: var(--n-panel-color);
 color: var(--n-panel-text-color);
 user-select: none;
 
}

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

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

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

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

.n-date-panel.n-date-panel--shadow {

 box-shadow: var(--n-panel-box-shadow);
 
}

.n-date-panel .n-date-panel-calendar {
  padding: var(--n-calendar-left-padding);
  display: grid;
  grid-template-columns: 1fr;
  grid-area: left-calendar;
}

.n-date-panel .n-date-panel-calendar.n-date-panel-calendar--end {
  padding: var(--n-calendar-right-padding);
  grid-area: right-calendar;
}

.n-date-panel .n-date-panel-month-calendar {
  display: flex;
  grid-area: left-calendar;
}

.n-date-panel .n-date-panel-month-calendar .n-date-panel-month-calendar__picker-col {

 min-width: var(--n-scroll-item-width);
 height: calc(var(--n-scroll-item-height) * 6);
 user-select: none;
 -webkit-user-select: none;
 
}

.n-date-panel .n-date-panel-month-calendar .n-date-panel-month-calendar__picker-col:first-child {

 min-width: calc(var(--n-scroll-item-width) + 4px);
 
}

.n-date-panel .n-date-panel-month-calendar .n-date-panel-month-calendar__picker-col:first-child .n-date-panel-month-calendar__picker-col-item::before {
left: 4px;
}

.n-date-panel .n-date-panel-month-calendar .n-date-panel-month-calendar__picker-col .n-date-panel-month-calendar__padding {

 height: calc(var(--n-scroll-item-height) * 5)
 
}

.n-date-panel .n-date-panel-month-calendar .n-date-panel-month-calendar__picker-col-item {

 z-index: 0;
 cursor: pointer;
 height: var(--n-scroll-item-height);
 box-sizing: border-box;
 padding-top: 4px;
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 transition: 
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 background: #0000;
 color: var(--n-item-text-color);
 
}

.n-date-panel .n-date-panel-month-calendar .n-date-panel-month-calendar__picker-col-item::before {

 z-index: -1;
 content: "";
 position: absolute;
 left: 0;
 right: 4px;
 top: 4px;
 bottom: 0;
 border-radius: var(--n-scroll-item-border-radius);
 transition: 
 background-color .3s var(--n-bezier);
 
}

.n-date-panel .n-date-panel-month-calendar .n-date-panel-month-calendar__picker-col-item:not(.n-date-panel-month-calendar__picker-col-item--disabled):hover::before {

 background-color: var(--n-item-color-hover);
 
}

.n-date-panel .n-date-panel-month-calendar .n-date-panel-month-calendar__picker-col-item:not(.n-date-panel-month-calendar__picker-col-item--disabled).n-date-panel-month-calendar__picker-col-item--selected {

 color: var(--n-item-color-active);
 
}

.n-date-panel .n-date-panel-month-calendar .n-date-panel-month-calendar__picker-col-item:not(.n-date-panel-month-calendar__picker-col-item--disabled).n-date-panel-month-calendar__picker-col-item--selected::before {
background-color: var(--n-item-color-hover);
}

.n-date-panel .n-date-panel-month-calendar .n-date-panel-month-calendar__picker-col-item.n-date-panel-month-calendar__picker-col-item--disabled {

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

.n-date-panel .n-date-panel-month-calendar .n-date-panel-month-calendar__picker-col-item.n-date-panel-month-calendar__picker-col-item--disabled.n-date-panel-month-calendar__picker-col-item--selected::before {

 background-color: var(--n-item-color-disabled);
 
}

.n-date-panel.n-date-panel--date {
  grid-template-areas: 
 "left-calendar"
 "footer"
 "action"
 ;
}

.n-date-panel.n-date-panel--week {
  grid-template-areas: 
 "left-calendar"
 "footer"
 "action"
 ;
}

.n-date-panel.n-date-panel--daterange {
  grid-template-areas: 
 "left-calendar divider right-calendar"
 "footer footer footer"
 "action action action"
 ;
}

.n-date-panel.n-date-panel--datetime {
  grid-template-areas: 
 "header"
 "left-calendar"
 "footer"
 "action"
 ;
}

.n-date-panel.n-date-panel--datetimerange {
  grid-template-areas: 
 "header header header"
 "left-calendar divider right-calendar"
 "footer footer footer"
 "action action action"
 ;
}

.n-date-panel.n-date-panel--month {
  grid-template-areas: 
 "left-calendar"
 "footer"
 "action"
 ;
}

.n-date-panel .n-date-panel-footer {
  grid-area: footer;
}

.n-date-panel .n-date-panel-actions {
  grid-area: action;
}

.n-date-panel .n-date-panel-header {
  grid-area: header;
}

.n-date-panel .n-date-panel-header {

 box-sizing: border-box;
 width: 100%;
 align-items: center;
 padding: var(--n-panel-header-padding);
 display: flex;
 justify-content: space-between;
 border-bottom: 1px solid var(--n-panel-header-divider-color);
 
}

.n-date-panel .n-date-panel-header > *:not(:last-child) {
  margin-right: 10px;
}

.n-date-panel .n-date-panel-header > * {
  flex: 1;
  width: 0;
}

.n-date-panel .n-date-panel-header > .n-time-picker {
  z-index: 1;
}

.n-date-panel .n-date-panel-month {

 box-sizing: border-box;
 display: grid;
 grid-template-columns: var(--n-calendar-title-grid-template-columns);
 align-items: center;
 justify-items: center;
 padding: var(--n-calendar-title-padding);
 height: var(--n-calendar-title-height);
 
}

.n-date-panel .n-date-panel-month .n-date-panel-month__prev, .n-date-panel .n-date-panel-month .n-date-panel-month__next, .n-date-panel .n-date-panel-month .n-date-panel-month__fast-prev, .n-date-panel .n-date-panel-month .n-date-panel-month__fast-next {

 line-height: 0;
 cursor: pointer;
 width: var(--n-arrow-size);
 height: var(--n-arrow-size);
 color: var(--n-arrow-color);
 
}

.n-date-panel .n-date-panel-month .n-date-panel-month__month-year {

 user-select: none;
 -webkit-user-select: none;
 flex-grow: 1;
 position: relative;
 
}

.n-date-panel .n-date-panel-month .n-date-panel-month__month-year .n-date-panel-month__text {

 font-size: var(--n-calendar-title-font-size);
 line-height: var(--n-calendar-title-font-size);
 font-weight: var(--n-calendar-title-font-weight);
 padding: 6px 8px;
 text-align: center;
 color: var(--n-calendar-title-text-color);
 cursor: pointer;
 transition: background-color .3s var(--n-bezier);
 border-radius: var(--n-panel-border-radius);
 
}

.n-date-panel .n-date-panel-month .n-date-panel-month__month-year .n-date-panel-month__text.n-date-panel-month__text--active {

 background-color: var(--n-calendar-title-color-hover);
 
}

.n-date-panel .n-date-panel-month .n-date-panel-month__month-year .n-date-panel-month__text:hover {

 background-color: var(--n-calendar-title-color-hover);
 
}

.n-date-panel .n-date-panel-weekdays {

 display: grid;
 margin: auto;
 grid-template-columns: repeat(7, var(--n-item-cell-width));
 grid-template-rows: repeat(1, var(--n-item-cell-height));
 align-items: center;
 justify-items: center;
 margin-bottom: 4px;
 border-bottom: 1px solid var(--n-calendar-days-divider-color);
 
}

.n-date-panel .n-date-panel-weekdays .n-date-panel-weekdays__day {

 white-space: nowrap;
 user-select: none;
 -webkit-user-select: none;
 line-height: 15px;
 width: var(--n-item-size);
 text-align: center;
 font-size: var(--n-calendar-days-font-size);
 color: var(--n-item-text-color);
 display: flex;
 align-items: center;
 justify-content: center;
 
}

.n-date-panel .n-date-panel-dates {

 margin: auto;
 display: grid;
 grid-template-columns: repeat(7, var(--n-item-cell-width));
 grid-template-rows: repeat(6, var(--n-item-cell-height));
 align-items: center;
 justify-items: center;
 flex-wrap: wrap;
 
}

.n-date-panel .n-date-panel-dates .n-date-panel-date {

 user-select: none;
 -webkit-user-select: none;
 position: relative;
 width: var(--n-item-size);
 height: var(--n-item-size);
 line-height: var(--n-item-size);
 text-align: center;
 font-size: var(--n-item-font-size);
 border-radius: var(--n-item-border-radius);
 z-index: 0;
 cursor: pointer;
 transition:
 background-color .2s var(--n-bezier),
 color .2s var(--n-bezier);
 
}

.n-date-panel .n-date-panel-dates .n-date-panel-date .n-date-panel-date__trigger {

 position: absolute;
 left: calc(var(--n-item-size) / 2 - var(--n-item-cell-width) / 2);
 top: calc(var(--n-item-size) / 2 - var(--n-item-cell-height) / 2);
 width: var(--n-item-cell-width);
 height: var(--n-item-cell-height);
 
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--current .n-date-panel-date__sup {

 position: absolute;
 top: 2px;
 right: 2px;
 content: "";
 height: 4px;
 width: 4px;
 border-radius: 2px;
 background-color: var(--n-item-color-active);
 transition:
 background-color .2s var(--n-bezier);
 
}

.n-date-panel .n-date-panel-dates .n-date-panel-date::after {

 content: "";
 z-index: -1;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 border-radius: inherit;
 transition: background-color .3s var(--n-bezier);
 
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--covered:not(.n-date-panel-date--excluded)::before, .n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--start:not(.n-date-panel-date--excluded)::before, .n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--end:not(.n-date-panel-date--excluded)::before {

 content: "";
 z-index: -2;
 position: absolute;
 left: calc((var(--n-item-size) - var(--n-item-cell-width)) / 2);
 right: calc((var(--n-item-size) - var(--n-item-cell-width)) / 2);
 top: 0;
 bottom: 0;
 background-color: var(--n-item-color-included);
 
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--covered:not(.n-date-panel-date--excluded):nth-child(7n + 1)::before, .n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--start:not(.n-date-panel-date--excluded):nth-child(7n + 1)::before, .n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--end:not(.n-date-panel-date--excluded):nth-child(7n + 1)::before {
  border-top-left-radius: var(--n-item-border-radius);
  border-bottom-left-radius: var(--n-item-border-radius);
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--covered:not(.n-date-panel-date--excluded):nth-child(7n + 7)::before, .n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--start:not(.n-date-panel-date--excluded):nth-child(7n + 7)::before, .n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--end:not(.n-date-panel-date--excluded):nth-child(7n + 7)::before {
  border-top-right-radius: var(--n-item-border-radius);
  border-bottom-right-radius: var(--n-item-border-radius);
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--selected {
  color: var(--n-item-text-color-active);
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--selected::after {
  background-color: var(--n-item-color-active);
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--selected.n-date-panel-date--start::before {
  left: 50%;
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--selected.n-date-panel-date--end::before {
  right: 50%;
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--selected .n-date-panel-date__sup {
  background-color: var(--n-panel-color);
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--excluded {
  color: var(--n-item-text-color-disabled);
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--excluded.n-date-panel-date--selected::after {
  background-color: var(--n-item-color-disabled);
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--disabled {
  cursor: not-allowed;
  color: var(--n-item-text-color-disabled);
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--disabled.n-date-panel-date--covered::before {
  background-color: var(--n-item-color-disabled);
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--disabled.n-date-panel-date--selected::before {
  background-color: var(--n-item-color-disabled);
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--disabled.n-date-panel-date--selected::after {
  background-color: var(--n-item-color-disabled);
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--week-hovered::before {

 background-color: var(--n-item-color-included);
 
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--week-hovered:nth-child(7n + 1)::before {

 border-top-left-radius: var(--n-item-border-radius);
 border-bottom-left-radius: var(--n-item-border-radius);
 
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--week-hovered:nth-child(7n + 7)::before {

 border-top-right-radius: var(--n-item-border-radius);
 border-bottom-right-radius: var(--n-item-border-radius);
 
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--week-selected {

 color: var(--n-item-text-color-active)
 
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--week-selected::before {

 background-color: var(--n-item-color-active);
 
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--week-selected:nth-child(7n + 1)::before {

 border-top-left-radius: var(--n-item-border-radius);
 border-bottom-left-radius: var(--n-item-border-radius);
 
}

.n-date-panel .n-date-panel-dates .n-date-panel-date.n-date-panel-date--week-selected:nth-child(7n + 7)::before {

 border-top-right-radius: var(--n-item-border-radius);
 border-bottom-right-radius: var(--n-item-border-radius);
 
}

.n-date-panel:not(.n-date-panel--week) .n-date-panel-dates .n-date-panel-date:not(.n-date-panel-date--disabled):not(.n-date-panel-date--selected):hover {

 background-color: var(--n-item-color-hover);
 
}

.n-date-panel.n-date-panel--week .n-date-panel-dates .n-date-panel-date::before {

 content: "";
 z-index: -2;
 position: absolute;
 left: calc((var(--n-item-size) - var(--n-item-cell-width)) / 2);
 right: calc((var(--n-item-size) - var(--n-item-cell-width)) / 2);
 top: 0;
 bottom: 0;
 transition: background-color .3s var(--n-bezier);
 
}

.n-date-panel .n-date-panel__vertical-divider {

 grid-area: divider;
 height: 100%;
 width: 1px;
 background-color: var(--n-calendar-divider-color);
 
}

.n-date-panel .n-date-panel-footer {

 border-top: 1px solid var(--n-panel-action-divider-color);
 padding: var(--n-panel-extra-footer-padding);
 
}

.n-date-panel .n-date-panel-actions {

 flex: 1;
 padding: var(--n-panel-action-padding);
 display: flex;
 align-items: center;
 justify-content: space-between;
 border-top: 1px solid var(--n-panel-action-divider-color);
 
}

.n-date-panel .n-date-panel-actions .n-date-panel-actions__prefix, .n-date-panel .n-date-panel-actions .n-date-panel-actions__suffix {

 display: flex;
 margin-bottom: -8px;
 
}

.n-date-panel .n-date-panel-actions .n-date-panel-actions__suffix {

 align-self: flex-end;
 
}

.n-date-panel .n-date-panel-actions .n-date-panel-actions__prefix {

 flex-wrap: wrap;
 
}

.n-date-panel .n-date-panel-actions .n-button {

 margin-bottom: 8px;
 
}

.n-date-panel .n-date-panel-actions .n-button:not(:last-child) {

 margin-right: 8px;
 
}

[data-n-date].transition-disabled {
  transition: none !important;
}

[data-n-date].transition-disabled::before, [data-n-date].transition-disabled::after {
  transition: none !important;
}
.n-tabs {

 box-sizing: border-box;
 width: 100%;
 display: flex;
 flex-direction: column;
 transition:
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);

}

.n-tabs.n-tabs--segment-type .n-tabs-rail.transition-disabled .n-tabs-capsule {

 transition: none;
 
}

.n-tabs.n-tabs--top .n-tab-pane {

 padding: var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left);
 
}

.n-tabs.n-tabs--left .n-tab-pane {

 padding: var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left) var(--n-pane-padding-top);
 
}

.n-tabs.n-tabs--left, .n-tabs.n-tabs--right {

 flex-direction: row;
 
}

.n-tabs.n-tabs--left .n-tabs-bar, .n-tabs.n-tabs--right .n-tabs-bar {

 width: 2px;
 right: 0;
 transition:
 top .2s var(--n-bezier),
 max-height .2s var(--n-bezier),
 background-color .3s var(--n-bezier);
 
}

.n-tabs.n-tabs--left .n-tabs-tab, .n-tabs.n-tabs--right .n-tabs-tab {

 padding: var(--n-tab-padding-vertical); 
 
}

.n-tabs.n-tabs--right {

 flex-direction: row-reverse;
 
}

.n-tabs.n-tabs--right .n-tab-pane {

 padding: var(--n-pane-padding-left) var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom);
 
}

.n-tabs.n-tabs--right .n-tabs-bar {

 left: 0;
 
}

.n-tabs.n-tabs--bottom {

 flex-direction: column-reverse;
 justify-content: flex-end;
 
}

.n-tabs.n-tabs--bottom .n-tab-pane {

 padding: var(--n-pane-padding-bottom) var(--n-pane-padding-right) var(--n-pane-padding-top) var(--n-pane-padding-left);
 
}

.n-tabs.n-tabs--bottom .n-tabs-bar {

 top: 0;
 
}

.n-tabs .n-tabs-rail {

 position: relative;
 padding: 3px;
 border-radius: var(--n-tab-border-radius);
 width: 100%;
 background-color: var(--n-color-segment);
 transition: background-color .3s var(--n-bezier);
 display: flex;
 align-items: center;
 
}

.n-tabs .n-tabs-rail .n-tabs-capsule {

 border-radius: var(--n-tab-border-radius);
 position: absolute;
 pointer-events: none;
 background-color: var(--n-tab-color-segment);
 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
 transition: transform 0.3s var(--n-bezier);
 
}

.n-tabs .n-tabs-rail .n-tabs-tab-wrapper {

 flex-basis: 0;
 flex-grow: 1;
 display: flex;
 align-items: center;
 justify-content: center;
 
}

.n-tabs .n-tabs-rail .n-tabs-tab-wrapper .n-tabs-tab {

 overflow: hidden;
 border-radius: var(--n-tab-border-radius);
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 
}

.n-tabs .n-tabs-rail .n-tabs-tab-wrapper .n-tabs-tab.n-tabs-tab--active {

 font-weight: var(--n-font-weight-strong);
 color: var(--n-tab-text-color-active);
 
}

.n-tabs .n-tabs-rail .n-tabs-tab-wrapper .n-tabs-tab:hover {

 color: var(--n-tab-text-color-hover);
 
}

.n-tabs.n-tabs--flex .n-tabs-nav {

 width: 100%;
 position: relative;
 
}

.n-tabs.n-tabs--flex .n-tabs-nav .n-tabs-wrapper {

 width: 100%;
 
}

.n-tabs.n-tabs--flex .n-tabs-nav .n-tabs-wrapper .n-tabs-tab {

 margin-right: 0;
 
}

.n-tabs .n-tabs-nav {

 box-sizing: border-box;
 line-height: 1.5;
 display: flex;
 transition: border-color .3s var(--n-bezier);
 
}

.n-tabs .n-tabs-nav .n-tabs-nav__prefix, .n-tabs .n-tabs-nav .n-tabs-nav__suffix {

 display: flex;
 align-items: center;
 
}

.n-tabs .n-tabs-nav .n-tabs-nav__prefix {
padding-right: 16px;
}

.n-tabs .n-tabs-nav .n-tabs-nav__suffix {
padding-left: 16px;
}

.n-tabs.n-tabs--top > .n-tabs-nav .n-tabs-nav-scroll-wrapper::before, .n-tabs.n-tabs--bottom > .n-tabs-nav .n-tabs-nav-scroll-wrapper::before {

 top: 0;
 bottom: 0;
 left: 0;
 width: 20px;
 
}

.n-tabs.n-tabs--top > .n-tabs-nav .n-tabs-nav-scroll-wrapper::after, .n-tabs.n-tabs--bottom > .n-tabs-nav .n-tabs-nav-scroll-wrapper::after {

 top: 0;
 bottom: 0;
 right: 0;
 width: 20px;
 
}

.n-tabs.n-tabs--top > .n-tabs-nav .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-start::before, .n-tabs.n-tabs--bottom > .n-tabs-nav .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-start::before {

 box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);
 
}

.n-tabs.n-tabs--top > .n-tabs-nav .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-end::after, .n-tabs.n-tabs--bottom > .n-tabs-nav .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-end::after {

 box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
 
}

.n-tabs.n-tabs--left .n-tabs-nav-scroll-content, .n-tabs.n-tabs--right .n-tabs-nav-scroll-content {

 flex-direction: column;
 
}

.n-tabs.n-tabs--left > .n-tabs-nav .n-tabs-nav-scroll-wrapper::before, .n-tabs.n-tabs--right > .n-tabs-nav .n-tabs-nav-scroll-wrapper::before {

 top: 0;
 left: 0;
 right: 0;
 height: 20px;
 
}

.n-tabs.n-tabs--left > .n-tabs-nav .n-tabs-nav-scroll-wrapper::after, .n-tabs.n-tabs--right > .n-tabs-nav .n-tabs-nav-scroll-wrapper::after {

 bottom: 0;
 left: 0;
 right: 0;
 height: 20px;
 
}

.n-tabs.n-tabs--left > .n-tabs-nav .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-start::before, .n-tabs.n-tabs--right > .n-tabs-nav .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-start::before {

 box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .12);
 
}

.n-tabs.n-tabs--left > .n-tabs-nav .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-end::after, .n-tabs.n-tabs--right > .n-tabs-nav .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-end::after {

 box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .12);
 
}

.n-tabs .n-tabs-nav-scroll-wrapper {

 flex: 1;
 position: relative;
 overflow: hidden;
 
}

.n-tabs .n-tabs-nav-scroll-wrapper .n-tabs-nav-y-scroll {

 height: 100%;
 width: 100%;
 overflow-y: auto; 
 scrollbar-width: none;
 
}

.n-tabs .n-tabs-nav-scroll-wrapper .n-tabs-nav-y-scroll::-webkit-scrollbar, .n-tabs .n-tabs-nav-scroll-wrapper .n-tabs-nav-y-scroll::-webkit-scrollbar-track-piece, .n-tabs .n-tabs-nav-scroll-wrapper .n-tabs-nav-y-scroll::-webkit-scrollbar-thumb {

 width: 0;
 height: 0;
 display: none;
 
}

.n-tabs .n-tabs-nav-scroll-wrapper::before, .n-tabs .n-tabs-nav-scroll-wrapper::after {

 transition: box-shadow .3s var(--n-bezier);
 pointer-events: none;
 content: "";
 position: absolute;
 z-index: 1;
 
}

.n-tabs .n-tabs-nav-scroll-content {

 display: flex;
 position: relative;
 min-width: 100%;
 min-height: 100%;
 width: fit-content;
 box-sizing: border-box;
 
}

.n-tabs .n-tabs-wrapper {

 display: inline-flex;
 flex-wrap: nowrap;
 position: relative;
 
}

.n-tabs .n-tabs-tab-wrapper {

 display: flex;
 flex-wrap: nowrap;
 flex-shrink: 0;
 flex-grow: 0;
 
}

.n-tabs .n-tabs-tab {

 cursor: pointer;
 white-space: nowrap;
 flex-wrap: nowrap;
 display: inline-flex;
 align-items: center;
 color: var(--n-tab-text-color);
 font-size: var(--n-tab-font-size);
 background-clip: padding-box;
 padding: var(--n-tab-padding);
 transition:
 box-shadow .3s var(--n-bezier),
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 
}

.n-tabs .n-tabs-tab.n-tabs-tab--disabled {
  cursor: not-allowed;
}

.n-tabs .n-tabs-tab .n-tabs-tab__close {

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

.n-tabs .n-tabs-tab .n-tabs-tab__label {

 display: flex;
 align-items: center;
 z-index: 1;
 
}

.n-tabs .n-tabs-bar {

 position: absolute;
 bottom: 0;
 height: 2px;
 border-radius: 1px;
 background-color: var(--n-bar-color);
 transition:
 left .2s var(--n-bezier),
 max-width .2s var(--n-bezier),
 opacity .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 
}

.n-tabs .n-tabs-bar.transition-disabled {

 transition: none;
 
}

.n-tabs .n-tabs-bar.n-tabs-bar--disabled {

 background-color: var(--n-tab-text-color-disabled)
 
}

.n-tabs .n-tabs-pane-wrapper {

 position: relative;
 overflow: hidden;
 transition: max-height .2s var(--n-bezier);
 
}

.n-tabs .n-tab-pane {

 color: var(--n-pane-text-color);
 width: 100%;
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 opacity .2s var(--n-bezier);
 left: 0;
 right: 0;
 top: 0;
 
}

.n-tabs .n-tab-pane.next-transition-leave-active, .n-tabs .n-tab-pane.prev-transition-leave-active, .n-tabs .n-tab-pane.next-transition-enter-active, .n-tabs .n-tab-pane.prev-transition-enter-active {

 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 transform .2s var(--n-bezier),
 opacity .2s var(--n-bezier);
 
}

.n-tabs .n-tab-pane.next-transition-leave-active, .n-tabs .n-tab-pane.prev-transition-leave-active {

 position: absolute;
 
}

.n-tabs .n-tab-pane.next-transition-enter-from, .n-tabs .n-tab-pane.prev-transition-leave-to {

 transform: translateX(32px);
 opacity: 0;
 
}

.n-tabs .n-tab-pane.next-transition-leave-to, .n-tabs .n-tab-pane.prev-transition-enter-from {

 transform: translateX(-32px);
 opacity: 0;
 
}

.n-tabs .n-tab-pane.next-transition-leave-from, .n-tabs .n-tab-pane.next-transition-enter-to, .n-tabs .n-tab-pane.prev-transition-leave-from, .n-tabs .n-tab-pane.prev-transition-enter-to {

 transform: translateX(0);
 opacity: 1;
 
}

.n-tabs .n-tabs-tab-pad {

 box-sizing: border-box;
 width: var(--n-tab-gap);
 flex-grow: 0;
 flex-shrink: 0;
 
}

.n-tabs.n-tabs--line-type .n-tabs-tab, .n-tabs.n-tabs--bar-type .n-tabs-tab {

 font-weight: var(--n-tab-font-weight);
 box-sizing: border-box;
 vertical-align: bottom;
 
}

.n-tabs.n-tabs--line-type .n-tabs-tab:hover, .n-tabs.n-tabs--bar-type .n-tabs-tab:hover {
  color: var(--n-tab-text-color-hover);
}

.n-tabs.n-tabs--line-type .n-tabs-tab.n-tabs-tab--active, .n-tabs.n-tabs--bar-type .n-tabs-tab.n-tabs-tab--active {

 color: var(--n-tab-text-color-active);
 font-weight: var(--n-tab-font-weight-active);
 
}

.n-tabs.n-tabs--line-type .n-tabs-tab.n-tabs-tab--disabled, .n-tabs.n-tabs--bar-type .n-tabs-tab.n-tabs-tab--disabled {
  color: var(--n-tab-text-color-disabled);
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--top .n-tabs-nav__prefix, .n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--top .n-tabs-nav__suffix {

 border-bottom: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--top .n-tabs-nav-scroll-content {

 border-bottom: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--top .n-tabs-bar {

 bottom: -1px;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--left .n-tabs-nav__prefix, .n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--left .n-tabs-nav__suffix {

 border-right: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--left .n-tabs-nav-scroll-content {

 border-right: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--left .n-tabs-bar {

 right: -1px;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--right .n-tabs-nav__prefix, .n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--right .n-tabs-nav__suffix {

 border-left: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--right .n-tabs-nav-scroll-content {

 border-left: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--right .n-tabs-bar {

 left: -1px;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--bottom .n-tabs-nav__prefix, .n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--bottom .n-tabs-nav__suffix {

 border-top: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--bottom .n-tabs-nav-scroll-content {

 border-top: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--bottom .n-tabs-bar {

 top: -1px;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type .n-tabs-nav__prefix, .n-tabs .n-tabs-nav.n-tabs-nav--line-type .n-tabs-nav__suffix {

 transition: border-color .3s var(--n-bezier);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type .n-tabs-nav-scroll-content {

 transition: border-color .3s var(--n-bezier);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type .n-tabs-bar {

 border-radius: 0;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__prefix, .n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__suffix {

 transition: border-color .3s var(--n-bezier);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-pad {

 flex-grow: 1;
 transition: border-color .3s var(--n-bezier);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab-pad {

 transition: border-color .3s var(--n-bezier);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab {

 font-weight: var(--n-tab-font-weight);
 border: 1px solid var(--n-tab-border-color);
 background-color: var(--n-tab-color);
 box-sizing: border-box;
 position: relative;
 vertical-align: bottom;
 display: flex;
 justify-content: space-between;
 font-size: var(--n-tab-font-size);
 color: var(--n-tab-text-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--addable {

 padding-left: 8px;
 padding-right: 8px;
 font-size: 16px;
 justify-content: center;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--addable .n-tabs-tab__height-placeholder {

 width: 0;
 font-size: var(--n-tab-font-size);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--addable:not(.n-tabs-tab--disabled):hover {

 color: var(--n-tab-text-color-hover);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--closable {
padding-right: 8px;
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active {

 background-color: #0000;
 font-weight: var(--n-tab-font-weight-active);
 color: var(--n-tab-text-color-active);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--disabled {
color: var(--n-tab-text-color-disabled);
}

.n-tabs .n-tabs-nav.n-tabs-nav--left, .n-tabs .n-tabs-nav.n-tabs-nav--right {

 flex-direction: column; 
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--left .n-tabs-nav__prefix, .n-tabs .n-tabs-nav.n-tabs-nav--right .n-tabs-nav__prefix, .n-tabs .n-tabs-nav.n-tabs-nav--left .n-tabs-nav__suffix, .n-tabs .n-tabs-nav.n-tabs-nav--right .n-tabs-nav__suffix {

 padding: var(--n-tab-padding-vertical);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--left .n-tabs-wrapper, .n-tabs .n-tabs-nav.n-tabs-nav--right .n-tabs-wrapper {

 flex-direction: column;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--left .n-tabs-tab-wrapper, .n-tabs .n-tabs-nav.n-tabs-nav--right .n-tabs-tab-wrapper {

 flex-direction: column;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--left .n-tabs-tab-wrapper .n-tabs-tab-pad, .n-tabs .n-tabs-nav.n-tabs-nav--right .n-tabs-tab-wrapper .n-tabs-tab-pad {

 height: var(--n-tab-gap-vertical);
 width: 100%;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-scroll-padding {
border-bottom: 1px solid var(--n-tab-border-color);
}

.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-nav__prefix, .n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-nav__suffix {

 border-bottom: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab {

 border-top-left-radius: var(--n-tab-border-radius);
 border-top-right-radius: var(--n-tab-border-radius);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active {

 border-bottom: 1px solid #0000;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad {

 border-bottom: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-pad {

 border-bottom: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--left.n-tabs-nav--card-type .n-tabs-scroll-padding {
border-right: 1px solid var(--n-tab-border-color);
}

.n-tabs .n-tabs-nav.n-tabs-nav--left.n-tabs-nav--card-type .n-tabs-nav__prefix, .n-tabs .n-tabs-nav.n-tabs-nav--left.n-tabs-nav--card-type .n-tabs-nav__suffix {

 border-right: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--left.n-tabs-nav--card-type .n-tabs-tab {

 border-top-left-radius: var(--n-tab-border-radius);
 border-bottom-left-radius: var(--n-tab-border-radius);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--left.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active {

 border-right: 1px solid #0000;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--left.n-tabs-nav--card-type .n-tabs-tab-pad {

 border-right: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--left.n-tabs-nav--card-type .n-tabs-pad {

 border-right: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--right.n-tabs-nav--card-type .n-tabs-scroll-padding {
border-left: 1px solid var(--n-tab-border-color);
}

.n-tabs .n-tabs-nav.n-tabs-nav--right.n-tabs-nav--card-type .n-tabs-nav__prefix, .n-tabs .n-tabs-nav.n-tabs-nav--right.n-tabs-nav--card-type .n-tabs-nav__suffix {

 border-left: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--right.n-tabs-nav--card-type .n-tabs-tab {

 border-top-right-radius: var(--n-tab-border-radius);
 border-bottom-right-radius: var(--n-tab-border-radius);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--right.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active {

 border-left: 1px solid #0000;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--right.n-tabs-nav--card-type .n-tabs-tab-pad {

 border-left: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--right.n-tabs-nav--card-type .n-tabs-pad {

 border-left: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--bottom.n-tabs-nav--card-type .n-tabs-scroll-padding {
border-top: 1px solid var(--n-tab-border-color);
}

.n-tabs .n-tabs-nav.n-tabs-nav--bottom.n-tabs-nav--card-type .n-tabs-nav__prefix, .n-tabs .n-tabs-nav.n-tabs-nav--bottom.n-tabs-nav--card-type .n-tabs-nav__suffix {

 border-top: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--bottom.n-tabs-nav--card-type .n-tabs-tab {

 border-bottom-left-radius: var(--n-tab-border-radius);
 border-bottom-right-radius: var(--n-tab-border-radius);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--bottom.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active {

 border-top: 1px solid #0000;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--bottom.n-tabs-nav--card-type .n-tabs-tab-pad {

 border-top: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--bottom.n-tabs-nav--card-type .n-tabs-pad {

 border-top: 1px solid var(--n-tab-border-color);
 
}
.n-base-close {

 display: flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 background-color: transparent;
 color: var(--n-close-icon-color);
 border-radius: var(--n-close-border-radius);
 height: var(--n-close-size);
 width: var(--n-close-size);
 font-size: var(--n-close-icon-size);
 outline: none;
 border: none;
 position: relative;
 padding: 0;

}

.n-base-close.n-base-close--absolute {

 height: var(--n-close-icon-size);
 width: var(--n-close-icon-size);
 
}

.n-base-close::before {

 content: "";
 position: absolute;
 width: var(--n-close-size);
 height: var(--n-close-size);
 left: 50%;
 top: 50%;
 transform: translateY(-50%) translateX(-50%);
 transition: inherit;
 border-radius: inherit;
 
}

.n-base-close:not(.n-base-close--disabled):hover {

 color: var(--n-close-icon-color-hover);
 
}

.n-base-close:not(.n-base-close--disabled):hover::before {

 background-color: var(--n-close-color-hover);
 
}

.n-base-close:not(.n-base-close--disabled):focus::before {

 background-color: var(--n-close-color-hover);
 
}

.n-base-close:not(.n-base-close--disabled):active {

 color: var(--n-close-icon-color-pressed);
 
}

.n-base-close:not(.n-base-close--disabled):active::before {

 background-color: var(--n-close-color-pressed);
 
}

.n-base-close.n-base-close--disabled {

 cursor: not-allowed;
 color: var(--n-close-icon-color-disabled);
 background-color: transparent;
 
}

.n-base-close.n-base-close--round::before {

 border-radius: 50%;
 
}
.n-button-group {

 flex-wrap: nowrap;
 display: inline-flex;
 position: relative;

}

.n-button-group:not(.n-button-group--vertical) {
  flex-direction: row;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button:first-child:not(:last-child) {

 margin-right: 0!important;
 border-top-right-radius: 0!important;
 border-bottom-right-radius: 0!important;
 
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button:last-child:not(:first-child) {

 margin-left: 0!important;
 border-top-left-radius: 0!important;
 border-bottom-left-radius: 0!important;
 
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button:not(:first-child):not(:last-child) {

 margin-left: 0!important;
 margin-right: 0!important;
 border-radius: 0!important;
 
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--default-type + .n-button.n-button--default-type .n-button__border {
  border-left-width: 0!important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--default-type + .n-button.n-button--default-type .n-button__state-border {
  left: -1px!important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--primary-type + .n-button.n-button--primary-type .n-button__border {
  border-left-width: 0!important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--primary-type + .n-button.n-button--primary-type .n-button__state-border {
  left: -1px!important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--info-type + .n-button.n-button--info-type .n-button__border {
  border-left-width: 0!important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--info-type + .n-button.n-button--info-type .n-button__state-border {
  left: -1px!important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--success-type + .n-button.n-button--success-type .n-button__border {
  border-left-width: 0!important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--success-type + .n-button.n-button--success-type .n-button__state-border {
  left: -1px!important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--warning-type + .n-button.n-button--warning-type .n-button__border {
  border-left-width: 0!important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--warning-type + .n-button.n-button--warning-type .n-button__state-border {
  left: -1px!important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--error-type + .n-button.n-button--error-type .n-button__border {
  border-left-width: 0!important;
}

.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--error-type + .n-button.n-button--error-type .n-button__state-border {
  left: -1px!important;
}

.n-button-group.n-button-group--vertical {
  flex-direction: column;
}

.n-button-group.n-button-group--vertical .n-button:first-child:not(:last-child) {

 margin-bottom: 0!important;
 margin-left: 0!important;
 margin-right: 0!important;
 border-bottom-left-radius: 0!important;
 border-bottom-right-radius: 0!important;
 
}

.n-button-group.n-button-group--vertical .n-button:last-child:not(:first-child) {

 margin-top: 0!important;
 margin-left: 0!important;
 margin-right: 0!important;
 border-top-left-radius: 0!important;
 border-top-right-radius: 0!important;
 
}

.n-button-group.n-button-group--vertical .n-button:not(:first-child):not(:last-child) {

 margin: 0!important;
 border-radius: 0!important;
 
}

.n-button-group.n-button-group--vertical .n-button.n-button--default-type + .n-button.n-button--default-type .n-button__border {
  border-top-width: 0!important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--default-type + .n-button.n-button--default-type .n-button__state-border {
  top: -1px!important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--primary-type + .n-button.n-button--primary-type .n-button__border {
  border-top-width: 0!important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--primary-type + .n-button.n-button--primary-type .n-button__state-border {
  top: -1px!important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--info-type + .n-button.n-button--info-type .n-button__border {
  border-top-width: 0!important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--info-type + .n-button.n-button--info-type .n-button__state-border {
  top: -1px!important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--success-type + .n-button.n-button--success-type .n-button__border {
  border-top-width: 0!important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--success-type + .n-button.n-button--success-type .n-button__state-border {
  top: -1px!important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--warning-type + .n-button.n-button--warning-type .n-button__border {
  border-top-width: 0!important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--warning-type + .n-button.n-button--warning-type .n-button__state-border {
  top: -1px!important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--error-type + .n-button.n-button--error-type .n-button__border {
  border-top-width: 0!important;
}

.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--error-type + .n-button.n-button--error-type .n-button__state-border {
  top: -1px!important;
}
.n-dynamic-input {
  width: 100%;
}

.n-dynamic-input .n-dynamic-input-item {

 margin-bottom: 10px;
 display: flex;
 flex-wrap: nowrap;
 
}

.n-dynamic-input .n-dynamic-input-item .n-dynamic-input-preset-input {
  flex: 1;
  align-items: center;
}

.n-dynamic-input .n-dynamic-input-item .n-dynamic-input-preset-pair {

 flex: 1;
 display: flex;
 align-items: center;
 
}

.n-dynamic-input .n-dynamic-input-item .n-dynamic-input-preset-pair .n-dynamic-input-pair-input:first-child {
  margin-right: 12px;
}

.n-dynamic-input .n-dynamic-input-item .n-dynamic-input-item__action {

 align-self: flex-start;
 display: flex;
 justify-content: flex-end;
 flex-shrink: 0;
 flex-grow: 0;
 margin: var(--action-margin);
 
}

.n-dynamic-input .n-dynamic-input-item .n-dynamic-input-item__action.n-dynamic-input-item__action--icon {
  cursor: pointer;
}

.n-dynamic-input .n-dynamic-input-item:last-child {
  margin-bottom: 0;
}

.n-dynamic-input .n-form-item {

 padding-top: 0 !important;
 margin-right: 0 !important;
 
}

.n-dynamic-input .n-form-item .n-form-item-blank {
  padding-top: 0 !important;
}
.v-x-scroll {
  overflow: auto;
  scrollbar-width: none;
}

.v-x-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.n-color-picker {

 display: inline-block;
 box-sizing: border-box;
 height: var(--n-height);
 font-size: var(--n-font-size);
 width: 100%;
 position: relative;
 
}

.n-color-picker-panel {

 margin: 4px 0;
 width: 240px;
 font-size: var(--n-panel-font-size);
 color: var(--n-text-color);
 background-color: var(--n-color);
 transition:
 box-shadow .3s var(--n-bezier),
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 border-radius: var(--n-border-radius);
 box-shadow: var(--n-box-shadow);
 
}

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

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

.n-color-picker-panel.fade-in-scale-up-transition-enter-from, .n-color-picker-panel.fade-in-scale-up-transition-leave-to {
  opacity: 0;
  transform:  scale(.9);
}

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

.n-color-picker-panel .n-input {

 text-align: center;
 
}

.n-color-picker-checkboard {

 background: white; 
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 
}

.n-color-picker-checkboard::after {

 background-image: linear-gradient(45deg, #DDD 25%, #0000 25%), linear-gradient(-45deg, #DDD 25%, #0000 25%), linear-gradient(45deg, #0000 75%, #DDD 75%), linear-gradient(-45deg, #0000 75%, #DDD 75%);
 background-size: 12px 12px;
 background-position: 0 0, 0 6px, 6px -6px, -6px 0px;
 background-repeat: repeat;
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 
}

.n-color-picker-slider {

 margin-bottom: 8px;
 position: relative;
 box-sizing: border-box;
 
}

.n-color-picker-slider .n-color-picker-slider__image {

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

.n-color-picker-slider::after {

 content: "";
 position: absolute;
 border-radius: inherit;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .24);
 pointer-events: none;
 
}

.n-color-picker-handle {

 z-index: 1;
 box-shadow: 0 0 2px 0 rgba(0, 0, 0, .45);
 position: absolute;
 background-color: white;
 overflow: hidden;
 
}

.n-color-picker-handle .n-color-picker-handle__fill {

 box-sizing: border-box;
 border: 2px solid white;
 
}

.n-color-picker-pallete {

 height: 180px;
 position: relative;
 margin-bottom: 8px;
 cursor: crosshair;
 
}

.n-color-picker-pallete .n-color-picker-pallete__layer {

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

.n-color-picker-pallete .n-color-picker-pallete__layer.n-color-picker-pallete__layer--shadowed {

 box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .24);
 
}

.n-color-picker-preview {

 display: flex;
 
}

.n-color-picker-preview .n-color-picker-preview__sliders {

 flex: 1 0 auto;
 
}

.n-color-picker-preview .n-color-picker-preview__preview {

 position: relative;
 height: 30px;
 width: 30px;
 margin: 0 0 8px 6px;
 border-radius: 50%;
 box-shadow: rgba(0, 0, 0, .15) 0px 0px 0px 1px inset;
 overflow: hidden;
 
}

.n-color-picker-preview .n-color-picker-preview__fill {

 display: block;
 width: 30px;
 height: 30px;
 
}

.n-color-picker-preview .n-color-picker-preview__input {

 position: absolute;
 top: 0;
 left: 0;
 width: 30px;
 height: 30px;
 opacity: 0;
 z-index: 1;
 
}

.n-color-picker-input {

 display: flex;
 align-items: center;
 
}

.n-color-picker-input .n-input {

 flex-grow: 1;
 flex-basis: 0;
 
}

.n-color-picker-input .n-color-picker-input__mode {

 width: 72px;
 text-align: center;
 
}

.n-color-picker-control {

 padding: 12px;
 
}

.n-color-picker-action {

 display: flex;
 margin-top: -4px;
 border-top: 1px solid var(--n-divider-color);
 padding: 8px 12px;
 justify-content: flex-end;
 
}

.n-color-picker-action .n-button {
margin-left: 8px;
}

.n-color-picker-trigger {

 border: var(--n-border);
 height: 100%;
 box-sizing: border-box;
 border-radius: var(--n-border-radius);
 transition: border-color .3s var(--n-bezier);
 cursor: pointer;
 
}

.n-color-picker-trigger .n-color-picker-trigger__value {

 white-space: nowrap;
 position: relative;
 
}

.n-color-picker-trigger .n-color-picker-trigger__fill {

 border-radius: var(--n-border-radius);
 position: absolute;
 display: flex;
 align-items: center;
 justify-content: center;
 left: 4px;
 right: 4px;
 top: 4px;
 bottom: 4px;
 
}

.n-color-picker-trigger.n-color-picker-trigger--disabled {
cursor: not-allowed
}

.n-color-picker-trigger .n-color-picker-checkboard {

 border-radius: var(--n-border-radius);
 
}

.n-color-picker-trigger .n-color-picker-checkboard::after {

 --n-block-size: calc((var(--n-height) - 8px) / 3);
 background-size: calc(var(--n-block-size) * 2) calc(var(--n-block-size) * 2);
 background-position: 0 0, 0 var(--n-block-size), var(--n-block-size) calc(-1 * var(--n-block-size)), calc(-1 * var(--n-block-size)) 0px; 
 
}

.n-color-picker-swatches {

 display: grid;
 grid-gap: 8px;
 flex-wrap: wrap;
 position: relative;
 grid-template-columns: repeat(auto-fill, 18px);
 margin-top: 10px;
 
}

.n-color-picker-swatches .n-color-picker-swatch {

 width: 18px;
 height: 18px;
 background-image: linear-gradient(45deg, #DDD 25%, #0000 25%), linear-gradient(-45deg, #DDD 25%, #0000 25%), linear-gradient(45deg, #0000 75%, #DDD 75%), linear-gradient(-45deg, #0000 75%, #DDD 75%);
 background-size: 8px 8px;
 background-position: 0px 0, 0px 4px, 4px -4px, -4px 0px;
 background-repeat: repeat;
 
}

.n-color-picker-swatches .n-color-picker-swatch .n-color-picker-swatch__fill {

 position: relative;
 width: 100%;
 height: 100%;
 border-radius: 3px;
 box-shadow: rgba(0, 0, 0, .15) 0px 0px 0px 1px inset;
 cursor: pointer;
 
}

.n-color-picker-swatches .n-color-picker-swatch:focus {

 outline: none;
 
}

.n-color-picker-swatches .n-color-picker-swatch:focus .n-color-picker-swatch__fill::after {

 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: inherit;
 filter: blur(2px);
 content: "";
 
}
.n-dynamic-tags .n-input {
  min-width: var(--n-input-width);
}