:root {
  --n-toggle-button-color: #FFF;
  --n-toggle-button-border: 1px solid rgb(239, 239, 245);
  --n-toggle-bar-color: #55FFD6;
  --n-toggle-bar-color-hover: #57E2ED;
  --n-toggle-button-icon-color: rgb(51, 54, 57);
  --n-dot-color: rgba(255, 255, 255, 0.3);
  --n-dot-color-focus: rgba(255, 255, 255, 0.5);
  --n-dot-color-active: rgba(255, 255, 255, 1);
  --n-dot-size: 8px;
  --n-dot-line-width: 16px;
  --n-dot-line-width-active: 24px;
  --n-arrow-color: #eee;
  --brand: #2f93c9;
  --not-quite-black: #111224;
  --not-quite-black-light:#212231;
  --bluebright: #1af7ff;
  --greenbright: #76fcba;
  --black: #000;
  --white: #fff;
  --n-bezier: cubic-bezier(0.4, 0, 0.2, 1);
  --n-bezier-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --n-ripple-duration: 0.6s;
  --n-opacity-disabled: 0.5;
  --n-wave-opacity: 0.6;
  --n-ripple-color: #0000;
  --n-text-color: rgb(233, 233, 233);
  --n-text-color-hover: #36ad6a;
  --n-text-color-pressed: #0c7a43;
  --n-text-color-focus: #36ad6a;
  --n-text-color-disabled: rgb(51, 54, 57);
  --n-border: none;
  --n-border-hover: none;
  --n-border-pressed: none;
  --n-border-focus: none;
  --n-border-disabled: none;
  --n-width: initial;
  --n-height: 34px;
  --n-font-size: 14px;
  --n-padding: initial;
  --n-icon-size: 18px;
  --n-icon-margin: 6px;
  --n-border-radius:6px;
  --n-border-radius-half: 50%;
  --n-border-radius-mid: 12px;
  --n-border-radius-small: 4px;
  --n-border-radius-large: 20px;
  --n-color: rgba(204, 204, 204, 1);
  --n-color-modal: rgba(204, 204, 204, 1);
  --n-color-popover: rgba(204, 204, 204, 1);
  --n-bezier: cubic-bezier(0.4, 0, 0.2, 1);
  --n-scrollbar-bezier: cubic-bezier(0.4, 0, 0.2, 1);
  --n-scrollbar-color: rgba(0, 0, 0, 0.25);
  --n-scrollbar-color-hover: rgba(0, 0, 0, 0.4);
  --n-scrollbar-border-radius: 5px;
  --n-scrollbar-width: 5px;
  --n-scrollbar-height: 5px;
  --n-opacity-spinning: 0.5;
  --n-size: 34px;
  --n-color-green: #76FBB9;
  --n-text-color-green: #76FBB9;
  --van-gradient-blue: linear-gradient(to bottom, #1df7ff, #77fcba);
  --n-label-line-height: 1.6;
  --n-label-font-weight: 400;
  --n-count-text-color: rgb(118, 124, 130);
  --n-count-text-color-disabled: rgba(194, 194, 194, 1);
  --n-font-size: 14px;
  --n-padding-left: 12px;
  --n-padding-right: 12px;
  --n-caret-color: #18a058;
  --n-text-decoration-color: rgb(51, 54, 57);
  --n-border: 1px solid rgb(224, 224, 230);
  --n-border-disabled: 1px solid rgb(224, 224, 230);
  --n-border-hover: 1px solid #60b167;
  --n-border-focus: 1px solid #60b167;
  --n-placeholder-color: rgba(194, 194, 194, 1);
  --n-placeholder-color-disabled: rgba(209, 209, 209, 1);
  --n-icon-size: 16px;
  --n-line-height-textarea: 1.6;
  --n-color-disabled: rgb(250, 250, 252);
  --n-color-focus: rgba(255, 255, 255, 1);
  --n-text-color-disabled: rgba(194, 194, 194, 1);
  --n-box-shadow-focus: 0 0 0 2px rgba(24, 160, 88, 0.2);
  --n-loading-color: #18a058;
  --n-caret-color-warning: #f0a020;
  --n-color-focus-warning: rgba(255, 255, 255, 1);
  --n-box-shadow-focus-warning: 0 0 0 2px rgba(240, 160, 32, 0.2);
  --n-border-warning: 1px solid #f0a020;
  --n-border-focus-warning: 1px solid #fcb040;
  --n-border-hover-warning: 1px solid #fcb040;
  --n-loading-color-warning: #f0a020;
  --n-caret-color-error: #d03050;
  --n-color-focus-error: rgba(255, 255, 255, 1);
  --n-box-shadow-focus-error: 0 0 0 2px rgba(208, 48, 80, 0.2);
  --n-border-error: 1px solid #d03050;
  --n-border-focus-error: 1px solid #60b167;
  --n-border-hover-error: 1px solid #77fcba;
  --n-loading-color-error: #d03050;
  --n-clear-color: rgba(194, 194, 194, 1);
  --n-clear-size: 16px;
  --n-clear-color-hover: rgba(146, 146, 146, 1);
  --n-clear-color-pressed: rgba(175, 175, 175, 1);
  --n-icon-color: rgba(194, 194, 194, 1);
  --n-icon-color-hover: rgba(146, 146, 146, 1);
  --n-icon-color-pressed: rgba(175, 175, 175, 1);
  --n-icon-color-disabled: rgba(209, 209, 209, 1);
  --n-suffix-text-color: rgb(51, 54, 57);
  --n-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.22), 0 6px 16px 0 rgba(0, 0, 0, 0.18), 0 9px 28px 8px rgba(0, 0, 0, 0.15);
  --n-th-padding:10px; 
  --n-td-padding:10px;
  --n-line-height:1.6; 
  --n-border-color:#3b4255; 
  --n-border-color-modal:#3b4255;
  --n-border-color-popover:#3b4255; 
  --n-item-text-color-disabled: #3b4255; 
  --n-th-color:#3b4255; 
  --n-th-color-hover:rgba(243, 243, 247, .1); 
  --n-th-color-modal:#3b4255; 
  --n-th-color-hover-modal:rgba(243, 243, 247, .1); 
  --n-th-color-popover:rgba(250, 250, 252, 1); 
  --n-th-color-hover-popover:rgba(243, 243, 247, .1); 
  --n-td-color:transparent; 
  --n-td-color-hover:rgba(247, 247, 250, .1); 
  --n-td-color-modal:transparent; 
  --n-td-color-hover-modal:rgba(247, 247, 250, .1); 
  --n-td-color-popover:transparent; 
  --n-td-color-hover-popover:rgba(247, 247, 250, .1); 
  --n-th-text-color:#fff; 
  --n-td-text-color:#fff; 
  --n-th-font-weight:500; 
  --n-th-button-color-hover:rgba(0, 0, 100, 0.03); 
  --n-th-icon-color:rgba(194, 194, 194, 1); 
  --n-th-icon-color-active:#41CF89; 
  --n-filter-size:15px; 
  --n-pagination-margin:12px 0 0 0; 
  --n-empty-padding:48px 0; 
  --n-box-shadow-before:inset -12px 0 8px -12px rgba(0, 0, 0, 0.18); 
  --n-box-shadow-after:inset 12px 0 8px -12px rgba(0, 0, 0, 0.18); 
  --n-sorter-size:15px; 
  --n-resizable-container-size:8px; 
  --n-resizable-size:2px; 
  --n-loading-size:28px; 
  --n-loading-color:#41CF89; 
  --n-opacity-loading:0.5; 
  --n-td-color-striped:rgba(250, 250, 252, 1); 
  --n-td-color-striped-modal:rgba(250, 250, 252, 1); 
  --n-td-color-striped-popover:rgba(250, 250, 252, 1); 
  --n-prefix-margin:0 8px 0 0; 
  --n-suffix-margin:0 0 0 8px; 
  --n-item-font-size:14px; 
  --n-select-width: unset; 
  --n-select-margin:0 0 0 8px; 
  --n-input-width:60px; 
  --n-input-margin:0 0 0 8px; 
  --n-input-margin-rtl:0 8px 0 0; 
  --n-item-size:28px; 
  --n-item-text-color:rgb(51, 54, 57);
   --n-item-text-color-disabled:rgba(194, 194, 194, .5); 
   --n-item-text-color-hover:#55ffd6; 
   --n-item-text-color-active:#55ffd6; 
   --n-item-text-color-pressed:#55ffd6; 
   --n-item-color:#3b4255; 
   --n-item-color-hover:#3b4255; 
   --n-item-color-disabled:transparent; 
   --n-item-color-active:#3b4255; 
   --n-item-color-active-hover:#3b4255; 
   --n-item-color-pressed:#3b4255; 
   --n-item-border:1px solid #3b4255; 
   --n-item-border-hover:1px solid ##76fcba; 
   --n-item-border-disabled:1px solid #3b4255; 
   --n-item-border-active:1px solid #76fcba; 
   --n-item-border-pressed:1px solid ##76fcba; 
   --n-item-padding:0 4px; 
   --n-item-border-radius:3px; 
   --n-bezier:cubic-bezier(0.4, 0, 0.2, 1); 
   --n-jumper-font-size:14px; 
   --n-jumper-text-color:rgb(51, 54, 57); 
   --n-jumper-text-color-disabled:rgba(194, 194, 194, 1); 
   --n-item-margin:0 0 0 8px; 
   --n-item-margin-rtl:0 8px 0 0; 
   --n-button-icon-size:16px; 
   --n-button-icon-color:#fff;
   --n-button-icon-color-hover:#000;
   --n-button-icon-color-pressed:#000; 
   --n-button-color-hover:#55ffd6; 
   --n-button-color:#fff; 
   --n-button-color-pressed:#fff; 
   --n-button-border:1px solid #3b4255; 
   --n-button-border-hover:1px solid #b4bbc4; 
   --n-button-border-pressed:1px solid #b4bbc4;
}

