.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-form-item {

    display: grid;
    line-height: var(--n-line-height);
   
   }
   
   .n-form-item .n-form-item-label {
   
    grid-area: label;
    align-items: center;
    line-height: 1.25;
    text-align: var(--n-label-text-align);
    font-size: var(--n-label-font-size);
    min-height: var(--n-label-height);
    padding: var(--n-label-padding);
    color: var(--n-label-text-color);
    transition: color .3s var(--n-bezier);
    box-sizing: border-box;
    font-weight: var(--n-label-font-weight);
    
   }
   
   .n-form-item .n-form-item-label .n-form-item-label__asterisk {
   
    white-space: nowrap;
    user-select: none;
    -webkit-user-select: none;
    color: var(--n-asterisk-color);
    transition: color .3s var(--n-bezier);
    
   }
   
   .n-form-item .n-form-item-label .n-form-item-label__asterisk-placeholder {
   
    grid-area: mark;
    user-select: none;
    -webkit-user-select: none;
    visibility: hidden; 
    
   }
   
   .n-form-item .n-form-item-blank {
   
    grid-area: blank;
    min-height: var(--n-blank-height);
    
   }
   
   .n-form-item.n-form-item--auto-label-width .n-form-item-label {
   white-space: nowrap;
   }
   
   .n-form-item.n-form-item--left-labelled {
   
    grid-template-areas:
    "label blank"
    "label feedback";
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    align-items: flex-start;
    
   }
   
   .n-form-item.n-form-item--left-labelled .n-form-item-label {
   
    display: grid;
    grid-template-columns: 1fr auto;
    min-height: var(--n-blank-height);
    height: auto;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-grow: 0;
    
   }
   
   .n-form-item.n-form-item--left-labelled .n-form-item-label.n-form-item-label--reverse-columns-space {
   
    grid-template-columns: auto 1fr;
    
   }
   
   .n-form-item.n-form-item--left-labelled .n-form-item-label.n-form-item-label--left-mark {
   
    grid-template-areas:
    "mark text"
    ". text";
    
   }
   
   .n-form-item.n-form-item--left-labelled .n-form-item-label.n-form-item-label--right-mark {
   
    grid-template-areas: 
    "text mark"
    "text .";
    
   }
   
   .n-form-item.n-form-item--left-labelled .n-form-item-label.n-form-item-label--right-hanging-mark {
   
    grid-template-areas: 
    "text mark"
    "text .";
    
   }
   
   .n-form-item.n-form-item--left-labelled .n-form-item-label .n-form-item-label__text {
   
    grid-area: text; 
    
   }
   
   .n-form-item.n-form-item--left-labelled .n-form-item-label .n-form-item-label__asterisk {
   
    grid-area: mark; 
    align-self: end;
    
   }
   
   .n-form-item.n-form-item--top-labelled {
   
    grid-template-areas:
    "label"
    "blank"
    "feedback";
    grid-template-rows: minmax(var(--n-label-height), auto) 1fr;
    grid-template-columns: minmax(0, 100%);
    
   }
   
   .n-form-item.n-form-item--top-labelled.n-form-item--no-label {
   
    grid-template-areas:
    "blank"
    "feedback";
    grid-template-rows: 1fr;
    
   }
   
   .n-form-item.n-form-item--top-labelled .n-form-item-label {
   
    display: flex;
    align-items: flex-start;
    justify-content: var(--n-label-text-align);
    
   }
   
   .n-form-item .n-form-item-blank {
   
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
    
   }
   
   .n-form-item .n-form-item-feedback-wrapper {
   
    grid-area: feedback;
    box-sizing: border-box;
    min-height: var(--n-feedback-height);
    font-size: var(--n-feedback-font-size);
    line-height: 1.25;
    transform-origin: top left;
    
   }
   
   .n-form-item .n-form-item-feedback-wrapper:not(:empty) {
   
    padding: var(--n-feedback-padding);
    
   }
   
   .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback {
     transition: color .3s var(--n-bezier);
     color: var(--n-feedback-text-color);
   }
   
   .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.n-form-item-feedback--warning {
     color: var(--n-feedback-text-color-warning);
   }
   
   .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.n-form-item-feedback--error {
     color: var(--n-feedback-text-color-error);
   }
   
   .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-enter-from, .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-leave-to {
     opacity: 0;
     transform: translateY(-3px);
   }
   
   .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-enter-to, .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-leave-from {
     opacity: 1;
     transform: translateY(0);
   }
   
   .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-leave-active {
     transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1);
   }
   
   .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-enter-active {
     transition: opacity .3s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1);
   }