.block {
  display: block;
}

/*preview*/
.close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background: #F2F4F6;
  border-radius: 12px;
  margin-left: 12px;
  cursor: pointer
}

.img-box {
  width: 504px;
  background-color: #fff;
  padding: 20px;
  border-radius: 12px;
  box-sizing: border-box
}

.img-box .image {
  width: 464px;
  height: 464px;
  border-radius: 0;
  -o-object-fit: contain;
  object-fit: contain
}

.operate {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  width: 800px;
  height: 180px;
  background-color: #fff;
  padding: 31px 24px 0;
  box-sizing: border-box;
  border-radius: 12px
}

.operate .download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 39px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  background: #121212;
  border-radius: 8px;
  cursor: pointer
}

/* .n-input{
    --n-height: 39px !important;
    border-radius:8px
}*/
.n-checkbox-box {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  border: 2px solid #9B9B9B !important;
  box-sizing: border-box !important
}

.n-checkbox.n-checkbox--checked .n-checkbox-box {
  background-color: #121212 !important;
  border: none !important
}

.n-checkbox .n-checkbox-box .n-checkbox-box__border, .n-checkbox:focus:not (:active) .n-checkbox-box .n-checkbox-box__border, .n-checkbox.n-checkbox--disabled.n-checkbox--checked .n-checkbox-box .n-checkbox-box__border {
  border: none !important;
  box-shadow: none !important
}

/*index*/
.operate {
  display: flex;
  flex-direction: column;
  width: 377px;
  background-color: #fff;
  padding: 28px 32px;
  box-sizing: border-box;
  transition: all .3s
}

.operate .size-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.operate .size-list .size-box {
  margin-right: 12px;
  width: 150px;
  height: 29px;
  font-size: 14px;
  font-weight: 400;
  color: #121212;
  line-height: 29px;
  text-align: center;
  background-color: #f2f4f6;
  border-radius: 4px;
  cursor: pointer
}

.operate .size-list .size-box:last-child {
  margin: 0
}

.operate .size-list .size-box-active {
  background-color: #76fbb9;
  position: relative
}

.operate .size-list .size-box-active .dot-box {
  width: 34px;
  height: 14px;
  position: absolute;
  top: -7px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #ffffffb3;
  font-weight: 500;
  background-image: url();
  background-size: 100% 100%
}

.operate .style-list {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  height: 300px;
  padding-top: 16px;
  padding-left: 2px;
  overflow-y: auto
}

.operate .style-list .style-box {
  position: relative;
  width: 96px;
  height: 96px;
  margin-bottom: 12px;
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer
}

.operate .style-list .style-box-active {
  outline: 2px solid #76FBB9
}

.operate .style-list .style-box-active .style-tips {
  background-color: #76fbb9;
  color: #121212
}

.operate .style-list .style-box :nth-child(3n+2) {
  margin: 0 10px
}

.operate .style-list .style-img {
  width: 100%;
  height: 100%
}

.operate .style-list .style-tips {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 24px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  line-height: 24px;
  background-color: #121212cc;
  border-radius: 0 0 8px 8px
}

.operate .draw-btn, .operate .draw-btn-disabled {
  width: 312px;
  height: 50px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 50px;
  background-color: #121212;
  border-radius: 8px;
  cursor: pointer
}

.operate .draw-btn-disabled {
  background-color: #9b9b9b;
  cursor: no-drop
}

.operate .dian {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  background: #121212;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  padding: 0 12px;
  border-radius: 17px
}

.collapsed .arrow-slider {
  transform: translate(-372px) rotate(180deg)
}

.collapsed .operate {
  transform: translate (-377px);
  position: absolute;
  height: 100%
}

.arrow-slider {
  position: absolute;
  top: 50%;
  left: 359px;
  transform: translateY (-50%);
  width: 36px;
  height: 36px;
  cursor: pointer;
  transition: all .3s
}

.draw-wrapper {
  flex: 1;
  box-sizing: border-box;
  padding: 48px
}

.draw-wrapper .draw-content {
  display: flex;
  height: 100%;
  align-items: center;
  flex-direction: column;
  border-radius: 16px;
  border: 1px dashed #9B9B9B;
  padding: 48px 0 32px;
  box-sizing: border-box
}

.draw-wrapper .draw-success {
  border: none;
  background-color: #fff
}

.draw-wrapper .icon-img {
  width: 16px;
  height: 16px;
  margin-right: 6px
}

.draw-wrapper .draw-save-btn {
  width: 220px;
  height: 49px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  background-color: #121212;
  border-radius: 8px;
  cursor: pointer
}

.title {
  font-size: 18px;
  font-weight: 700;
  color: #121212;
  margin-bottom: 16px
}

.loading-animated {
  animation: draw-loading-560c37aa 1s ease infinite
}

@keyframes draw-loading-560c37aa {
  0% {
    transform: translateY (-10px)
  }

  50% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-10px)
  }
}

.input-class .n-input__border {
  border: none !important
}

.collect-list {
  height: calc (100% - 100px);
  display: flex;
  flex-wrap: wrap;
  margin-top: 36px;
  gap: 0 32px;
  overflow-y: auto
}

.collect-list .collect-box {
  margin-bottom: 30px;
  cursor: pointer
}

.collect-list .collect-box .img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  width: 216px;
  height: 216px;
  background: #F2F4F6;
  border-radius: 12px
}

.collect-list .collect-box .collect-img {
  width: 184px;
  height: 184px;
  border-radius: 8px
}

.collect-list .collect-box .desc {
  width: 210px;
  height: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #121212;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 312px;
  height: 50px;
  margin-top: 42px;
  background-color: #121212;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  cursor: pointer
}

.btn .spot-img {
  width: 18px;
  height: 18px
}

/*layout*/
.markdown-body {
  background-color: transparent;
  font-size: 14px;
  color: var(--color-fg-default);
}

.markdown-body p {
  white-space: pre-wrap
}

.markdown-body ol {
  list-style-type: decimal
}

.markdown-body ul {
  list-style-type: disc
}

.markdown-body pre code, .markdown-body pre tt {
  line-height: 1.65
}

.markdown-body .highlight pre, .markdown-body pre {
  background-color: #fff
}

.markdown-body code.hljs {
  padding: 0
}

.markdown-body .code-block-wrapper {
  position: relative;
  padding-top: 24px
}

.markdown-body .code-block-header {
  position: absolute;
  top: 5px;
  right: 0;
  width: 100%;
  padding: 0 1rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #b3b3b3
}

.markdown-body .code-block-header__copy {
  cursor: pointer;
  margin-left: .5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.markdown-body .code-block-header__copy:hover {
  color: #65a665
}

.message-dv-green {
  border-right: 2px solid rgba(118, 252, 186, 0.6);
}

.message-dv-blue {
  border-right: 2px solid rgba(29, 247, 255, 0.6);
}

html.dark .message-reply .whitespace-pre-wrap {
  white-space: pre-wrap;
  color: var (--n-text-color)
}

html.dark .highlight pre, html.dark pre {
  background-color: #282c34
}

.dark .message-reply {
  --tw-background-opacity: .1;
  background: rgb(229 235 240 / var(--tw-background-opacity));
  padding-bottom: 19px !important;
}
.message-reply {
   position: relative;
}

.dark .message-request {
  --tw-background-opacity: 1;
  /*    background: linear-gradient(to bottom, #1df7ff, #77fcba);*/
  background: rgb(151 226 215/ var(--tw-background-opacity));
}

.welcome-body {
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.welcome-body .welcome-title {
  width: 100%;
  height: 125px;
  display: flex;
  align-items: center;
  background: url(../images/welcome-bg.png) no-repeat center bottom;
/*  background-size: 100% 35%;*/
}

.welcome-title .title-area {
  text-align: left;
  width: 100%;
  height: 135px;
  padding-top: 10px;
}

.title-area.welcome-morning {
  background: url(../images/welcome-morning.png) no-repeat right bottom;
  background-size: unset;
}

.title-area.welcome-afternoon {
  background: url(../images/welcome-afternoon.png) no-repeat right bottom;
  background-size: unset;
}

.title-area.welcome-evening {
  background: url(../images/welcome-evening.png) no-repeat right bottom;
  background-size: unset;
}

.title-area.welcome-night {
  background: url(../images/welcome-night.png) no-repeat right bottom;
  background-size: unset;
}

.welcome-title .title-area h2 {
  color: var(--white);
  font-size: 28px;
}

.welcome-title .title-area .subtitle {
  color: rgb(187 189 200);
  font-size: 14px;
  margin-top: 7px;
}

.welcome-title .decorate-img {
  display: inline-flex;
}

.welcome-body .desc-wrap {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 16px;
  color: var(--white);
}

.welcome-body .welcome-content {
  text-align: center
}

.welcome-body .welcome-content-img {
  text-align: center;
  justify-content: center;
  display: flex;
  margin-bottom: 10px
}

.welcome-body .welcome-content-h {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--textColor)
}

.welcome-body .welcome-content-ul>li {
  display: block;
  position: relative;
  float: left;
  width: 100%;
/*  height: 44px;*/
  overflow: hidden;
  cursor: pointer;
  font-size: 14px;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 1rem;
  margin-left: .5rem;
  margin-right: .5rem;
  text-align: left;
  color: var(--white);
  text-overflow: ellipsis;
  background-color: #3f4450
}

.welcome-content-ul>li .buttonExtraSmall {
  display: none;
}

.welcome-content li .buttonText {
  position: absolute;
  right: 16px;
  bottom: 10px;
  cursor: pointer;
}

/*.welcome-content-ul>li:nth-of-type(2), .welcome-content-ul>li:nth-of-type(5),.welcome-content-ul>li:nth-of-type(8){
   margin: 0;
}*/
.welcome-body .welcome-content-ul>li:hover {
  background-color: var(--not-quite-black);
  color: #fff;
  cursor: pointer;
}

/*.welcome-content-ul li span{
    display: -webkit-box;
    height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
}*/
.notice-wrapper {
  width: 100%;
  height: 40px;
  background: rgba(0, 0, 0, 1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 400;
  color: #fff
}

.notice-wrapper .buttonExtraSmall {
  padding: 0 15px;
}

.btn {
  width: 64px;
  height: 28px;
  background: #76FBB9;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #121212;
  text-align: center;
  line-height: 28px;
  margin-right: 16px
}

.submit-btn {
  --n-border: none !important;
  --n-border-disabled: none !important;
  background: #76FBB9;
  border-radius: 8px;
  color: var (--textColor);
  padding: 13px 33px;
  border: none
}

.input-class {
  background: #1b1c32;
  border-radius: 8px
}
.textarea-class {
  background: #1b1c32;
  border-radius: 8px;
  padding: 5px 10px
}

#scrollRef {
  height: calc(100% - 0px)
}
.gallery-main #scrollRef {
  height: calc(100% - 60px)
}

.input-class .n-input__border {
  border: none !important
}

.create-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 22px;
  margin-bottom: 6px;
  height: 42px;
  color: var(--baseTextColor);
  line-height: 42px;
  font-size: 16px;
  font-weight: 500;
  background-color: #1b1c32;
  border-radius: 25px;
  letter-spacing: 1px;
  cursor: pointer;
}

.create-btn:hover {
  -webkit-box-shadow: 0 8px 3px rgba(0, 0, 0, .23);
  box-shadow: 0 8px 3px rgba (0, 0, 0, .23)
}

.create-btn.disabled {
  color: var(--van-gray-5) !important;
  opacity: .6;
}
.btn-group-create{
  display: flex;
  justify-content: space-between;
}
.btn-group-create .create-btn{
  width: 99%;
  height: 37px;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0;

}
.chatbot {
  width: 166px;
  height: 41px
}

.header-sign {
  position: relative;
  display: inline-block;
  min-width: 170px;
  max-width: calc(100vw - 170px);
}

.flex-row-reverse .header-sign {
  max-width: 100% !important;
}

.header-sign .botTag {
  display: inline-block;
}

.header-sign .botTag-cozy {
  background-color: var(--greenbright);
  border-radius: 15px;
  color: var(--not-quite-black);
  display: inherit;
  font-size: 10px;
  padding: 2px 4px 2px 0;
}

.more-action {
  position: absolute;
  right: 13px;
}

.more-action-reverse {
  position: absolute;
  left: 0px;
}

.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;
}
.v-binder-tooltip-content {
  position: absolute;
  transform: translate(0%);
  z-index: 1;
  display: none;
  transition: .5s;
}
.v-binder-follower-content>* {
  pointer-events: all;
}
.v-binder-tooltip-content.right-place {
  right: 23px;
  bottom: 3px;
}
.v-binder-tooltip-content.bottom-place {
  left: -50%;
  top: 40px;
}
.v-binder-tooltip-content.left-place {
  left: -93px;
  bottom: 3px;
}
.mouseover:hover .v-binder-tooltip-content{
  display:block !important;
}
.n-loading-bar-container {

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

}

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

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

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

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

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

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

}

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

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

}

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

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

}

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

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

}

body {

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

}

body input {

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

}

.n-notification-container {

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

}

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

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

}

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

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

}

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

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

}

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

  top: 12px;

}

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

  min-height: 100vh !important;

}

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

  bottom: 12px;

}

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

  padding-bottom: 12px;

}

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

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

}

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

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

}

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

  transform: scale(0.85);

}

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

  transform: scale(1);

}

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

  transform-origin: top center;

}

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

  transform-origin: bottom center;

}

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

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

}

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

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

}

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

  right: 0;

}

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

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

}

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

  transform: translate(0, 0);

}

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

  left: 0;

}

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

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

}

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

  transform: translate(0, 0);

}

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

  right: 0;

}

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

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

}

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

  transform: translate(0, 0);

}

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

  left: 0;

}

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

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

}

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

  transform: translate(0, 0);

}

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

  top: 0;

}

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

  top: 0;

}

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

  bottom: 0;

}

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

  bottom: 0;

}

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

  margin-bottom: 12px;

}

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

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

}

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

  opacity: 1;

}

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

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

}

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

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

}

.n-notification-container .n-notification {

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

}

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

.n-notification-container .n-notification .n-notification__avatar .n-icon {
  color: var(--n-icon-color);
}

.n-notification-container .n-notification .n-notification__avatar .n-base-icon {
  color: var(--n-icon-color);
}

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

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

}

.n-notification-container .n-notification.n-notification--closable .n-notification-main>*:first-child {
  padding-right: 20px;
}

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

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

}

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

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

}

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

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

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

}

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

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

}

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

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

}

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

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

}

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

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

}

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

  margin-top: 8px;
  font-size: var(--n-description-font-size);
  transition: color .3s var(--n-bezier-ease-out);
  color: var(--n-description-text-color);

}

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

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

}

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

.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: #fff;
  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(--not-quite-black);
  border-radius: var(--n-border-radius-mid);

}

.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(--not-quite-black);
  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-carousel {

  position: relative;
  width: 100%;
  height: 100%;
  touch-action: pan-y;
  overflow: hidden;

}

.n-carousel .n-carousel__slides {

  display: flex;
  width: 100%;
  height: 100%;
  transition-timing-function: var(--n-bezier);
  transition-property: transform;
  color: var(--brand);

}

.n-carousel .n-carousel__slides .n-carousel__slide {

  flex-shrink: 0;
  position: relative;
  width: 100%;
  height: 100%;
  outline: none;
  overflow: hidden;

}

.n-carousel .n-carousel__slides .n-carousel__slide>img {

  display: block;

}

.n-carousel .n-carousel__dots {

  position: absolute;
  display: flex;
  flex-wrap: nowrap;

}

.n-carousel .n-carousel__dots.n-carousel__dots--dot .n-carousel__dot {

  height: var(--n-dot-size);
  width: var(--n-dot-size);
  background-color: var(--n-dot-color);
  border-radius: 50%;
  cursor: pointer;
  transition:
    box-shadow .3s var(--n-bezier),
    background-color .3s var(--n-bezier);
  outline: none;

}

.n-carousel .n-carousel__dots.n-carousel__dots--dot .n-carousel__dot:focus {

  background-color: var(--n-dot-color-focus);

}

.n-carousel .n-carousel__dots.n-carousel__dots--dot .n-carousel__dot.n-carousel__dot--active {

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

}

.n-carousel .n-carousel__dots.n-carousel__dots--line .n-carousel__dot {

  border-radius: 9999px;
  width: var(--n-dot-line-width);
  height: 4px;
  background-color: var(--n-dot-color);
  cursor: pointer;
  transition:
    width .3s var(--n-bezier),
    box-shadow .3s var(--n-bezier),
    background-color .3s var(--n-bezier);
  outline: none;

}

.n-carousel .n-carousel__dots.n-carousel__dots--line .n-carousel__dot:focus {

  background-color: var(--n-dot-color-focus);

}

.n-carousel .n-carousel__dots.n-carousel__dots--line .n-carousel__dot.n-carousel__dot--active {

  width: var(--n-dot-line-width-active);
  background-color: var(--n-dot-color-active);

}

.n-carousel .n-carousel__arrow {

  transition: background-color .3s var(--n-bezier);
  cursor: pointer;
  height: 28px;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, .2);
  color: var(--n-arrow-color);
  border-radius: 8px;
  user-select: none;
  -webkit-user-select: none;
  font-size: 18px;

}

.n-carousel .n-carousel__arrow svg {

  height: 1em;
  width: 1em;

}

.n-carousel .n-carousel__arrow:hover {

  background-color: rgba(255, 255, 255, .3);

}

.n-carousel.n-carousel--vertical {

  touch-action: pan-x;

}

.n-carousel.n-carousel--vertical .n-carousel__slides {

  flex-direction: column;

}

.n-carousel.n-carousel--vertical.n-carousel--fade .n-carousel__slide {

  top: 50%;
  left: unset;
  transform: translateY(-50%);

}