.n-upload {
    width: 100%;
    }
    
    /* 下拉菜单选中状态 */
    .n-base-select-menu-item {
        padding: 8px 12px;
        cursor: pointer;
    }
    
    .n-base-select-menu-item--selected {
        background-color: #f0f0f0;
        font-weight: bold;
    }
    
    .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;
     
    }

body > .n-image-container {
    position: fixed;
    }
    
    .n-image-preview-container {
    
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     display: flex;
     
    }
    
    .n-image-preview-overlay {
    
     z-index: -1;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: rgba(0, 0, 0, .3);
     
    }
    
    .n-image-preview-overlay.fade-in-transition-enter-active {
      transition: all 0.2s cubic-bezier(.4, 0, .2, 1)!important;
    }
    
    .n-image-preview-overlay.fade-in-transition-leave-active {
      transition: all 0.2s cubic-bezier(.4, 0, .2, 1)!important;
    }
    
    .n-image-preview-overlay.fade-in-transition-enter-from, .n-image-preview-overlay.fade-in-transition-leave-to {
      opacity: 0;
    }
    
    .n-image-preview-overlay.fade-in-transition-leave-from, .n-image-preview-overlay.fade-in-transition-enter-to {
      opacity: 1;
    }
    
    .n-image-preview-toolbar {
    
     z-index: 1;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     border-radius: var(--n-toolbar-border-radius);
     height: 48px;
     bottom: 40px;
     padding: 0 12px;
     background: var(--n-toolbar-color);
     box-shadow: var(--n-toolbar-box-shadow);
     color: var(--n-toolbar-icon-color);
     transition: color .3s var(--n-bezier);
     display: flex;
     align-items: center;
     
    }
    
    .n-image-preview-toolbar .n-base-icon {
    
     padding: 0 8px;
     font-size: 28px;
     cursor: pointer;
     
    }
    
    .n-image-preview-toolbar.fade-in-transition-enter-active {
      transition: all 0.2s cubic-bezier(.4, 0, .2, 1)!important;
    }
    
    .n-image-preview-toolbar.fade-in-transition-leave-active {
      transition: all 0.2s cubic-bezier(.4, 0, .2, 1)!important;
    }
    
    .n-image-preview-toolbar.fade-in-transition-enter-from, .n-image-preview-toolbar.fade-in-transition-leave-to {
      opacity: 0;
    }
    
    .n-image-preview-toolbar.fade-in-transition-leave-from, .n-image-preview-toolbar.fade-in-transition-enter-to {
      opacity: 1;
    }
    
    .n-image-preview-wrapper {
    
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     display: flex;
     pointer-events: none;
     
    }
    
    .n-image-preview-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-image-preview-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-image-preview-wrapper.fade-in-scale-up-transition-enter-from, .n-image-preview-wrapper.fade-in-scale-up-transition-leave-to {
      opacity: 0;
      transform:  scale(.9);
    }
    
    .n-image-preview-wrapper.fade-in-scale-up-transition-leave-from, .n-image-preview-wrapper.fade-in-scale-up-transition-enter-to {
      opacity: 1;
      transform:  scale(1);
    }
    
    .n-image-preview {
    
     user-select: none;
     -webkit-user-select: none;
     pointer-events: all;
     margin: auto;
     max-height: calc(100vh - 32px);
     max-width: calc(100vw - 32px);
     transition: transform .3s var(--n-bezier);
     
    }
    
    .n-image {
    
     display: inline-flex;
     max-height: 100%;
     max-width: 100%;
     
    }
    
    .n-image:not(.n-image--preview-disabled) {
    
     cursor: pointer;
     
    }
    
    .n-image img {
    
     border-radius: inherit;
     
    }
.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);
       }