.n-carousel.n-carousel--vertical.n-carousel--card .n-carousel__slide {

  top: 50%;
  left: unset;
  transform: translateY(-50%) translateZ(-400px);

}

.n-carousel.n-carousel--vertical.n-carousel--card .n-carousel__slide.n-carousel__slide--current {

  transform: translateY(-50%) translateZ(0);

}

.n-carousel.n-carousel--vertical.n-carousel--card .n-carousel__slide.n-carousel__slide--prev {

  transform: translateY(-100%) translateZ(-200px);

}

.n-carousel.n-carousel--vertical.n-carousel--card .n-carousel__slide.n-carousel__slide--next {

  transform: translateY(0%) translateZ(-200px);

}

.n-carousel.n-carousel--usercontrol .n-carousel__slides>div {

  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);

}
.notice-wrap {
  height: 30px;
  overflow: hidden; 
  position: relative;
  min-width: 500px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.notice-text {
  position: absolute;
  top: 0;
  left: 0;
  animation: scroll-notice 15s linear infinite normal; 
}
.notice-text:hover {
  position: absolute;
  top: 0;
  left: 0;
  animation: scroll-notice 15s linear infinite paused; 
}
.notice-text p {
  margin: 0;
  padding: 8px 0;
  color: var(--brand); 
}

@keyframes scroll-notice {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}

.n-carousel.n-carousel--left .n-carousel__dots {

  transform: translateY(-50%);
  top: 50%;
  left: 12px;
  flex-direction: column;

}

.n-carousel.n-carousel--left .n-carousel__dots.n-carousel__dots--line .n-carousel__dot {

  width: 4px;
  height: var(--n-dot-line-width);
  margin: 4px 0;
  transition:
    height .3s var(--n-bezier),
    box-shadow .3s var(--n-bezier),
    background-color .3s var(--n-bezier);
  outline: none;

}

.n-carousel.n-carousel--left .n-carousel__dots.n-carousel__dots--line .n-carousel__dot.n-carousel__dot--active {

  height: var(--n-dot-line-width-active);

}

.n-carousel.n-carousel--left .n-carousel__dot {

  margin: 4px 0;

}

.n-carousel .n-carousel__arrow-group {

  position: absolute;
  display: flex;
  flex-wrap: nowrap;

}

.n-carousel.n-carousel--vertical .n-carousel__arrow {

  transform: rotate(90deg);

}

.n-carousel.n-carousel--show-arrow.n-carousel--bottom .n-carousel__dots {

  transform: translateX(0);
  bottom: 18px;
  left: 18px;

}

.n-carousel.n-carousel--show-arrow.n-carousel--top .n-carousel__dots {

  transform: translateX(0);
  top: 18px;
  left: 18px;

}

.n-carousel.n-carousel--show-arrow.n-carousel--left .n-carousel__dots {

  transform: translateX(0);
  top: 18px;
  left: 18px;

}

.n-carousel.n-carousel--show-arrow.n-carousel--right .n-carousel__dots {

  transform: translateX(0);
  top: 18px;
  right: 18px;

}

.n-carousel.n-carousel--left .n-carousel__arrow-group {

  bottom: 12px;
  left: 12px;
  flex-direction: column;

}

.n-carousel.n-carousel--left .n-carousel__arrow-group>*:first-child {

  margin-bottom: 12px;

}

.n-carousel.n-carousel--right .n-carousel__dots {

  transform: translateY(-50%);
  top: 50%;
  right: 12px;
  flex-direction: column;

}

.n-carousel.n-carousel--right .n-carousel__dots.n-carousel__dots--line .n-carousel__dot {

  width: 4px;
  height: var(--n-dot-line-width);
  margin: 4px 0;
  transition:
    height .3s var(--n-bezier),
    box-shadow .3s var(--n-bezier),
    background-color .3s var(--n-bezier);
  outline: none;

}

.n-carousel.n-carousel--right .n-carousel__dots.n-carousel__dots--line .n-carousel__dot.n-carousel__dot--active {

  height: var(--n-dot-line-width-active);

}

.n-carousel.n-carousel--right .n-carousel__dot {

  margin: 4px 0;

}

.n-carousel.n-carousel--right .n-carousel__arrow-group {

  bottom: 12px;
  right: 12px;
  flex-direction: column;

}

.n-carousel.n-carousel--right .n-carousel__arrow-group>*:first-child {

  margin-bottom: 12px;

}

.n-carousel.n-carousel--top .n-carousel__dots {

  transform: translateX(-50%);
  top: 12px;
  left: 50%;

}

.n-carousel.n-carousel--top .n-carousel__dots.n-carousel__dots--line .n-carousel__dot {

  margin: 0 4px;

}

.n-carousel.n-carousel--top .n-carousel__dot {

  margin: 0 4px;

}

.n-carousel.n-carousel--top .n-carousel__arrow-group {

  top: 12px;
  right: 12px;

}

.n-carousel.n-carousel--top .n-carousel__arrow-group>*:first-child {

  margin-right: 12px;

}

.n-carousel.n-carousel--bottom .n-carousel__dots {

  transform: translateX(-50%);
  bottom: 12px;
  left: 50%;

}

.n-carousel.n-carousel--bottom .n-carousel__dots.n-carousel__dots--line .n-carousel__dot {

  margin: 0 4px;

}

.n-carousel.n-carousel--bottom .n-carousel__dot {

  margin: 0 4px;

}

.n-carousel.n-carousel--bottom .n-carousel__arrow-group {

  bottom: 12px;
  right: 12px;

}

.n-carousel.n-carousel--bottom .n-carousel__arrow-group>*:first-child {

  margin-right: 12px;

}

.n-carousel.n-carousel--fade .n-carousel__slide {

  position: absolute;
  opacity: 0;
  transition-property: opacity;
  pointer-events: none;

}

.n-carousel.n-carousel--fade .n-carousel__slide.n-carousel__slide--current {

  opacity: 1;
  pointer-events: auto;

}

.n-carousel.n-carousel--card .n-carousel__slides {

  perspective: 1000px;

}

.n-carousel.n-carousel--card .n-carousel__slide {

  position: absolute;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%) translateZ(-400px);
  transition-property: opacity, transform;

}

.n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--current {

  opacity: 1;
  transform: translateX(-50%) translateZ(0);
  z-index: 1;

}

.n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--prev {

  opacity: 0.4;
  transform: translateX(-100%) translateZ(-200px);

}

.n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--next {

  opacity: 0.4;
  transform: translateX(0%) translateZ(-200px);

}
.member_box .n-carousel{
  overflow: unset;
}
.member_box .n-carousel__slides {
/*  overflow: hidden;*/
}
.price-trans .n-carousel__slides {
  display: block;
}
.price-trans .n-carousel__slides .n-carousel__slide{
  display: inline-block;
}
.n-avatar {

  width: var(--n-merged-size);
  height: var(--n-merged-size);
  color: #FFF;
  font-size: var(--n-font-size);
  display: inline-flex;
  position: relative;
  overflow: hidden;
  text-align: center;

  /* border-radius: var(--n-border-radius);
 --n-merged-color: var(--n-color);
 background-color: var(--n-merged-color);*/
  transition:
    border-color .3s var(--n-bezier),
    background-color .3s var(--n-bezier),
    color .3s var(--n-bezier);

}
.n-avatar >img.w-\[88px\]{
  border-radius: 50%;
}

.n-avatar .n-modal, .n-avatar .n-drawer {
  --n-merged-color: var(--n-color-modal);
}

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

.n-avatar img {

  /*width: 100%;
 height: 100%;*/

}

.n-avatar .n-avatar__text {

  white-space: nowrap;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;

}

.n-avatar .n-icon {

  vertical-align: bottom;
  font-size: calc(var(--n-merged-size) - 6px);

}

.n-avatar .n-avatar__text {
  line-height: 1.25
}

.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-half);
  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;
  text-align: center;

}

.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-modal-container {

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

}



.n-modal-drawer-placement {
  left: 0;
  bottom: 0;
  right: 0;
}

.n-modal-drawer-placement .n-dialog {
  padding: 6px 16px 20px;
}

.n-modal-mask {

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

}
.n-modal-mask-light {
  background-color: rgba(255, 255, 255, .47);
}

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

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

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

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

.n-modal-body-wrapper {

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

}

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

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

}

.n-modal {

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

}

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

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

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

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

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

}

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

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

}

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

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

}

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

}

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

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

}

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

  right: 0;

}

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

  justify-content: flex-start;

}

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

  left: 0;

}

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

  transform: rotate(180deg);

}

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

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

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

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

}

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

  transform: rotate(0);

}

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

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

}

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

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

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

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


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

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

.n-layout-sider.n-layout-sider--collapsed.arrow-showed .n-layout-toggle-bar .n-layout-toggle-bar__top {
  /* transform: rotate(-14deg) scale(1.15) translateY(-2px); */
}

.n-layout-sider.n-layout-sider--collapsed.arrow-showed .n-layout-toggle-bar .n-layout-toggle-bar__bottom {
  /* transform: rotate(14deg) scale(1.15) translateY(2px); */
}

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

  transform: rotate(0);

}

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

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

}

.n-layout-toggle-button:hover {
  -webkit-box-shadow: 0 8px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 8px 3px rgba (0, 0, 0, .3);
}

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

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

}

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

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

}

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

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

}


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

  position: absolute;
  top: 24px;

}
.collapse--right-placement .n-layout-toggle-bar {
  cursor: pointer;
  height: 30px;
  width: 32px;
  position: absolute;
  top: calc(50% - 11px);
  right: -24px;
}
.collapse--right-placement .n-layout-toggle-bar__top, .collapse--right-placement .n-layout-toggle-bar__bottom {
  position: absolute;
  width: 3px;
  border-radius: 2px;
  height: 15px;
  left: 14px;
  transition:
    background-color .3s var(--n-bezier),
    transform .3s var(--n-bezier);
}
.collapse--right-placement .n-layout-toggle-bar__bottom {
  position: absolute;
  top: 8px;
}

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

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

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

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

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

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

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

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

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

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

}

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

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

}

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

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

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

}

.n-layout-toggle-button {
  border: none !important;
  width: 40px !important;
  height: 40px !important;
  line-height: 36px !important;
  background: linear-gradient(to bottom, #1df7ff, #77fcba) !important
}

.n-base-icon svg, .n-base-icon {
  width: 2em;
  height: 2em
}

.n-scrollbar {

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

}

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

  width: 100%;
  overflow: scroll;
  height: 100%;
  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;
  -webkit-user-select: none;

}

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

  left: 2px;
  right: 2px;
  bottom: 4px;
  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--vertical, .n-scrollbar+.n-scrollbar-rail.n-scrollbar-rail--vertical {

  right: 4px;
  top: 2px;
  bottom: 2px;
  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--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 {

  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);
}

@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-popconfirm .n-popconfirm__body {

  font-size: var(--n-font-size);
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;

}

.n-popconfirm .n-popconfirm__body .n-popconfirm__icon {

  display: flex;
  font-size: var(--n-icon-size);
  color: var(--n-icon-color);
  transition: color .3s var(--n-bezier);
  margin: 0 8px 0 0;

}

.n-popconfirm .n-popconfirm__action {

  display: flex;
  justify-content: flex-end;

}

.n-popconfirm .n-popconfirm__action:not(:first-child) {
  margin-top: 8px
}

.n-popconfirm .n-popconfirm__action .n-button:not(:last-child) {
  margin-right: 8px;
}

.n-base-icon {

  height: 1em;
  width: 1em;
  line-height: 1em;
  text-align: center;
  display: inline-block;
  position: relative;
  fill: currentColor;
  transform: translateZ(0);

}

.n-modal-container .n-base-close {
  height: 32px;
  width: 32px;
  background-color: rgba(65, 71, 85, 0.15);
}
.message-img-viewer .n-base-close{
  background-color: rgba(65, 71, 85, 0.15);
}
.n-base-icon svg {

  height: 16px;
  width: 16px;

}

:root {

  --n-margin: 0 0 8px 0;
  --n-padding-huge: 10px 20px;
  --n-padding-base: 6px 18px;
  --n-max-width: 720px;
  --n-font-size: 14px;
  --n-icon-margin: 0 8px 0 0;
  --n-icon-size: 20px;
  --n-close-icon-size: 16px;
  --n-close-border-radius: 3px;
  --n-close-size: 20px;
  --n-close-margin: 0 0 0 10px;
  --n-color: #fff;
  --n-icon-color-info: #2080f0;
  --n-icon-color-success: #18a058;
  --n-icon-color-warning: #f0a020;
  --n-icon-color-error: #f23f36;
  --n-icon-color-loading: #18a058;
  --n-close-color-hover: rgba(0, 0, 0, 0.09);
  --n-close-color-pressed: rgba(0, 0, 0, 0.13);
  --n-close-icon-color: rgba(102, 102, 102, 1);
  --n-close-icon-color-pressed: rgba(102, 102, 102, 1);
  --n-close-icon-color-hover: rgba(102, 102, 102, 1);
  --n-line-height: 1.6;
  --n-border-radius-small: 8px;
  --n-bezier: cubic-bezier(0.4, 0, 0.2, 1);
  --n-bezier-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --n-bezier-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --n-divider-color: rgb(239, 239, 245);
  --n-arrow-height: 6px;
  --n-arrow-offset: 10px;
  --n-arrow-offset-vertical: 10px;
  --n-padding: 6px;
  --n-space: 6px;
  --n-space-arrow: 10px;
  --n-option-height: 34px;
  --n-option-prefix-width: 14px;
  --n-option-icon-prefix-width: 36px;
  --n-option-suffix-width: 14px;
  --n-option-icon-suffix-width: 32px;
  --n-option-icon-size: 16px;
  --n-option-opacity-disabled: 0.5;
  --n-option-color-hover: rgb(243, 243, 245);
  --n-option-color-active: rgba(24, 160, 88, 0.1);
  --n-option-text-color: rgb(51, 54, 57);
  --n-option-text-color-hover: rgb(51, 54, 57);
  --n-option-text-color-active: #18a058;
  --n-option-text-color-child-active: #18a058;
  --n-prefix-color: rgb(51, 54, 57);
  --n-suffix-color: rgb(51, 54, 57);
  --n-group-header-text-color: rgb(118, 124, 130);
}

.n-popconfirm .n-popconfirm__body {

  font-size: var(--n-font-size);
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;

}

.n-popconfirm .n-popconfirm__body .n-popconfirm__icon {

  display: flex;
  font-size: var(--n-icon-size);
  color: var(--n-icon-color);
  transition: color .3s var(--n-bezier);
  margin: 0 8px 0 0;

}

.n-popconfirm .n-popconfirm__action {

  display: flex;
  justify-content: flex-end;

}

.n-popconfirm .n-popconfirm__action:not(:first-child) {
  margin-top: 8px
}

.n-popconfirm .n-popconfirm__action .n-button:not(:last-child) {
  margin-right: 8px;
}

.n-message-wrapper {

  margin: var(--n-margin);
  z-index: 0;
  transform-origin: top center;
  display: flex;

}

.n-message-wrapper.fade-in-height-expand-transition-leave-from, .n-message-wrapper.fade-in-height-expand-transition-enter-to {
  transform: scale(1);
  opacity: 1;
}

.n-message-wrapper.fade-in-height-expand-transition-leave-to, .n-message-wrapper.fade-in-height-expand-transition-enter-from {
  transform: scale(0.85);
  opacity: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

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

  overflow: visible;
  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-message-wrapper.fade-in-height-expand-transition-enter-active {

  overflow: visible;
  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-message {

  box-sizing: border-box;
  display: flex;
  align-items: center;
  transition:
    color .3s var(--n-bezier),
    box-shadow .3s var(--n-bezier),
    background-color .3s var(--n-bezier),
    opacity .3s var(--n-bezier),
    transform .3s var(--n-bezier),
    margin-bottom .3s var(--n-bezier);
  padding: var(--n-padding-base);
  border-radius: var(--n-border-radius);
  flex-wrap: nowrap;
  overflow: hidden;
  max-width: var(--n-max-width);
  color: var(--white);
  box-shadow: var(--n-box-shadow);

}

.n-message .n-message__content {

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

}

.n-message .n-message__icon {

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

}

.n-message .n-message__icon.n-message__icon--default-type>* {

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

}

.n-message .n-message__icon.n-message__icon--info-type>* {

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

}

.n-message .n-message__icon.n-message__icon--success-type>* {

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

}

.n-message .n-message__icon.n-message__icon--warning-type>* {

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

}

.n-message .n-message__icon.n-message__icon--error-type>* {

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

}

.n-message .n-message__icon.n-message__icon--loading-type>* {

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

}

.n-message .n-message__icon>* {

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

}

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

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

.n-message .n-message__icon>*.icon-switch-transition-enter-active, .n-message .n-message__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-message .n-message__close {

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

}

.n-message .n-message__close:hover {

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

}

.n-message .n-message__close:active {

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

}

.n-message-container {

  z-index: 6000;
  position: fixed;
  height: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--not-quite-black);
  
}

.n-message--success-type {
  background-color: #fff;
  color: var(--not-quite-black);
}

.n-message--fail-type {
  background-color: #fff;
  color: var(--not-quite-black);
}

.n-message-container.n-message-container--top {

  top: 40px;
  left: 0;
  right: 0;
  min-width: 120px;

}

.n-message-container.n-message-container--top-left {

  top: 12px;
  left: 12px;
  right: 0;
  align-items: flex-start;

}

.n-message-container.n-message-container--top-right {

  top: 12px;
  left: 0;
  right: 12px;
  align-items: flex-end;

}

.n-message-container.n-message-container--bottom {

  bottom: 4px;
  left: 0;
  right: 0;
  justify-content: flex-end;

}

.n-message-container.n-message-container--bottom-left {

  bottom: 4px;
  left: 12px;
  right: 0;
  justify-content: flex-end;
  align-items: flex-start;

}

.n-message-container.n-message-container--bottom-right {

  bottom: 4px;
  left: 0;
  right: 12px;
  justify-content: flex-end;
  align-items: flex-end;
}

.n-dropdown-menu {

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

}
.n-dropdown-menu > .n-dropdown-menu{
  box-shadow: none !important;
}

.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(--white);
  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(--white);
  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-auto-complete {

  z-index: auto;
  position: relative;
  display: inline-flex;
  width: 100%;

}

.n-auto-complete-menu {

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

}

.n-auto-complete-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-auto-complete-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-auto-complete-menu.fade-in-scale-up-transition-enter-from, .n-auto-complete-menu.fade-in-scale-up-transition-leave-to {
  opacity: 0;
  transform: scale(.9);
}

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

.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: 8px;
  color: var(--white);
  transition: background-color .3s var(--n-bezier);
  font-size: var(--n-font-size);
  --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+.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 {

  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;
  color: var(--white);

}

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

  display: flex;
  align-items: center;
  justify-content: center;
  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 .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);

}
.input-inline-edit .n-input .n-input__input-el{
  color: var(--not-quite-black) !important;
  background-color: #bbf3ea;
  border-radius: 8px;
  padding-left:4px;
  padding-right:2px;
}
.input-inline-edit .n-input-wrapper{
  padding: 0;
}
.input-inline-edit .n-input__border{
  border:none !important;
}