.n-form-item {

        display: grid;
        line-height: var(--n-line-height);
       
       }
       
       .n-form-item .n-form-item-label {
       
        grid-area: label;
        align-items: center;
        line-height: 1.25;
        text-align: var(--n-label-text-align);
        font-size: var(--n-label-font-size);
        min-height: var(--n-label-height);
        padding: var(--n-label-padding);
        color: var(--n-label-text-color);
        transition: color .3s var(--n-bezier);
        box-sizing: border-box;
        font-weight: var(--n-label-font-weight);
        
       }
       
       .n-form-item .n-form-item-label .n-form-item-label__asterisk {
       
        white-space: nowrap;
        user-select: none;
        -webkit-user-select: none;
        color: var(--n-asterisk-color);
        transition: color .3s var(--n-bezier);
        
       }
       
       .n-form-item .n-form-item-label .n-form-item-label__asterisk-placeholder {
       
        grid-area: mark;
        user-select: none;
        -webkit-user-select: none;
        visibility: hidden; 
        
       }
       
       .n-form-item .n-form-item-blank {
       
        grid-area: blank;
        min-height: var(--n-blank-height);
        
       }
       
       .n-form-item.n-form-item--auto-label-width .n-form-item-label {
       white-space: nowrap;
       }
       
       .n-form-item.n-form-item--left-labelled {
       
        grid-template-areas:
        "label blank"
        "label feedback";
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-rows: auto 1fr;
        align-items: flex-start;
        
       }
       
       .n-form-item.n-form-item--left-labelled .n-form-item-label {
       
        display: grid;
        grid-template-columns: 1fr auto;
        min-height: var(--n-blank-height);
        height: auto;
        box-sizing: border-box;
        flex-shrink: 0;
        flex-grow: 0;
        
       }
       
       .n-form-item.n-form-item--left-labelled .n-form-item-label.n-form-item-label--reverse-columns-space {
       
        grid-template-columns: auto 1fr;
        
       }
       
       .n-form-item.n-form-item--left-labelled .n-form-item-label.n-form-item-label--left-mark {
       
        grid-template-areas:
        "mark text"
        ". text";
        
       }
       
       .n-form-item.n-form-item--left-labelled .n-form-item-label.n-form-item-label--right-mark {
       
        grid-template-areas: 
        "text mark"
        "text .";
        
       }
       
       .n-form-item.n-form-item--left-labelled .n-form-item-label.n-form-item-label--right-hanging-mark {
       
        grid-template-areas: 
        "text mark"
        "text .";
        
       }
       
       .n-form-item.n-form-item--left-labelled .n-form-item-label .n-form-item-label__text {
       
        grid-area: text; 
        
       }
       
       .n-form-item.n-form-item--left-labelled .n-form-item-label .n-form-item-label__asterisk {
       
        grid-area: mark; 
        align-self: end;
        
       }
       
       .n-form-item.n-form-item--top-labelled {
       
        grid-template-areas:
        "label"
        "blank"
        "feedback";
        grid-template-rows: minmax(var(--n-label-height), auto) 1fr;
        grid-template-columns: minmax(0, 100%);
        
       }
       
       .n-form-item.n-form-item--top-labelled.n-form-item--no-label {
       
        grid-template-areas:
        "blank"
        "feedback";
        grid-template-rows: 1fr;
        
       }
       
       .n-form-item.n-form-item--top-labelled .n-form-item-label {
       
        display: flex;
        align-items: flex-start;
        justify-content: var(--n-label-text-align);
        
       }
       
       .n-form-item .n-form-item-blank {
       
        box-sizing: border-box;
        display: flex;
        align-items: center;
        position: relative;
        
       }
       
       .n-form-item .n-form-item-feedback-wrapper {
       
        grid-area: feedback;
        box-sizing: border-box;
        min-height: var(--n-feedback-height);
        font-size: var(--n-feedback-font-size);
        line-height: 1.25;
        transform-origin: top left;
        
       }
       
       .n-form-item .n-form-item-feedback-wrapper:not(:empty) {
       
        padding: var(--n-feedback-padding);
        
       }
       
       .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback {
         transition: color .3s var(--n-bezier);
         color: var(--n-feedback-text-color);
       }
       
       .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.n-form-item-feedback--warning {
         color: var(--n-feedback-text-color-warning);
       }
       
       .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.n-form-item-feedback--error {
         color: var(--n-feedback-text-color-error);
       }
       
       .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-enter-from, .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-leave-to {
         opacity: 0;
         transform: translateY(-3px);
       }
       
       .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-enter-to, .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-leave-from {
         opacity: 1;
         transform: translateY(0);
       }
       
       .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-leave-active {
         transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1);
       }
       
       .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-enter-active {
         transition: opacity .3s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1);
       }
   .v-binder-follower-container {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 0;
        pointer-events: none;
        z-index: 2000;
      }
      
      .v-binder-follower-content {
        position: absolute;
        z-index: auto;
      }
      
      .v-binder-follower-content > * {
        pointer-events: all;
      }
.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-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;
       }
      @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;
        
       }
     .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-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;
        
       }