input:-internal-autofill-previewed, input:-internal-autofill-selected {
  -webkit-text-fill-color:#fff;
  transition: background-color 90000000s !important;
}

.n-checkbox {

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

}

.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: 4px;
  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-base-wave {

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

}

@keyframes loading-container-rotate {

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

}

@keyframes loading-layer-rotate {

  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }

  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }

  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }

  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }

  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }

  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }

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

}

@keyframes loading-left-spin {

  from {
    -webkit-transform: rotate(265deg);
    transform: rotate(265deg);
  }

  50% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }

  to {
    -webkit-transform: rotate(265deg);
    transform: rotate(265deg);
  }

}

@keyframes loading-right-spin {

  from {
    -webkit-transform: rotate(-265deg);
    transform: rotate(-265deg);
  }

  50% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }

  to {
    -webkit-transform: rotate(-265deg);
    transform: rotate(-265deg);
  }

}

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

  display: inline-flex;
  position: relative;
  direction: ltr;
  line-height: 0;
  animation: loading-container-rotate 1568.2352941176ms linear infinite;
  font-size: 0;
  letter-spacing: 0;
  white-space: nowrap;
  opacity: 1;
  width: 100%;
  height: 100%;

}

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

  stroke: var(--n-text-color);
  fill: transparent;
  position: absolute;
  height: 100%;
  overflow: hidden;

}

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

  position: absolute;
  width: 100%;
  height: 100%;
  animation: loading-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

}

.n-base-loading .n-base-loading__container .n-base-loading__container-layer .n-base-loading__container-layer-left {

  display: inline-flex;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;

}

.n-base-loading .n-base-loading__container .n-base-loading__container-layer .n-base-loading__container-layer-left .n-base-loading__svg {

  animation: loading-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  width: 200%;

}

.n-base-loading .n-base-loading__container .n-base-loading__container-layer .n-base-loading__container-layer-patch {

  position: absolute;
  top: 0;
  left: 47.5%;
  box-sizing: border-box;
  width: 5%;
  height: 100%;
  overflow: hidden;

}

.n-base-loading .n-base-loading__container .n-base-loading__container-layer .n-base-loading__container-layer-patch .n-base-loading__svg {

  left: -900%;
  width: 2000%;
  transform: rotate(180deg);

}

.n-base-loading .n-base-loading__container .n-base-loading__container-layer .n-base-loading__container-layer-right {

  display: inline-flex;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;

}

.n-base-loading .n-base-loading__container .n-base-loading__container-layer .n-base-loading__container-layer-right .n-base-loading__svg {

  animation: loading-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  left: -100%;
  width: 200%;

}

.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;
}

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

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

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

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

.router-link img, .router-link-active img {
  width: 50px;
  height: 50px;
}

.router-link:hover .tooltip {
  display: block;
}

@media(min-width:0)and (max-width:650px) {
  .router-link:hover .tooltip {
    display: none;
  }
}

.input-action:hover .tooltip {
  display: block;
}

:root {
  --n-icon-color: #f0a020;
  --n-bezier: cubic-bezier(0.4, 0, 0.2, 1);
  --n-close-margin: 20px 26px 0 0;
  --n-icon-margin: 0 4px 0 0;
  --n-icon-size: 28px;
  --n-close-size: 22px;
  --n-close-icon-size: 18px;
  --n-close-border-radius: 3px;
  --n-close-color-hover: rgba(0, 0, 0, 0.09);
  --n-close-color-pressed: rgba(0, 0, 0, 0.13);
  --n-close-icon-color: rgba(102, 102, 102, 1);
  --n-close-icon-color-hover: rgba(102, 102, 102, 1);
  --n-close-icon-color-pressed: rgba(102, 102, 102, 1);
  --n-border-radius-mid: 12px;
  --n-padding-dialog: 16px 28px 24px 28px;
  --n-line-height: 1.6;
  --n-border: 1px solid rgb(239, 239, 245);
  --n-content-margin: 16px -2px 22px -2px;
  --n-content-padding: 6px;
  --n-title-font-size: 18px;
  --n-title-font-weight: 500;
  --n-title-text-color: rgb(31, 34, 37);
  --n-action-space: 12px;
}

.n-dialog {

  word-break: break-word;
  line-height: var(--n-line-height);
  position: relative;
  background: #2c323f;
  color: var(--white);
  box-sizing: border-box;
  margin: auto;
  border-radius: var(--n-border-radius-mid);
  padding: var(--n-padding-dialog);
  transition:
    border-color .3s var(--n-bezier),
    background-color .3s var(--n-bezier),
    color .3s var(--n-bezier);

}

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

.n-dialog.n-dialog--bordered {
  border: var(--n-border);
}

.n-dialog.n-dialog--icon-top .n-dialog__close {
  margin: var(--n-close-margin);
}

.n-dialog.n-dialog--icon-top .n-dialog__icon {
  margin: var(--n-icon-margin);
}

.n-dialog.n-dialog--icon-top .n-dialog__content {
  text-align: center;
}

.n-dialog.n-dialog--icon-top .n-dialog__title {
  justify-content: center;
}

.n-dialog.n-dialog--icon-top .n-dialog__action {
  justify-content: center;
}

.n-dialog.n-dialog--icon-left .n-dialog__icon {
  margin: var(--n-icon-margin);
}

.n-dialog.n-dialog--icon-left.n-dialog--closable .n-dialog__title {

  padding-right: calc(var(--n-close-size) + 6px);

}

.n-dialog .n-base-close {
  z-index: 2;
  position: absolute;
  right: -21px;
  top: -15px;
  margin: var(--n-close-margin);
  transition:
    background-color .3s var(--n-bezier),
    color .3s var(--n-bezier);

}

.n-dialog .n-dialog__content {

  font-size: var(--n-font-size);
  margin: var(--n-content-margin);
  position: relative;
  word-break: break-word;
  padding: var(--n-content-padding);
/*  background-color: rgba(17, 18, 35, .5);*/
  border-radius: 4px;
}
.n-dialog .n-dialog__content p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 12px;
}
.n-dialog .n-dialog__content.n-dialog__content--last {
  margin-bottom: 0;
}

.n-dialog .n-dialog__action {

  display: flex;
  justify-content: flex-end;

}

.n-dialog .n-dialog__action>*:not(:last-child) {
  margin-right: var(--n-action-space);
}

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

.n-dialog .n-dialog__title {

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

}
.n-dialog .n-dialog__subtitle {

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

}

.n-dialog .n-dialog-icon-container {
  display: flex;
  justify-content: center;
}

.n-modal .n-dialog, .n-drawer .n-dialog {

  width: 446px;
  max-width: calc(100vw - 32px);

}

.n-dialog.n-modal {

  width: 440px;
  max-width: calc(100vw - 32px);

}
.n-dialog.n-modal-table {
  width: 600px;
  max-width: calc(100vw - 32px);
}
/*.n-dialog.n-modal-imageshow{
  width: 876px;
  max-width: calc(100vw - 32px);
}*/

.invite-dialog .n-dialog {
    background: transparent;
    border: 0;
    border-radius: 20px;
    height: 693px;
    padding: 0;
    width: 400px;
    max-width: calc(100vw - 20px);
}
.invite-dialog .n-dialog .container .top {
    box-sizing: border-box;
    height: 68px;
    padding: 25px 20px 0px;
    width: 100%;
    display: flex;
}
.invite-dialog .n-dialog .container .top .logo-in{
  width: 46px;
}
.invite-dialog .n-dialog .container .top .logo-in img{
  width: 46px;
  height: 46px;
  border-radius: 12px;
}
.invite-dialog .n-dialog .container .top .slogan{
    display: ;
    align-items: flex-start;
    width: calc(100% - 47px);
    justify-content: center;
}
.invite-dialog .n-dialog .container .top .desc{
  font-size: 12px;
  padding-top: 3px; 
  color: #2DF8F8; 
}
.slogan .user{
    align-items: center;
    width: 100%;
    display: flex;
}

.invite-dialog .n-dialog .container{
    background: url(../images/bg-invite-bg.png);
    background-size: 100% 100%;
    border-radius: 12px;
/*    height: 626px;*/
    width: 100%;
}
.invite-dialog .n-dialog .container .content-invite{
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
/*    height: 556px;*/
    justify-content: center;
/*    padding: 0 25px 25px;*/
    width: 100%;
}
.invite-dialog .n-dialog .container .content-invite .poster {
    background-size: cover;
    height: 380px;
    margin: 12px 20px 10px;
    width: 100%;
    border: 0px solid #fff;
    border-radius: 8px;
  }
.invite-dialog .n-dialog .container .content-invite .ads-area {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 130px;
    justify-content: center;
    padding: 0 20px 10px;
    width: 100%;
}
.invite-dialog .n-dialog .container .content-invite .ads-area .ads-info {
    align-items: center;
    align-items: flex-start;
    display: flex;
    justify-content: center;
    width: calc(100% - 83px);
}
/*.invite-dialog .n-dialog  .container .content-invite .ads-area .personal-info .avatar {
    background-color: #e9e9e9;
    border-radius: 50%;
    height: 56px;
    position: relative;
    width: 56px;
}
.invite-dialog .n-dialog  .container .content-invite .ads-area .personal-info .avatar .img {
    border-radius: 50%;
    box-sizing: border-box;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}*/
/*.invite-dialog .n-dialog .container .content-invite .ads-area .ads-info .info .name {
    color: #000;
    font-family: Arial-Bold,Arial;
    font-size: 13px;
    font-weight: 700;
    height: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.invite-dialog .n-dialog .container .content-invite .ads-area .ads-info .info .text {
    color: rgba(0,0,0,.7);
    font-family: PingFang SC-Regular,PingFang SC;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 5px;
    width: 100%;
    word-break: break-word;
}*/
.invite-dialog .n-dialog .container .content-invite .ads-area .ads-info .info {
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    max-width: calc(100% - 56px);
    padding: 0 5px;
}
.invite-dialog .n-dialog .container .content-invite .ads-area .QR-code {
    
}
.invite-dialog .n-dialog .container .content-invite .ads-area .QR-code-img {
    height: 82px;
    width: 82px;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    display: flex;
}
.invite-dialog .n-dialog .container .content-invite .ads-area .QR-code-img >img{
   height: 72px;
    width: 72px;
}
.invite-dialog .n-dialog .container .content-invite .ads-area .QR-code .text{
   color: #fff;
   font-weight: 400;
   font-size: 11px;
   display: flex;
   text-align: center;
   line-height: 16px;
   margin-top: 5px;
}
.invite-dialog .n-dialog .bottom-area {
    width: 100%;
    display: flex;
    justify-content: center;
}
.invite-dialog .n-dialog .bottom-area .btns{
    align-items: flex-end;
    display: flex;
    height: 50px;
    justify-content: space-between;
    display: flex;
   max-width: calc(100% - 16px);
}
.invite-dialog .n-dialog .bottom-area .button-Z{
  margin: 0 4px;
  min-width: 150px;
  justify-content: center;
}
.invite-dialog .n-dialog .n-base-close{
  right: -40px;
  top: -30px;
}

.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%;

}

.copy-container{
  padding-bottom: 5px;
  padding-top: 5px;
  color: #838383;
}
.copy-container .copy{
   cursor: pointer;
}
.copy-container-detail{
  position: absolute;
  bottom: 10px;
  left: 0px ;
  width: 100%;
  background-color: #111225;
  color: #B4BBC4;
  padding: 10px;
  display: none;
  width: 400px;
  border-radius: 12px;
  transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;;
}
.copy:hover .copy-container-detail {
  display: block;
}

.copy-container span, .copy-container a {
  padding-right: 5px;
}
.copy-addition a{
  line-height: 24px;
}
.copy-addition {
  display: none;
}

.cnt h4 {
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  padding: 34px 0px 6px;
}

.cnt .cta-btns .qr-2t {
  width: auto;
}
.img-qrcode{
  max-width: 180px;
  max-height: 180px;
  margin: 14px 4px 4px;
  padding: 4px;
  border-radius: 6px;
}
@media(min-width:0)and (max-width:430px) {
  .text-\[14px\].text-\[\#2f93c9\].transition.rounded-full.mr-6 {
    margin-right: -10px;
  }
  .welcome-body .welcome-content-ul>li {
    height: auto;
    margin-right:0 ;
    margin-left: 0;
  }
  .space-x-2>:not([hidden])~:not([hidden]) {
    margin-right: 2px !important;
    margin-left: 2px !important;
  }
  footer.bg-\[\#212731\].border-b.p-4 {
    padding:.5rem;
  }
  footer .input-action button.w-10{
    width: 2rem;
  }
  footer .input-action button.h-10{
    height: 2rem;
  }
  .talk-main .n-input .n-input-wrapper{
    padding-left: 4px;
    padding-right: 4px;
  }
  .title-area.welcome-morning {
    background-size: 50% 50%;
  }

  .title-area.welcome-afternoon {
    background-size: 50% 50%;
  }

  .title-area.welcome-evening {
    background-size: 50% 50%;
  }

  .title-area.welcome-night {
    background-size: 50% 50%;
  }
  .ant-upload .item-span img {
    /*width: 35px !important;
    height: 35px !important;*/
  }
  .ant-upload .item-div,.ant-upload .item-div em {
    min-width: 54px !important;
  }
}
@media screen and (min-width:768px) {
  .more-action {
    position: absolute;
    right: 33px;
  }

  .more-action-reverse {
    position: absolute;
    left: 0px;
  }

  .copy-addition {
    display: block;
  }
}

@media screen and (min-width:824px) {
  .welcome-body .welcome-content-ul>li {
    width: 43%;
    height: 100px;
    padding: 16px;
  }
  .welcome-body .welcome-content-ul>li > span{
    height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }
  .welcome-body .welcome-content-ul>li > span::after{
      content: ".";
      color: #3f4450;
      position: absolute;
      bottom: 0;
      right: 0;
      padding-left: 100px;
      padding-bottom: 15px;
      background: linear-gradient(to right, transparent, #3f4450 15%);
}
  .welcome-body .welcome-content-ul>li:hover > span::after{
    color: #111224;
    background: linear-gradient(to right, transparent, #111224 15%);
  }

  .welcome-content-ul>li .buttonExtraSmall {
    display: block;
  }

}

@media screen and (min-width:1024px) {
  .welcome-body .welcome-content-ul>li {
    width: 30%;
  }
}

.n-drawer {

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

  overflow: auto;
  height: 100%;

}

.n-drawer .n-drawer__resize-trigger {

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

}

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

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

}

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

  box-sizing: border-box;

}

.n-drawer .n-drawer-content {

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

}

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

  height: 100%;
  overflow: auto;

}

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

  flex: 1 0 0;
  overflow: hidden;

}

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

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

}

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

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

}

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

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

}

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

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

}

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

  top: 0;
  bottom: 0;
  right: 0;

}

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

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

}

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

  top: 0;
  bottom: 0;
  left: 0;

}

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

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

}

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

  top: 0;
  left: 0;
  right: 0;

}

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

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

}

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

  left: 0;
  bottom: 0;
  right: 0;

}

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

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

}

body>.n-drawer-container {
  position: fixed;
}

.n-drawer-container {

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

}

.n-drawer-container>* {
  pointer-events: all;
}

.n-drawer-mask {

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

}

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

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

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

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

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

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

.n-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-td-color-hover: var(--n-td-color-hover);
 --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 {

 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--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__ellipsis {

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

.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-radius: var(--n-border-radius);
 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: var(--n-border-radius);
 border-top-right-radius: var(--n-border-radius);
 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 {

 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-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-td-color-striped: var(--n-td-color-striped-popover);
 
}
.n-empty {

 display: flex;
 flex-direction: column;
 align-items: center;
 font-size: var(--n-font-size);

}

.n-empty .n-empty__icon {

 height: 90px;
 font-size: var(--n-icon-size);
 line-height: var(--n-icon-size);
 color: var(--n-icon-color);
 transition:
 color .3s var(--n-bezier);
 opacity: .7;
 
}

.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-group-header-text-color);
 
}

.n-empty .n-empty__extra {

 text-align: center;
 transition: color .3s var(--n-bezier);
 margin-top: 0px;
 color: var(--n-extra-text-color);
 
} 

.n-pagination {

 display: flex;
 vertical-align: middle;
 font-size: var(--n-item-font-size);
 flex-wrap: nowrap;

}

.n-pagination .n-pagination-prefix {

 display: flex;
 align-items: center;
 margin: var(--n-prefix-margin);
 
}

.n-pagination .n-pagination-suffix {

 display: flex;
 align-items: center;
 margin: var(--n-suffix-margin);
 
}

.n-pagination > *:not(:first-child) {

 margin: var(--n-item-margin);
 
}

.n-pagination .n-select {

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

.n-pagination.transition-disabled .n-pagination-item {
transition: none!important;
}

.n-pagination .n-pagination-quick-jumper {

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

.n-pagination .n-pagination-quick-jumper .n-input {

 margin: var(--n-input-margin);
 width: var(--n-input-width);
 
}

.n-pagination .n-pagination-item {

 position: relative;
 cursor: pointer;
 user-select: none;
 -webkit-user-select: none;
 display: flex;
 align-items: center;
 justify-content: center;
 box-sizing: border-box;
 min-width: var(--n-item-size);
 height: var(--n-item-size);
 padding: var(--n-item-padding);
/* background-color: var(--n-item-color);*/
 color: var(--n-item-text-color);
 border-radius: var(--n-item-border-radius);
 border: var(--n-item-border);
 fill: var(--n-button-icon-color);
 transition:
 color .3s var(--n-bezier),
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 fill .3s var(--n-bezier);
 
}

.n-pagination .n-pagination-item.n-pagination-item--button {


 color: var(--n-button-icon-color);
 border: var(--n-button-border);
 padding: 0;
 
}

.n-pagination .n-pagination-item.n-pagination-item--button .n-base-icon {

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

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--hover {

 background: var(--n-item-color-hover);
 color: var(--n-item-text-color-hover);
 border: var(--n-item-border-hover);

}

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--hover.n-pagination-item--button {

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

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled):hover {

 background: var(--n-item-color-hover);
 color: var(--n-item-text-color-hover);
 border: var(--n-item-border-hover);

}

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled):hover.n-pagination-item--button {

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

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled):active {

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

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled):active.n-pagination-item--button {

 background: var(--n-button-color-pressed);
 border: var(--n-button-border-pressed);
 color: var(--n-button-icon-color-pressed);
 
}

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--active {

/* background: var(--n-item-color-active);*/
 color: var(--n-item-text-color-active);
 border: var(--n-item-border-active);
 
}

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--active:hover {

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

.n-pagination .n-pagination-item.n-pagination-item--disabled {

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

.n-pagination .n-pagination-item.n-pagination-item--disabled.n-pagination-item--active, .n-pagination .n-pagination-item.n-pagination-item--disabled.n-pagination-item--button {

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

.n-pagination.n-pagination--disabled {

 cursor: not-allowed;
 
}

.n-pagination.n-pagination--disabled .n-pagination-quick-jumper {

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

.n-pagination.n-pagination--simple {

 display: flex;
 align-items: center;
 flex-wrap: nowrap;
 
}

.n-pagination.n-pagination--simple .n-pagination-quick-jumper .n-input {

 margin: 0;
 
}
:root {
  --n-bezier:cubic-bezier(0.4, 0, 0.2, 1); 
  --n-border:1px solid rgb(224, 224, 230); 
  --n-border-active:1px solid #18a058; 
  --n-border-focus:1px solid #36ad6a; 
  --n-border-hover:1px solid #36ad6a; 
  --n-border-radius:3px; 
  --n-box-shadow-active:0 0 0 2px rgba(24, 160, 88, 0.2); 
  --n-box-shadow-focus:0 0 0 2px rgba(24, 160, 88, 0.2); 
  --n-box-shadow-hover:none; --n-caret-color:#18a058; 
  --n-color:rgba(255, 255, 255, 1); 
  --n-color-active:rgba(255, 255, 255, 1); 
  --n-color-disabled:rgb(250, 250, 252); 
  --n-font-size:14px; 
  --n-height:28px; 
  --n-padding-single:0 26px 0 12px; 
  --n-padding-multiple:3px 26px 0 12px; 
  --n-placeholder-color:rgba(194, 194, 194, 1); 
  --n-placeholder-color-disabled:rgba(209, 209, 209, 1); 
  --n-text-color:rgb(51, 54, 57); 
  --n-text-color-disabled:rgba(194, 194, 194, 1); 
  --n-arrow-color:rgba(194, 194, 194, 1); 
  --n-arrow-color-disabled:rgba(209, 209, 209, 1); 
  --n-loading-color:#18a058; 
  --n-color-active-warning:rgba(255, 255, 255, 1); 
  --n-box-shadow-focus-warning:0 0 0 2px rgba(240, 160, 32, 0.2); 
  --n-box-shadow-active-warning:0 0 0 2px rgba(240, 160, 32, 0.2); 
  --n-box-shadow-hover-warning:none; 
  --n-border-warning:1px solid #f0a020; 
  --n-border-focus-warning:1px solid #fcb040; 
  --n-border-hover-warning:1px solid #fcb040; 
  --n-border-active-warning:1px solid #f0a020; 
  --n-color-active-error:rgba(255, 255, 255, 1); 
  --n-box-shadow-focus-error:0 0 0 2px rgba(208, 48, 80, 0.2); 
  --n-box-shadow-active-error:0 0 0 2px rgba(208, 48, 80, 0.2); 
  --n-box-shadow-hover-error:none; 
  --n-border-error:1px solid #d03050; 
  --n-border-focus-error:1px solid #de576d; 
  --n-border-hover-error:1px solid #de576d; 
  --n-border-active-error:1px solid #d03050; 
  --n-clear-size:16px; 
  --n-clear-color:rgba(194, 194, 194, 1); 
  --n-clear-color-hover:rgba(146, 146, 146, 1); 
  --n-clear-color-pressed:rgba(175, 175, 175, 1); 
  --n-arrow-size:16px;
}

.n-select {
  z-index: auto;
  outline: none;
  width: 100%;
  position: relative;
}

.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-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-suffix {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}
.n-base-loading .n-base-loading__placeholder {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.n-base-clear {
    flex-shrink: 0;
    height: 1em;
    width: 1em;
    position: relative;
}
.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__placeholder {
    display: flex;
}
.chat-content-on {
  max-width: 0px !important;
  /* padding-left: 260px; */
}
.n-base-icon {
    height: 1em;
    width: 1em;
    line-height: 1em;
    text-align: center;
    display: inline-block;
    position: relative;
    fill: currentColor;
    transform: translateZ(0);
}
.n-base-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-icon svg {
    height: 1em;
    width: 1em;
}

.chat-content-onx {
  padding-right: 260px;
}

#overlay, #upgradeVIP-overlay, #log-on {
  display: none;
}


.avatar-dropdown-box {
  display: none;
}

.checked .avatar-dropdown-box {
  /* transform: translateX(1380px) translateY(44px) translateX(-100%); */
  background: rgba(173, 202, 221, 0.3);

}

.btn_com:disabled {
  /* background-color: #999999 !important; */
}
.overflow-y-scroll {
    overflow-y: scroll;
}
.overflow-x-scroll {
    overflow-x: scroll;
}
.overflow-x-scroll::-webkit-scrollbar{
  margin-top:4px;
  height: 5px;
}

.uploadfile-area {
  display: inline-flex;
  background-color: #212731;
  align-items: flex-start;
  transition: .5s;
}
.uploadfile-box {
/*  max-height: calc(100vh - 367px);*/
  overflow: auto;
  position: relative;
  z-index: 1;
  width: 94%;
  padding-right: 10px;
  transition: .5s;
}
.uploadfile-box .input-action,.uploadfile-box .ant-upload {
  margin-bottom: 3px;
}
.discount-box {
  overflow: auto;
  padding-bottom: 6px;
  position: relative;
  z-index: 1;
  transition: .5s;
/*  border-bottom: solid 1px #3b4255;*/
  border-top: solid 1px #3b4255;
}
.n-modal-container hr {
    border-top-color: #3b4255;
}

.ant-upload {
    font-feature-settings: "tnum";
    box-sizing: border-box;
    color: rgba(0,0,0,.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    margin: 0;
    outline: 0;
    padding: 0;
}
.ant-upload-btn {
    display: block;
    outline: none;
    width: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
    display: table;
    height: 100%;
}
.ant-upload.ant-upload-drag {
    
    /*border: 1px dashed #d9d9d9;
    border-radius: 12px;*/
    cursor: pointer;
    height: 100%;
    position: relative;
    text-align: center;
    transition: border-color .3s;
    width: 100%;
    background-color: transparent;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
    display: table-cell;
    vertical-align: middle;
}
.ant-upload-content {
    align-items: center;
    border: 1px dashed #d9d9d9;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 160px;
    text-align: center;
    background: transparent;
}
.ant-upload .text-des {
    color: #b4bbc4;
    font-size: 14px;
    margin-bottom: 16px;
    margin-top: 12px;
}
.ant-upload .item-div {
    flex-direction: column;
    min-height: 52px;
    position: relative;
    min-width: 80px;
    justify-items: center;
}
.ant-upload .item-div em{
    min-width: 80px;
    color: #fff;
    font-style: normal !important;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #b4bbc4;
}
.ant-upload .item-span {
    align-items: center;
    display: flex;
}
.ant-upload .item-span img {
    height: 50px;
    width: 50px;
}
.ant-upload-files {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ant-upload-content:after, .ant-upload-content:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.ant-upload-drag-hover .ant-upload-content:before {
    -webkit-backdrop-filter: blur(33.5485px);
    backdrop-filter: blur(33.5485px);
    background: #1b1c32;
    border-radius: 12px;
    bottom: 1px;
    left: 1px;
    right: 1px;
    top: 1px;
    z-index: 2;
    visibility: visible;
}
.ant-upload-drag-hover .ant-upload-content:after {
    background: url(../images/icon-add.svg);
    background-size: 100%;
    height: 44px;
    margin: auto;
    visibility: visible;
    width: 44px;
    z-index: 3;
}
.upload-mask {
  background-color: rgba(27, 28, 50, .7);
}
.talk-detail-area {
  flex: 1 1;
  height: calc(100% - 180px);
  position: relative;
}
.arrow-icon-down-new {
    visibility:hidden;
    top:-45px;
    padding: 8px 7px 6px;
    transition: background-color .3s var(--n-bezier);
    background-color: rgba(65, 71, 85, .4);
    border-radius: 50%;
}
.arrow-icon-down-new:hover {
    background-color: rgba(65, 71, 85, 1);
}
.arrow-icon-down-new img{
    height: 1.5rem;
    width: 1.5rem;
    text-align: center;
    transform: translateZ(0);
}
#iphone_bind_div {
  display: block;
}

.actions.mouseover:hover .tooltip.bottom{
  display: block !important;
}