#login-common-page {
  height: 100%;
  overflow: hidden;
  position: relative;
}
#login-common-page * {
  box-sizing: content-box;
}
#login-common-page input:focus-visible {
  outline: none;
}
#login-common-page input:hover {
  border-color: #75b9f0 !important;
}
#login-common-page input:focus {
  border-color: #75b9f0 !important;
  box-shadow: 0 0 0 2px rgba(17, 185, 240, 0.16);
}
#login-common-page .form-group {
  margin-bottom: 16px;
  position: relative;
}
#login-common-page .form-group input {
  background: #f5f8fa;
  border: 1px solid #cbd6e2;
  border-radius: 4px;
  font-size: 14px;
  line-height: 22px;
  padding: 12px 20px;
  width: 358px;
}
#login-common-page .form-group input::-webkit-input-placeholder {
  color: #bfbfbf;
}
#login-common-page .form-group .validator-error-text {
  display: none;
}
#login-common-page .login-dots-left {
  bottom: 8px;
  left: 80px;
  position: absolute;
  z-index: 0;
}
#login-common-page .login-dots-right {
  position: absolute;
  right: 80px;
  top: 8px;
  z-index: 0;
}
#login-common-page .login-backdrop-filter {
  background-image: linear-gradient(to bottom right, #e0e0f7, #eeeef8, #eeeef8, #e0e0f7);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
#login-common-page .signIn-bg {
  background-color: #f9f9f9;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -3;
}
#login-common-page .signIn-bg .bg-circle {
  background: rgba(119, 122, 242, 0.12);
  border-radius: 50%;
  filter: blur(160px);
  height: 560px;
  position: absolute;
  width: 560px;
  z-index: -2;
}
#login-common-page .signIn-bg .circle-top-left {
  left: -16px;
  top: 0;
}
#login-common-page .signIn-bg .circle-top-right {
  right: 72px;
  top: -280px;
}
#login-common-page .signIn-bg .circle-bottom-right {
  bottom: -232px;
  right: 30%;
}
#login-common-page .login-content {
  display: flex;
  height: calc(100vh - 40px);
  justify-content: center;
  margin: auto;
  overflow-y: auto;
  padding-top: 40px;
}
#login-common-page .login-content .login-content-box {
  position: relative;
  text-align: center;
}
#login-common-page .login-content .login-content-box .login-title {
  color: #39364e;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 52px;
  margin-bottom: 32px;
}
#login-common-page .login-content .login-content-box #login-form {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 40px 0 hsla(0, 0%, 6%, 0.08);
  padding: 24px 56px 40px;
  position: relative;
  width: 488px;
}
#login-common-page .login-content .login-content-box #login-form .signIn-logo {
  margin-bottom: 16px;
  width: 256px;
}
#login-common-page .login-content .login-content-box #login-form input {
  width: 446px;
}
#login-common-page .login-content .login-content-box #login-form .login-button {
  background: #777af2;
  border: 1px solid #777af2;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  margin: 32px 0 16px;
  padding: 12px 0;
  width: 486px;
}
#login-common-page .login-content .login-content-box #login-form .login-button:hover {
  background: #39364e;
  border-color: #39364e;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot {
  color: #39364e;
  display: flex;
  font-size: 14px;
  justify-content: end;
  letter-spacing: 0;
  line-height: 22px;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-Advanced {
  align-items: center;
  display: flex;
  position: relative;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-Advanced label {
  border: 1px solid #cbd6e2;
  border-radius: 2px;
  height: 14px;
  width: 14px;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-Advanced input {
  margin: 0;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-Advanced input[type=checkbox]:checked + label {
  background-color: #777af2;
  border-color: #777af2;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-Advanced input[type=checkbox]:checked + label:after {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  content: "";
  height: 4px;
  left: 3px;
  position: absolute;
  top: 5px;
  transform: rotate(-45deg);
  width: 8px;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-Advanced input[type=checkbox] {
  cursor: pointer;
  height: 100%;
  inset: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-setting {
  align-items: center;
  color: #777af2;
  display: flex;
  gap: 8px;
  margin-left: 16px;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-setting div {
  cursor: pointer;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-setting div:hover {
  color: #39364e;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-setting .split {
  border-left: 1px solid #e7e7e7;
  height: 14px;
}
#login-common-page .login-content .login-content-box #login-form .login-error-text {
  color: #f2545b;
  margin-top: 16px;
  text-align: left;
}
@media (min-width: 1920px) {
  #login-common-page .login-content {
    align-items: center;
    height: 100vh;
    padding-top: 0;
  }
}
.diff {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.diff-gutter-col {
  width: 7ch;
}
.diff-gutter-omit {
  height: 0;
}
.diff-gutter-omit:before {
  background-color: #cb2a1d;
  content: " ";
  display: block;
  height: 100%;
  margin-left: 4.6ch;
  overflow: hidden;
  white-space: pre;
  width: 2px;
}
.diff td {
  padding-bottom: 0;
  padding-top: 0;
  vertical-align: top;
}
.diff-decoration {
  line-height: 1.5;
  user-select: none;
}
.diff-decoration-content {
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
  padding: 0;
}
.diff-line {
  font-family: Consolas,Courier,monospace;
  line-height: 1.5;
}
.diff-gutter > a {
  color: inherit;
  display: block;
}
.diff-gutter,
.diff-gutter > a {
  cursor: pointer;
  padding: 0 1ch;
  text-align: right;
  user-select: none;
}
.diff-gutter-insert {
  background-color: #d6fedb;
}
.diff-gutter-delete {
  background-color: #fadde0;
}
.diff-gutter-omit {
  cursor: default;
}
.diff-gutter-selected {
  background-color: #fef6b9;
}
.diff-code {
  word-wrap: break-word;
  padding: 0 0 0 0.5em;
  white-space: pre-wrap;
  word-break: break-all;
}
.diff-code-insert {
  background-color: #eaffee;
}
.diff-code-edit {
  color: inherit;
  display: inline-block;
}
.diff-code-insert .diff-code-edit {
  background-color: #c0dc91;
}
.diff-code-delete {
  background-color: #fdeff0;
}
.diff-code-delete .diff-code-edit {
  background-color: #f39ea2;
}
.diff-code-selected {
  background-color: #fffce0;
}
.diff-omit {
  background-color: #fafbfc;
}
.diff-widget-content {
  vertical-align: top;
}
#DiffDialog {
  height: 100%;
  margin: 0!important;
  padding: 0!important;
  width: 100%;
}
#DiffDialog .modal-dialog {
  margin: 0;
  max-width: 100%;
  width: 100%;
}
#DiffDialog .closeIcon {
  margin-right: -25px;
  margin-top: -20px;
  position: sticky;
  text-align: right;
  top: 5px;
}
#DiffDialog .diff-hunk tr {
  height: auto;
}
.comm-export-ul {
  margin: 0;
  padding-left: 15px;
}
.comm-export-ul li {
  word-wrap: break-word;
}
.export-common-v5 .rb-upload-input {
  width: 100%;
}
.export-Upload {
  background-color: #fff;
  border: 1px dashed #ced4da !important;
  cursor: pointer;
  margin: 8px auto;
  padding: 24px;
  text-align: center;
  width: 100%;
}
.export-confirmbox {
  background-color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  line-height: 20px;
  padding: 16px 24px 24px;
  word-break: break-all;
}
.confirmbox-content {
  margin: 16px;
  max-height: 300px;
  overflow: auto;
}
.confirmbox-header .RiskFill {
  color: #ffb74d;
  font-size: 20px;
  margin-right: 8px;
}
.confirmbox-content p {
  margin-bottom: 8px;
}
.confirmbox-content p li {
  list-style: disc;
}
.micro-app-container {
  flex: 1;
  overflow: hidden;
  position: relative;
  transition: position 1s linear;
}
.micro-app-container iframe {
  border: none;
  height: 100%;
}
.micro-app-container #rb-full-loading-container {
  position: absolute;
}
.micro-app-container-full-screen {
  height: 100vh;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100vw;
}
.micro-app-container-full-screen > :first-child {
  background-color: var(--rb-global-body-bg-color);
  height: 100vh;
}
.micro-notify-list {
  background-color: #fff;
  border-radius: 4px;
  padding: 16px 0;
  width: 320px;
}
.micro-notify-list-item {
  border-bottom: 1px solid var(--all-menu-item-border-color);
  cursor: pointer;
  padding: 8px 16px;
}
.micro-notify-list-item-content {
  margin-bottom: 4px;
  position: relative;
}
.micro-notify-list-item-content.with-read-tip:before {
  background-color: var(--rb-primary1-color);
  border-radius: 50%;
  content: "";
  height: 4px;
  left: -10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
}
.micro-notify-list-item-time {
  color: var(--rb-neutral3-color);
  font-size: 12px;
}
.micro-notify-list-item:hover {
  background-color: var(--rb-option-hover-bg-color);
}
.micro-notify-list-item:hover .micro-notify-list-item-content {
  color: var(--rb-list-item-hover-color);
}
.rb-clock {
  padding: 4px 0;
}
.rb-clock .weekday-box {
  align-items: center;
  background: #fafafa;
  display: flex;
  height: 32px;
  justify-content: space-around;
  padding: 0 8px;
}
.rb-clock .weekday-box .weekday-item {
  text-align: center;
  width: 42px;
}
.rb-clock .time-box {
  margin: 8px 0;
  text-align: center;
}
.rb-clock .time-box div.dots {
  width: 5px;
}
.rb-clock .time-box div.dots:after,
.rb-clock .time-box div.dots:before {
  background-color: #272e38;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  top: 14px;
  width: 5px;
}
.rb-clock .time-box div.dots:after {
  top: 34px;
}
.rb-clock .time-box div {
  display: inline-block;
  height: 50px;
  margin: 0 4px;
  position: relative;
  text-align: left;
  width: 28px;
}
.rb-clock .time-box div span {
  background-color: #272e38;
  border-color: #272e38;
  opacity: 0;
  position: absolute;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s;
}
.rb-clock .time-box div span:after,
.rb-clock .time-box div span:before {
  border: 5px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
.rb-clock .time-box .d1 {
  height: 5px;
  left: 6px;
  top: 0;
  width: 16px;
}
.rb-clock .time-box .d1:before {
  border-right-color: inherit;
  border-width: 0 5px 5px 0;
  left: -5px;
}
.rb-clock .time-box .d1:after {
  border-left-color: inherit;
  border-width: 0 0 5px 5px;
  right: -5px;
}
.rb-clock .time-box .d2 {
  height: 5px;
  left: 6px;
  top: 24px;
  width: 16px;
}
.rb-clock .time-box .d2:before {
  border-right-color: inherit;
  border-width: 3px 4px 2px;
  left: -8px;
}
.rb-clock .time-box .d2:after {
  border-left-color: inherit;
  border-width: 3px 4px 2px;
  right: -8px;
}
.rb-clock .time-box .d3 {
  height: 5px;
  left: 6px;
  top: 48px;
  width: 16px;
}
.rb-clock .time-box .d3:before {
  border-right-color: inherit;
  border-width: 5px 5px 0 0;
  left: -5px;
}
.rb-clock .time-box .d3:after {
  border-left-color: inherit;
  border-width: 5px 0 0 5px;
  right: -5px;
}
.rb-clock .time-box .d4 {
  height: 14px;
  left: 0;
  top: 7px;
  width: 5px;
}
.rb-clock .time-box .d4:before {
  border-bottom-color: inherit;
  border-width: 0 5px 5px 0;
  top: -5px;
}
.rb-clock .time-box .d4:after {
  border-left-color: inherit;
  border-width: 0 0 5px 5px;
  bottom: -5px;
}
.rb-clock .time-box .d5 {
  height: 14px;
  right: 0;
  top: 7px;
  width: 5px;
}
.rb-clock .time-box .d5:before {
  border-bottom-color: inherit;
  border-width: 0 0 5px 5px;
  top: -5px;
}
.rb-clock .time-box .d5:after {
  border-top-color: inherit;
  border-width: 5px 0 0 5px;
  bottom: -5px;
}
.rb-clock .time-box .d6 {
  height: 14px;
  left: 0;
  top: 32px;
  width: 5px;
}
.rb-clock .time-box .d6:before {
  border-bottom-color: inherit;
  border-width: 0 5px 5px 0;
  top: -5px;
}
.rb-clock .time-box .d6:after {
  border-left-color: inherit;
  border-width: 0 0 5px 5px;
  bottom: -5px;
}
.rb-clock .time-box .d7 {
  height: 14px;
  right: 0;
  top: 32px;
  width: 5px;
}
.rb-clock .time-box .d7:before {
  border-bottom-color: inherit;
  border-width: 0 0 5px 5px;
  top: -5px;
}
.rb-clock .time-box .d7:after {
  border-top-color: inherit;
  border-width: 5px 0 0 5px;
  bottom: -5px;
}
.rb-clock .time-box div.eight .d1,
.rb-clock .time-box div.eight .d2,
.rb-clock .time-box div.eight .d3,
.rb-clock .time-box div.eight .d4,
.rb-clock .time-box div.eight .d5,
.rb-clock .time-box div.eight .d6,
.rb-clock .time-box div.eight .d7,
.rb-clock .time-box div.five .d1,
.rb-clock .time-box div.five .d2,
.rb-clock .time-box div.five .d3,
.rb-clock .time-box div.five .d4,
.rb-clock .time-box div.five .d7,
.rb-clock .time-box div.four .d2,
.rb-clock .time-box div.four .d4,
.rb-clock .time-box div.four .d5,
.rb-clock .time-box div.four .d7,
.rb-clock .time-box div.nine .d1,
.rb-clock .time-box div.nine .d2,
.rb-clock .time-box div.nine .d3,
.rb-clock .time-box div.nine .d4,
.rb-clock .time-box div.nine .d5,
.rb-clock .time-box div.nine .d7,
.rb-clock .time-box div.one .d5,
.rb-clock .time-box div.one .d7,
.rb-clock .time-box div.seven .d1,
.rb-clock .time-box div.seven .d5,
.rb-clock .time-box div.seven .d7,
.rb-clock .time-box div.six .d1,
.rb-clock .time-box div.six .d2,
.rb-clock .time-box div.six .d3,
.rb-clock .time-box div.six .d4,
.rb-clock .time-box div.six .d6,
.rb-clock .time-box div.six .d7,
.rb-clock .time-box div.three .d1,
.rb-clock .time-box div.three .d2,
.rb-clock .time-box div.three .d3,
.rb-clock .time-box div.three .d5,
.rb-clock .time-box div.three .d7,
.rb-clock .time-box div.two .d1,
.rb-clock .time-box div.two .d2,
.rb-clock .time-box div.two .d3,
.rb-clock .time-box div.two .d5,
.rb-clock .time-box div.two .d6,
.rb-clock .time-box div.zero .d1,
.rb-clock .time-box div.zero .d3,
.rb-clock .time-box div.zero .d4,
.rb-clock .time-box div.zero .d5,
.rb-clock .time-box div.zero .d6,
.rb-clock .time-box div.zero .d7 {
  opacity: 1;
}
.rb-clock .date-box {
  text-align: center;
}
.page-content-wrapper {
  display: flex;
  position: relative;
}
.page-admin-self-content {
  flex: 1;
  height: calc(100vh - 58px);
  overflow: auto;
}
.has_admin_msg .page-admin-self-content,
.has_admin_msg .rb-side-menu-wrapper {
  height: calc(100vh - 94px);
}
.admin-top-username {
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  margin: 0 12px;
}
.more-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.more-group-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.more-group-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.more-group-item-title {
  color: var(---rb-color-text-description, #7c7c7c);
}
.more-group-item .rb-btn-type-text {
  color: var(--rb-global-font-color);
  padding: 5px 0;
}
.no_admin_micro_base .micro-app-container {
  height: calc(100vh - 58px);
  overflow: auto;
}
.no_admin_micro_base .rb-sidemenu-mini-mode ~ .micro-app-container .rb-box-footer {
  width: calc(100% - 56px);
}
.more-theme-select .rb-tags-single-option {
  padding-left: 16px!important;
  position: relative;
}
.more-theme-select .rb-tags-single-option:before {
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 8px;
}
.more-theme-select-blue .rb-tags-single-option:before {
  background: #17548d;
}
.more-theme-select-default .rb-tags-single-option:before {
  background: #777af2;
}
.more-theme-select-crimson .rb-tags-single-option:before {
  background: #7aadc2;
}
.more-theme-select-green .rb-tags-single-option:before {
  background: #3ca368;
}
.more-theme-select-jam .rb-tags-single-option:before {
  background: #7f0c78;
}
.more-theme-select-navy .rb-tags-single-option:before {
  background: #387399;
}
.more-theme-select-peach .rb-tags-single-option:before {
  background: #d31145;
}
.more-theme-select-pine .rb-tags-single-option:before {
  background: #004831;
}
.more-theme-select-pitaya .rb-tags-single-option:before {
  background: #ff0080;
}
.more-theme-select-pumpkin .rb-tags-single-option:before {
  background: #ea5404;
}
.more-theme-select-ruby .rb-tags-single-option:before {
  background: #bf0000;
}
.more-theme-select-sky .rb-tags-single-option:before {
  background: #1976d2;
}
.more-theme-select-orange .rb-tags-single-option:before {
  background: #0084e1;
}
.more-theme-option .rb-select-option {
  padding-left: 28px!important;
  position: relative;
}
.more-theme-option .rb-select-option:before {
  content: "";
  height: 8px;
  left: 12px;
  position: absolute;
  top: 12px;
  width: 8px;
}
.more-theme-option-blue.rb-select-option:before {
  background: #17548d;
}
.more-theme-option-default.rb-select-option:before {
  background: #777af2;
}
.more-theme-option-crimson.rb-select-option:before {
  background: #7aadc2;
}
.more-theme-option-green.rb-select-option:before {
  background: #3ca368;
}
.more-theme-option-jam.rb-select-option:before {
  background: #7f0c78;
}
.more-theme-option-navy.rb-select-option:before {
  background: #387399;
}
.more-theme-option-peach.rb-select-option:before {
  background: #d31145;
}
.more-theme-option-pine.rb-select-option:before {
  background: #004831;
}
.more-theme-option-pitaya.rb-select-option:before {
  background: #ff0080;
}
.more-theme-option-pumpkin.rb-select-option:before {
  background: #ea5404;
}
.more-theme-option-ruby.rb-select-option:before {
  background: #bf0000;
}
.more-theme-option-sky.rb-select-option:before {
  background: #1976d2;
}
.more-theme-option-orange.rb-select-option:before {
  background: #0084e1;
}
:root {
  --sidebar-menu-color: #445781;
  --sidebar-menu-arrow-color: #b3bacb;
  --sidebar-menu-bg-color: #fdfdfd;
  --sidebar-menu-level-one-bg-color: #fdfdfd;
  --sidebar-menu-box-shadow-color: #e7e7e7;
  --sidebar-menu-level-one-expanded-color: #445781;
  --sidebar-menu-level-one-expanded-bg-color: #f8f8fa;
  --sidebar-menu-level-one-expanded-before-color: #fff;
  --sidebar-menu-level-one-hover-color: #445781;
  --sidebar-menu-level-one-hover-bg-color: #f8f8fa;
  --sidebar-menu-level-two-color: #677799;
  --sidebar-menu-level-two-bg-color: #f4f5f8;
  --sidebar-menu-level-two-expanded-color: #fff;
  --sidebar-menu-level-two-hover-color: #fff;
  --sidebar-menu-level-two-hover-bg-color: #e7e8fb;
  --sidebar-menu-level-three-bg-color: #f4f5f8;
  --sidebar-menu-leaf-expanded-bg-color: #f4f5f8;
  --sidebar-menu-selected-bg-color: #9093f4;
  --sidebar-menu-selected-color: #fff;
  --sidebar-menu-new-tag-color: var(--rb-error-color);
  --all-menu-bg-color: #f8f8fa;
  --all-menu-color: #677799;
  --all-menu-title-color: #445781;
  --all-menu-title-icon-color: #b0b7ca;
  --all-menu-list-hover-bg-color: #f3f3fa;
  --all-menu-item-hover-color: #fff;
  --all-menu-item-border-color: #e9ebf0;
  --all-menu-item-popup-bg-color: #fff;
  --all-menu-item-popup-border-color: #e1e4eb;
  --all-menu-star-collect-color: #f58220;
  --all-menu-star-color: #dbdee6;
  --all-menu-favorites-title-color: #445781;
  --all-menu-favorites-count-color: #fff;
  --all-menu-favorites-count-shadow-color: #fff;
  --all-menu-favorites-count-bg-color: #f58220;
  --all-menu-search-high-light-color: #fff;
  --all-menu-search-parent-color: #677799;
  --rb-header-bg-color: #fff;
  --rb-header-font-color: #39364e;
  --rb-header-font-hover-color: #fff;
  --rb-header-bottom-border-color: #fff;
  --rb-header-search-color: #39364e;
  --rb-header-search-icon-color: #39364e;
  --rb-header-search-border-color: #cbd6e2;
  --rb-header-search-bg-color: #fff;
  --rb-header-search-input-content-focus-border-color: var(--rb-input-content-hover-border-color);
  --rb-header-search-input-placeholder-color: #bfbfbf;
  --rb-header-search-input-content-focus-bs-color: var(--rb-input-content-focus-bs-color);
  --rb-header-search-rb-select-option-hover-color: var(--rb-option-hover-color);
  --rb-header-search-rb-select-option-hover-bg-color: var(--rb-option-hover-bg-color);
  --rb-header-search-select-single-option-active-color: var(--rb-option-active-color);
  --rb-header-search-select-single-option-active-bg-color: var(--rb-option-active-bg-color);
}

:root {
  /* --色卡定义-- 参考https://rainbow.ebaotech.com/sugarDoc/#/design/colors */
  --rb-color-primary: #777AF2;
  --rb-color-primary-hover: #39364E;
  --rb-color-primary-active: #39364E;
  --rb-color-link: #777AF2;
  --rb-color-link-hover: #39364E;
  --rb-color-link-active: #39364E;
  --rb-color-info: #31708F;
  --rb-color-info-hover: #295D78;
  --rb-color-info-active: #295D78;
  --rb-color-info-bg: #EFF4F6;
  --rb-color-info-border: #CEDDE4;
  --rb-color-success: #00BDA5;
  --rb-color-success-hover: #009E8A;
  --rb-color-success-active: #009E8A;
  --rb-color-success-bg: #EBFAF8;
  --rb-color-success-border: #C2EFEA;
  --rb-color-warning: #FFB900;
  --rb-color-warning-hover: #D69B00;
  --rb-color-warning-active: #D69B00;
  --rb-color-warning-bg: #FFFAEB;
  --rb-color-warning-border: #FFEEC2;
  --rb-color-error: #F2545B;
  --rb-color-error-hover: #CB464C;
  --rb-color-error-active: #CB464C;
  --rb-color-error-bg: #FEF2F2;
  --rb-color-error-border: #FCD6D8;
  --rb-color-text: #39364E;
  --rb-color-text-secondary: #696969;
  --rb-color-text-description: #7C7C7C;
  --rb-color-text-disabled: #BFBFBF;
  --rb-color-text-highlight: #F58220;
  --rb-color-text-auxiliary: #BFBFBF;
  --rb-color-split: #E7E7E7;
  --rb-color-border: #CBD6E2;
  --rb-color-border-hover-focus: #75B9F0;
  --rb-color-bg-highlight: rgba(245, 130, 32, 0.16);
  --rb-color-bg-disabled: #F5F8FA;
  --rb-color-bg-head: #F8F8F8;
  --rb-color-bg-rail: #F5F5F5;
  --rb-color-bg-fill: #EDEDED;
  --rb-color-bg-layout: #F9F9F9;
  --rb-color-bg-elevated: #FFFFFF;
  --rb-color-bg-container: #FFFFFF;
  --rb-color-bg-mask-dark: rgba(0, 0, 0, 0.48);
  --rb-color-bg-mask-light: rgba(255, 255, 255, 0.64);
  --rb-color-option-active: #777AF2;
  --rb-color-option-active-bg: #F5F5FE;
  --rb-color-option-hover: #39364E;
  --rb-color-option-hover-bg: #F8F8F8;
  /* 全局的弹出层box-shadow */
  --rb-box-shadow-color: rgba(15, 15, 15, 0.16);
  /* --font-family-- */
  --global-font-family: 'system-ui, -apple-system, BlinkMacSystemFont, Albert Sans,思源黑体,SourceHanSansSC,Roboto-Regular​';
  /* --global-- */
  --rb-global-font-color: var(--rb-color-text);
  --rb-placeholder-color: var(--rb-color-text-auxiliary);
  --rb-title-prefix-gb-color: var(--rb-color-primary);
  --rb-remove-icon: var(--rb-color-text-auxiliary);
  --rb-remove-icon-hover: var(--rb-color-text-auxiliary);
  --rb-remove-icon-active: var(--rb-color-text-auxiliary);
  --rb-global-body-bg-color: var(--rb-color-bg-layout);
  --rb-placement-arrow-bg-color: var(--rb-color-bg-elevated);
  --rb-close-icon-color: var(--rb-color-text-description);
  --rb-close-icon-hover-color: var(--rb-color-text);
  --rb-mask-bg-color: var(--rb-color-bg-mask-dark);
  --rb-tab-active-border-color: #C9CAFA;
  /* --Button-- */
  --rb-btn-primary-color: #FFFFFF;
  --rb-btn-primary-bg-color: var(--rb-color-primary);
  --rb-btn-primary-border-color: var(--rb-color-primary);
  --rb-btn-primary-hover-color: #FFFFFF;
  --rb-btn-primary-hover-bg-color: var(--rb-color-primary-hover);
  --rb-btn-primary-hover-border-color: var(--rb-color-primary-hover);
  --rb-btn-primary-active-color: #FFFFFF;
  --rb-btn-primary-active-bg-color: var(--rb-color-primary-active);
  --rb-btn-primary-active-border-color: var(--rb-color-primary-active);
  --rb-btn-primary-disabled-color: var(--rb-color-text-disabled);
  --rb-btn-primary-disabled-bg-color: var(--rb-color-bg-disabled);
  --rb-btn-primary-disabled-border-color: var(--rb-color-border);
  --rb-btn-default-color: var(--rb-color-primary);
  --rb-btn-default-bg-color: #FFFFFF;
  --rb-btn-default-border-color: var(--rb-color-primary);
  --rb-btn-default-hover-color: var(--rb-color-primary-hover);
  --rb-btn-default-hover-bg-color: #FFFFFF;
  --rb-btn-default-hover-border-color: var(--rb-color-primary-hover);
  --rb-btn-default-active-color: var(--rb-color-primary-active);
  --rb-btn-default-active-bg-color: #FFFFFF;
  --rb-btn-default-active-border-color: var(--rb-color-primary-active);
  --rb-btn-default-disabled-color: var(--rb-color-text-disabled);
  --rb-btn-default-disabled-bg-color: var(--rb-color-bg-disabled);
  --rb-btn-default-disabled-border-color: var(--rb-color-border);
  --rb-btn-text-color: var(--rb-color-primary);
  --rb-btn-text-hover-color: var(--rb-color-primary-hover);
  --rb-btn-text-active-color: var(--rb-color-primary-active);
  --rb-btn-text-disabled-color: var(--rb-color-text-disabled);
  --rb-btn-link-color: var(--rb-color-link);
  --rb-btn-link-hover-color: var(--rb-color-link-hover);
  --rb-btn-link-active-color: var(--rb-color-link-active);
  --rb-btn-link-disabled-color: var(--rb-color-text-disabled);
  --rb-btn-info-color: #FFFFFF;
  --rb-btn-info-bg-color: var(--rb-color-info);
  --rb-btn-info-border-color: var(--rb-color-info);
  --rb-btn-info-hover-color: #FFFFFF;
  --rb-btn-info-hover-bg-color: var(--rb-color-info-hover);
  --rb-btn-info-hover-border-color: var(--rb-color-info-hover);
  --rb-btn-info-active-color: #FFFFFF;
  --rb-btn-info-active-bg-color: var(--rb-color-info-active);
  --rb-btn-info-active-border-color: var(--rb-color-info-active);
  --rb-btn-info-not-primary-color: var(--rb-color-info);
  --rb-btn-info-not-primary-bg-color: #FFFFFF;
  --rb-btn-info-not-primary-hover-color: var(--rb-color-info-hover);
  --rb-btn-info-not-primary-hover-bg-color: #FFFFFF;
  --rb-btn-info-not-primary-active-color: var(--rb-color-info-active);
  --rb-btn-info-not-primary-active-bg-color: #FFFFFF;
  --rb-btn-success-color: #FFFFFF;
  --rb-btn-success-bg-color: var(--rb-color-success);
  --rb-btn-success-border-color: var(--rb-color-success);
  --rb-btn-success-hover-color: #FFFFFF;
  --rb-btn-success-hover-bg-color: var(--rb-color-success-hover);
  --rb-btn-success-hover-border-color: var(--rb-color-success-hover);
  --rb-btn-success-active-color: #FFFFFF;
  --rb-btn-success-active-bg-color: var(--rb-color-success-active);
  --rb-btn-success-active-border-color: var(--rb-color-success-active);
  --rb-btn-success-not-primary-color: var(--rb-color-success);
  --rb-btn-success-not-primary-bg-color: #FFFFFF;
  --rb-btn-success-not-primary-hover-color: var(--rb-color-success-hover);
  --rb-btn-success-not-primary-hover-bg-color: #FFFFFF;
  --rb-btn-success-not-primary-active-color: var(--rb-color-success-active);
  --rb-btn-success-not-primary-active-bg-color: #FFFFFF;
  --rb-btn-warning-color: #FFFFFF;
  --rb-btn-warning-bg-color: var(--rb-color-warning);
  --rb-btn-warning-border-color: var(--rb-color-warning);
  --rb-btn-warning-hover-color: #FFFFFF;
  --rb-btn-warning-hover-bg-color: var(--rb-color-warning-hover);
  --rb-btn-warning-hover-border-color: var(--rb-color-warning-hover);
  --rb-btn-warning-active-color: #FFFFFF;
  --rb-btn-warning-active-bg-color: var(--rb-color-warning-active);
  --rb-btn-warning-active-border-color: var(--rb-color-warning-active);
  --rb-btn-warning-not-primary-color: var(--rb-color-warning);
  --rb-btn-warning-not-primary-bg-color: #FFFFFF;
  --rb-btn-warning-not-primary-hover-color: var(--rb-color-warning-hover);
  --rb-btn-warning-not-primary-hover-bg-color: #FFFFFF;
  --rb-btn-warning-not-primary-active-color: var(--rb-color-warning-active);
  --rb-btn-warning-not-primary-active-bg-color: #FFFFFF;
  --rb-btn-danger-color: #FFFFFF;
  --rb-btn-danger-bg-color: var(--rb-color-error);
  --rb-btn-danger-border-color: var(--rb-color-error);
  --rb-btn-danger-hover-color: #FFFFFF;
  --rb-btn-danger-hover-bg-color: var(--rb-color-error-hover);
  --rb-btn-danger-hover-border-color: var(--rb-color-error-hover);
  --rb-btn-danger-active-color: #FFFFFF;
  --rb-btn-danger-active-bg-color: var(--rb-color-error-active);
  --rb-btn-danger-active-border-color: var(--rb-color-error-active);
  --rb-btn-danger-not-primary-color: var(--rb-color-error);
  --rb-btn-danger-not-primary-bg-color: #FFFFFF;
  --rb-btn-danger-not-primary-hover-color: var(--rb-color-error-hover);
  --rb-btn-danger-not-primary-hover-bg-color: #FFFFFF;
  --rb-btn-danger-not-primary-active-color: var(--rb-color-error-active);
  --rb-btn-danger-not-primary-active-bg-color: #FFFFFF;
  /* ghost */
  --rb-btn-ghost-disabled-color: var(--rb-color-text-disabled);
  --rb-btn-ghost-disabled-border-color: var(--rb-color-border);
  --rb-btn-primary-ghost-disabled-bg-color: rgba(245, 248, 250, 0);
  --rb-btn-default-ghost-disabled-bg-color: var(--rb-btn-primary-ghost-disabled-bg-color);
  --rb-btn-primary-ghost-color: var(--rb-color-primary);
  --rb-btn-primary-ghost-bg-color: rgba(119, 122, 242, 0);
  --rb-btn-primary-ghost-border-color: var(--rb-color-primary);
  --rb-btn-primary-ghost-hover-color: #6366CB;
  --rb-btn-primary-ghost-hover-bg-color: rgba(99, 102, 203, 0.04);
  --rb-btn-primary-ghost-hover-border-color: #6366CB;
  --rb-btn-primary-ghost-active-color: #6366CB;
  --rb-btn-primary-ghost-active-bg-color: rgba(99, 102, 203, 0.04);
  --rb-btn-primary-ghost-active-border-color: #6366CB;
  --rb-btn-default-ghost-color: #FFFFFF;
  --rb-btn-default-ghost-bg-color: rgba(255, 255, 255, 0);
  --rb-btn-default-ghost-border-color: #FFFFFF;
  --rb-btn-default-ghost-hover-color: var(--rb-btn-primary-ghost-hover-color);
  --rb-btn-default-ghost-hover-bg-color: var(--rb-btn-primary-ghost-hover-bg-color);
  --rb-btn-default-ghost-hover-border-color: var(--rb-btn-primary-ghost-hover-border-color);
  --rb-btn-default-ghost-active-color: var(--rb-btn-primary-ghost-active-color);
  --rb-btn-default-ghost-active-bg-color: var(--rb-btn-primary-ghost-active-bg-color);
  --rb-btn-default-ghost-active-border-color: var(--rb-btn-primary-ghost-active-border-color);
  --rb-btn-text-ghost-color: #FFFFFF;
  --rb-btn-text-ghost-hover-color: var(--rb-btn-primary-ghost-hover-color);
  --rb-btn-text-ghost-active-color: var(--rb-btn-primary-ghost-active-color);
  --rb-btn-link-ghost-color: var(--rb-color-link);
  --rb-btn-link-ghost-hover-color: #6366CB;
  --rb-btn-link-ghost-active-color: #6366CB;
  --rb-btn-info-ghost-color: var(--rb-color-info);
  --rb-btn-info-ghost-bg-color: rgba(49, 112, 143, 0);
  --rb-btn-info-ghost-border-color: var(--rb-color-info);
  --rb-btn-info-ghost-hover-color: var(--rb-color-info-hover);
  --rb-btn-info-ghost-hover-bg-color: rgba(41, 93, 120, 0.04);
  --rb-btn-info-ghost-hover-border-color: var(--rb-color-info-hover);
  --rb-btn-info-ghost-active-color: var(--rb-color-info-active);
  --rb-btn-info-ghost-active-bg-color: rgba(41, 93, 120, 0.04);
  --rb-btn-info-ghost-active-border-color: var(--rb-color-info-active);
  --rb-btn-success-ghost-color: var(--rb-color-success);
  --rb-btn-success-ghost-bg-color: rgba(0, 189, 165, 0);
  --rb-btn-success-ghost-border-color: var(--rb-color-success);
  --rb-btn-success-ghost-hover-color: var(--rb-color-success-hover);
  --rb-btn-success-ghost-hover-bg-color: rgba(0, 158, 138, 0.04);
  --rb-btn-success-ghost-hover-border-color: var(--rb-color-success-hover);
  --rb-btn-success-ghost-active-color: var(--rb-color-success-active);
  --rb-btn-success-ghost-active-bg-color: rgba(0, 158, 138, 0.04);
  --rb-btn-success-ghost-active-border-color: var(--rb-color-success-active);
  --rb-btn-warning-ghost-color: var(--rb-color-warning);
  --rb-btn-warning-ghost-bg-color: rgba(255, 185, 0, 0);
  --rb-btn-warning-ghost-border-color: var(--rb-color-warning);
  --rb-btn-warning-ghost-hover-color: var(--rb-color-warning-hover);
  --rb-btn-warning-ghost-hover-bg-color: rgba(214, 155, 0, 0.04);
  --rb-btn-warning-ghost-hover-border-color: var(--rb-color-warning-hover);
  --rb-btn-warning-ghost-active-color: var(--rb-color-warning-active);
  --rb-btn-warning-ghost-active-bg-color: rgba(214, 155, 0, 0.04);
  --rb-btn-warning-ghost-active-border-color: var(--rb-color-warning-active);
  --rb-btn-danger-ghost-color: var(--rb-color-error);
  --rb-btn-danger-ghost-bg-color: rgba(242, 84, 91, 0);
  --rb-btn-danger-ghost-border-color: var(--rb-color-error);
  --rb-btn-danger-ghost-hover-color: var(--rb-color-error-hover);
  --rb-btn-danger-ghost-hover-bg-color: rgba(203, 70, 76, 0.04);
  --rb-btn-danger-ghost-hover-border-color: var(--rb-color-error-hover);
  --rb-btn-danger-ghost-active-color: var(--rb-color-error-active);
  --rb-btn-danger-ghost-active-bg-color: rgba(203, 70, 76, 0.04);
  --rb-btn-danger-ghost-active-border-color: var(--rb-color-error-active);
  --rb-btn-loading-spinner-color: var(--rb-color-text-disabled);
  --rb-btn-primary-loading-spinner-color: var(--rb-color-text-disabled);
  /* --FloatButton-- */
  --rb-float-button-menu-bg-color: var(--rb-color-bg-elevated);
  --rb-float-btn-color: #FFFFFF;
  --rb-float-btn-default-bg-color: #425B76;
  --rb-float-btn-default-hover-color: #FFFFFF;
  --rb-float-btn-default-hover-bg-color: #39364E;
  --rb-float-btn-primary-color: #FFFFFF;
  --rb-float-btn-primary-bg-color: var(--rb-color-primary);
  --rb-float-btn-primary-hover-color: #FFFFFF;
  --rb-float-btn-primary-hover-bg-color: var(--rb-color-primary-hover);
  /* --Menu-- */
  --rb-menu-bg-color: var(--rb-color-bg-elevated);
  --rb-menu-item-hover-bg-color: var(--rb-color-option-hover-bg);
  --rb-menu-item-hover-color: var(--rb-color-option-hover);
  --rb-menu-item-selected-color: var(--rb-color-option-active);
  --rb-menu-item-selected-bg-color: var(--rb-color-option-active-bg);
  --rb-menu-item-arrow-color: var(--rb-color-text-auxiliary);
  --rb-menu-item-arrow-hover-color: var(--rb-color-text-auxiliary);
  --rb-menu-item-arrow-selected-color: var(--rb-color-primary);
  /* 暂时无用 */
  --rb-menu-submenu-inline-open-color: transparent;
  --rb-menu-submenu-inline-open-bg-color: transparent;
  --rb-menu-vertical-border-color: transparent;
  /* --Icon-- */
  --rb-icon-default-color: var(--rb-color-text);
  --rb-icon-success-color: var(--rb-color-success);
  --rb-icon-info-color: var(--rb-color-info);
  --rb-icon-warning-color: var(--rb-color-warning);
  --rb-icon-danger-color: var(--rb-color-error);
  /* --Divider-- */
  --rb-divider-font-color: var(--rb-color-text);
  --rb-divider-border-color: var(--rb-color-split);
  /* --Anchor-- */
  --rb-anchor-content-bg-color: var(--rb-color-bg-elevated);
  --rb-anchor-navArrow-bg-color: #445781;
  --rb-anchor-navArrow-span-font-color: #FFFFFF;
  --rb-anchor-navArrow-before-borderbottom-color: var(--rb-anchor-navArrow-bg-color);
  --rb-anchor-navArrow-before-borderright-color: var(--rb-anchor-navArrow-bg-color);
  --rb-anchor-navArrow-after-bordertop-color: var(--rb-anchor-navArrow-bg-color);
  --rb-anchor-navArrow-after-borderright-color: var(--rb-anchor-navArrow-bg-color);
  --rb-anchor-navLine-bg-color: var(--rb-color-bg-rail);
  --rb-anchor-static-navLine-bg-color: var(--rb-color-split);
  --rb-anchor-item-font-color: var(--rb-color-text);
  --rb-anchor-item-hover-font-color: var(--rb-color-primary);
  --rb-anchor-item-before-bg-color: var(--rb-color-bg-rail);
  --rb-anchor-item-before-border-color: var(--rb-color-primary);
  --rb-anchor-item-before-active-bg-color: var(--rb-color-bg-elevated);
  --rb-anchor-item-active-font-color: var(--rb-color-primary);
  /* --Breadcrumb-- */
  --rb-breadcrumb-font-color: var(--rb-color-text);
  --rb-breadcrumb-previous-font-color: var(--rb-color-text-description);
  --rb-breadcrumb-separator-color: var(--rb-color-text-description);
  --rb-breadcrumb-item-link-hover-font-color: var(--rb-color-primary);
  --rb-breadcrumb-item-link-active-font-color: var(--rb-color-primary);
  --rb-breadcrumb-icon-color: var(--rb-color-text);
  --rb-breadcrumb-hover-icon-color: var(--rb-color-primary);
  --rb-breadcrumb-active-icon-color: var(--rb-color-primary);
  /* --Dropdown-- */
  --rb-dropdown-bg-color: var(--rb-color-bg-elevated);
  /* 暂时无用 */
  --rb-btn-dropdown-border-color: transparent;
  --rb-dropdown-default-trigger-color: var(--rb-btn-text-color);
  --rb-dropdown-default-trigger-hover-color: var(--rb-btn-text-hover-color);
  /* --List-- */
  --rb-list-item-color: var(--rb-color-text);
  --rb-list-item-bg-color: transparent;
  --rb-list-item-disabled: var(--rb-color-text-disabled);
  --rb-list-item-disabled-bg-color: transparent;
  --rb-list-item-hover-color: var(--rb-color-option-hover);
  --rb-list-item-bg-hover-color: var(--rb-color-option-hover-bg);
  --rb-list-item-active-color: var(--rb-color-option-active);
  --rb-list-item-active-bg-color: var(--rb-color-option-active-bg);
  /* --Pagination-- */
  --rb-pagination-item-border-color: var(--rb-color-border);
  --rb-pagination-item-bg-color: var(--rb-color-bg-container);
  --rb-pagination-item-color: var(--rb-color-text);
  --rb-pagination-itemnot-border-color: var(--rb-color-border);
  --rb-pagination-itemnot-bg-color: var(--rb-color-bg-container);
  --rb-pagination-itemnot-color: var(--rb-color-text-disabled);
  --rb-pagination-item-hover-border-color: var(--rb-color-border);
  --rb-pagination-item-hover-bg-color: var(--rb-color-bg-container);
  --rb-pagination-item-hover-color: var(--rb-color-primary);
  --rb-pagination-item-active-border-color: var(--rb-color-primary);
  --rb-pagination-item-active-bg-color: var(--rb-color-bg-container);
  --rb-pagination-item-active-color: var(--rb-color-primary);
  --rb-pagination-disabled-color: var(--rb-color-text-disabled);
  --rb-pagination-disabled-border-color: var(--rb-color-border);
  --rb-pagination-disabled-bg-color: var(--rb-color-bg-container);
  --rb-pagination-active-disabled-border-color: var(--rb-color-border);
  --rb-pagination-active-disabled-bg-color: var(--rb-color-bg-disabled);
  --rb-pagination-active-disabled-color: var(--rb-color-text-disabled);
  --rb-pagination-turn-page-color: var(--rb-color-text);
  /* --Steps-- */
  --rb-steps-step-title-color: var(--rb-color-text);
  --rb-steps-serial-undo-title-color: var(--rb-color-text-description);
  --rb-steps-step-subtitle-color: var(--rb-color-text-description);
  --rb-steps-step-description: var(--rb-color-text-description);
  --rb-steps-step-doing-description-color: var(--rb-color-text);
  --rb-steps-step-done-color: var(--rb-color-primary);
  --rb-steps-serial-done-bg-color: #EAEAFD;
  --rb-steps-serial-done-border-color: var(--rb-steps-serial-done-bg-color);
  --rb-steps-step-doing-color: #FFFFFF;
  --rb-steps-serial-doing-bg-color: #9295F5;
  --rb-steps-serial-doing-border-color: var(--rb-steps-serial-doing-bg-color);
  --rb-steps-step-undo-color: var(--rb-color-text-description);
  --rb-steps-serial-undo-bg-color: var(--rb-color-bg-fill);
  --rb-steps-serial-undo-border-color: var(--rb-steps-serial-undo-bg-color);
  --rb-steps-step-icon-done-color: var(--rb-steps-serial-doing-bg-color);
  --rb-steps-step-doing-icon-color: var(--rb-steps-serial-doing-bg-color);
  --rb-steps-step-icon-undo-color: var(--rb-color-text-disabled);
  --rb-steps-step-dot-bg-color: var(--rb-color-text-disabled);
  --rb-steps-step-done-dot-color: var(--rb-steps-serial-doing-bg-color);
  --rb-steps-step-doing-dot-color: var(--rb-steps-serial-doing-bg-color);
  --rb-steps-step-undo-dot-color: var(--rb-color-text-disabled);
  --rb-steps-done-line-bg-color: var(--rb-steps-serial-doing-bg-color);
  --rb-steps-line-bg-color: var(--rb-color-split);
  --rb-steps-step-error-color: var(--rb-color-error);
  --rb-steps-step-error-border-color: var(--rb-steps-step-error-bg-color);
  --rb-steps-step-error-bg-color: var(--rb-color-error-bg);
  --rb-steps-step-nav-arrow-color: var(--rb-color-text-auxiliary);
  --rb-steps-step-nav-border-color: var(--rb-color-split);
  --rb-steps-step-nav-doing-border-color: var(--rb-steps-serial-doing-bg-color);
  --rb-steps-step-nav-click-hover-color: var(--rb-steps-step-done-color);
  --rb-steps-step-ribbon-icon-bg-color: #FFFFFF;
  --rb-steps-step-ribbon-icon-border-color: var(--rb-steps-step-ribbon-icon-bg-color);
  --rb-steps-step-ribbon-done-icon-bg-color: #FFFFFF;
  --rb-steps-step-ribbon-done-icon-border-color: var(--rb-steps-step-ribbon-done-icon-bg-color);
  --rb-steps-step-ribbon-done-icon-color: var(--rb-steps-step-done-color);
  --rb-steps-step-ribbon-undo-icon-bg-color: #FFFFFF;
  --rb-steps-step-ribbon-undo-icon-border-color: var(--rb-steps-step-ribbon-undo-icon-bg-color);
  --rb-steps-step-ribbon-undo-icon-color: var(--rb-steps-step-ribbon-undo-color);
  --rb-steps-step-ribbon-done-color: var(--rb-steps-step-done-color);
  --rb-steps-step-ribbon-done-bg-color: var(--rb-steps-serial-done-bg-color);
  --rb-steps-step-ribbon-doing-color: var(--rb-steps-step-doing-color);
  --rb-steps-step-ribbon-doing-bg-color: var(--rb-steps-serial-doing-bg-color);
  --rb-steps-step-ribbon-undo-color: var(--rb-steps-step-undo-color);
  --rb-steps-step-ribbon-undo-bg-color: var(--rb-color-bg-fill);
  /* --Cascader-- */
  --rb-cascader-border-color: transparent;
  --rb-cascader-bg-color: var(--rb-color-bg-elevated);
  --rb-cascader-menu-item-border-color: var(--rb-color-split);
  --rb-cascader-menu-font-color: var(--rb-color-text);
  --rb-cascader-menu-disabled-color: var(--rb-color-text-disabled);
  --rb-cascader-menu-disabled-bg-color: transparent;
  --rb-cascader-menu-arrow-color: var(--rb-color-text-auxiliary);
  --rb-cascader-menu-arrow-hover-color: var(--rb-cascader-menu-arrow-color);
  --rb-cascader-menu-arrow-active-color: var(--rb-color-option-active);
  --rb-cascader-menu-active-color: var(--rb-color-option-active-bg);
  --rb-cascader-menu-active-font-color: var(--rb-color-option-active);
  --rb-cascader-menu-hover-color: var(--rb-color-option-hover);
  --rb-cascader-menu-hover-bg-color: var(--rb-color-option-hover-bg);
  --rb-filter-menu-hover-bg-color: var(--rb-color-option-hover-bg);
  --rb-high-light-font-color: var(--rb-color-text-highlight);
  /* --Checkbox-- */
  --rb-checkbox-bg-color: var(--rb-color-bg-container);
  --rb-checkbox-border-color: var(--rb-color-border);
  --rb-checkbox-hover-border-color: var(--rb-color-border-hover-focus);
  --rb-checkbox-checked-bg-color: var(--rb-color-primary);
  --rb-checkbox-checked-border-color: var(--rb-color-primary);
  --rb-checkbox-checked-after-border-color: #FFFFFF;
  --rb-checkbox-disabled-unchecked-bg-color: var(--rb-color-bg-disabled);
  --rb-checkbox-disabled-checked-bg-color: var(--rb-color-bg-disabled);
  --rb-checkbox-disabled-checked-border-color: var(--rb-color-border);
  --rb-checkbox-disabled-checked-after-border-color: var(--rb-color-text-disabled);
  --rb-checkbox-border-indeterminate-color: var(--rb-color-primary);
  --rb-checkbox-bg-indeterminate-color: var(--rb-color-primary);
  /* --Datepicker--  */
  --rb-date-picker-panel-color: var(--rb-color-text);
  --rb-date-picker-panel-bg-color: var(--rb-color-bg-elevated);
  --rb-date-picker-header-color: var(--rb-color-text);
  --rb-picker-header-button-color: var(--rb-color-text);
  --rb-date-picker-header-bg-color: transparent;
  --rb-date-picker-thead-color: var(--rb-color-text);
  --rb-date-picker-thead-bg-color: var(--rb-color-bg-head);
  --rb-picker-date-panel-border-color: var(--rb-color-split);
  --rb-date-picker-not-in-view-color: var(--rb-color-text-disabled);
  --rb-date-picker-current-bg-color: var(--rb-color-primary);
  --rb-date-picker-hover-color: var(--rb-color-option-hover);
  --rb-date-picker-hover-bg-color: var(--rb-color-option-hover-bg);
  --rb-date-picker-checked-active-bg-color: var(--rb-color-primary);
  --rb-date-picker-checked-active-color: #FFFFFF;
  --rb-date-picker-disabled-color: var(--rb-color-text-disabled);
  --rb-date-picker-disabled-bg-color: var(--rb-color-bg-disabled);
  --rb-date-picker-weekend-font-color: var(--rb-date-picker-panel-color);
  --rb-date-picker-week-count-color: var(--rb-color-text-auxiliary);
  --rb-date-picker-time-hover-color: var(--rb-color-option-hover);
  --rb-date-picker-time-hover-bg-color: var(--rb-color-option-hover-bg);
  --rb-date-picker-time-checked-active-color: var(--rb-color-option-active);
  --rb-date-picker-time-checked-active-bg-color: var(--rb-color-option-active-bg);
  --rb-date-picker-time-disabled-color: var(--rb-color-text-disabled);
  --rb-date-picker-time-disabled-bg-color: transparent;
  --rb-rangepicker-input-border-color: var(--rb-color-border-hover-focus);
  --rb-rangepicker-checked-bg-color: var(--rb-color-option-active-bg);
  --rb-rangepicker-hover-border-color: var(--rb-color-primary);
  /* 暂时无用 */
  --rb-date-picker-header-font-color: transparent;
  --rb-date-picker-header-disabled-font-color: transparent;
  /* --Timepicker-- */
  --rb-timepicker-bg-color: var(--rb-color-bg-elevated);
  --rb-time-picker-header-color: var(--rb-color-text);
  --rb-time-picker-header-bg-color: var(--rb-color-bg-head);
  --rb-time-picker-container-hour-apm-font-color: transparent;
  --rb-time-picker-container-hour-apm-active-bg-color: var(--rb-color-option-active-bg);
  --rb-time-picker-container-hour-apm-active-font-color: var(--rb-color-option-active);
  /* --Input-- */
  --rb-input-content-hover-border-color: var(--rb-color-border-hover-focus);
  --rb-input-content-focus-border-color: var(--rb-color-border-hover-focus);
  --rb-input-content-focus-bs-color: rgba(117, 185, 240, 0.24);
  --rb-input-content-border-color: var(--rb-color-border);
  --rb-input-content-bg-color: var(--rb-color-bg-container);
  --rb-input-content-disabled-bg-color: var(--rb-color-bg-disabled);
  --rb-input-fix-icon-color: var(--rb-color-text-auxiliary);
  --rb-input-fix-icon-click-color: var(--rb-color-text);
  --rb-input-fix-icon-click-hover-color: var(--rb-color-primary);
  --rb-input-fix-icon-click-active-color: var(--rb-color-primary);
  --rb-suffix-counter: var(--rb-color-text-description);
  --rb-input-Required-font-color: var(--rb-color-error);
  --rb-input-HelpFill-font-color: #F58220;
  --rb-input-content-error-focus-bs-color: rgba(242, 84, 91, 0.24);
  --rb-input-error-border-color: var(--rb-color-error);
  /* 暂时无用 */
  --rb-input-tips-error-font-color: transparent;
  --rb-input-tips-warning-border-color: transparent;
  --rb-input-error-small-font-color: transparent;
  /* --Textarea-- */
  --rb-textarea-number-color: var(--rb-color-text-description);
  /* --Inputnumber-- */
  --rb-input-number-icon-color: var(--rb-color-text-description);
  --rb-input-number-icon-hover-color: var(--rb-color-primary);
  --rb-inputnumber-disabled-font-color: var(--rb-color-text-disabled);
  --rb-inputnumber-controls-border-color: var(--rb-color-split);
  /* --Radio-- */
  --rb-radio-label-font-color: transparent;
  --rb-radio-inner-border-color: var(--rb-color-border);
  --rb-radio-inner-bg-color: var(--rb-color-bg-container);
  --rb-radio-inner-checked-border-color: var(--rb-color-primary);
  --rb-radio-inner-after-checked-bg-color: var(--rb-color-primary);
  --rb-radio-inner-disabled-border-color: var(--rb-color-border);
  --rb-radio-inner-disabled-after-checked-bg-color: var(--rb-color-text-disabled);
  --rb-radio-inner-hover-border-color: var(--rb-color-border-hover-focus);
  --rb-radio-label-button-border-color: var(--rb-color-border);
  --rb-radio-label-button-bg-color: var(--rb-color-bg-container);
  --rb-radio-label-button-hover-color: var(--rb-color-primary);
  --rb-radio-label-button-hover-border-color: var(--rb-color-border);
  --rb-radio-label-button-hover-bg-color: var(--rb-color-bg-container);
  --rb-radio-input-checked-button-color: var(--rb-color-primary);
  --rb-radio-input-checked-button-border-color: var(--rb-color-primary);
  --rb-radio-input-checked-button-bg-color: var(--rb-color-bg-container);
  --rb-radio-button-arrow-color: var(--rb-color-primary);
  --rb-radio-button-arrow-border-color: #FFFFFF;
  --rb-radio-label-disabled-color: var(--rb-color-text-disabled);
  --rb-radio-label-disabled-bg-color: var(--rb-color-bg-disabled);
  --rb-radio-label-disabled-active-color: #FFFFFF;
  --rb-radio-label-disabled-active-bg-color: var(--rb-color-border);
  --rb-radio-label-button-disabled-border-color: var(--rb-color-border);
  --rb-radio-button-disabled-arrow-color: var(--rb-color-border);
  --rb-radio-button-disabled-arrow-border-color: #FFFFFF;
  /* 暂时无用 */
  --rb-radio-input-checked-border-color: var(--rb-color-primary);
  --rb-radio-label-border-hover-font-color: var(--rb-color-primary);
  --rb-radio-input-checked-solid-border-color: var(--rb-color-primary);
  --rb-radio-input-checked-solid-color: var(--rb-color-primary);
  --rb-radio-label-border-color: var(--rb-color-border);
  /*  --Rate-- */
  --rb-star-icon-color: var(--rb-color-bg-fill);
  --rb-rate-star-full-icon-color: #F58220;
  /* --Select-- */
  --rb-select-down-container-bg-color: var(--rb-color-bg-elevated);
  --rb-select-group-name-font-color: var(--rb-color-text-description);
  --rb-select-option-hover-color: var(--rb-color-option-hover);
  --rb-select-option-hover-bg-color: var(--rb-color-option-hover-bg);
  --rb-select-option-active-color: var(--rb-color-option-active);
  --rb-select-option-active-bg-color: var(--rb-color-option-active-bg);
  --rb-select-multi-arrow-color: var(--rb-color-primary);
  --rb-select-option-disabled-color: var(--rb-color-text-disabled);
  --rb-select-no-data-color: var(--rb-color-text-description);
  --rb-select-multi-tag-color: var(--rb-color-text);
  --rb-select-multi-tag-border-color: var(--rb-color-split);
  --rb-select-multi-tag-bg-color: var(--rb-color-bg-head);
  --rb-select-multi-disabled-tag-color: var(--rb-color-text-disabled);
  --rb-select-multi-disabled-tag-border-color: var(--rb-color-split);
  --rb-select-multi-disabled-tag-bg-color: var(--rb-color-split);
  /* --Slider-- */
  --rb-slider-track-bg-color: var(--rb-color-primary);
  --rb-slider-track-bg-hover-color: var(--rb-color-primary-hover);
  --rb-slider-handle-border-color: var(--rb-color-primary);
  --rb-slider-handle-bg-color: var(--rb-color-bg-container);
  --rb-slider-handle-border-disabled-color: var(--rb-color-text-disabled);
  --rb-slider-handle-bg-disabled-color: var(--rb-color-bg-container);
  --rb-slider-handle-hover-border-color: var(--rb-color-primary-hover);
  --rb-slider-handle-active-border-color: var(--rb-color-primary-active);
  --rb-slider-track-disabled-bg-color: var(--rb-color-text-disabled);
  --rb-slider-dot-border-color: var(--rb-color-bg-fill);
  --rb-slider-dot-border-hover-color: var(--rb-slider-rail-bg-hover-color);
  --rb-slider-dot-bg-color: var(--rb-color-bg-container);
  --rb-slider-dot-active-border-color: var(--rb-color-primary);
  --rb-slider-dot-active-border-hover-color: var(--rb-color-primary-hover);
  --rb-slider-rail-bg-color: var(--rb-color-bg-fill);
  --rb-slider-rail-bg-hover-color: #CBD6E2;
  --rb-slider-handle-dragging-border-color: rgba(57, 54, 78, 0.16);
  --rb-slider-mark-color: var(--rb-color-text);
  --rb-slider-mark-active-color: var(--rb-color-text);
  --rb-slider-label-icon-color: var(--rb-color-text-auxiliary);
  /* --Switch-- */
  --rb-switchBox-switch-color: #FFFFFF;
  --rb-switchBox-switch-bg-color: #CBD6E2;
  --rb-switchBox-switch-border-color: var(--rb-switchBox-switch-bg-color);
  --rb-switchBox-switch-bg-hover-color: #BFBFBF;
  --rb-switchBox-switch-border-hover-color: var(--rb-switchBox-switch-bg-hover-color);
  --rb-switchBox-switch-handle-bg-color: #FFFFFF;
  --rb-switchBox-switch-disabled-color: #FFFFFF;
  --rb-switchBox-switch-disabled-bg-color: #DEE5ED;
  --rb-switchBox-switch-disabled-border-color: var(--rb-switchBox-switch-disabled-bg-color);
  --rb-switchBox-switch-disabled-handle-bg-color: #FFFFFF;
  --rb-switchBox-switch-checked-color: #FFFFFF;
  --rb-switchBox-switch-checked-bg-color: var(--rb-color-primary);
  --rb-switchBox-switch-checked-border-color: var(--rb-color-primary);
  --rb-switchBox-switch-checked-bg-hover-color: var(--rb-color-primary-hover);
  --rb-switchBox-switch-checked-border-hover-color: var(--rb-color-primary-hover);
  --rb-switchBox-switch-checked-handle-bg-color: #FFFFFF;
  --rb-switchBox-switch-checked-disabled-color: #FFFFFF;
  --rb-switchBox-switch-checked-disabled-bg-color: #A9AAF7;
  --rb-switchBox-switch-checked-disabled-border-color: var(--rb-switchBox-switch-checked-disabled-bg-color);
  --rb-switchBox-switch-checked-disabled-handle-bg-color: #FFFFFF;
  /* --TableSelect-- */
  --rb-table-select-container-bg-color: var(--rb-color-bg-elevated);
  /* --Transfer-- */
  --rb-transfer-bg-color: transparent;
  --rb-transfer-list-border-color: var(--rb-color-border);
  --rb-transfer-list-bg-color: var(--rb-color-bg-container);
  --rb-transfer-list-header-bg-color: var(--rb-color-bg-container);
  --rb-transfer-list-content-item-hover-color: var(--rb-color-option-hover);
  --rb-transfer-list-content-item-hover-bg-color: var(--rb-color-option-hover-bg);
  --rb-transfer-list-body-disabled-color: var(--rb-color-text-disabled);
  --rb-transfer-list-body-disabled-bg-color: var(--rb-color-bg-disabled);
  --rb-transfer-list-delete-font-color: var(--rb-color-text-description);
  --rb-transfer-list-delete-hover-font-color: var(--rb-color-text);
  --rb-transfer-operation-disabled-color: var(--rb-color-text-disabled);
  --rb-transfer-operation-disabled-border-color: var(--rb-color-border);
  --rb-transfer-operation-disabled-bg-color: var(--rb-color-bg-disabled);
  /* --TreeSelect-- */
  --rb-treeselect-dropdown-bg-color: var(--rb-color-bg-elevated);
  /* --Upload-- */
  --rb-upload-dragger-trigger-icon-color: var(--rb-color-text);
  --rb-upload-dragger-trigger-color: var(--rb-color-text);
  --rb-upload-dragger-trigger-border-color: var(--rb-color-border);
  --rb-upload-dragger-trigger-hover-color: var(--rb-color-primary-hover);
  --rb-upload-dragger-trigger-des-color: var(--rb-color-text-description);
  --rb-upload-dragger-trigger-disabled-color: var(--rb-color-text-disabled);
  --rb-upload-dragger-trigger-disabled-bg-color: var(--rb-color-bg-disabled);
  --rb-upload-dragger-trigger-disabled-border-color: var(--rb-color-border);
  --rb-upload-error-color: var(--rb-color-error);
  --rb-upload-error-hover-color: var(--rb-color-error-hover);
  --rb-upload-list-item-color: var(--rb-color-link);
  --rb-upload-list-item-icon-color: var(--rb-color-text-auxiliary);
  --rb-upload-list-item-icon-hover-color: var(--rb-color-text-auxiliary);
  --rb-upload-list-item-hover-color: var(--rb-color-link-hover);
  --rb-upload-list-item-hover-bg-color: var(--rb-color-option-hover-bg);
  --rb-upload-list-item-custom-btn-text-color: var(--rb-color-text-description);
  --rb-upload-list-item-custom-btn-text-hover-color: var(--rb-color-text);
  --rb-upload-list-item-custom-btn-text-active-color: var(--rb-color-text);
  --rb-upload-picture-list-item-border-color: var(--rb-color-border);
  --rb-upload-picture-wall-item-border-color: var(--rb-color-border);
  --rb-upload-picture-list-item-border-error-color: var(--rb-color-error);
  --rb-upload-state-error-border-color: var(--rb-color-error);
  --rb-upload-state-error-bg-color: var(--rb-color-error-bg);
  --rb-upload-picture-wall-icon-color: #FFFFFF;
  --rb-upload-picture-wall-mask-color: var(--rb-mask-bg-color);
  /* --Search-- */
  --rb-search-result-bg-color: var(--rb-color-bg-elevated);
  --rb-search-no-result-color: var(--rb-color-text-description);
  /* --Badge-- */
  --rb-badge-default-color: var(--rb-color-error);
  --rb-badge-default-font-color: #FFFFFF;
  --rb-badge-state-info-color: var(--rb-color-info);
  --rb-badge-state-success-color: var(--rb-color-success);
  --rb-badge-state-warning-color: var(--rb-color-warning);
  --rb-badge-state-error-color: var(--rb-color-error);
  --rb-badge-state-disabled-color: var(--rb-color-text-disabled);
  --rb-badge-state-default-color: var(--rb-color-text);
  --rb-ribbon-content-color: #FFFFFF;
  --rb-ribbon-content-bg-color: var(--rb-color-primary);
  --rb-ribbon-anger-bg-color: var(--rb-ribbon-content-bg-color);
  --rb-badge-count-border-color: #FFFFFF;
  /* --Box-- */
  --rb-box-bg: var(--rb-color-bg-container);
  --rb-box-footer-bg: var(--rb-color-bg-elevated);
  --rb-top-count-title: var(--rb-color-text-description);
  --rb-top-count-after-bg-color: var(--rb-color-split);
  /* --Calendar-- */
  --rb-calendar-thead-color: var(--rb-color-text);
  --rb-calendar-cell-bg-color: var(--rb-color-bg-container);
  --rb-calendar-cell-border-color: var(--rb-color-split);
  --rb-calendar-cell-hover-color: var(--rb-color-option-hover);
  --rb-calendar-cell-bg-hover-color: var(--rb-color-option-hover-bg);
  --rb-calendar-cell-border-hover-color: var(--rb-color-split);
  --rb-calendar-cell-current-color: var(--rb-color-option-active);
  --rb-calendar-cell-current-bg-color: var(--rb-color-option-active-bg);
  --rb-calendar-cell-current-border-color: var(--rb-color-primary);
  --rb-calendar-cell-selected-color: var(--rb-color-option-active);
  --rb-calendar-cell-selected-bg-color: var(--rb-color-option-active-bg);
  --rb-calendar-cell-selected-border-color: #D3D4FA;
  /* --Card-- */
  --rb-card-bg-color: var(--rb-color-bg-container);
  --rb-card-border-color: var(--rb-color-split);
  --rb-card-header-title-font-color: var(--rb-color-text);
  --rb-card-group-bg-color: transparent;
  --rb-card-header-custom-btn-text-color: var(--rb-color-link);
  --rb-card-header-custom-btn-text-hover-color: var(--rb-color-link-hover);
  --rb-card-header-custom-btn-text-active-color: var(--rb-color-link-active);
  --rb-card-header-expand-icon-color: var(--rb-color-text);
  --rb-card-header-expand-icon-hover-color: var(--rb-color-text);
  --rb-card-header-expand-icon-active-color: var(--rb-color-text);
  --rb-card-group-inner-bg-color: transparent;
  /* --Carousel-- */
  --rb-carousel-bar-bg-color: rgba(119, 122, 242, 0.45);
  --rb-carousel-bar-hover-active-bg-color: var(--rb-color-primary);
  --rb-carousel-arrow-color: var(--rb-color-primary);
  --rb-carousel-arrow-bg-color: rgba(119, 122, 242, 0.07);
  --rb-carousel-arrow-border-color: rgba(119, 122, 242, 0.07);
  --rb-carousel-arrow-hover-color: #FFFFFF;
  --rb-carousel-arrow-hover-bg-color: var(--rb-color-primary);
  --rb-carousel-arrow-hover-border-color: var(--rb-color-primary);
  /* --Collapse-- */
  --rb-collapse-bg-color: var(--rb-color-bg-container);
  --rb-collapse-item-bg-color: var(--rb-color-bg-container);
  --rb-collapse-header-bg-color: var(--rb-color-bg-head);
  --rb-collapse-border-color: var(--rb-color-split);
  --rb-collapse-info-color: var(--rb-info-color);
  --rb-collapse-success-color: var(--rb-color-success);
  --rb-collapse-warning-color: var(--rb-color-warning);
  --rb-collapse-error-color: var(--rb-color-error);
  --rb-collapse-header-custom-btn-text-color: var(--rb-color-text);
  --rb-collapse-header-custom-btn-text-hover-color: var(--rb-color-primary);
  --rb-collapse-header-custom-btn-text-active-color: var(--rb-color-primary);
  /* --Highlight-- */
  --rb-highlight-color: #777AF2;
  --rb-highlight-hover-color: #39364E;
  --rb-highlight-active-color: #39364E;
  /* --PDF-- */
  --rb-pdf-bg-color: #514F64;
  --rb-pdf-toolbar-bg-color: #39364E;
  --rb-pdf-toolbar-color: #FFFFFF;
  --rb-pdf-toolbar-hover-color: #FFFFFF;
  --rb-pdf-toolbar-disabled-color: rgba(255, 255, 255, 0.4);
  --rb-pdf-operate-bg-color: transparent;
  --rb-pdf-operate-border-color: transparent;
  --rb-pdf-operate-bg-hover-color: rgba(255, 255, 255, 0.08);
  --rb-pdf-input-color: #FFFFFF;
  --rb-pdf-input-bg-color: #262434;
  --rb-pdf-input-border-color: var(--rb-pdf-input-bg-color);
  --rb-pdf-input-arrow-color: rgba(255, 255, 255, 0.4);
  --rb-pdf-select-down-bg-color: #262434;
  --rb-pdf-select-down-color: #FFFFFF;
  --rb-pdf-select-down-hover-color: #FFFFFF;
  --rb-pdf-select-down-bg-hover-color: rgba(255, 255, 255, 0.08);
  --rb-pdf-select-down-active-color: #FFFFFF;
  --rb-pdf-select-down-bg-active-color: rgba(255, 255, 255, 0.08);
  --rb-pdf-toolbar-split: rgba(255, 255, 255, 0.08);
  /* --Popover-- */
  --rb-popover-bg-color: var(--rb-color-bg-elevated);
  --rb-popover-header-bg-color: transparent;
  --rb-popover-confirm-icon-color: var(--rb-color-warning);
  /* --QRCode-- */
  --rb-qrcode-fill-color: var(--rb-color-text);
  --rb-qrcode-border-color: var(--rb-color-split);
  --rb-qrcode-bg-color: var(--rb-color-bg-container);
  --rb-qrcode-mask-bg-color: rgba(255, 255, 255, 0.96);
  --rb-qrcode-mask-font-color: var(--rb-color-text);
  /* --Records-- */
  --rb-records-bg-color: #FFFFFF;
  --rb-records-nickname-color: #425B76;
  --rb-records-date-color: var(--rb-color-text-auxiliary);
  --rb-records-time-color: #425B76;
  --rb-records-load-font-color: var(--rb-color-text-description);
  --rb-records-load-font-hover-color: var(--rb-color-primary);
  --rb-records-load-font-active-color: var(--rb-color-primary);
  --rb-records-msg-recipient-color: #425B76;
  --rb-records-msg-recipient-bg-color: #EAF0F6;
  --rb-records-msg-recipient-shadow-color: transparent;
  --rb-records-msg-sender-color: #FFFFFF;
  --rb-records-msg-sender-bg-color: #425B76;
  --rb-records-msg-sender-shadow-color: transparent;
  --rb-records-msg-icon-color: var(--rb-color-text-auxiliary);
  --rb-records-msg-icon-hover-color: var(--rb-color-text-auxiliary);
  --rb-records-msg-icon-active-color: var(--rb-color-text-auxiliary);
  --rb-records-msg-recipient-link-color: var(--rb-color-link);
  --rb-records-msg-recipient-link-hover-color: var(--rb-color-link-hover);
  --rb-records-msg-recipient-link-active-color: var(--rb-color-link-active);
  --rb-records-toolbar-split-color: rgba(255, 255, 255, 0.16);
  --rb-records-toolbar-icon-color: #FFFFFF;
  --rb-records-toolbar-icon-hover-color: #FFFFFF;
  --rb-records-toolbar-icon-active-color: #FFFFFF;
  --rb-records-msg-recipient-split: #CFD8E1;
  --rb-records-msg-recipient-btn-text-color: var(--rb-color-primary);
  --rb-records-msg-recipient-btn-text-hover-color: var(--rb-color-primary-hover);
  --rb-records-msg-recipient-btn-text-active-color: var(--rb-color-primary-active);
  --rb-records-msg-recipient-btn-color: #425B76;
  --rb-records-msg-recipient-btn-bg-color: #FFFFFF;
  --rb-records-msg-recipient-btn-border-color: #425B76;
  --rb-records-msg-recipient-btn-hover-color: #425B76;
  --rb-records-msg-recipient-btn-bg-hover-color: #F6F7F9;
  --rb-records-msg-recipient-btn-border-hover-color: #425B76;
  --rb-records-msg-recipient-btn-active-color: #425B76;
  --rb-records-msg-recipient-btn-bg-active-color: #F6F7F9;
  --rb-records-msg-recipient-btn-border-active-color: #425B76;
  --rb-records-msg-error-bg-color: var(--rb-color-error-bg);
  --rb-chat-header-bg-color: #425B76;
  --rb-chat-header-color: #FFFFFF;
  --rb-chat-header-btn-color: #FFFFFF;
  --rb-chat-header-btn-border-color: rgba(255, 255, 255, 0.32);
  --rb-chat-header-btn-hover-color: #FFFFFF;
  --rb-chat-header-btn-active-color: #FFFFFF;
  /* --InputBox-- */
  --rb-inputbox-doc-border-color: var(--rb-color-split);
  --rb-inputbox-doc-name-color: var(--rb-color-text);
  --rb-inputbox-doc-remove-icon-color: var(--rb-color-text-description);
  --rb-inputbox-doc-remove-icon-hover-color: var(--rb-color-text);
  --rb-inputbox-doc-remove-icon-active-color: var(--rb-color-text);
  --rb-inputbox-operation-color: var(--rb-color-text-description);
  --rb-inputbox-operation-hover-color: var(--rb-color-text);
  --rb-inputbox-operation-active-color: var(--rb-color-text);
  --rb-inputbox-split-color: var(--rb-color-split);
  /* --Table-- */
  --rb-table-color: var(--rb-color-text);
  --rb-table-thead-color: var(--rb-color-text-secondary);
  --rb-table-bg-color: var(--rb-color-bg-container);
  --rb-table-elevated-bg-color: var(--rb-table-bg-color);
  --rb-table-thead-bg-color: var(--rb-color-bg-head);
  --rb-table-elevated-thead-bg-color: var(--rb-table-thead-bg-color);
  --rb-table-thead-borderbottom-color: var(--rb-color-split);
  --rb-table-elevated-thead-borderbottom-color: var(--rb-table-thead-borderbottom-color);
  --rb-table-tbody-td-borderbottom-color: var(--rb-color-split);
  --rb-table-elevated-tbody-td-borderbottom-color: var(--rb-table-tbody-td-borderbottom-color);
  --rb-table-thead-stripe-bg-color: var(--rb-color-bg-container);
  --rb-table-thead-stripe-borderbottom-color: var(--rb-table-thead-borderbottom-color);
  --rb-table-odd-row-bg-color: var(--rb-color-bg-container);
  --rb-table-even-row-bg-color: var(--rb-color-bg-head);
  --rb-table-elevated-thead-stripe-borderbottom-color: var(--rb-table-thead-stripe-borderbottom-color);
  --rb-table-elevated-odd-row-bg-color: var(--rb-table-odd-row-bg-color);
  --rb-table-elevated-even-row-bg-color: var(--rb-table-even-row-bg-color);
  --rb-table-highlight-bg-color: var(--rb-color-option-hover-bg);
  --rb-table-tbody-tr-hover-bg-color: var(--rb-color-option-hover-bg);
  --rb-table-elevated-tbody-tr-hover-bg-color: var(--rb-table-tbody-tr-hover-bg-color);
  --rb-table-head-action-search-color: var(--rb-color-text-auxiliary);
  --rb-table-head-action-filter-color: var(--rb-color-text-auxiliary);
  --rb-table-head-action-sort-color: var(--rb-color-text-auxiliary);
  --rb-table-head-action-hover-color: var(--rb-color-text-description);
  --rb-table-head-action-active-color: var(--rb-color-primary);
  --rb-table-fixed-left-after-bs-color: var(--rb-box-shadow-color);
  --rb-table-fixed-right-after-bs-color: var(--rb-box-shadow-color);
  --rb-table-filter-list-bg-color: var(--rb-color-bg-elevated);
  --rb-table-tbody-tr-expanded-bg-color: var(--rb-color-bg-container);
  --rb-table-elevated-tbody-tr-expanded-bg-color: var(--rb-table-tbody-tr-expanded-bg-color);
  --rb-table-summary-bg-color: var(--rb-color-bg-container);
  --rb-table-no-record-color: var(--rb-color-text-description);
  /* --Tabs-- */
  --rb-tabs-bg-color: var(--rb-color-bg-container);
  --rb-tabs-elevated-bg-color: var(--rb-color-bg-container);
  --rb-tabs-fixed-bg-color: transparent;
  --rb-tabs-before-border-color: var(--rb-color-split);
  --rb-tabitem-title-active-hover-color: var(--rb-color-primary);
  --rb-tabitem-title-disabled-color: var(--rb-color-text-disabled);
  --rb-tabs-active-border-color: var(--rb-color-primary);
  --rb-tabs-border-color: var(--rb-color-split);
  --rb-tabs-badge-bg-color: var(--rb-color-bg-fill);
  --rb-tabs-badge-font-color: var(--rb-color-text);
  --rb-tabs-pills-border-color: var(--rb-color-border);
  --rb-tabs-pills-bg-color: var(--rb-color-bg-container);
  --rb-tabitem-active-hover-pills-color: var(--rb-color-primary);
  --rb-tabitem-active-pills-border-color: var(--rb-color-primary);
  --rb-tabitem-dropdown-title-hover-color: var(--rb-color-option-hover);
  --rb-tabitem-dropdown-title-hover-bg-color: var(--rb-color-option-hover-bg);
  --rb-tabitem-dropdown-title-active-color: var(--rb-color-option-active);
  --rb-tabitem-dropdown-title-active-bg-color: var(--rb-color-option-active-bg);
  --rb-tabs-card-item-bg-color: rgba(255, 255, 255, 0.64);
  --rb-tabs-card-active-hover-color: var(--rb-color-primary);
  --rb-tabs-card-border-color: var(--rb-color-split);
  --rb-tabs-card-border-bg-color: var(--rb-color-bg-head);
  --rb-tabs-card-active-bg-color: var(--rb-color-bg-container);
  --rb-tabs-card-active-border-bottom-color: var(--rb-color-bg-container);
  --rb-tabs-card-bg-color: transparent;
  --rb-tabs-header-custom-btn-text-color: var(--rb-color-text);
  --rb-tabs-header-custom-btn-text-hover-color: var(--rb-color-primary);
  --rb-tabs-header-custom-btn-text-active-color: var(--rb-color-primary);
  /* --Tag-- */
  --rb-tag-color: var(--rb-color-text);
  --rb-tag-border-color: var(--rb-color-split);
  --rb-tag-item-bg-color: var(--rb-color-bg-head);
  --rb-tag-hover-color: var(--rb-close-icon-hover-color);
  --rb-tag-item-dashed-bg-color: var(--rb-color-bg-container);
  --rb-tag-item-not-check-color: var(--rb-color-text);
  --rb-tag-item-not-check-bg-color: transparent;
  --rb-tag-item-not-check-border-color: transparent;
  --rb-tag-item-check-hover-color: var(--rb-color-primary);
  --rb-tag-item-check-hover-bg-color: var(--rb-color-option-active-bg);
  --rb-tag-item-check-hover-border-color: var(--rb-color-option-active-bg);
  --rb-tag-item-check-active-color: #FFFFFF;
  --rb-tag-item-check-active-bg-color: var(--rb-color-primary);
  --rb-tag-item-check-active-border-color: var(--rb-color-primary);
  --rb-tag-info-color: var(--rb-color-info);
  --rb-tag-info-border-color: var(--rb-color-info-border);
  --rb-tag-info-bg-color: var(--rb-color-info-bg);
  --rb-tag-success-color: var(--rb-color-success);
  --rb-tag-success-border-color: var(--rb-color-success-border);
  --rb-tag-success-bg-color: var(--rb-color-success-bg);
  --rb-tag-warning-color: var(--rb-color-warning);
  --rb-tag-warning-border-color: var(--rb-color-warning-border);
  --rb-tag-warning-bg-color: var(--rb-color-warning-bg);
  --rb-tag-error-color: var(--rb-color-error);
  --rb-tag-error-border-color: var(--rb-color-error-border);
  --rb-tag-error-bg-color: var(--rb-color-error-bg);
  --rb-tag-disabled-color: var(--rb-color-text-disabled);
  --rb-tag-disabled-border-color: var(--rb-tag-border-color);
  --rb-tag-disabled-bg-color: var(--rb-tag-item-bg-color);
  /* --Timeline-- */
  --rb-timeline-item-tail-color: var(--rb-color-bg-rail);
  --rb-timeline-item-head-color: var(--rb-color-primary);
  --rb-timeline-item-head-bg-color: var(--rb-color-bg-container);
  --rb-timeline-item-title-color: var(--rb-color-text);
  --rb-timeline-item-content-color: var(--rb-color-text-description);
  --rb-timeline-item-info: var(--rb-color-info);
  --rb-timeline-item-success: var(--rb-color-success);
  --rb-timeline-item-warning: var(--rb-color-warning);
  --rb-timeline-item-error: var(--rb-color-error);
  /* --Tooltip-- */
  --rb-tooltip-font-color: #FFFFFF;
  --rb-tooltip-bg-color: rgba(0, 0, 0, 0.88);
  --rb-tooltip-info-color: #FFFFFF;
  --rb-tooltip-info-bg-color: var(--rb-color-info);
  --rb-tooltip-success-color: #FFFFFF;
  --rb-tooltip-success-bg-color: var(--rb-color-success);
  --rb-tooltip-warning-color: #FFFFFF;
  --rb-tooltip-warning-bg-color: var(--rb-color-warning);
  --rb-tooltip-error-color: #FFFFFF;
  --rb-tooltip-error-bg-color: var(--rb-color-error);
  /* --Tree-- */
  --rb-tree-node-text-hover-bg-color: var(--rb-color-option-hover-bg);
  --rb-tree-node-text-hover-color: var(--rb-color-option-hover);
  --rb-tree-node-text-active-bg-color: transparent;
  --rb-tree-node-text-active-color: var(--rb-color-option-active);
  --rb-tree-node-disabled-color: var(--rb-color-text-disabled);
  --rb-tree-node-single-disabled-active-color: var(--rb-color-text-disabled);
  --rb-tree-node-single-disabled-active-bg-color: var(--rb-color-bg-disabled);
  --rb-tree-directory-node-hover-color: var(--rb-color-option-hover);
  --rb-tree-directory-node-hover-bg-color: var(--rb-color-option-hover-bg);
  --rb-tree-directory-node-active-color: var(--rb-color-option-active);
  --rb-tree-directory-node-active-bg-color: var(--rb-color-option-active-bg);
  --rb-tree-node-line-color: var(--rb-color-split);
  --rb-tree-node-high-light-color: var(--rb-color-text-highlight);
  --rb-tree-header-custom-btn-text-color: var(--rb-color-text-description);
  --rb-tree-header-custom-btn-text-hover-color: var(--rb-color-primary);
  --rb-tree-header-custom-btn-text-active-color: var(--rb-color-primary);
  /* --Alert-- */
  --rb-alert-font-color: var(--rb-color-text);
  --rb-alert-border-color: var(--rb-color-split);
  --rb-alert-info-icon-color: var(--rb-color-info);
  --rb-alert-info-bg-color: var(--rb-color-info-bg);
  --rb-alert-info-border-color: var(--rb-color-info-border);
  --rb-alert-success-icon-color: var(--rb-color-success);
  --rb-alert-success-bg-color: var(--rb-color-success-bg);
  --rb-alert-success-border-color: var(--rb-color-success-border);
  --rb-alert-warning-icon-color: var(--rb-color-warning);
  --rb-alert-warning-bg-color: var(--rb-color-warning-bg);
  --rb-alert-warning-border-color: var(--rb-color-warning-border);
  --rb-alert-danger-icon-color: var(--rb-color-error);
  --rb-alert-danger-bg-color: var(--rb-color-error-bg);
  --rb-alert-danger-border-color: var(--rb-color-error-border);
  /* --Dialog-- */
  --rb-dialog-mask-bg-color: var(--rb-color-bg-mask-dark);
  --rb-dialog-body-bg-color: var(--rb-color-bg-elevated);
  --rb-dialog-title-color: var(--rb-color-text);
  --rb-dialog-title-before-bg-color: var(--rb-title-prefix-gb-color);
  --rb-dialog-confirm-info-color: var(--rb-color-info);
  --rb-dialog-confirm-success-color: var(--rb-color-success);
  --rb-dialog-confirm-warning-color: var(--rb-color-warning);
  --rb-dialog-confirm-error-color: var(--rb-color-error);
  /* --Drawer-- */
  --rb-drawer-mask-bg-color: var(--rb-color-bg-mask-dark);
  --rb-drawer-content-bg-color: var(--rb-color-bg-elevated);
  --rb-drawer-title-before-bg-color: var(--rb-title-prefix-gb-color);
  --rb-drawer-title-color: var(--rb-color-text);
  --rb-drawer-footer-border-color: var(--rb-color-split);
  /* --Message-- */
  --rb-message-bg-color: var(--rb-color-bg-elevated);
  --rb-message-info-color: var(--rb-color-info);
  --rb-message-success-color: var(--rb-color-success);
  --rb-message-warning-color: var(--rb-color-warning);
  --rb-message-error-color: var(--rb-color-error);
  /* --Notification-- */
  --rb-notice-bg-color: var(--rb-color-bg-elevated);
  --rb-notice-icon-color: var(--rb-color-text);
  --rb-notice-header-title-color: var(--rb-color-text);
  --rb-notice-info-icon-color: var(--rb-color-info);
  --rb-notice-info-bg-color: var(--rb-color-info-bg);
  --rb-notice-info-border-color: var(--rb-color-info-border);
  --rb-notice-success-icon-color: var(--rb-color-success);
  --rb-notice-success-bg-color: var(--rb-color-success-bg);
  --rb-notice-success-border-color: var(--rb-color-success-border);
  --rb-notice-warning-icon-color: var(--rb-color-warning);
  --rb-notice-warning-bg-color: var(--rb-color-warning-bg);
  --rb-notice-warning-border-color: var(--rb-color-warning-border);
  --rb-notice-error-icon-color: var(--rb-color-error);
  --rb-notice-error-bg-color: var(--rb-color-error-bg);
  --rb-notice-error-border-color: var(--rb-color-error-border);
  /* --Popconfirm-- */
  --rb-popconfirm-bg-font-color: var(--rb-color-bg-elevated);
  /* --Progress-- */
  --rb-progress-text-color: var(--rb-color-text);
  --rb-progress-not-bg-color: var(--rb-color-bg-fill);
  --rb-progress-done-color: var(--rb-color-success);
  --rb-progress-default-bg-color: var(--rb-color-info);
  --rb-progress-info-color: var(--rb-color-info);
  --rb-progress-success-color: var(--rb-color-success);
  --rb-progress-warning-color: var(--rb-color-warning);
  --rb-progress-error-color: var(--rb-color-error);
  --rb-progress-circle-bg-color: transparent;
  --rb-progress-circle-segment-progress-color: var(--rb-color-info);
  --rb-progress-circle-segment-done-color: var(--rb-color-success);
  --rb-progress-default-color: var(--rb-color-info);
  /* --Skeleton-- */
  --rb-skeleton-bg-color: rgba(0, 0, 0, 0.04);
  --rb-skeleton-border-color: transparent;
  --rb-skeleton-bg-active-color: rgba(0, 0, 0, 0.08);
  /* --Spin-- */
  --rb-spin-default-color: var(--rb-color-primary);
  --rb-spin-info-color: var(--rb-color-info);
  --rb-spin-success-color: var(--rb-color-success);
  --rb-spin-warning-color: var(--rb-color-warning);
  --rb-spin-danger-color: var(--rb-color-error);
  --rb-full-loading-color: var(--rb-color-primary);
  --rb-full-loading-item-bg-color: transparent;
  --rb-full-loading-mask-bg-color: var(--rb-color-bg-mask-light);
  /* ---------------------------------------sideMenu---------------------------*/
  /* 侧边整个侧边菜单字体颜色 */
  --sidebar-menu-color: #445781;
  --sidebar-menu-icon-color: var(--sidebar-menu-color);
  --sidebar-menu-arrow-color: #B3BACB;
  /* SideNav 整个侧边菜单的背景色 */
  --sidebar-menu-bg-color: #FDFDFD;
  --sidebar-menu-box-shadow-color: #E7E7E7;
  /* ~~~~ 侧边第1层颜色样式------------------ */
  --sidebar-menu-level-one-bg-color: var(--sidebar-menu-bg-color);
  --sidebar-menu-level-one-expanded-color: var(--sidebar-menu-color);
  --sidebar-menu-level-one-expanded-icon-color: var(--sidebar-menu-icon-color);
  --sidebar-menu-level-one-expanded-bg-color: #F8F8FA;
  --sidebar-menu-level-one-expanded-before-color: var(--rb-color-primary);
  --sidebar-menu-level-one-hover-color: #334262;
  --sidebar-menu-level-one-hover-icon-color: var(--sidebar-menu-level-one-hover-color);
  --sidebar-menu-level-one-hover-bg-color: var(--sidebar-menu-level-one-expanded-bg-color);
  --sidebar-menu-level-one-selected-color: #777AF2;
  --sidebar-menu-level-one-selected-icon-color: var(--sidebar-menu-level-one-selected-color);
  --sidebar-menu-level-one-selected-bg-color: var(--sidebar-menu-level-one-expanded-bg-color);
  /* ~~~~ 侧边叶子节点颜色样式------------------ */
  --sidebar-menu-leaf-expanded-bg-color: #F3F3F5;
  --sidebar-menu-selected-bg-color: #9093F4;
  --sidebar-menu-selected-color: #FFFFFF;
  --sidebar-menu-divider-color: #E9EBF0;
  --sidebar-menu-new-tag-color: #F2545B;
  --sidebar-menu-new-tag-bg-color: #FFFFFF;
  --sidebar-menu-new-tag-border-color: var(--sidebar-menu-new-tag-color);
  /* ~~~~ 侧边第2层颜色样式------------------ */
  --sidebar-menu-level-two-color: #677799;
  --sidebar-menu-level-two-bg-color: transparent;
  --sidebar-menu-level-two-expanded-color: var(--rb-color-primary);
  --sidebar-menu-level-two-hover-color: var(--rb-color-primary);
  --sidebar-menu-level-two-hover-bg-color: #EAEBF8;
  /* ~~~~ 侧边第3层颜色样式------------------ */
  /* 暂时无用 */
  --sidebar-menu-level-three-bg-color: transparent;
  /* ~~~~ all menu------------------ */
  --all-menu-bg-color: #F8F8FA;
  --all-menu-color: #39364E;
  --all-menu-title-color: #7C7C7C;
  --all-menu-title-icon-color: #B3BACB;
  --all-menu-list-hover-bg-color: rgba(0, 0, 0, 0.02);
  --all-menu-item-hover-color: #777AF2;
  --all-menu-item-border-color: #E9EBF0;
  --all-menu-item-popup-bg-color: #FFFFFF;
  --all-menu-item-popup-border-color: #FFFFFF;
  --all-menu-star-collect-color: #F58220;
  --all-menu-star-color: #DFDFDF;
  /* ~~~~ all menu favorites------------------ */
  --all-menu-favorites-title-color: #39364E;
  --all-menu-favorites-count-color: #F58220;
  --all-menu-favorites-count-shadow-color: #F6E9DF;
  --all-menu-favorites-count-bg-color: #F6E9DF;
  /* ~~~~ all menu search------------------ */
  --all-menu-search-high-light-color: var(--rb-color-text-highlight);
  --all-menu-search-high-light-bg-color: var(--rb-color-bg-highlight);
  --all-menu-search-parent-color: var(--rb-color-text-auxiliary);
  --all-menu-search-arrow-color: var(--rb-color-text-auxiliary);
  --all-menu-search-color: var(--rb-color-text);
  --all-menu-search-hover-color: var(--rb-color-text);
  --all-menu-search-hover-bg-color: var(--rb-color-option-hover-bg);
  --all-menu-search-border-color: var(--rb-color-split);
  --all-menu-search-bg-color: var(--rb-color-bg-elevated);
  --all-menu-search-input-color: var(--rb-color-text);
  --all-menu-search-input-border-color: var(--rb-color-border);
  --all-menu-search-input-border-hover-color: var(--rb-color-border-hover-focus);
  --all-menu-search-input-border-focus-bs-color: rgba(117, 185, 240, 0.24);
  --all-menu-search-input-bg-color: #FFFFFF;
  --all-menu-search-input-icon-color: var(--rb-color-text-auxiliary);
  --all-menu-search-input-remove-icon-color: var(--rb-color-text-auxiliary);
  /* ---------------------------------------Header--------------------------- */
  --rb-header-bg-color: #FFFFFF;
  --rb-header-font-color: #39364E;
  --rb-header-spilt-color: #F0F0F0;
  --rb-header-bottom-border-color: #777AF2;
  --rb-header-breadcrumb-previous-font-color: #BFBFBF;
  --rb-header-breadcrumb-separator-color: #BFBFBF;
  --rb-header-breadcrumb-font-color: var(--rb-color-text);
  --rb-header-breadcrumb-icon-color: var(--rb-color-text);
  --rb-header-breadcrumb-icon-hover-color: var(--rb-color-primary);
  --rb-header-breadcrumb-icon-active-color: var(--rb-color-primary);
  --rb-header-font-hover-color: var(--rb-color-primary);
  --rb-header-font-active-color: var(--rb-color-primary);
  --rb-header-badge-color: #FFFFFF;
  --rb-header-badge-bg-color: #F58220;
  --rb-header-badge-border-color: #F58220;
  --rb-header-search-color: var(--rb-color-text);
  --rb-header-search-icon-color: var(--rb-color-text);
  --rb-header-search-icon-hover-color: var(--rb-color-primary);
  --rb-header-search-icon-active-color: var(--rb-color-primary);
  --rb-header-search-border-color: #CBD6E2;
  --rb-header-search-bg-color: #FFFFFF;
  --rb-header-search-fix-cion: var(--rb-color-text-auxiliary);
  --rb-header-search-input-placeholder-color: var(--rb-color-text-auxiliary);
  --rb-header-search-input-content-focus-border-color: var(--rb-header-search-border-color);
  --rb-header-search-input-content-focus-bs-color: transparent;
  /* 暂时无用 */
  --rb-header-search-rb-select-option-hover-color: transparent;
  --rb-header-search-rb-select-option-hover-bg-color: transparent;
  --rb-header-search-select-single-option-active-color: transparent;
  --rb-header-search-select-single-option-active-bg-color: transparent;
}

.rb-spin {
  flex-direction: column;
}
.rb-spin,
.rb-spin-body {
  align-items: center;
  display: inline-flex;
}
.rb-spin-body {
  justify-content: center;
  fill: var(--rb-spin-default-color) !important;
}
.rb-spin-body-info {
  fill: var(--rb-spin-info-color) !important;
}
.rb-spin-body-success {
  fill: var(--rb-spin-success-color) !important;
}
.rb-spin-body-warning {
  fill: var(--rb-spin-warning-color) !important;
}
.rb-spin-body-error {
  fill: var(--rb-spin-danger-color) !important;
}
.rb-full-loading-container {
  align-items: center;
  background-color: var(--rb-full-loading-mask-bg-color);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
}
.rb-full-loading {
  width: 40px;
  fill: var(--rb-full-loading-color);
}
.rb-full-loading-item {
  background-color: var(--rb-full-loading-item-bg-color);
  border-radius: 50%;
  height: 10px;
  width: 10px;
}
.rb-spin-tips {
  color: var(--rb-color-text);
  margin-top: 4px;
}
@keyframes loading {
  0% {
    opacity: 1;
    transform: rotate(0);
  }
  50% {
    opacity: 0.5;
    transform: rotate(180deg);
  }
  to {
    opacity: 1;
    transform: rotate(1turn);
  }
}
.rainbow {
  font-size: var(--rb-icon-default-font-size, 16px);
}
.rb-icon-state-success {
  color: var(--rb-icon-success-color);
}
.rb-icon-state-info {
  color: var(--rb-icon-info-color);
}
.rb-icon-state-warning {
  color: var(--rb-icon-warning-color);
}
.rb-icon-state-danger {
  color: var(--rb-icon-danger-color);
}
.rb-popup {
  border-radius: var(--rb-popup-border-radius, 4px);
  box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
  position: absolute;
}
.rb-popup .rb-table-thead {
  background-color: var(--rb-table-elevated-thead-bg-color);
}
.rb-popup .rb-table-thead tr > th {
  border-bottom-color: var(--rb-table-elevated-thead-borderbottom-color);
}
.rb-popup .rb-table-thead-stripe th {
  border-bottom-color: var(--rb-table-elevated-thead-stripe-borderbottom-color);
}
.rb-popup .rb-table-tbody .rb-table-row {
  background-color: var(--rb-table-elevated-bg-color);
}
.rb-popup .rb-table-tbody .rb-table-row td {
  border-bottom-color: var(--rb-table-elevated-tbody-td-borderbottom-color);
}
.rb-popup .rb-table-tbody .rb-table-expanded-row {
  background-color: var(--rb-table-elevated-tbody-tr-expanded-bg-color);
}
.rb-popup .rb-table-tbody .rb-table-odd-row {
  background-color: var(--rb-table-elevated-odd-row-bg-color);
}
.rb-popup .rb-table-tbody .rb-table-even-row {
  background-color: var(--rb-table-elevated-even-row-bg-color);
}
.rb-popup .rb-table-tbody tr:not(.rb-table-spin):not(.rb-table-expanded-row):hover {
  background-color: var(--rb-table-elevated-tbody-tr-hover-bg-color);
}
.rb-popup .rb-tabs-container,
.rb-popup .rb-tabs-nav-wapper:not(.rb-tabs-card) {
  background-color: var(--rb-tabs-elevated-bg-color);
}
.rb-popup-hide {
  display: none;
}
.rb-placement-arrow {
  position: absolute;
  width: 100%;
}
.rb-placement-arrow:after {
  border-style: solid;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
.rb-popup-top .rb-placement-arrow,
.rb-popup-topLeft .rb-placement-arrow,
.rb-popup-topRight .rb-placement-arrow {
  height: 4px;
  top: 100%;
  width: 100%;
}
.rb-popup-top .rb-placement-arrow:after,
.rb-popup-topLeft .rb-placement-arrow:after,
.rb-popup-topRight .rb-placement-arrow:after {
  border-color: var(--rb-placement-arrow-bg-color) transparent transparent transparent;
  border-width: 4px 4px 0;
}
.rb-popup-top .rb-placement-arrow:after {
  left: 50%;
  transform: translateX(-50%);
}
.rb-popup-topLeft .rb-placement-arrow:after {
  left: 12px;
}
.rb-popup-topRight .rb-placement-arrow:after {
  right: 12px;
}
.rb-popup-bottom .rb-placement-arrow,
.rb-popup-bottomLeft .rb-placement-arrow,
.rb-popup-bottomRight .rb-placement-arrow {
  height: 4px;
  top: -4px;
  width: 100%;
}
.rb-popup-bottom .rb-placement-arrow:after,
.rb-popup-bottomLeft .rb-placement-arrow:after,
.rb-popup-bottomRight .rb-placement-arrow:after {
  border-color: transparent transparent var(--rb-placement-arrow-bg-color) transparent;
  border-width: 0 4px 4px;
}
.rb-popup-bottom .rb-placement-arrow:after {
  left: 50%;
  transform: translateX(-50%);
}
.rb-popup-bottomLeft .rb-placement-arrow:after {
  left: 12px;
}
.rb-popup-bottomRight .rb-placement-arrow:after {
  right: 12px;
}
.rb-popup-left .rb-placement-arrow,
.rb-popup-leftBottom .rb-placement-arrow,
.rb-popup-leftTop .rb-placement-arrow {
  height: 100%;
  left: 100%;
  width: 4px;
}
.rb-popup-left .rb-placement-arrow:after,
.rb-popup-leftBottom .rb-placement-arrow:after,
.rb-popup-leftTop .rb-placement-arrow:after {
  border-color: transparent transparent transparent var(--rb-placement-arrow-bg-color);
  border-width: 4px 0 4px 4px;
}
.rb-popup-left .rb-placement-arrow:after {
  top: 50%;
  transform: translateY(-50%);
}
.rb-popup-leftTop .rb-placement-arrow:after {
  top: 12px;
}
.rb-popup-leftBottom .rb-placement-arrow:after {
  bottom: 12px;
}
.rb-popup-right .rb-placement-arrow,
.rb-popup-rightBottom .rb-placement-arrow,
.rb-popup-rightTop .rb-placement-arrow {
  height: 100%;
  left: -4px;
  width: 4px;
}
.rb-popup-right .rb-placement-arrow:after,
.rb-popup-rightBottom .rb-placement-arrow:after,
.rb-popup-rightTop .rb-placement-arrow:after {
  border-color: transparent var(--rb-placement-arrow-bg-color) transparent transparent;
  border-width: 4px 4px 4px 0;
}
.rb-popup-right .rb-placement-arrow:after {
  top: 50%;
  transform: translateY(-50%);
}
.rb-popup-rightTop .rb-placement-arrow:after {
  top: 12px;
}
.rb-popup-rightBottom .rb-placement-arrow:after {
  bottom: 12px;
}
.rb-tooltip.rb-tooltip-info .rb-tooltip-inner {
  background-color: var(--rb-tooltip-info-bg-color);
  color: var(--rb-tooltip-info-color);
}
.rb-tooltip.rb-tooltip-info .rb-placement-arrow {
  --rb-placement-arrow-bg-color: var(--rb-tooltip-info-bg-color);
}
.rb-tooltip.rb-tooltip-success .rb-tooltip-inner {
  background-color: var(--rb-tooltip-success-bg-color);
  color: var(--rb-tooltip-success-color);
}
.rb-tooltip.rb-tooltip-success .rb-placement-arrow {
  --rb-placement-arrow-bg-color: var(--rb-tooltip-success-bg-color);
}
.rb-tooltip.rb-tooltip-warning .rb-tooltip-inner {
  background-color: var(--rb-tooltip-warning-bg-color);
  color: var(--rb-tooltip-warning-color);
}
.rb-tooltip.rb-tooltip-warning .rb-placement-arrow {
  --rb-placement-arrow-bg-color: var(--rb-tooltip-warning-bg-color);
}
.rb-tooltip.rb-tooltip-error .rb-tooltip-inner {
  background-color: var(--rb-tooltip-error-bg-color);
  color: var(--rb-tooltip-error-color);
}
.rb-tooltip.rb-tooltip-error .rb-placement-arrow {
  --rb-placement-arrow-bg-color: var(--rb-tooltip-error-bg-color);
}
.rb-tooltip:hover {
  display: block;
}
.rb-tooltip .rb-placement-arrow {
  --rb-placement-arrow-bg-color: var(--rb-tooltip-bg-color);
}
.rb-tooltip-inner {
  background-color: var(--rb-tooltip-bg-color);
  border-radius: var(--rb-tooltip-border-radius, 4px);
  color: var(--rb-tooltip-font-color);
  max-width: var(--rb-tooltip-inner-max-width, 400px);
  padding: var(--rb-tooltip-padding, 8px 12px);
  word-break: break-all;
}
.rb-btn {
  align-items: center;
  border: 1px solid;
  border-radius: var(--rb-button-border-radius, 4px);
  cursor: pointer;
  display: inline-flex;
  height: var(--rb-button-height, 32px);
  justify-content: center;
  outline: none;
  padding: var(--rb-button-padding, 0 15px);
  width: fit-content;
}
.rb-btn.disabled {
  cursor: not-allowed;
}
.rb-btn:not(.disabled):focus-visible {
  outline: 4px solid var(--rb-tab-active-border-color, #39364e);
  outline-offset: 1px;
  z-index: 1;
}
.rb-btn:not(.rb-btn-type-text):not(.rb-btn-type-link):not(.rb-icon-btn) {
  min-width: 64px;
}
.rb-btn-without-padding {
  padding: 0;
}
.rb-btn-loading.rb-btn-type-primary {
  background-color: var(--rb-btn-primary-disabled-bg-color);
  border-color: var(--rb-btn-primary-disabled-border-color);
  color: var(--rb-btn-primary-disabled-color);
}
.rb-btn-loading.rb-btn-type-primary .rb-spinner .rb-spin-body-white {
  fill: var(--rb-btn-primary-loading-spinner-color) !important;
}
.rb-btn-loading.rb-btn-type-dashed,
.rb-btn-loading.rb-btn-type-default {
  background-color: var(--rb-btn-default-disabled-bg-color);
  border-color: var(--rb-btn-default-disabled-border-color);
  color: var(--rb-btn-default-disabled-color);
}
.rb-btn-loading.rb-btn-type-text {
  color: var(--rb-btn-text-disabled-color);
}
.rb-btn-loading.rb-btn-type-link {
  color: var(--rb-btn-link-disabled-color);
}
.rb-btn-loading:not(.rb-icon-btn) .rb-spinner {
  margin-right: var(--rb-button-prefix-margin-right, 8px);
}
.rb-btn-loading .rb-spinner .rb-spin-body-default,
.rb-btn-loading .rb-spinner .rb-spin-body-text,
.rb-btn-loading .rb-spinner .rb-spin-body-white {
  fill: var(--rb-btn-loading-spinner-color) !important;
}
.rb-btn-prefix {
  margin-right: var(--rb-button-prefix-margin-right, 8px);
}
.rb-btn-suffix {
  margin-left: var(--rb-button-suffix-margin-left, 8px);
}
.rb-btn-type-dashed,
.rb-btn-type-default {
  background-color: var(--rb-btn-default-bg-color);
  border-color: var(--rb-btn-default-border-color);
  color: var(--rb-btn-default-color);
}
.rb-btn-type-dashed.rb-ghost,
.rb-btn-type-default.rb-ghost {
  background-color: var(--rb-btn-default-ghost-bg-color);
  border-color: var(--rb-btn-default-ghost-border-color);
  color: var(--rb-btn-default-ghost-color);
}
.rb-btn-type-dashed.rb-ghost:not(.disabled):not(.rb-btn-loading):hover,
.rb-btn-type-default.rb-ghost:not(.disabled):not(.rb-btn-loading):hover {
  background-color: var(--rb-btn-default-ghost-hover-bg-color);
  border-color: var(--rb-btn-default-ghost-hover-border-color);
  color: var(--rb-btn-default-ghost-hover-color);
}
.rb-btn-type-dashed.rb-ghost:not(.disabled):not(.rb-btn-loading):active,
.rb-btn-type-default.rb-ghost:not(.disabled):not(.rb-btn-loading):active {
  background-color: var(--rb-btn-default-ghost-active-bg-color);
  border-color: var(--rb-btn-default-ghost-active-border-color);
  color: var(--rb-btn-default-ghost-active-color);
}
.rb-btn-type-dashed.rb-ghost.disabled,
.rb-btn-type-default.rb-ghost.disabled {
  background-color: var(--rb-btn-default-ghost-disabled-bg-color);
  border-color: var(--rb-btn-ghost-disabled-border-color);
  color: var(--rb-btn-ghost-disabled-color);
}
.rb-btn-type-dashed.disabled,
.rb-btn-type-default.disabled {
  background-color: var(--rb-btn-default-disabled-bg-color);
  border-color: var(--rb-btn-default-disabled-border-color);
  color: var(--rb-btn-default-disabled-color);
}
.rb-btn-type-dashed:not(.disabled):not(.rb-btn-loading):hover,
.rb-btn-type-default:not(.disabled):not(.rb-btn-loading):hover {
  background-color: var(--rb-btn-default-hover-bg-color);
  border-color: var(--rb-btn-default-hover-border-color);
  color: var(--rb-btn-default-hover-color);
}
.rb-btn-type-dashed:not(.disabled):not(.rb-btn-loading):active,
.rb-btn-type-default:not(.disabled):not(.rb-btn-loading):active {
  background-color: var(--rb-btn-default-active-bg-color);
  border-color: var(--rb-btn-default-active-border-color);
  color: var(--rb-btn-default-active-color);
}
.rb-btn-type-primary {
  background-color: var(--rb-btn-primary-bg-color);
  border-color: var(--rb-btn-primary-border-color);
  color: var(--rb-btn-primary-color);
}
.rb-btn-type-primary.rb-ghost {
  background-color: var(--rb-btn-primary-ghost-bg-color);
  border: 1px solid var(--rb-btn-primary-ghost-border-color);
  color: var(--rb-btn-primary-ghost-color);
}
.rb-btn-type-primary.rb-ghost.disabled {
  background-color: var(--rb-btn-primary-ghost-disabled-bg-color);
  border: 1px solid var(--rb-btn-ghost-disabled-border-color);
  color: var(--rb-btn-ghost-disabled-color);
}
.rb-btn-type-primary.rb-ghost:not(.disabled):not(.rb-btn-loading):hover {
  background-color: var(--rb-btn-primary-ghost-hover-bg-color);
  border-color: var(--rb-btn-primary-ghost-hover-border-color);
  color: var(--rb-btn-primary-ghost-hover-color);
}
.rb-btn-type-primary.rb-ghost:not(.disabled):not(.rb-btn-loading):active {
  background-color: var(--rb-btn-primary-ghost-active-bg-color);
  border-color: var(--rb-btn-primary-ghost-active-border-color);
  color: var(--rb-btn-primary-ghost-active-color);
}
.rb-btn-type-primary.disabled {
  background-color: var(--rb-btn-primary-disabled-bg-color);
  border-color: var(--rb-btn-primary-disabled-border-color);
  color: var(--rb-btn-primary-disabled-color);
}
.rb-btn-type-primary:not(.disabled):not(.rb-btn-loading):hover {
  background-color: var(--rb-btn-primary-hover-bg-color);
  border-color: var(--rb-btn-primary-hover-border-color);
  color: var(--rb-btn-primary-hover-color);
}
.rb-btn-type-primary:not(.disabled):not(.rb-btn-loading):active {
  background-color: var(--rb-btn-primary-active-bg-color);
  border-color: var(--rb-btn-primary-active-border-color);
  color: var(--rb-btn-primary-active-color);
}
.rb-btn-type-dashed {
  border-style: dashed;
}
.rb-btn-type-text {
  background-color: transparent!important;
  border: transparent;
  color: var(--rb-btn-text-color);
  height: 22px;
  padding: 0;
}
.rb-btn-type-text.rb-ghost {
  color: var(--rb-btn-text-ghost-color);
}
.rb-btn-type-text.rb-ghost:not(.disabled):not(.rb-btn-loading):hover {
  color: var(--rb-btn-text-ghost-hover-color);
}
.rb-btn-type-text.rb-ghost:not(.disabled):not(.rb-btn-loading):active {
  color: var(--rb-btn-text-ghost-active-color);
}
.rb-btn-type-text.disabled {
  color: var(--rb-btn-text-disabled-color);
}
.rb-btn-type-text:not(.disabled):not(.rb-btn-loading):hover {
  color: var(--rb-btn-text-hover-color);
}
.rb-btn-type-text:not(.disabled):not(.rb-btn-loading):active {
  color: var(--rb-btn-text-active-color);
}
.rb-btn-type-link {
  background-color: transparent!important;
  border: transparent;
  color: var(--rb-btn-link-color);
  height: 22px;
  padding: 0;
}
.rb-btn-type-link.rb-ghost {
  color: var(--rb-btn-link-ghost-color);
}
.rb-btn-type-link.rb-ghost:not(.disabled):not(.rb-btn-loading):hover {
  color: var(--rb-btn-link-ghost-hover-color);
}
.rb-btn-type-link.rb-ghost:not(.disabled):not(.rb-btn-loading):active {
  color: var(--rb-btn-link-ghost-active-color);
}
.rb-btn-type-link.disabled,
.rb-btn-type-link.disabled .Link:before {
  color: var(--rb-btn-link-disabled-color);
}
.rb-btn-type-link:not(.disabled):not(.rb-btn-loading):hover {
  color: var(--rb-btn-link-hover-color);
}
.rb-btn-type-link:not(.disabled):not(.rb-btn-loading):active {
  color: var(--rb-btn-link-active-color);
}
.rb-icon-btn:not(.rb-btn-type-link):not(.rb-btn-type-text) {
  padding: 0;
  width: var(--rb-btn-icon-width, 32px);
}
.rb-ghost {
  background-color: transparent;
}
.rb-btn-state-info {
  background-color: var(--rb-btn-info-bg-color);
  border-color: var(--rb-btn-info-border-color);
  color: var(--rb-btn-info-color);
}
.rb-btn-state-info:not(.rb-btn-type-primary):not(.disabled):not(.rb-btn-loading) {
  background-color: var(--rb-btn-info-not-primary-bg-color);
  color: var(--rb-btn-info-not-primary-color);
}
.rb-btn-state-info:not(.disabled):not(.rb-btn-loading):hover {
  background-color: var(--rb-btn-info-hover-bg-color);
  border-color: var(--rb-btn-info-hover-border-color);
  color: var(--rb-btn-info-hover-color);
}
.rb-btn-state-info:not(.disabled):not(.rb-btn-loading):hover:not(.rb-btn-type-primary) {
  background-color: var(--rb-btn-info-not-primary-hover-bg-color);
  color: var(--rb-btn-info-not-primary-hover-color);
}
.rb-btn-state-info:not(.disabled):not(.rb-btn-loading):active {
  background-color: var(--rb-btn-info-active-bg-color);
  border-color: var(--rb-btn-info-active-border-color);
  color: var(--rb-btn-info-active-color);
}
.rb-btn-state-info:not(.disabled):not(.rb-btn-loading):active:not(.rb-btn-type-primary) {
  background-color: var(--rb-btn-info-not-primary-active-bg-color);
  color: var(--rb-btn-info-not-primary-active-color);
}
.rb-btn-state-info.rb-ghost:not(.disabled):not(.rb-btn-loading) {
  background-color: var(--rb-btn-info-ghost-bg-color);
  border-color: var(--rb-btn-info-ghost-border-color);
  color: var(--rb-btn-info-ghost-color);
}
.rb-btn-state-info.rb-ghost:not(.disabled):not(.rb-btn-loading):not(.disabled):not(.rb-btn-loading):hover {
  background-color: var(--rb-btn-info-ghost-hover-bg-color);
  border-color: var(--rb-btn-info-ghost-hover-border-color);
  color: var(--rb-btn-info-ghost-hover-color);
}
.rb-btn-state-info.rb-ghost:not(.disabled):not(.rb-btn-loading):not(.disabled):not(.rb-btn-loading):active {
  background-color: var(--rb-btn-info-ghost-active-bg-color);
  border-color: var(--rb-btn-info-ghost-active-border-color);
  color: var(--rb-btn-info-ghost-active-color);
}
.rb-btn-state-success {
  background-color: var(--rb-btn-success-bg-color);
  border-color: var(--rb-btn-success-border-color);
  color: var(--rb-btn-success-color);
}
.rb-btn-state-success:not(.rb-btn-type-primary):not(.disabled):not(.rb-btn-loading) {
  background-color: var(--rb-btn-success-not-primary-bg-color);
  color: var(--rb-btn-success-not-primary-color);
}
.rb-btn-state-success:not(.disabled):not(.rb-btn-loading):hover {
  background-color: var(--rb-btn-success-hover-bg-color);
  border-color: var(--rb-btn-success-hover-border-color);
  color: var(--rb-btn-success-hover-color);
}
.rb-btn-state-success:not(.disabled):not(.rb-btn-loading):hover:not(.rb-btn-type-primary) {
  background-color: var(--rb-btn-success-not-primary-hover-bg-color);
  color: var(--rb-btn-success-not-primary-hover-color);
}
.rb-btn-state-success:not(.disabled):not(.rb-btn-loading):active {
  background-color: var(--rb-btn-success-active-bg-color);
  border-color: var(--rb-btn-success-active-border-color);
  color: var(--rb-btn-success-active-color);
}
.rb-btn-state-success:not(.disabled):not(.rb-btn-loading):active:not(.rb-btn-type-primary) {
  background-color: var(--rb-btn-success-not-primary-active-bg-color);
  color: var(--rb-btn-success-not-primary-active-color);
}
.rb-btn-state-success.rb-ghost:not(.disabled):not(.rb-btn-loading) {
  background-color: var(--rb-btn-success-ghost-bg-color);
  border-color: var(--rb-btn-success-ghost-border-color);
  color: var(--rb-btn-success-ghost-color);
}
.rb-btn-state-success.rb-ghost:not(.disabled):not(.rb-btn-loading):not(.disabled):not(.rb-btn-loading):hover {
  background-color: var(--rb-btn-success-ghost-hover-bg-color);
  border-color: var(--rb-btn-success-ghost-hover-border-color);
  color: var(--rb-btn-success-ghost-hover-color);
}
.rb-btn-state-success.rb-ghost:not(.disabled):not(.rb-btn-loading):not(.disabled):not(.rb-btn-loading):active {
  background-color: var(--rb-btn-success-ghost-active-bg-color);
  border-color: var(--rb-btn-success-ghost-active-border-color);
  color: var(--rb-btn-success-ghost-active-color);
}
.rb-btn-state-warning {
  background-color: var(--rb-btn-warning-bg-color);
  border-color: var(--rb-btn-warning-border-color);
  color: var(--rb-btn-warning-color);
}
.rb-btn-state-warning:not(.rb-btn-type-primary):not(.disabled):not(.rb-btn-loading) {
  background-color: var(--rb-btn-warning-not-primary-bg-color);
  color: var(--rb-btn-warning-not-primary-color);
}
.rb-btn-state-warning:not(.disabled):not(.rb-btn-loading):hover {
  background-color: var(--rb-btn-warning-hover-bg-color);
  border-color: var(--rb-btn-warning-hover-border-color);
  color: var(--rb-btn-warning-hover-color);
}
.rb-btn-state-warning:not(.disabled):not(.rb-btn-loading):hover:not(.rb-btn-type-primary) {
  background-color: var(--rb-btn-warning-not-primary-hover-bg-color);
  color: var(--rb-btn-warning-not-primary-hover-color);
}
.rb-btn-state-warning:not(.disabled):not(.rb-btn-loading):active {
  background-color: var(--rb-btn-warning-active-bg-color);
  border-color: var(--rb-btn-warning-active-border-color);
  color: var(--rb-btn-warning-active-color);
}
.rb-btn-state-warning:not(.disabled):not(.rb-btn-loading):active:not(.rb-btn-type-primary) {
  background-color: var(--rb-btn-warning-not-primary-active-bg-color);
  color: var(--rb-btn-warning-not-primary-active-color);
}
.rb-btn-state-warning.rb-ghost:not(.disabled):not(.rb-btn-loading) {
  background-color: var(--rb-btn-warning-ghost-bg-color);
  border-color: var(--rb-btn-warning-ghost-border-color);
  color: var(--rb-btn-warning-ghost-color);
}
.rb-btn-state-warning.rb-ghost:not(.disabled):not(.rb-btn-loading):not(.disabled):not(.rb-btn-loading):hover {
  background-color: var(--rb-btn-warning-ghost-hover-bg-color);
  border-color: var(--rb-btn-warning-ghost-hover-border-color);
  color: var(--rb-btn-warning-ghost-hover-color);
}
.rb-btn-state-warning.rb-ghost:not(.disabled):not(.rb-btn-loading):not(.disabled):not(.rb-btn-loading):active {
  background-color: var(--rb-btn-warning-ghost-active-bg-color);
  border-color: var(--rb-btn-warning-ghost-active-border-color);
  color: var(--rb-btn-warning-ghost-active-color);
}
.rb-btn-state-danger {
  background-color: var(--rb-btn-danger-bg-color);
  border-color: var(--rb-btn-danger-border-color);
  color: var(--rb-btn-danger-color);
}
.rb-btn-state-danger:not(.rb-btn-type-primary):not(.disabled):not(.rb-btn-loading) {
  background-color: var(--rb-btn-danger-not-primary-bg-color);
  color: var(--rb-btn-danger-not-primary-color);
}
.rb-btn-state-danger:not(.disabled):not(.rb-btn-loading):hover {
  background-color: var(--rb-btn-danger-hover-bg-color);
  border-color: var(--rb-btn-danger-hover-border-color);
  color: var(--rb-btn-danger-hover-color);
}
.rb-btn-state-danger:not(.disabled):not(.rb-btn-loading):hover:not(.rb-btn-type-primary) {
  background-color: var(--rb-btn-danger-not-primary-hover-bg-color);
  color: var(--rb-btn-danger-not-primary-hover-color);
}
.rb-btn-state-danger:not(.disabled):not(.rb-btn-loading):active {
  background-color: var(--rb-btn-danger-active-bg-color);
  border-color: var(--rb-btn-danger-active-border-color);
  color: var(--rb-btn-danger-active-color);
}
.rb-btn-state-danger:not(.disabled):not(.rb-btn-loading):active:not(.rb-btn-type-primary) {
  background-color: var(--rb-btn-danger-not-primary-active-bg-color);
  color: var(--rb-btn-danger-not-primary-active-color);
}
.rb-btn-state-danger.rb-ghost:not(.disabled):not(.rb-btn-loading) {
  background-color: var(--rb-btn-danger-ghost-bg-color);
  border-color: var(--rb-btn-danger-ghost-border-color);
  color: var(--rb-btn-danger-ghost-color);
}
.rb-btn-state-danger.rb-ghost:not(.disabled):not(.rb-btn-loading):not(.disabled):not(.rb-btn-loading):hover {
  background-color: var(--rb-btn-danger-ghost-hover-bg-color);
  border-color: var(--rb-btn-danger-ghost-hover-border-color);
  color: var(--rb-btn-danger-ghost-hover-color);
}
.rb-btn-state-danger.rb-ghost:not(.disabled):not(.rb-btn-loading):not(.disabled):not(.rb-btn-loading):active {
  background-color: var(--rb-btn-danger-ghost-active-bg-color);
  border-color: var(--rb-btn-danger-ghost-active-border-color);
  color: var(--rb-btn-danger-ghost-active-color);
}
.rb-btn-small {
  border-radius: 3px;
  font-size: 12px;
  height: var(--rb-btn-small-height, 24px);
  padding: var(--rb-btn-small-padding, 0 7px);
}
.rb-btn-shape-circle {
  align-items: center;
  border-radius: var(--rb-button-circle-height, 32px);
  display: inline-flex;
  height: var(--rb-button-circle-height, 32px);
  justify-content: center;
  width: var(--rb-button-circle-height, 32px);
}
.rb-button-text {
  font-size: var(--rb-btn-font-size, 14px);
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rb-button-group {
  align-items: center;
  display: inline-flex;
  position: relative;
}
.rb-button-group.has-gap {
  display: flex;
}
.rb-button-group:not(.has-gap) > .rb-btn {
  border-radius: 0;
  margin-left: -1px;
  position: relative;
}
.rb-button-group:not(.has-gap) > .rb-btn:first-child {
  border-bottom-left-radius: var(--rb-button-border-radius, 4px);
  border-top-left-radius: var(--rb-button-border-radius, 4px);
  margin-left: 0;
}
.rb-button-group:not(.has-gap) > .rb-btn:last-child {
  border-bottom-right-radius: var(--rb-button-border-radius, 4px);
  border-top-right-radius: var(--rb-button-border-radius, 4px);
}
.rb-button-group:not(.has-gap) > .rb-btn:hover {
  z-index: 2;
}
.rb-space {
  display: flex;
  justify-content: var(--rb-space-justify-content);
}
.rb-space.rb-space-wrap {
  flex-wrap: wrap;
}
.rb-space-vertical {
  align-items: flex-start;
  flex-direction: column;
}
.rb-space-compact {
  align-items: flex-end;
}
.rb-space-compact-first-item {
  margin-inline-end: -1px;
}
.rb-space-compact-first-item .rb-input-wrapper,
.rb-space-compact-first-item .rb-tags,
.rb-space-compact-first-item.rb-btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.rb-space-compact-first-item .rb-input-wrapper-active,
.rb-space-compact-first-item .rb-input-wrapper-hover {
  position: relative;
  z-index: 1;
}
.rb-space-compact-middle-item {
  margin-inline-end: -1px;
}
.rb-space-compact-middle-item .rb-input-wrapper,
.rb-space-compact-middle-item .rb-tags,
.rb-space-compact-middle-item.rb-btn {
  border-radius: 0;
}
.rb-space-compact-middle-item .rb-input-wrapper-active,
.rb-space-compact-middle-item .rb-input-wrapper-hover {
  position: relative;
  z-index: 1;
}
.rb-space-compact-last-item .rb-input-wrapper,
.rb-space-compact-last-item .rb-tags,
.rb-space-compact-last-item.rb-btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.rb-dialog {
  position: fixed;
}
.rb-dialog.rb-dialog-show {
  animation: dialog-show 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.rb-dialog.rb-dialog-hide {
  animation: dialog-hide 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: none;
}
.rb-dialog.rb-dialog-with-mask,
.rb-dialog.rb-dialog-with-nomask {
  height: 100vh;
  left: 0;
  top: 0;
  width: 100vw;
}
.rb-dialog.rb-dialog-with-nomask {
  pointer-events: none;
}
.rb-dialog.rb-dialog-with-drag .rb-dialog-body {
  cursor: move;
  user-select: none;
}
.rb-dialog .rb-dialog-mask {
  background-color: var(--rb-dialog-mask-bg-color);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.rb-dialog .rb-dialog-wrapper {
  inset: 0;
  bottom: 0;
  left: 0;
  outline: 0;
  overflow: hidden;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
}
.rb-dialog.rb-dialog-with-darg-nolimit .rb-dialog-wrapper {
  overflow: hidden;
}
.rb-dialog .rb-dialog-body {
  background-color: var(--rb-dialog-body-bg-color);
  border-radius: var(--rb-dialog-body-border-radius, 4px);
  box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
  color: var(--rb-color-text);
  display: flex;
  margin: 0 auto;
  min-width: var(--rb-dialog-body-min-width, 400px);
  padding: var(--rb-dialog-body-padding, 20px 24px);
  pointer-events: auto;
  position: relative;
}
.rb-dialog .rb-dialog-body > .rb-dialog-close {
  cursor: pointer;
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 1;
}
.rb-dialog .rb-dialog-body-content {
  cursor: auto;
  flex: auto;
  position: relative;
  width: 100%;
}
.rb-dialog .rb-dialog-body-content .rb-dialog-no-title {
  height: 20px;
}
.rb-dialog .rb-dialog-content {
  padding: var(--rb-dialog-content-padding, 4px 0);
}
.rb-dialog .rb-dialog-footer {
  margin-top: 16px;
}
.rb-dialog-title {
  color: var(--rb-dialog-title-color);
  font-size: var(--rb-dialog-title-font-size, 16px);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 8px;
  position: relative;
  width: calc(100% - 24px);
}
.rb-dialog-title.rb-dialog-no-mode {
  padding-left: 12px;
}
.rb-dialog-title.rb-dialog-no-mode:before {
  background-color: var(--rb-dialog-title-before-bg-color);
  border-radius: 1px;
  content: "";
  height: 16px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
}
.rb-dialog-size-default .rb-dialog-body {
  margin-bottom: 20px;
  margin-top: var(--rb-dialog-body-default-top, 88px);
  width: var(--rb-dialog-body-default-width, 80%);
}
.rb-dialog-size-small .rb-dialog-body {
  margin-bottom: 20px;
  margin-top: var(--rb-dialog-body-small-top, 16%);
  width: var(--rb-dialog-body-small-width, 400px);
}
.rb-dialog-size-large .rb-dialog-body {
  margin-bottom: 20px;
  margin-top: var(--rb-dialog-body-large-top, 64px);
  width: var(--rb-dialog-body-large-width, 96%);
}
.rb-dialog-size-fullscreen .rb-dialog-body {
  border-radius: 0;
  margin: 0!important;
  width: 100%;
}
.rb-dialog-confirm .rb-dialog-header-prefix.prefix-small {
  font-size: 16px;
  margin-right: 8px;
  padding-top: 7px;
}
.rb-dialog-confirm .rb-dialog-icon-no-title .rb-dialog-header-prefix.prefix-small {
  padding-top: 27px;
}
.rb-dialog-confirm .rb-dialog-header-prefix:not(.prefix-small) {
  font-size: 24px;
  margin-right: 12px;
}
.rb-dialog-confirm-success .rb-dialog-header-prefix {
  color: var(--rb-dialog-confirm-success-color);
}
.rb-dialog-confirm-info .rb-dialog-header-prefix {
  color: var(--rb-dialog-confirm-info-color);
}
.rb-dialog-confirm-error .rb-dialog-header-prefix {
  color: var(--rb-dialog-confirm-error-color);
}
.rb-dialog-confirm-warning .rb-dialog-header-prefix {
  color: var(--rb-dialog-confirm-warning-color);
}
@keyframes dialog-show {
  0% {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
@keyframes dialog-hide {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.rb-notice-container {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: 96vh;
  overflow-y: auto;
  padding: 24px;
  pointer-events: none;
  position: fixed;
  top: 24px;
  z-index: 1000;
}
.rb-notice-container::-webkit-scrollbar {
  display: none;
}
.rb-notice-container .rb-notice {
  background-color: var(--rb-notice-info-bg-color);
  border: 1px solid var(--rb-notice-info-border-color);
  border-radius: var(--rb-notice-border-radius, 4px);
  box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
  color: var(--rb-color-text);
  display: flex;
  max-height: calc(100vh - 48px);
  max-width: var(--rb-notice-max-width, calc(100vw - 48px));
  padding: var(--rb-notice-padding, 19px 23px);
  pointer-events: auto;
  position: relative;
  width: 320px;
}
.rb-notice-container .rb-notice .rb-notice-icon {
  color: var(--rb-notice-icon-color);
  font-size: var(--rb-notice-icon-font-size, 24px);
  margin-right: var(--rb-notice-icon-margin-right, 8px);
  padding-right: 4px;
}
.rb-notice-container .rb-notice.rb-notice-info {
  background-color: var(--rb-notice-info-bg-color);
  border: 1px solid var(--rb-notice-info-border-color);
}
.rb-notice-container .rb-notice.rb-notice-info .rb-notice-icon {
  color: var(--rb-notice-info-icon-color);
}
.rb-notice-container .rb-notice.rb-notice-info .countdown {
  background-color: var(--rb-notice-info-icon-color);
}
.rb-notice-container .rb-notice.rb-notice-success {
  background-color: var(--rb-notice-success-bg-color);
  border: 1px solid var(--rb-notice-success-border-color);
}
.rb-notice-container .rb-notice.rb-notice-success .rb-notice-icon {
  color: var(--rb-notice-success-icon-color);
}
.rb-notice-container .rb-notice.rb-notice-success .countdown {
  background-color: var(--rb-notice-success-icon-color);
}
.rb-notice-container .rb-notice.rb-notice-warning {
  background-color: var(--rb-notice-warning-bg-color);
  border: 1px solid var(--rb-notice-warning-border-color);
}
.rb-notice-container .rb-notice.rb-notice-warning .rb-notice-icon {
  color: var(--rb-notice-warning-icon-color);
}
.rb-notice-container .rb-notice.rb-notice-warning .countdown {
  background-color: var(--rb-notice-warning-icon-color);
}
.rb-notice-container .rb-notice.rb-notice-error {
  background-color: var(--rb-notice-error-bg-color);
  border: 1px solid var(--rb-notice-error-border-color);
}
.rb-notice-container .rb-notice.rb-notice-error .rb-notice-icon {
  color: var(--rb-notice-error-icon-color);
}
.rb-notice-container .rb-notice.rb-notice-error .countdown {
  background-color: var(--rb-notice-error-icon-color);
}
.rb-notice-container .rb-notice .countdown {
  background-color: var(--rb-primary1-colo);
  border-radius: 4px;
  bottom: 0;
  height: 2px;
  left: 0;
  position: absolute;
  transition: width 0.1s ease-out;
  width: 100%;
  will-change: width;
}
.rb-notice-container .rb-close {
  position: absolute;
  right: 23px;
  top: 23px;
}
.rb-notice-container .rb-notice-small-icon {
  margin-top: 3px;
}
.rb-notice-container .rb-notice-small-icon .rb-notice-icon {
  font-size: 16px;
  padding: 0;
}
.rb-notice-container .rb-notice-content-container {
  padding-right: var(--rb-notice-content-padding-right, 24px);
  width: 100%;
}
.rb-notice-container .rb-notice-header {
  align-items: center;
  display: flex;
  height: var(--rb-notice-header-height, 24px);
  justify-content: flex-start;
  margin-bottom: var(--rb-notice-header-margin-bottom, 8px);
}
.rb-notice-container .rb-notice-header .rb-notice-header-title {
  color: var(--rb-notice-header-title-color);
  font-size: var(--rb-notice-header-font-size, 16px);
  font-weight: 500;
  line-height: 24px;
}
.rb-notice-container .rb-notice-content {
  word-wrap: break-word;
  max-height: var(--rb-notice-content-max-height, calc(100vh - 118px));
  overflow-y: auto;
}
.rb-notice-container .rb-notice-content::-webkit-scrollbar {
  display: none;
}
.rb-notice-top {
  left: 50%;
  top: 24px;
  transform: translateX(-50%);
}
.rb-notice-topRight {
  right: 0;
  top: 0;
}
.rb-notice-topLeft {
  left: 24px;
  top: 24px;
}
.rb-notice-bottomRight {
  bottom: 24px;
  right: 24px;
}
.rb-notice-bottomLeft {
  bottom: 24px;
  left: 24px;
}
.rb-notice-bottomLeft,
.rb-notice-bottomRight {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.rb-lrbox {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  line-height: 1;
  position: relative;
}
.rb-lrbox:not(:empty):not(.rb-lrbox-onlyfloat) {
  height: 100%;
}
.rb-lrbox-node-float {
  position: absolute;
  z-index: 1;
}
.rb-lrbox-node {
  background-color: inherit;
  line-height: 1;
  white-space: nowrap;
}
.rb-lrbox-node-float {
  display: none;
}
.rb-lrbox-position-right {
  margin-left: 4px;
}
.rb-lrbox-position-left {
  margin-right: 4px;
}
.rb-lrbox-mode-toggle.rb-lrbox-visible .rb-lrbox-node-fixed {
  visibility: hidden;
}
.rb-lrbox-mode-singletoggle {
  width: 16px;
}
.rb-lrbox-mode-together .rb-lrbox-node__left.rb-lrbox-node-float {
  left: -4px;
  transform: translateX(-100%);
}
.rb-lrbox-mode-together .rb-lrbox-node__right.rb-lrbox-node-float {
  right: -4px;
  transform: translateX(100%);
}
.rb-lrbox-visible .rb-lrbox-node-float {
  display: block;
}
.rb-progress-outer {
  align-items: center;
  display: inline-flex;
  height: 32px;
  overflow: hidden;
  width: 100%;
}
.rb-progress-outer .rb-progress-inner {
  background-color: var(--rb-progress-not-bg-color);
  border-radius: 4px;
  position: relative;
  width: 100%;
}
.rb-progress-text {
  color: var(--rb-progress-text-color);
  font-size: 14px;
  line-height: 22px;
  margin-left: 8px;
  width: 48px;
}
.rb-progress-text .rainbow {
  line-height: 22px;
  vertical-align: bottom;
}
.rb-progress-bg {
  background-color: var(--rb-progress-default-bg-color);
  border-radius: 4px;
  height: 100%;
  transition: width 0.3s linear;
}
.rb-progress-steps {
  align-items: center;
  display: inline-flex;
  gap: 4px;
  height: 32px;
  justify-content: space-between;
  width: 100%;
}
.rb-progress-steps .rb-progress-text {
  margin-left: 4px;
}
.rb-progress-step {
  background-color: var(--rb-progress-not-bg-color);
  min-width: 20px;
  width: 100%;
}
.rb-progress-step-active {
  background-color: var(--rb-progress-default-bg-color);
}
.rb-progress-circle {
  background-color: var(--rb-progress-circle-bg-color);
  display: inline-block;
  position: relative;
  vertical-align: bottom;
}
.rb-progress-circle circle {
  stroke-linecap: round;
}
.rb-progress-circle .rb-progress-text {
  font-size: 16px;
  left: 50%;
  line-height: 24px;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}
.rb-progress-circle-trail {
  stroke: var(--rb-progress-not-bg-color);
}
.rb-progress-circle-path {
  stroke: var(--rb-progress-circle-segment-progress-color);
}
.rb-progress-circle-segment-path2 {
  opacity: 0;
}
.rb-progress-circle-segment-path2.rb-progress-circle-segment-done {
  opacity: 1;
  stroke: var(--rb-progress-circle-segment-done-color);
}
.rb-progress-info .rb-progress-text {
  color: var(--rb-progress-info-color);
}
.rb-progress-info .rb-progress-bg {
  background-color: var(--rb-progress-info-color);
}
.rb-progress-info .rb-progress-circle-path {
  stroke: var(--rb-progress-info-color);
}
.rb-progress-info .rb-progress-step-active {
  background-color: var(--rb-progress-info-color);
}
.rb-progress-info .rb-progress-success-icon {
  color: var(--rb-progress-info-color);
}
.rb-progress-info .rb-progress-success-icon.circle {
  font-size: 40px;
}
.rb-progress-success .rb-progress-text {
  color: var(--rb-progress-success-color);
}
.rb-progress-success .rb-progress-bg {
  background-color: var(--rb-progress-success-color);
}
.rb-progress-success .rb-progress-circle-path {
  stroke: var(--rb-progress-success-color);
}
.rb-progress-success .rb-progress-step-active {
  background-color: var(--rb-progress-success-color);
}
.rb-progress-success .rb-progress-success-icon {
  color: var(--rb-progress-success-color);
}
.rb-progress-success .rb-progress-success-icon.circle {
  font-size: 40px;
}
.rb-progress-done-bg {
  background-color: var(--rb-progress-circle-segment-done-color);
  border-radius: 4px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
.rb-progress-warning .rb-progress-text {
  color: var(--rb-progress-warning-color);
}
.rb-progress-warning .rb-progress-bg {
  background-color: var(--rb-progress-warning-color);
}
.rb-progress-warning .rb-progress-circle-path {
  stroke: var(--rb-progress-warning-color);
}
.rb-progress-warning .rb-progress-step-active {
  background-color: var(--rb-progress-warning-color);
}
.rb-progress-warning .rb-progress-error-icon {
  color: var(--rb-progress-warning-color);
}
.rb-progress-warning .rb-progress-error-icon.circle {
  font-size: 40px;
}
.rb-progress-error .rb-progress-text {
  color: var(--rb-progress-error-color);
}
.rb-progress-error .rb-progress-bg {
  background-color: var(--rb-progress-error-color);
}
.rb-progress-error .rb-progress-circle-path {
  stroke: var(--rb-progress-error-color);
}
.rb-progress-error .rb-progress-step-active {
  background-color: var(--rb-progress-error-color);
}
.rb-progress-error .rb-progress-error-icon {
  color: var(--rb-progress-error-color);
}
.rb-progress-error .rb-progress-error-icon.circle {
  font-size: 40px;
}
#rb-progress-gradient-conic .rb-progress-gradient-conic-circle {
  stroke-dasharray: 351.86px, 351.86;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transition: stroke-dashoffset 0.3s, stroke-dasharray 0.3s, stroke 0.3s, stroke-width 0.06s 0.3s, opacity;
  fill-opacity: 0;
  stroke-linecap: butt;
}
.rb-progress-gradient-conic-foreign {
  height: 100%;
  width: 100%;
}
.rb-tag {
  align-items: center;
  background-clip: padding-box;
  background-color: var(--rb-tag-item-bg-color);
  border: 1px solid var(--rb-tag-border-color);
  border-radius: var(--rb-tag-item-border-radius, 2px);
  color: var(--rb-tag-color);
  display: inline-flex;
  font-size: 12px;
  height: 22px;
  line-height: 20px;
  max-width: 100%;
  padding: var(--rb-tag-item-padding, 0 7px);
}
.rb-tag > span.Close {
  color: var(--rb-close-icon-color);
  cursor: pointer;
  font-size: 12px;
  margin-left: var(--rb-tag-item-close-margin-left, 4px);
}
.rb-tag > span.Close:hover {
  color: var(--rb-tag-hover-color);
}
.rb-tag .rb-tag-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rb-tag .rainbow {
  font-size: 12px;
}
.rb-tag .rb-spin-body {
  height: 12px!important;
  margin-right: 4px;
  width: 12px !important;
}
.rb-tag-info {
  background-color: var(--rb-tag-info-bg-color);
  border-color: var(--rb-tag-info-border-color);
  color: var(--rb-tag-info-color);
}
.rb-tag-info .rb-spin-body {
  fill: var(--rb-tag-info-color) !important;
}
.rb-tag-success {
  background-color: var(--rb-tag-success-bg-color);
  border-color: var(--rb-tag-success-border-color);
  color: var(--rb-tag-success-color);
}
.rb-tag-warning {
  background-color: var(--rb-tag-warning-bg-color);
  border-color: var(--rb-tag-warning-border-color);
  color: var(--rb-tag-warning-color);
}
.rb-tag-error {
  background-color: var(--rb-tag-error-bg-color);
  border-color: var(--rb-tag-error-border-color);
  color: var(--rb-tag-error-color);
}
.rb-tag-disabled {
  background-color: var(--rb-tag-disabled-bg-color);
  border-color: var(--rb-tag-disabled-border-color);
  color: var(--rb-tag-disabled-color);
  cursor: not-allowed;
}
.rb-tag > .rainbow + span {
  margin-left: 4px;
}
.rb-tags-single-option {
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rb-tag-dashed {
  background-color: var(--rb-tag-item-dashed-bg-color);
  border-style: dashed;
}
.rb-tag-checkable-title {
  color: var(--rb-tag-item-title-color);
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  margin-right: 16px;
  white-space: nowrap;
}
.rb-tag-checkable {
  background-color: var(--rb-tag-item-not-check-bg-color);
  border-color: var(--rb-tag-item-not-check-border-color);
  color: var(--rb-tag-item-not-check-color);
  cursor: pointer;
  font-size: 14px;
}
.rb-tag-checkable:hover {
  background-color: var(--rb-tag-item-check-hover-bg-color);
  border-color: var(--rb-tag-item-check-hover-border-color);
  color: var(--rb-tag-item-check-hover-color);
  cursor: pointer;
}
.rb-tag-checkable.rb-tag-checked {
  background-color: var(--rb-tag-item-check-active-bg-color);
  border-color: var(--rb-tag-item-check-active-border-color);
  color: var(--rb-tag-item-check-active-color);
  font-size: 14px;
}
.rb-tag-small {
  height: 16px;
}
.rb-tag-lager {
  height: 28px;
}
.rb-float-btn {
  border: none;
  bottom: 68px;
  box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
  color: var(--rb-float-btn-color);
  cursor: pointer;
  min-height: 40px;
  min-width: 40px;
  overflow: hidden;
  position: fixed;
  right: 8px;
  transition: background-color 0.2s;
}
.rb-float-btn .rainbow {
  font-size: var(--rb-float-btn-icon-font-size, 20px);
}
.rb-float-btn-default {
  background-color: var(--rb-float-btn-default-bg-color);
}
.rb-float-btn-default:hover {
  background-color: var(--rb-float-btn-default-hover-bg-color);
  color: var(--rb-float-btn-default-hover-color);
}
.rb-float-btn-primary {
  background-color: var(--rb-float-btn-primary-bg-color);
  color: var(--rb-float-btn-primary-color);
}
.rb-float-btn-primary:hover {
  background-color: var(--rb-float-btn-primary-hover-bg-color);
  color: var(--rb-float-btn-primary-hover-color);
}
.rb-float-btn-body {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.rb-float-btn-content {
  padding: 10px;
}
.rb-float-btn-icon {
  height: 20px;
  width: 20px;
}
.rb-float-btn-content:has(.rb-float-btn-description) {
  padding: 8px 12px;
}
.rb-float-btn-content:has(.rb-float-btn-description) .rb-float-btn-icon {
  height: 16px;
  width: 16px;
}
.rb-float-btn-content:has(.rb-float-btn-description) .rb-float-btn-icon .rainbow {
  font-size: 16px;
}
.rb-float-btn-content:has(.rb-float-btn-description) .rb-float-btn-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-left: 4px;
}
.rb-float-btn-circle {
  border-radius: 50%;
}
.rb-float-btn-square,
.rb-float-btn-square .rb-float-btn-body {
  border-radius: 4px;
}
.rb-float-btn-content {
  align-items: center;
  display: flex;
  justify-content: center;
}
.rb-float-btn-group-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 4px;
}
.rb-float-btn-group-wrap .rb-float-btn {
  position: static;
}
.rb-float-btn-group {
  bottom: 68px;
  display: inline-flex;
  flex-direction: column;
  position: fixed;
  right: 8px;
}
.rb-float-btn-group .rb-float-btn {
  position: static;
}
.rb-float-btn-group .rb-float-btn:has(.rb-float-btn-description) {
  min-height: 38px;
}
.rb-float-btn-group-circle {
  gap: 8px;
}
.rb-float-button-menu-wrapper {
  display: inline-block;
  position: fixed;
  z-index: 999;
}
.rb-float-button-menu-wrapper .rb-float-btn {
  position: static;
}
.rb-float-button-menu-wrapper.rb-float-button-menu-placement-bottomRight .rb-float-button-menu-container {
  right: 0;
}
.rb-float-button-menu-wrapper.rb-float-button-menu-placement-bottomLeft .rb-float-button-menu-container {
  left: 0;
}
.rb-float-button-menu-container {
  background-color: var(--rb-float-button-menu-bg-color);
  border-radius: 4px;
  box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
  color: var(--rb-color-text);
  max-height: var(--rb-float-button-menu-container-max-height, 251px);
  overflow: auto;
  padding: 4px 0;
  position: absolute;
  top: 48px;
  z-index: 999;
}
.rb-divider {
  align-items: center;
  color: var(--rb-divider-font-color);
  display: flex;
  font-size: var(--rb-divider-font-size, 14px);
  font-weight: 400;
  line-height: 1;
  margin: var(--rb-divider-margin, 24px 0);
}
.rb-divider:after,
.rb-divider:before {
  border-bottom: 0;
  border-top: 1px solid var(--rb-divider-border-color);
  content: "";
  position: relative;
  top: 50%;
  width: 50%;
}
.rb-divider-horizontal {
  min-width: 100%;
  width: 100%;
}
.rb-divider-horizontal.rb-divider-with-text {
  margin: 16px 0;
  text-align: center;
  white-space: nowrap;
}
.rb-divider-vertical {
  background-color: var(--rb-divider-border-color);
  display: inline-block;
  height: var(--rb-divider-vertical-height, 12px);
  margin: 0 8px;
  vertical-align: text-bottom;
  width: var(--rb-divider-vertical-width, 1px);
}
.rb-divider-dashed:after,
.rb-divider-dashed:before {
  border-top-style: dashed;
}
.rb-divider-inner-text {
  display: inline-block;
  padding: var(--rb-divider-text-padding, 0 16px);
}
.rb-divider-inner-text.default {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.rb-divider-inner-text.plain {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.rb-divider-with-text-left:before {
  width: var(--rb-divider-with-text-left-before-width, 5%);
}
.rb-divider-with-text-left:after {
  width: var(--rb-divider-with-text-left-after-width, 95%);
}
.rb-divider-with-text-left.rb-divider-with-no-default-margin {
  --rb-divider-with-text-left-before-width: 0;
  --rb-divider-with-text-left-after-width: 100%;
}
.rb-divider-with-text-left.rb-divider-with-no-default-margin .rb-divider-inner-text {
  padding-left: 0;
}
.rb-divider-with-text-right:before {
  width: var(--rb-divider-with-text-right-before-width, 95%);
}
.rb-divider-with-text-right:after {
  width: var(--rb-divider-with-text-right-after-width, 5%);
}
.rb-divider-with-text-right.rb-divider-with-no-default-margin {
  --rb-divider-with-text-right-before-width: 100%;
  --rb-divider-with-text-right-after-width: 0;
}
.rb-divider-with-text-right.rb-divider-with-no-default-margin .rb-divider-inner-text {
  padding-right: 0;
}
.rb-box {
  background-color: var(--rb-box-bg);
  color: var(--rb-color-text);
  padding: 16px 24px 24px;
  width: 100%;
}
.rb-box-fixedTop,
.rb-box-topcard {
  padding: 16px 40px 24px;
}
.rb-box-fixedTop {
  position: sticky;
  top: 0;
}
.rb-box-fixedTop,
.rb-box-footer {
  box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
}
.rb-box-footer {
  align-items: center;
  background-color: var(--rb-box-footer-bg);
  bottom: 0;
  display: flex;
  height: 60px;
  padding: 0 16px;
  position: fixed;
}
.rb-box-footer > :first-child {
  flex-grow: 1;
}
.rb-sidemenu-default-mode + .micro-app-container .rb-box-footer {
  width: calc(100% - 256px);
}
.rb-sidemenu-mini-mode + .micro-app-container .rb-box-footer {
  width: calc(100% - 55px);
}
.rb-top-count-wrap {
  display: flex;
  text-align: center;
}
.rb-top-count-wrap .rb-top-count-wrap-item {
  min-width: 50px;
  padding: 0 25px 0 24px;
  position: relative;
  text-align: left;
}
.rb-top-count-wrap .rb-top-count-wrap-item .rb-top-count-title {
  color: var(--rb-top-count-title);
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rb-top-count-wrap .rb-top-count-wrap-item .rb-top-count-value {
  font-size: 16px;
  line-height: 24px;
}
.rb-top-count-wrap .rb-top-count-wrap-item:first-child {
  padding-left: 0;
}
.rb-top-count-wrap .rb-top-count-wrap-item:last-child {
  padding-right: 24px;
}
.rb-top-count-wrap .rb-top-count-wrap-item:after {
  background-color: var(--rb-top-count-after-bg-color);
  content: "";
  height: 32px;
  position: absolute;
  right: 0;
  top: 8px;
  width: 1px;
}
.rb-top-count-wrap .rb-top-count-wrap-item:last-child:after {
  background-color: transparent;
  content: "";
}
.rb-menu {
  background-color: var(--rb-menu-bg-color);
  color: var(--rb-color-text);
  list-style: none;
  padding: 4px 0;
}
ul.rb-menu-sub:not(.rb-menu-inline) {
  border-radius: 4px;
  box-shadow: var(--rb-box-shadow-color);
}
.rb-menu-submenu-open .rb-menu-inline,
ul.rb-menu-sub:not(.rb-menu-inline) {
  padding: var(--rb-menu-padding, 4px 0) !important;
}
.rb-menu-item,
.rb-menu-submenu-title {
  align-items: center;
  display: flex;
  height: var(--rb-menu-item-height, 32px);
  padding: 0 12px;
  width: var(--rb-menu-item-vertical-width, 129px);
}
.rb-menu-item:not(.disabled),
.rb-menu-submenu-title:not(.disabled) {
  cursor: pointer;
}
.rb-menu-item:not(.disabled):not(.rb-menu-item-select-child):hover,
.rb-menu-submenu-title:not(.disabled):not(.rb-menu-item-select-child):hover {
  background-color: var(--rb-menu-item-hover-bg-color);
  color: var(--rb-menu-item-hover-color);
}
.rb-menu-item:not(.disabled):not(.rb-menu-item-select-child):hover .rb-menu-item-switch,
.rb-menu-submenu-title:not(.disabled):not(.rb-menu-item-select-child):hover .rb-menu-item-switch {
  color: var(--rb-menu-item-arrow-hover-color);
}
.rb-menu-item:not(.disabled).rb-menu-item-selected,
.rb-menu-submenu-title:not(.disabled).rb-menu-item-selected {
  background-color: var(--rb-menu-item-selected-bg-color);
  color: var(--rb-menu-item-selected-color);
}
.rb-menu-item:not(.disabled).rb-menu-item-selected .rb-menu-item-switch,
.rb-menu-submenu-title:not(.disabled).rb-menu-item-selected .rb-menu-item-switch {
  color: var(--rb-menu-item-arrow-selected-color);
}
.rb-menu-item .rb-menu-item-icon,
.rb-menu-submenu-title .rb-menu-item-icon {
  align-items: center;
  display: inline-flex;
  height: 16px;
  margin-right: 8px;
  width: 16px;
}
.rb-menu-item .rb-menu-item-label,
.rb-menu-submenu-title .rb-menu-item-label {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rb-menu-item .rb-menu-item-switch,
.rb-menu-submenu-title .rb-menu-item-switch {
  color: var(--rb-menu-item-arrow-color);
  display: inline-flex;
  margin-left: 8px;
}
.rb-menu-submenu-title {
  position: relative;
}
.rb-menu-vertical {
  width: 129px;
}
.rb-menu-submenu-vertical {
  position: relative;
  transition: width 0.3s ease-in-out;
}
.rb-menu-submenu-vertical .rb-menu-vertical {
  left: 100%;
  position: absolute;
  top: -4px;
}
.rb-menu-submenu-vertical.rb-menu-submenu-close > .rb-menu-vertical {
  display: none;
}
.rb-menu-submenu-vertical.rb-menu-submenu-open > .rb-menu-vertical {
  display: block;
}
.rb-menu-submenu-close > .rb-menu-sub.rb-menu-inline {
  height: 0;
  overflow: hidden;
  padding: 0;
  transition: all 0.2s linear;
}
.rb-menu-submenu-close.rb-menu-submenu-inline > .rb-menu-submenu-title .rb-menu-item-switch > span {
  transition: transform 0.2s linear;
}
.rb-menu-submenu-open > .rb-menu-sub.rb-menu-inline {
  height: auto;
  transition: all 0.2s linear;
}
.rb-menu-submenu-open.rb-menu-submenu-inline > .rb-menu-submenu-title .rb-menu-item-switch > span {
  transform: rotateX(180deg);
  transition: transform 0.2s linear;
}
.rb-dropdown-popup {
  background-color: var(--rb-dropdown-bg-color);
  border-radius: var(--rb-dropdown-border-radius, 4px);
  padding: 4px 0;
}
.rb-dropdown-default-trigger {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
}
.rb-dropdown-default-trigger-suffix {
  margin-left: 8px;
}
.rb-tabs-operation-container .rb-tabs-tab {
  margin: 0;
  padding: 0;
}
.rb-tabs {
  color: var(--rb-color-text);
  width: 100%;
}
.rb-tabs-with-border {
  border: 1px solid var(--rb-tabs-border-color);
  border-radius: 4px;
}
.rb-tabs-bottom,
.rb-tabs-left,
.rb-tabs-right {
  display: flex;
}
.rb-tabs-bottom .rb-tabs-active,
.rb-tabs-top .rb-tabs-active {
  bottom: 0;
  height: 2px;
  left: 0;
  position: absolute;
}
.rb-tabs-bottom {
  flex-direction: column-reverse;
}
.rb-tabs-bottom .rb-tabs-active {
  top: 0 !important;
}
.rb-tabs-bottom .rb-tabs-container {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.rb-tabs-left,
.rb-tabs-right {
  height: 100%;
  overflow: hidden;
}
.rb-tabs-left .rb-tabs-nav-wrapper .rb-tabs-nav-container,
.rb-tabs-right .rb-tabs-nav-wrapper .rb-tabs-nav-container {
  height: 100%;
  overflow-y: auto;
  padding: 7px 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.rb-tabs-left .rb-tabs-nav-wrapper .rb-tabs-nav-container::-webkit-scrollbar,
.rb-tabs-right .rb-tabs-nav-wrapper .rb-tabs-nav-container::-webkit-scrollbar {
  display: none;
}
.rb-tabs-left .rb-tabs-nav-wrapper .rb-tabs-nav-container .rb-tabs-nav-list,
.rb-tabs-right .rb-tabs-nav-wrapper .rb-tabs-nav-container .rb-tabs-nav-list {
  padding: 0;
}
.rb-tabs-left .rb-tabs-nav-wrapper .rb-tabs-nav-container .rb-tabs-nav-list .rb-tabs-tab,
.rb-tabs-right .rb-tabs-nav-wrapper .rb-tabs-nav-container .rb-tabs-nav-list .rb-tabs-tab {
  height: 40px !important;
}
.rb-tabs-left .rb-tabs-nav-wrapper .rb-tabs-nav-operations,
.rb-tabs-right .rb-tabs-nav-wrapper .rb-tabs-nav-operations {
  height: 32px;
  width: 100%;
}
.rb-tabs-left .rb-tabs-nav-wrapper .rb-tabs-nav-operations .rb-btn,
.rb-tabs-right .rb-tabs-nav-wrapper .rb-tabs-nav-operations .rb-btn {
  justify-content: center;
  margin: 8px 0;
}
.rb-tabs-left .rb-tabs-active,
.rb-tabs-right .rb-tabs-active {
  height: 40px;
  position: absolute;
  width: 2px !important;
}
.rb-tabs-left {
  flex-direction: row;
}
.rb-tabs-left .rb-tabs-nav-wrapper {
  border-bottom-left-radius: 4px!important;
  border-bottom-right-radius: 0!important;
  border-top-left-radius: 4px!important;
  border-top-right-radius: 0 !important;
}
.rb-tabs-left .rb-tabs-container {
  flex-grow: 1;
}
.rb-tabs-left .rb-tabs-active {
  right: -8px !important;
}
.rb-tabs-right {
  flex-direction: row-reverse;
  width: 100%;
}
.rb-tabs-right .rb-tabs-nav-wrapper {
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: 4px!important;
  border-top-left-radius: 0!important;
  border-top-right-radius: 4px !important;
}
.rb-tabs-right .rb-tabs-container {
  flex-grow: 1;
}
.rb-tabs-right .rb-tabs-active {
  left: -24px !important;
}
.rb-tabs-nav-wrapper {
  align-items: center;
  display: flex;
  justify-content: start;
  overflow: hidden;
  position: relative;
  transition: transform 3s ease-in-out;
  width: 100%;
}
.rb-tabs-nav-wrapper:not(.rb-tabs-card) {
  background-color: var(--rb-tabs-bg-color);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.rb-tabs-nav-wrapper.rb-tabs-nav-wrapper-left,
.rb-tabs-nav-wrapper.rb-tabs-nav-wrapper-right {
  align-items: flex-start;
  align-items: center;
  display: flex;
  flex-direction: column;
  height: auto;
  width: auto;
}
.rb-tabs-nav-wrapper.rb-tabs-nav-wrapper-left .rb-tabs-nav-container,
.rb-tabs-nav-wrapper.rb-tabs-nav-wrapper-right .rb-tabs-nav-container {
  padding: 7px 16px;
}
.rb-tabs-nav-wrapper.rb-tabs-nav-wrapper-left .rb-tabs-nav-container .rb-tabs-nav-list,
.rb-tabs-nav-wrapper.rb-tabs-nav-wrapper-right .rb-tabs-nav-container .rb-tabs-nav-list {
  flex-direction: column;
}
.rb-tabs-nav-wrapper.rb-tabs-nav-wrapper-left .rb-tabs-nav-container .rb-tabs-nav-list .rb-tabs-tab,
.rb-tabs-nav-wrapper.rb-tabs-nav-wrapper-right .rb-tabs-nav-container .rb-tabs-nav-list .rb-tabs-tab {
  height: 48px;
  padding: 0;
}
.rb-tabs-nav-wrapper.center .rb-tabs-nav-container .rb-tabs-nav-list {
  justify-content: center;
}
.rb-tabs-nav-list {
  list-style: none;
  transition: transform 0.3s linear;
}
.rb-tabs-nav-list,
.rb-tabs-tab {
  align-items: center;
  display: flex;
  position: relative;
}
.rb-tabs-tab {
  box-sizing: content-box;
  color: var(--rb-color-text);
  cursor: pointer;
  height: var(--rb-tabs-nav-wrapper-height, 48px);
  margin: 0 16px;
  text-align: center;
  user-select: none;
}
.rb-tabs-tab.disabled {
  color: var(--rb-tabitem-title-disabled-color);
  cursor: not-allowed;
}
.rb-tabs-tab.disabled > * {
  pointer-events: none;
}
.rb-tabs-tab.active {
  color: var(--rb-tabitem-title-active-hover-color);
}
.rb-tabs-tab:not(.disabled):hover {
  color: var(--rb-tabs-card-active-hover-color);
}
.rb-tabs-tab:not(.disabled) .rb-close:hover {
  color: var(--rb-close-icon-hover-color);
}
.rb-tabs-tab > span.rainbow {
  display: inline;
  position: static;
}
.rb-tabs-tab > .rb-close {
  font-size: 12px;
  margin-left: 8px;
}
.rb-tabs-tab > .rb-tab-badge {
  background-color: var(--rb-tabs-badge-bg-color);
  border-radius: 8px;
  color: var(--rb-tabs-badge-font-color);
  display: block;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  margin-left: 8px;
  min-width: 16px;
  padding: 0 4px;
}
.rb-tabs-tab-title {
  align-items: center;
  display: inline-flex;
  font-size: 16px;
  font-weight: 500;
  gap: 8px;
  line-height: 24px;
}
.rb-tabs-active {
  background-color: var(--rb-tabs-active-border-color);
  transition: transform 0.3s ease-in;
}
.rb-tabs-pills {
  height: auto;
}
.rb-tabs-pills.rb-tabs-nav-wrapper-top {
  margin-bottom: 16px;
}
.rb-tabs-pills .rb-tabs-tab {
  border: 1px solid var(--rb-tabs-pills-border-color);
  height: var(--rb-tabitem-pills-height, 32px);
  margin: 0;
  padding: 0 16px;
  position: relative;
}
.rb-tabs-pills .rb-tabs-tab:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.rb-tabs-pills .rb-tabs-tab:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.rb-tabs-pills .rb-tabs-tab:not(:first-child) {
  margin-left: -1px;
}
.rb-tabs-pills .rb-tabs-tab:hover {
  z-index: 1;
}
.rb-tabs-pills .rb-tabs-tab .rb-close {
  height: 14px;
  line-height: 14px;
  width: 14px;
}
.rb-tabs-pills .rb-tabs-tab .rb-tabs-tab-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.rb-tabs-pills .rb-tabs-tab.active {
  border-color: var(--rb-tabitem-active-pills-border-color);
  z-index: 2;
}
.rb-tabs-pills .rb-tabs-tab.active,
.rb-tabs-pills .rb-tabs-tab.active .rb-close {
  color: var(--rb-tabitem-active-hover-pills-color);
}
.rb-tabs-pills .rb-tabs-active {
  display: none;
}
.rb-tabs-pills .rb-tabs-nav-container {
  padding: 0;
}
.rb-tabs-pills .rb-tabs-nav-container .rb-tabs-nav-list {
  padding-left: 0;
}
.rb-tabs-pills .rb-tabs-container {
  padding: 0;
}
.rb-tabs-card.rb-tabs,
.rb-tabs-editable-card.rb-tabs {
  background-color: var(--rb-tabs-card-bg-color);
}
.rb-tabs-card.rb-tabs-border-card > .rb-tabs-nav-wrapper,
.rb-tabs-editable-card.rb-tabs-border-card > .rb-tabs-nav-wrapper {
  bottom: -1px;
}
.rb-tabs-card.rb-tabs-border-card > .rb-tabs-nav-wrapper .rb-tabs-tab,
.rb-tabs-editable-card.rb-tabs-border-card > .rb-tabs-nav-wrapper .rb-tabs-tab {
  border: 1px solid var(--rb-tabs-card-border-color);
  border-bottom: none;
  z-index: 2;
}
.rb-tabs-card.rb-tabs-border-card > .rb-tabs-nav-wrapper .rb-tabs-tab:not(.active),
.rb-tabs-editable-card.rb-tabs-border-card > .rb-tabs-nav-wrapper .rb-tabs-tab:not(.active) {
  background-color: var(--rb-tabs-card-border-bg-color);
  height: 39px;
}
.rb-tabs-card.rb-tabs-border-card > .rb-tabs-container,
.rb-tabs-editable-card.rb-tabs-border-card > .rb-tabs-container {
  border: 1px solid var(--rb-tabs-card-border-color);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rb-tabs-card.rb-tabs-border-card .rb-tabs-tab:not(.active),
.rb-tabs-editable-card.rb-tabs-border-card .rb-tabs-tab:not(.active) {
  background-clip: padding-box;
}
.rb-tabs-card.rb-tabs-border-card .rb-tabs-nav-list,
.rb-tabs-editable-card.rb-tabs-border-card .rb-tabs-nav-list {
  align-items: flex-start;
  padding: 0;
}
.rb-tabs-card.rb-tabs-border-card .rb-tabs-nav-operations,
.rb-tabs-editable-card.rb-tabs-border-card .rb-tabs-nav-operations {
  align-items: center;
  display: inline-flex;
  height: 39px;
  justify-content: center;
  width: 56px;
}
.rb-tabs-card .rb-tabs-nav-container,
.rb-tabs-card .rb-tabs-nav-container .rb-tabs-nav-list,
.rb-tabs-editable-card .rb-tabs-nav-container,
.rb-tabs-editable-card .rb-tabs-nav-container .rb-tabs-nav-list {
  padding: 0;
}
.rb-tabs-card .rb-tabs-nav-wrapper-bottom .with-prefix-shadow:before,
.rb-tabs-card .rb-tabs-nav-wrapper-top .with-prefix-shadow:before,
.rb-tabs-editable-card .rb-tabs-nav-wrapper-bottom .with-prefix-shadow:before,
.rb-tabs-editable-card .rb-tabs-nav-wrapper-top .with-prefix-shadow:before {
  border-left: 1px solid var(--rb-tabs-card-border-color);
}
.rb-tabs-card .rb-tabs-tab,
.rb-tabs-editable-card .rb-tabs-tab {
  background-color: var(--rb-tabs-card-item-bg-color);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: 40px;
  margin: 0 8px 0 0;
  padding: 0 23px;
}
.rb-tabs-card .rb-tabs-tab.active .rb-tabs-tab-title,
.rb-tabs-card .rb-tabs-tab:hover .rb-tabs-tab-title,
.rb-tabs-editable-card .rb-tabs-tab.active .rb-tabs-tab-title,
.rb-tabs-editable-card .rb-tabs-tab:hover .rb-tabs-tab-title {
  color: var(--rb-tabs-card-active-hover-color);
}
.rb-tabs-card .rb-tabs-tab .rb-close:hover,
.rb-tabs-editable-card .rb-tabs-tab .rb-close:hover {
  color: var(--rb-close-icon-hover-color);
}
.rb-tabs-card .rb-tabs-tab.active,
.rb-tabs-editable-card .rb-tabs-tab.active {
  background-color: var(--rb-tabs-card-active-bg-color);
  height: 40px;
}
.rb-tabs-card .rb-tabs-active,
.rb-tabs-editable-card .rb-tabs-active {
  display: none;
}
.rb-tabs-nav-container {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.rb-tabs-nav-container.is-scroll {
  margin-left: 32px;
  width: calc(100% - 64px);
}
.rb-tabs-nav-container::-webkit-scrollbar {
  display: none;
}
.rb-tabs-nav-wrapper-bottom .with-prefix-shadow:before,
.rb-tabs-nav-wrapper-bottom .with-suffix-shadow:after,
.rb-tabs-nav-wrapper-top .with-prefix-shadow:before,
.rb-tabs-nav-wrapper-top .with-suffix-shadow:after {
  bottom: 0;
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 8px;
}
.rb-tabs-nav-wrapper-bottom .with-prefix-shadow:before,
.rb-tabs-nav-wrapper-top .with-prefix-shadow:before {
  box-shadow: inset 4px 0 8px -4px var(--rb-box-shadow-color);
  left: 0;
  z-index: 1;
}
.rb-tabs-nav-wrapper-bottom .with-suffix-shadow:after,
.rb-tabs-nav-wrapper-top .with-suffix-shadow:after {
  box-shadow: inset -4px 0 8px -4px var(--rb-box-shadow-color);
  right: 0;
}
.rb-tabs-nav-wrapper-left .with-prefix-shadow:before,
.rb-tabs-nav-wrapper-left .with-suffix-shadow:after,
.rb-tabs-nav-wrapper-right .with-prefix-shadow:before,
.rb-tabs-nav-wrapper-right .with-suffix-shadow:after {
  content: "";
  height: 8px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  width: 100%;
}
.rb-tabs-nav-wrapper-left .with-prefix-shadow:before,
.rb-tabs-nav-wrapper-right .with-prefix-shadow:before {
  box-shadow: inset 0 4px 8px -4px var(--rb-box-shadow-color);
  top: 0;
  z-index: 1;
}
.rb-tabs-nav-wrapper-left .with-suffix-shadow:after,
.rb-tabs-nav-wrapper-right .with-suffix-shadow:after {
  bottom: 0;
  box-shadow: inset 0 -4px 8px -4px var(--rb-box-shadow-color);
}
.rb-tabs-nav-wrapper-top {
  z-index: 989;
}
.rb-tabs:not(.rb-tabs-card) .rb-tabs-nav-wrapper-top.border:before,
.rb-tabs:not(.rb-tabs-editable-card) .rb-tabs-nav-wrapper-top.border:before {
  border-bottom: 1px solid var(--rb-tabs-before-border-color);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}
.rb-tabs:not(.rb-tabs-card) .rb-tabs-nav-wrapper-bottom.border:before,
.rb-tabs:not(.rb-tabs-editable-card) .rb-tabs-nav-wrapper-bottom.border:before {
  border-top: 1px solid var(--rb-tabs-before-border-color);
  bottom: 47px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}
.rb-tabs:not(.rb-tabs-card) .rb-tabs-nav-wrapper-left.border:before,
.rb-tabs:not(.rb-tabs-editable-card) .rb-tabs-nav-wrapper-left.border:before {
  border-right: 1px solid var(--rb-tabs-before-border-color);
  bottom: 0;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  width: 1px;
  z-index: 1;
}
.rb-tabs:not(.rb-tabs-card) .rb-tabs-nav-wrapper-right.border:before,
.rb-tabs:not(.rb-tabs-editable-card) .rb-tabs-nav-wrapper-right.border:before {
  border-right: 1px solid var(--rb-tabs-before-border-color);
  bottom: 0;
  content: "";
  height: 100%;
  left: -1px;
  position: absolute;
  width: 1px;
  z-index: 1;
}
.rb-tabs-nav-wrapper-bottom.rb-tabs-nav-wrapper {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.rb-tabs-nav-wrapper-bottom .isPrefix,
.rb-tabs-nav-wrapper-bottom .isSuffix,
.rb-tabs-nav-wrapper-top .isPrefix,
.rb-tabs-nav-wrapper-top .isSuffix {
  margin: 0 8px;
}
.rb-tabs-nav-extra-content {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
}
.rb-tabs-nav-extra-content .rb-btn:not(.rb-btn-type-primary) {
  color: var(--rb-tabs-header-custom-btn-text-color);
}
.rb-tabs-nav-extra-content .rb-btn:not(.rb-btn-type-primary):hover {
  color: var(--rb-tabs-header-custom-btn-text-hover-color) !important;
}
.rb-tabs-nav-extra-content .rb-btn:not(.rb-btn-type-primary):active {
  color: var(--rb-tabs-header-custom-btn-text-active-color) !important;
}
.rb-tabs-nav-operations {
  align-items: center;
  display: inline-flex;
  height: 47px;
  justify-content: center;
  width: 56px;
}
.rb-tabs-nav-operations .rb-btn {
  color: var(--rb-tabs-header-custom-btn-text-color);
  height: 16px;
  justify-content: unset;
  margin: 0 24px 0 16px;
  width: 100%;
}
.rb-tabs-nav-operations .rb-btn:hover {
  color: var(--rb-tabs-header-custom-btn-text-hover-color) !important;
}
.rb-tabs-nav-operations .rb-btn:active {
  color: var(--rb-tabs-header-custom-btn-text-active-color) !important;
}
.rb-tabs-operation-container {
  max-height: 192px;
  overflow: auto;
}
.rb-tabs-operation-container::-webkit-scrollbar {
  display: none;
}
.rb-tabs-operation-container .rb-tabs-tab {
  cursor: pointer;
  height: 32px;
  padding: 5px 12px;
}
.rb-tabs-operation-container .rb-tabs-tab:hover {
  background-color: var(--rb-tabitem-dropdown-title-hover-bg-color);
}
.rb-tabs-operation-container .rb-tabs-tab:hover .rb-tabs-tab-title {
  color: var(--rb-tabitem-dropdown-title-hover-color);
}
.rb-tabs-operation-container .rb-tabs-tab:active {
  background-color: var(--rb-tabitem-dropdown-title-active-bg-color);
  color: var(--rb-tabitem-dropdown-title-active-color);
}
.rb-tabs-tab-group {
  margin-left: 4px;
  position: relative;
}
.rb-tabs-tab-group-container {
  padding: 8px;
}
.rb-tabs-tab-group-container .rb-tabs-tab {
  cursor: pointer;
  line-height: 32px;
  user-select: none;
}
.rb-tabs-tab-group-container .rb-tabs-tab:hover {
  color: var(--rb-tabitem-title-active-hover-color);
}
.rb-tabs-fixed-top {
  position: relative;
}
.rb-tabs-fixed-top > .rb-tabs-nav-wrapper {
  background-color: var(--rb-color-bg-container);
  box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
  height: 56px;
  padding: 0 16px 8px;
  position: sticky;
  top: 0;
  z-index: 990;
}
.rb-tabs-fixed-top > .rb-tabs-nav-wrapper .rb-tabs-nav-list .rb-tabs-tab {
  border: none;
}
.rb-tabs-fixed-top > .rb-tabs-container {
  background-color: var(--rb-tabs-fixed-bg-color);
}
.rb-tabs-fixed-top.rb-tabs-nav-transparent {
  background-color: transparent;
}
.rb-tabs-fixed-top.rb-tabs-card > .rb-tabs-nav-wrapper {
  box-shadow: none;
  padding: 0;
}
.rb-tabs-fixed-top .rb-tabs-nav-container {
  padding: 0;
}
.rb-tabs-container {
  background-color: var(--rb-color-bg-container);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rb-tabs-active {
  z-index: 2;
}
.rb-tabs-nav-add {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  height: 39px;
  justify-content: center;
  padding: 0 11px;
}
.rb-tabs-nav-add > span {
  color: var(--rb-color-text);
  font-size: 16px;
}
.rb-tabs-nav-add > span:hover {
  color: var(--rb-color-primary);
}
.rb-tabs-border-card .rb-tabs-nav-add {
  border: 1px solid var(--rb-tabs-card-border-color);
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.rb-tab-wrapper {
  padding: 16px 24px;
}
.rb-grid-container {
  display: grid;
  width: 100%;
  grid-row-gap: var(--rb-grid-row-gap, 8px);
  grid-column-gap: var(--rb-grid-column-gap, 16px);
}
.rb-grid-container.rb-grid-columns-1 {
  grid-template-columns: repeat(1, minmax(50px, 1fr));
}
.rb-grid-container.rb-grid-columns-2 {
  grid-template-columns: repeat(2, minmax(50px, 1fr));
}
.rb-grid-container.rb-grid-columns-3 {
  grid-template-columns: repeat(3, minmax(50px, 1fr));
}
.rb-grid-container.rb-grid-columns-4 {
  grid-template-columns: repeat(4, minmax(50px, 1fr));
}
.rb-grid-container.rb-grid-columns-5 {
  grid-template-columns: repeat(5, minmax(50px, 1fr));
}
.rb-grid-container.rb-grid-columns-6 {
  grid-template-columns: repeat(6, minmax(50px, 1fr));
  grid-column-gap: 10px;
}
.rb-grid-container.rb-grid-columns-8 {
  grid-template-columns: repeat(8, minmax(50px, 1fr));
  grid-column-gap: 10px;
}
.rb-card {
  background-color: var(--rb-card-bg-color);
  border-radius: 4px;
  color: var(--rb-color-text);
  padding: var(--rb-card-padding, 16px 24px 24px 24px);
  width: 100%;
}
.rb-card .rb-card-header {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  margin-bottom: var(--rb-card-header-margin-bottom, 16px);
  position: relative;
}
.rb-card .rb-card-header:empty {
  display: none;
}
.rb-card .rb-card-header .rb-card-header-custom {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
.rb-card .rb-card-header .rb-card-header-custom .rb-btn-type-link,
.rb-card .rb-card-header .rb-card-header-custom .rb-btn-type-text {
  color: var(--rb-card-header-custom-btn-text-color);
}
.rb-card .rb-card-header .rb-card-header-custom .rb-btn-type-link:hover,
.rb-card .rb-card-header .rb-card-header-custom .rb-btn-type-text:hover {
  color: var(--rb-card-header-custom-btn-text-hover-color);
}
.rb-card .rb-card-header .rb-card-header-custom .rb-btn-type-link:active,
.rb-card .rb-card-header .rb-card-header-custom .rb-btn-type-text:active {
  color: var(--rb-card-header-custom-btn-text-active-color);
}
.rb-card .rb-card-header .rb-card-header-expanded-icon {
  color: var(--rb-card-header-expand-icon-color);
  cursor: pointer;
  font-size: var(--rb-card-header-extendicon-font-size, 16px);
  margin-left: var(--rb-card-header-extendicon-margin-left, 16px);
  user-select: none;
}
.rb-card .rb-card-header .rb-card-header-expanded-icon:hover {
  color: var(--rb-card-header-expand-icon-hover-color);
}
.rb-card .rb-card-header .rb-card-header-expanded-icon:active {
  color: var(--rb-card-header-expand-icon-active-color);
}
.rb-card .rb-card-header .rb-title-prefix {
  cursor: pointer;
  flex-grow: 1;
  overflow: hidden;
}
.rb-card .rb-card-header .rb-title-prefix.not-clickable {
  cursor: default;
}
.rb-card .rb-card-header .rb-card-header-title {
  color: var(--rb-card-header-title-font-color);
  display: block;
  font-size: var(--rb-card-header-title-font-size, 16px);
  font-weight: var(--rb-card-header-title-font-weight, 500);
  height: var(--rb-card-header-title-height, 24px);
  letter-spacing: 0;
  line-height: var(--rb-card-header-title-height, 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.rb-card .rb-card-content {
  transition: height 0.3s linear;
}
.rb-card.collapse > .rb-card-content {
  display: none;
  height: 0;
}
.rb-card.collapse > .rb-card-header {
  margin-bottom: 0;
}
.rb-card.collapse > .rb-card-header .rb-card-header-expanded-icon {
  user-select: none;
}
.rb-card.collapse > .rb-card-header .rb-card-header-expanded-icon .rb-card-expand-icon {
  display: none;
}
.rb-card.collapse > .rb-card-header .rb-card-header-expanded-icon .rb-card-collapse-icon {
  display: block;
}
.rb-card.expanded > .rb-card-header .rb-card-header-expanded-icon {
  user-select: none;
}
.rb-card.expanded > .rb-card-header .rb-card-header-expanded-icon .rb-card-collapse-icon {
  display: none;
}
.rb-card.expanded > .rb-card-header .rb-card-header-expanded-icon .rb-card-expand-icon {
  display: block;
}
.rb-card.expanded .rb-card-content {
  height: 100%;
}
.rb-card-with-border {
  border: 1px solid var(--rb-card-border-color);
}
.rb-card-group {
  background-color: var(--rb-card-group-bg-color);
  display: flex;
  flex-direction: column;
  gap: var(--rb-card-group-card-gap, 16px);
  height: min-content;
  padding: var(--rb-card-group-padding, 16px);
}
.rb-card-group.rb-card-group-inner-mode {
  background-color: var(--rb-card-group-inner-bg-color);
  padding: 0;
}
.rb-card-group .rb-grid-container {
  grid-row-gap: 16px;
}
.rb-anchor {
  max-width: var(--rb-anchor-max-width, 240px);
  min-width: var(--rb-anchor-min-width, 160px);
  padding: 0 16px;
}
.rb-anchor.rb-anchor-default {
  background-color: var(--rb-anchor-content-bg-color);
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
  position: fixed;
  right: 8px;
  top: 50%;
  transform: translate(100%, -50%);
  -webkit-transform: translate(100%, -50%);
  -moz-transform: translate(100%, -50%);
  -ms-transform: translate(100%, -50%);
  -o-transform: translate(100%, -50%);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  z-index: 996;
}
.rb-anchor.rb-anchor-default:hover {
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.rb-anchor.rb-anchor-default:hover .rainbow {
  transform: rotateY(180deg);
}
.rb-anchor.rb-anchor-static {
  height: fit-content;
  max-height: calc(100vh - 120px);
  overflow: auto;
  position: sticky;
  top: 0;
}
.rb-anchor.rb-anchor-static ul {
  padding: 8px 0;
}
.rb-anchor.rb-anchor-static ul:before {
  background-color: var(--rb-anchor-static-navLine-bg-color);
  left: 0;
}
.rb-anchor.rb-anchor-static ul li:before {
  background-color: transparent;
}
.rb-anchor.rb-anchor-static ul .rb-anchor-active:before {
  background-color: var(--rb-anchor-item-before-border-color);
  border: none;
  border-radius: 0;
  height: 22px;
  width: 2px;
}
.rb-anchor .rb-anchor-content {
  padding: 16px 0;
}
.rb-anchor .rb-anchor-content .rb-anchor-item > a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.rb-anchor .navArrow {
  background-color: var(--rb-anchor-navArrow-bg-color);
  cursor: pointer;
  height: 80px;
  left: -8px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 16px;
}
.rb-anchor .navArrow > span {
  color: var(--rb-anchor-navArrow-span-font-color);
  font-size: 16px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  transition: all 0.5s ease-in-out;
}
.rb-anchor .navArrow:before {
  border-bottom: 8px solid var(--rb-anchor-navArrow-before-borderbottom-color);
  border-right: 8px solid var(--rb-anchor-navArrow-before-borderright-color);
  border-top: 8px solid transparent;
  top: -16px;
}
.rb-anchor .navArrow:after,
.rb-anchor .navArrow:before {
  border-left: 8px solid transparent;
  content: "";
  position: absolute;
}
.rb-anchor .navArrow:after {
  border-bottom: 8px solid transparent;
  border-right: 8px solid var(--rb-anchor-navArrow-after-borderright-color);
  border-top: 8px solid var(--rb-anchor-navArrow-after-bordertop-color);
  bottom: -16px;
}
.rb-anchor-content-wrapper {
  max-height: 100vh;
  overflow: auto;
}
.rb-anchor-content-wrapper::-webkit-scrollbar {
  display: none;
}
.rb-anchor-content {
  list-style: none;
  margin: 0;
  padding: 16px 0;
  position: relative;
}
.rb-anchor-content:before {
  background-color: var(--rb-anchor-navLine-bg-color);
  content: "";
  height: 100%;
  left: 4px;
  position: absolute;
  top: 0;
  width: 2px;
}
.rb-anchor-content .rb-anchor-item {
  color: var(--rb-anchor-item-font-color);
  cursor: pointer;
  padding: 4px 0;
  position: relative;
  white-space: nowrap;
}
.rb-anchor-content .rb-anchor-item:before {
  background-color: var(--rb-anchor-item-before-bg-color);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  content: "";
  height: 6px;
  left: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
}
.rb-anchor-content .rb-anchor-item > a {
  text-decoration: none;
}
.rb-anchor-content .rb-anchor-item.rb-anchor-active {
  color: var(--rb-anchor-item-active-font-color);
}
.rb-anchor-content .rb-anchor-item.rb-anchor-active:before {
  background-color: var(--rb-anchor-item-before-active-bg-color);
  border: 2px solid var(--rb-anchor-item-before-border-color);
  left: 0;
}
.rb-anchor-content .rb-anchor-item.rb-anchor-error {
  color: var(--rb-color-error);
}
.rb-anchor-content .rb-anchor-item.rb-anchor-success {
  color: var(--rb-color-success);
}
.rb-anchor-content .rb-anchor-item:hover {
  color: var(--rb-anchor-item-hover-font-color);
}
.rb-breadcrumb {
  align-items: center;
  color: var(--rb-breadcrumb-font-color);
  display: flex;
  height: 22px;
  max-width: var(--rb-breadcrumb-max-width, 400px);
}
.rb-breadcrumb > span {
  align-items: center;
  display: inline-flex;
}
.rb-breadcrumb > span:last-child .rb-breadcrumb-item-split {
  display: none;
}
.rb-breadcrumb > span:not(:last-child) {
  color: var(--rb-breadcrumb-previous-font-color);
}
.rb-breadcrumb > span:not(:last-child) .rb-breadcrumb-item-link {
  cursor: pointer;
}
.rb-breadcrumb > span:not(:last-child) .rb-breadcrumb-item-link:hover {
  color: var(--rb-breadcrumb-item-link-hover-font-color);
}
.rb-breadcrumb > span:not(:last-child) .rb-breadcrumb-item-link:active {
  color: var(--rb-breadcrumb-item-link-active-font-color);
}
.rb-breadcrumb > span:last-child {
  flex: 1;
  overflow: hidden;
}
.rb-breadcrumb .rb-breadcrumb-item-link {
  align-items: center;
  cursor: default;
  display: inline-flex;
}
.rb-breadcrumb .rb-breadcrumb-item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rb-breadcrumb .rb-breadcrumb-item-dropdown-arrow {
  margin-left: 8px;
}
.rb-breadcrumb .rb-breadcrumb-item-split {
  color: var(--rb-breadcrumb-separator-color);
  padding: 0 8px;
}
.rb-breadcrumb .rb-breadcrumb-item-prefix-icon {
  align-items: center;
  display: inline-flex;
  margin-right: 8px;
}
.rb-breadcrumb .rb-breadcrumb-item-suffix-icon {
  color: var(--rb-breadcrumb-icon-color);
  cursor: pointer;
  display: inline-flex;
  margin-left: 8px;
}
.rb-breadcrumb .rb-breadcrumb-item-suffix-icon:hover {
  color: var(--rb-breadcrumb-hover-icon-color);
}
.rb-breadcrumb .rb-breadcrumb-item-suffix-icon:active {
  color: var(--rb-breadcrumb-active-icon-color);
}
.rb-scrollbar {
  clip-path: inset(0 0 0 0);
  position: relative;
}
.rb-scrollbar .rb-scrollbar__wrapper {
  margin-bottom: -17px;
  margin-right: -17px;
  width: fit-content;
}
.rb-scrollbar-mode-hover .rb-scrollbar__bar_horizontal,
.rb-scrollbar-mode-hover .rb-scrollbar__bar_vertical {
  opacity: 0;
  transition: opacity 0.15s ease-out;
}
.rb-scrollbar-mode-hover:hover .rb-scrollbar__bar_horizontal,
.rb-scrollbar-mode-hover:hover .rb-scrollbar__bar_vertical {
  opacity: 1;
  transition: opacity 0.34s ease-out;
}
.rb-scrollbar__bar_vertical {
  bottom: 0;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 999;
}
.rb-scrollbar__bar_vertical .rb-scrollbar__thumb {
  width: 9px;
}
.rb-scrollbar__bar_horizontal,
.rb-scrollbar__bar_vertical {
  background-color: #fff;
}
.rb-scrollbar__bar_horizontal {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.rb-scrollbar__bar_horizontal .rb-scrollbar__thumb {
  height: 9px;
}
.rb-scrollbar-horizontal_top .rb-scrollbar__bar_horizontal {
  bottom: auto;
  position: sticky;
  top: 0;
  z-index: 999;
}
.rb-scrollbar__thumb {
  background-color: var(--rb-color-text-disabled);
  border-radius: 4px;
}
.rb-scrollbar__thumb:hover {
  cursor: pointer;
}
.rb-scrollbar__thumb:active,
.rb-scrollbar__thumb:hover {
  background-color: var(--rb-color-text-description);
}
.rb-scrollbar__backtop {
  align-items: center;
  background-color: #fff;
  border-radius: 30px;
  bottom: 20px;
  cursor: pointer;
  height: 30px;
  justify-content: center;
  position: absolute;
  right: 20px;
  transition: backgroundColor 0.15s ease-out;
  width: 30px;
}
.rb-scrollbar__backtop:hover {
  background-color: #eee;
  transition: backgroundColor 0.2s ease-out;
}
.rb-scrollbar__backtop.rb-scrollbar__backtop-show {
  display: inline-flex;
}
.rb-scrollbar__backtop.rb-scrollbar__backtop-hide {
  display: none;
}
.rb-header {
  align-items: center;
  background-color: var(--rb-header-bg-color);
  box-shadow: inset 0 -2px 0 0 var(--rb-header-bottom-border-color);
  color: var(--rb-header-font-color);
  display: flex;
  height: 58px;
  justify-content: space-between;
  padding: 0 16px 2px;
  width: 100%;
}
.rb-header .rb-logo {
  display: flex;
  height: 56px;
  width: 200px;
}
.rb-header .rb-logo img {
  display: block;
  max-height: 56px;
  max-width: 200px;
  object-fit: cover;
}
.rb-header .rb-header-split {
  border-left: 1px solid var(--rb-header-spilt-color);
  height: 20px;
  width: 1px;
}
.rb-header .rb-header-left-area,
.rb-header .rb-header-right-area {
  align-items: center;
  display: inline-flex;
}
.rb-header .rb-breadcrumb {
  color: var(--rb-header-breadcrumb-font-color);
  margin: 0 16px;
}
.rb-header .rb-breadcrumb > span:not(:last-child) {
  color: var(--rb-header-breadcrumb-previous-font-color);
}
.rb-header .rb-breadcrumb .rb-breadcrumb-item-split {
  color: var(--rb-header-breadcrumb-separator-color);
}
.rb-header .rb-breadcrumb .rb-breadcrumb-item-suffix-icon {
  color: var(--rb-header-breadcrumb-icon-color);
}
.rb-header .rb-breadcrumb .rb-breadcrumb-item-suffix-icon:hover {
  color: var(--rb-header-breadcrumb-icon-hover-color);
}
.rb-header .rb-breadcrumb .rb-breadcrumb-item-suffix-icon:active {
  color: var(--rb-header-breadcrumb-icon-active-color);
}
.rb-header .rainbow.Menu {
  font-size: 24px;
}
.rb-header .rainbow:not(.Clear):not(.Help),
.rb-header .rb-btn-type-text {
  color: var(--rb-header-font-color);
}
.rb-header .rainbow:not(.Clear):not(.Help):not(.rb-tags-arrow):not(.Search):hover,
.rb-header .rainbow:not(.Clear):not(.Help):not(.rb-tags-arrow):not(.Search):hover .rainbow:not(.Clear):not(.Help),
.rb-header .rb-btn-type-text:not(.disabled):not(.rb-btn-loading):hover,
.rb-header .rb-btn-type-text:not(.disabled):not(.rb-btn-loading):hover .rainbow:not(.Clear):not(.Help) {
  color: var(--rb-header-font-hover-color);
}
.rb-header .rainbow:not(.Clear):not(.Help):not(.rb-tags-arrow):not(.Search):active,
.rb-header .rainbow:not(.Clear):not(.Help):not(.rb-tags-arrow):not(.Search):active .rainbow:not(.Clear):not(.Help),
.rb-header .rb-btn-type-text:not(.disabled):not(.rb-btn-loading):active,
.rb-header .rb-btn-type-text:not(.disabled):not(.rb-btn-loading):active .rainbow:not(.Clear):not(.Help) {
  color: var(--rb-header-font-active-color);
}
.rb-header .rb-badge-content {
  background-color: var(--rb-header-badge-bg-color);
}
.rb-header .rb-badge-count,
.rb-header .rb-badge-dot {
  box-shadow: 0 0 0 1px var(--rb-header-badge-border-color);
}
.rb-header .rb-badge-count {
  border: none;
  color: var(--rb-header-badge-color);
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  min-width: 16px;
}
.rb-header-expanded-icon {
  margin-right: 16px;
}
.rb-header-search-container {
  margin-right: 8px;
}
.rb-header-search-container .rb-input-group {
  color: var(--rb-header-search-color);
}
.rb-header-search-container .rb-input-wrapper {
  background-color: var(--rb-header-search-bg-color);
  border-color: var(--rb-header-search-border-color);
}
.rb-header-search-container .rb-input-wrapper-active,
.rb-header-search-container .rb-tags:not(.rb-tags-disabled).rb-tags-open {
  border-color: var(--rb-header-search-input-content-focus-border-color);
  box-shadow: 0 0 0 2px var(--rb-header-search-input-content-focus-bs-color);
}
.rb-header-search-container .rb-input-wrapper-hover,
.rb-header-search-container .rb-tags:not(.rb-tags-disabled):hover {
  border-color: var(--rb-header-search-input-content-focus-border-color);
}
.rb-header-search-container .rb-input {
  background-color: var(--rb-header-search-bg-color);
  color: var(--rb-header-search-color);
}
.rb-header-search-container .rb-input::-webkit-input-placeholder {
  color: var(--rb-header-search-input-placeholder-color);
}
.rb-header-search-container .rb-input-prefix,
.rb-header-search-container .rb-input-suffix {
  font-size: 14px;
  line-height: 22px;
}
.rb-header-search-container .rb-input-prefix .rainbow,
.rb-header-search-container .rb-input-suffix .rainbow {
  font-size: 16px;
}
.rb-header-search-container .rb-input-prefix .rainbow.rb-tags-arrow,
.rb-header-search-container .rb-input-suffix .rainbow.rb-tags-arrow {
  color: var(--rb-header-search-fix-cion);
}
.rb-header-search-container .rb-input-prefix .rainbow.Search,
.rb-header-search-container .rb-input-suffix .rainbow.Search {
  color: var(--rb-header-search-icon-color);
}
.rb-header-search-container .rb-input-prefix .rainbow.Search:hover,
.rb-header-search-container .rb-input-suffix .rainbow.Search:hover {
  color: var(--rb-header-search-icon-hover-color);
}
.rb-header-search-container .rb-input-prefix .rainbow.Search:active,
.rb-header-search-container .rb-input-suffix .rainbow.Search:active {
  color: var(--rb-header-search-icon-active-color);
}
.rb-header-action-bar .rb-icon-btn {
  height: 32px;
  width: 20px;
}
.rb-header-action-bar .rb-icon-btn .rainbow {
  font-size: 20px;
}
.rb-header-action-bar .record {
  border: 1.5px solid var(--rb-header-font-color);
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  position: relative;
  width: 20px;
}
.rb-header-action-bar .record:after {
  border: 1.5px solid var(--rb-header-font-color);
  border-radius: 50%;
  content: "";
  height: 8px;
  inset: 0;
  margin: auto;
  position: absolute;
  width: 8px;
}
.rb-header-action-bar .record.recording {
  border-color: var(--rb-btn-text-hover-color);
}
.rb-header-action-bar .record.recording:after {
  animation: recordAnimate 1.3s infinite;
  background-color: var(--rb-btn-text-hover-color);
  border-color: var(--rb-btn-text-hover-color);
}
.rb-header-action-bar .record:hover,
.rb-header-action-bar .record:hover:after {
  border-color: var(--rb-header-font-hover-color);
}
.rb-header-action-bar .record:active,
.rb-header-action-bar .record:active:after {
  border-color: var(--rb-header-font-active-color);
}
.rb-header-action-bar .user-info {
  align-items: center;
  display: inline-flex;
}
.rb-header-action-bar .user-info img {
  border-radius: 50%;
  height: 24px;
  width: 24px;
}
.rb-header-action-bar .user-info .rb-btn-suffix {
  font-size: 12px;
}
.more {
  padding: 16px 8px;
}
.more-item .title {
  color: var(--rb-color-text);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
}
.rb-header-search-Select .rb-select-single .rb-select-option:not(.disabled):not(.active).rb-select-option-over,
.rb-header-search-Select .rb-select-single .rb-select-option:not(.disabled):not(.active):hover {
  background-color: var(--rb-header-search-rb-select-option-hover-bg-color);
  color: var(--rb-header-search-rb-select-option-hover-color);
}
.rb-header-search-Select .rb-select-single .rb-select-option.active {
  background-color: var(--rb-header-search-select-single-option-active-bg-color);
  color: var(--rb-header-search-select-single-option-active-color);
}
@keyframes recordAnimate {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.rb-flexlayout {
  padding: 4px;
}
.rb-flexlayout-horizontal {
  display: flex;
}
.rb-flexlayout-vertical {
  display: flex;
  flex-direction: column;
}
.rb-flexlayout__item-expandable {
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}
.rb-flexlayout__item-horizontal {
  width: 100%;
}
.rb-flexlayout__item-horizontal.rb-flexlayout__item-expanded {
  opacity: 1;
  width: auto;
}
.rb-flexlayout__item-horizontal.rb-flexlayout__item-collapse {
  opacity: 0;
  width: 0 !important;
}
.rb-flexlayout__item-vertical {
  height: 100%;
}
.rb-flexlayout__item-vertical.rb-flexlayout__item-expanded {
  height: auto;
  opacity: 1;
}
.rb-flexlayout__item-vertical.rb-flexlayout__item-collapse {
  height: 0!important;
  opacity: 0;
}
.rb-flexlayout__item {
  flex: 1;
}
.rb-flexlayout__item.rb-flexlayout__item-controlled {
  flex: 0 0 auto;
  overflow: hidden;
}
.rb-flexlayout__item:not(.rb-flexlayout__item-controlled) {
  max-width: var(--other-flexlayout-item-width, 100%);
}
.rb-flexlayout__item__handler {
  --rb-flexlayout-handler-size: 2px;
  border-radius: var(--rb-flexlayout-handler-size);
  flex-shrink: 0;
  position: relative;
  transition: background 0.2s ease-in-out, opacity 0.2s ease-in-out;
  width: 12px;
}
.rb-flexlayout__item__handler.rb-flexlayout__item__handler-flexable:hover:after {
  background-color: #dfdfdf;
}
.rb-flexlayout__item__handler .rb-flexlayout__item__expander {
  cursor: pointer;
  position: absolute;
  z-index: 2;
}
.rb-flexlayout__item__handler .rb-flexlayout__item__expander-inner {
  background-color: #9b9b9b;
  border-radius: 4px;
}
.rb-flexlayout__item__handler .rb-flexlayout__item__expander-inner:hover {
  background-color: #0d0d0d;
}
.rb-flexlayout__item__handler-vertical {
  height: var(--rb-flexlayout-handler-size);
  width: 100%;
}
.rb-flexlayout__item__handler-vertical.rb-flexlayout__item__handler-flexable {
  cursor: n-resize;
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander {
  left: 50%;
  margin-left: -2px;
  margin-top: -1px;
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-inner {
  height: 4px;
  width: 20px;
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-inner-arrow {
  background-color: transparent;
  height: 4px;
  position: relative;
  transition: height 0.2s ease-in-out, transform 0.2s ease-in-out;
  width: 20px;
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-inner-arrow:before {
  background-color: #0d0d0d;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  content: "";
  display: inline-block;
  height: 4px;
  left: 0;
  position: absolute;
  width: 10px;
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-inner-arrow:after {
  background-color: #0d0d0d;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  content: "";
  display: inline-block;
  height: 4px;
  position: absolute;
  right: 0;
  width: 10px;
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-inner-arrow.fixed:before {
  border-radius: 4px;
  transform: rotate(25deg);
  width: 12px;
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-inner-arrow.fixed:after,
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-inner-arrow:not(.fixed):hover:before {
  border-radius: 4px;
  transform: rotate(-25deg);
  width: 12px;
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-inner-arrow:not(.fixed):hover:after {
  border-radius: 4px;
  transform: rotate(25deg);
  width: 12px;
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-reverse .rb-flexlayout__item__expander-inner-arrow.fixed:before {
  transform: rotate(-25deg);
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-reverse .rb-flexlayout__item__expander-inner-arrow.fixed:after,
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-reverse .rb-flexlayout__item__expander-inner-arrow:not(.fixed):hover:before {
  transform: rotate(25deg);
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-reverse .rb-flexlayout__item__expander-inner-arrow:not(.fixed):hover:after {
  transform: rotate(-25deg);
}
.rb-flexlayout__item__handler-horizontal:after {
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  width: var(--rb-flexlayout-handler-size);
}
.rb-flexlayout__item__handler-horizontal.rb-flexlayout__item__handler-flexable {
  cursor: e-resize;
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander {
  left: 50%;
  margin-left: -1px;
  margin-top: -2px;
  top: 50%;
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-inner {
  height: 20px;
  width: 4px;
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-inner-arrow {
  background-color: transparent;
  height: 20px;
  position: relative;
  transition: height 0.2s ease-in-out, transform 0.2s ease-in-out;
  width: 4px;
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-inner-arrow:before {
  background-color: #0d0d0d;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  content: "";
  display: inline-block;
  height: 10px;
  position: absolute;
  top: 0;
  width: 4px;
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-inner-arrow:after {
  background-color: #0d0d0d;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 10px;
  position: absolute;
  width: 4px;
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-inner-arrow.fixed:before {
  border-radius: 4px;
  height: 12px;
  transform: rotate(-25deg);
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-inner-arrow.fixed:after,
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-inner-arrow:not(.fixed):hover:before {
  border-radius: 4px;
  height: 12px;
  transform: rotate(25deg);
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-inner-arrow:not(.fixed):hover:after {
  border-radius: 4px;
  height: 12px;
  transform: rotate(-25deg);
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-reverse .rb-flexlayout__item__expander-inner-arrow.fixed:before {
  transform: rotate(25deg);
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-reverse .rb-flexlayout__item__expander-inner-arrow.fixed:after,
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-reverse .rb-flexlayout__item__expander-inner-arrow:not(.fixed):hover:before {
  transform: rotate(-25deg);
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-reverse .rb-flexlayout__item__expander-inner-arrow:not(.fixed):hover:after {
  transform: rotate(25deg);
}
.rb-resize {
  box-sizing: border-box;
  position: relative;
}
.rb-resize-handler {
  background-color: var(--rb-resize-handler-color, var(--rb-primary-color));
  cursor: ew-resize;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s linear;
  width: 4px;
}
.rb-resize-handler:hover {
  opacity: 1;
}
.rb-resize-handler-right {
  padding-right: 4px;
}
.rb-resize-handler-right .rb-resize-handler {
  right: 0;
}
.rb-resize-handler-left {
  padding-left: 4px;
}
.rb-resize-handler-left .rb-resize-handler {
  left: 0;
}
.rb-message-box {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
}
.rb-message-box .rb-message {
  align-items: center;
  background-color: var(--rb-message-bg-color);
  border-radius: var(--rb-message-border-radius, 4px);
  box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
  color: var(--rb-color-text);
  display: flex;
  margin-top: var(--rb-message-margin-top, 16px);
  padding: var(--rb-message-padding, 8px 12px);
  pointer-events: auto;
  width: fit-content;
}
.rb-message-box .rb-message:first-child {
  margin-top: 90px;
}
.rb-message-box .rb-message .error,
.rb-message-box .rb-message .info,
.rb-message-box .rb-message .loading,
.rb-message-box .rb-message .success,
.rb-message-box .rb-message .warning {
  font-size: var(--rb-message-icon-font-size, 16px);
  margin-right: var(--rb-message-icon-margin-right, 8px);
}
.rb-message-box .rb-message .info {
  color: var(--rb-message-info-color);
}
.rb-message-box .rb-message .success {
  color: var(--rb-message-success-color);
}
.rb-message-box .rb-message .warning {
  color: var(--rb-message-warning-color);
}
.rb-message-box .rb-message .error {
  color: var(--rb-message-error-color);
}
.rb-input-group {
  color: var(--rb-color-text);
  display: flex;
  flex-direction: column;
}
.rb-input-group .rb-input-group-label {
  align-items: center;
  display: flex;
  height: var(--rb-input-group-label-height, 22px);
  line-height: var(--rb-input-group-label-height, 22px);
}
.rb-input-group .rb-input-group-label .rb-input-group-label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rb-input-group .rb-input-group-label .rb-required {
  color: var(--rb-input-Required-font-color);
  margin-left: 4px;
}
.rb-input-group .rb-input-group-label span.rainbow.HelpFill {
  color: var(--rb-input-HelpFill-font-color);
  margin-left: 4px;
}
.rb-input-group .rb-input-group-content {
  flex-grow: 1;
  min-height: 32px;
}
.rb-input-group .rb-input-group-content > input {
  outline: none;
}
.rb-vertical {
  display: flex;
  flex-direction: column;
}
.rb-vertical > .rb-input-group-label {
  margin-bottom: var(--rb-input-group-label-margin-bottom, 4px);
}
.rb-horizontal {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
}
.rb-horizontal .rb-input-group-label {
  height: var(--rb-input-group-label-horizontal-height, 32px);
  line-height: var(--rb-input-group-label-horizontal-height, 32px);
  margin-right: var(--rb-input-group-label-horizontal-margin-right, 10px);
  max-width: var(--rb-input-group-label-horizontal-max-width, 30%);
}
.rb-horizontal .rb-component-content {
  flex-grow: 1;
}
.rb-input-group {
  width: 100%;
}
.rb-input-group:not(.rb-status-error) .rb-input-content:not(.disabled):hover {
  border-color: var(--rb-input-content-hover-border-color);
}
.rb-input-group:not(.rb-status-error) .rb-input-content:not(.disabled):focus-within {
  border-color: var(--rb-input-content-focus-border-color);
  box-shadow: 0 0 0 2px var(--rb-input-content-focus-bs-color);
}
.rb-input-content {
  align-items: center;
  border: 1px solid var(--rb-input-content-border-color);
  border-radius: var(--rb-input-content-border-radius, 4px);
  display: flex;
  height: var(--rb-input-content-height, 32px);
  line-height: var(--rb-input-content-height, 32px);
  padding: var(--rb-input-content-padding, 0 12px);
  width: 100%;
}
.rb-input-content.prefix .rb-default-icon {
  margin-right: var(--rb-input-content-prefix-margin-right, 8px);
}
.rb-input-content.suffix .rb-default-icon {
  margin-left: var(--rb-input-content-suffix-margin-left, 8px);
}
.rb-input-content.center > .rb-input-out,
.rb-input-content.center > input {
  text-align: center;
}
.rb-input-content.right > .rb-input-out,
.rb-input-content.right > input {
  text-align: right;
}
.rb-input-content.out {
  border: none;
  padding: 0;
}
.rb-input-content.disabled {
  background-color: var(--rb-input-content-disabled-bg-color);
  cursor: not-allowed;
}
.rb-input-content.disabled > * {
  cursor: inherit;
}
.rb-input-percent {
  text-align: right;
}
.rb-input-number .rb-number-clear {
  display: none;
  margin-left: 8px;
}
.rb-input-number .rb-number-suffix {
  display: inline-block;
  flex-shrink: 0;
  margin-left: 8px;
  text-align: center;
  width: 16px;
}
.rb-allow-clear:not(.disabled):hover .rb-email-icon,
.rb-allow-clear:not(.disabled):hover .rb-number-suffix,
.rb-email .rb-email-clear {
  display: none;
}
.rb-allow-clear:not(.disabled):hover .rb-email-clear,
.rb-allow-clear:not(.disabled):hover .rb-number-clear {
  display: block;
}
.rb-input {
  background-color: transparent;
  border: none;
  color: var(--rb-global-font-color);
  font-size: var(--rb-input-font-size, 14px);
  height: 100%;
  letter-spacing: 0;
  line-height: 22px;
  outline: none;
  text-align: inherit;
  width: 100%;
}
.rb-input::placeholder {
  color: var(--rb-placeholder-color);
}
.rb-input-prefix {
  margin-right: 8px;
}
.rb-input-suffix:not(:empty) {
  margin-left: 8px;
}
.rb-suffix-counter {
  color: var(--rb-suffix-counter);
}
.rb-input-prefix,
.rb-input-suffix {
  align-items: center;
  display: inline-flex;
  flex: none;
  font-size: 14px;
  justify-content: center;
  line-height: 22px;
  min-width: 16px;
}
.rb-input-prefix .rainbow,
.rb-input-suffix .rainbow {
  color: var(--rb-input-fix-icon-color);
  font-size: 16px;
}
.rb-input-prefix .rb-input-suffix-icon,
.rb-input-suffix .rb-input-suffix-icon {
  color: var(--rb-input-fix-icon-color);
}
.rb-input-prefix .rb-input-click,
.rb-input-suffix .rb-input-click {
  color: var(--rb-input-fix-icon-click-color);
  cursor: pointer;
}
.rb-input-prefix .rb-input-click:hover,
.rb-input-suffix .rb-input-click:hover {
  color: var(--rb-input-fix-icon-click-hover-color);
}
.rb-input-prefix .rb-input-click:active,
.rb-input-suffix .rb-input-click:active {
  color: var(--rb-input-fix-icon-click-active-color);
}
.has-event {
  cursor: pointer;
}
.rb-status-error .rb-checkbox-wrapper > .rb-checkbox > .rb-checkbox-inner,
.rb-status-error .rb-input-content,
.rb-status-error .rb-picker,
.rb-status-error .rb-radio-label > .rb-radio > .rb-radio-inner,
.rb-status-error .rb-tags,
.rb-status-error .rb-textarea-content,
.rb-verify-error .rb-checkbox-wrapper > .rb-checkbox > .rb-checkbox-inner,
.rb-verify-error .rb-input-content,
.rb-verify-error .rb-picker,
.rb-verify-error .rb-radio-label > .rb-radio > .rb-radio-inner,
.rb-verify-error .rb-tags,
.rb-verify-error .rb-textarea-content {
  border-color: var(--rb-input-error-border-color);
}
.rb-status-success .rb-checkbox-wrapper > .rb-checkbox > .rb-checkbox-inner,
.rb-status-success .rb-input-content,
.rb-status-success .rb-radio-label > .rb-radio > .rb-radio-inner,
.rb-status-success .rb-tags,
.rb-status-success .rb-textarea-content {
  border-color: var(--rb-input-success-border-color);
}
.rb-feedback-error {
  -webkit-animation: slide-in-top 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-top 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  color: var(--rb-color-error);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
@-webkit-keyframes slide-in-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slide-in-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.rb-input-out {
  display: block;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.rb-status-error .rb-input-wrapper {
  box-shadow: 0 0 0 2px var(--rb-input-content-error-focus-bs-color);
}
.rb-status-error .rb-input-wrapper,
.rb-status-error .rb-transfer .rb-transfer-list {
  border-color: var(--rb-input-error-border-color);
}
.rb-status-error .rb-transfer .rb-transfer-list .rb-checkbox-wrapper > .rb-checkbox > .rb-checkbox-inner,
.rb-status-error .rb-transfer .rb-transfer-list .rb-input-wrapper {
  border-color: var(--rb-input-content-border-color);
  box-shadow: none;
}
.rb-status-warning .rb-input-wrapper {
  border-color: var(--rb-input-warning-border-color, var(--rb-color-warning));
  box-shadow: 0 0 0 2px var(--rb-input-content-warning-focus-bs-color);
}
.rb-status-warning .rb-feedback-warning {
  color: var(--rb-color-warning);
}
.rb-status-success .rb-input-wrapper {
  border-color: var(--rb-input-success-border-color, var(--rb-color-success));
  box-shadow: 0 0 0 2px var(--rb-input-content-success-focus-bs-color);
}
.rb-status-success .rb-feedback-success {
  color: var(--rb-color-success);
}
.rb-input-wrapper {
  align-items: center;
  background-color: var(--rb-input-content-bg-color);
  border: 1px solid var(--rb-input-content-border-color);
  border-radius: var(--rb-input-content-border-radius, 4px);
  border-width: var(--rb-input-border-width, 1px);
  display: flex;
  height: var(--rb-input-content-height, 32px);
  line-height: var(--rb-input-content-height, 32px);
  overflow: hidden;
  padding: var(--rb-input-content-padding, 4px 11px);
  position: relative;
  width: 100%;
}
.rb-input-wrapper-disabled {
  background-color: var(--rb-input-content-disabled-bg-color);
  cursor: not-allowed;
}
.rb-input-wrapper-disabled input {
  cursor: not-allowed;
}
.rb-input-wrapper-hover {
  border-color: var(--rb-input-content-hover-border-color);
}
.rb-input-wrapper-active {
  border-color: var(--rb-input-content-focus-border-color);
  box-shadow: 0 0 0 2px var(--rb-input-content-focus-bs-color);
}
.rb-input-clear {
  cursor: pointer;
  height: 16px;
  line-height: 16px;
  position: absolute;
  width: 16px;
}
.rb-input-clear,
.rb-input-clear:active {
  color: var(--rb-remove-icon-hover);
}
.rb-input-suffix:not(.rb-suffix-wrapper-tile) .rb-input-clear:not(.rb-input-clear-hidden) + .rb-default-icon {
  visibility: hidden;
}
.rb-input-suffix {
  flex: none;
  position: relative;
}
.rb-input-clear-hidden {
  visibility: hidden;
}
.rb-suffix-wrapper-tile {
  width: auto;
}
.rb-suffix-wrapper-tile .rb-input-clear {
  margin-right: 8px;
  position: static;
}
.rb-suffix-no-node:has(.rb-input-clear-hidden) {
  min-width: 0;
}
.rb-suffix-no-node .rb-input-clear {
  position: static;
}
.rb-suffix-no-node .rb-input-clear-hidden {
  display: none;
}
.rb-default-icon {
  align-items: center;
  display: inline-flex;
  min-width: 16px;
}
.rb-rangepicker-popup,
.rb-timepicker-popup {
  background-color: var(--rb-timepicker-bg-color);
}
.rb-timepicker-input {
  width: 100%;
}
.rb-timepicker {
  border-radius: 4px;
  color: var(--rb-color-text);
  min-width: var(--rb-time-picker-min-width, 218px);
}
.rb-time-picker-container .rb-time-picker-header {
  margin-top: 4px;
}
.rb-time-picker-container .rb-time-picker-header ul {
  align-items: center;
  background-color: var(--rb-time-picker-header-bg-color);
  color: var(--rb-time-picker-header-color);
  display: flex;
  justify-content: space-around;
}
.rb-time-picker-container .rb-time-picker-header ul li {
  align-items: center;
  display: flex;
  font-size: 14px;
  height: 32px;
  justify-content: center;
  line-height: 32px;
  margin-right: 1px;
  min-width: 72px;
}
.rb-time-picker-container .rb-time-picker-header ul li:last-child {
  margin-right: 0;
}
.rb-time-picker-container .rb-time-picker-content {
  display: flex;
  height: 240px;
}
.rb-time-picker-container .rb-time-picker-content ul {
  box-shadow: 1px 0 0 0 var(--rb-picker-date-panel-border-color);
  margin: 0 1px 0 0;
  padding: 4px 0;
  position: relative;
  text-align: left;
  width: 100%;
}
.rb-time-picker-container .rb-time-picker-content ul li {
  cursor: pointer;
  height: 24px;
  line-height: 24px;
  margin: 8px 0;
  position: relative;
  text-align: center;
  width: 100%;
}
.rb-time-picker-container .rb-time-picker-content ul li.disabled {
  pointer-events: none;
}
.rb-time-picker-container .rb-time-picker-content ul li:not(.disabled):not(.active):hover {
  background-color: var(--rb-date-picker-time-hover-bg-color);
  color: var(--rb-date-picker-time-hover-color);
}
.rb-time-picker-container .rb-time-picker-content ul:last-child {
  box-shadow: none;
  margin-right: 0;
}
.rb-time-picker-container .rb-time-picker-content .hours,
.rb-time-picker-container .rb-time-picker-content .minutes,
.rb-time-picker-container .rb-time-picker-content .seconds {
  overflow-y: hidden;
}
.rb-time-picker-container .rb-time-picker-content .hours:hover,
.rb-time-picker-container .rb-time-picker-content .minutes:hover,
.rb-time-picker-container .rb-time-picker-content .seconds:hover {
  overflow-y: auto;
}
.rb-time-picker-container .rb-time-picker-content .hours::-webkit-scrollbar,
.rb-time-picker-container .rb-time-picker-content .minutes::-webkit-scrollbar,
.rb-time-picker-container .rb-time-picker-content .seconds::-webkit-scrollbar {
  display: none;
}
.rb-time-picker-container .rb-time-picker-content .hours .active,
.rb-time-picker-container .rb-time-picker-content .minutes .active,
.rb-time-picker-container .rb-time-picker-content .seconds .active {
  background-color: var(--rb-date-picker-time-checked-active-bg-color);
  color: var(--rb-date-picker-time-checked-active-color);
}
.rb-time-picker-container .rb-time-picker-content .hours.disabled,
.rb-time-picker-container .rb-time-picker-content .minutes.disabled,
.rb-time-picker-container .rb-time-picker-content .seconds.disabled {
  background-color: var(--rb-date-picker-time-disabled-bg-color);
  color: var(--rb-date-picker-time-disabled-color);
  pointer-events: none;
}
.rb-time-picker-container .rb-time-picker-content .hour-apm li.active {
  background-color: var(--rb-time-picker-container-hour-apm-active-bg-color);
  color: var(--rb-time-picker-container-hour-apm-active-font-color);
}
.rb-time-picker-container .rb-time-picker-content ul:last-child {
  border-right: none;
  margin: 0;
}
.rb-time-picker-footer {
  border-top: 1px solid var(--rb-picker-date-panel-border-color);
  justify-content: space-between;
  padding: 12px;
}
.rb-time-picker-footer .rb-btn {
  border-radius: 3px;
  height: 24px;
}
.switchBox {
  background-color: var(--rb-switchBox-switch-bg-color);
  border: 1px solid var(--rb-switchBox-switch-border-color);
  border-radius: calc(var(--rb-switch-box-height, 22px) / 2);
  box-sizing: border-box;
  color: var(--rb-switchBox-switch-color);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--rb-switch-box-font-size, 12px);
  height: var(--rb-switch-box-height, 22px);
  line-height: var(--rb-switch-box-height, 20px);
  min-width: var(--rb-switch-box-min-width, 44px);
  outline: none;
  overflow: hidden;
  position: relative;
  transition: all 0.3s linear;
  width: fit-content;
}
.switchBox:hover {
  background-color: var(--rb-switchBox-switch-bg-hover-color);
  border-color: var(--rb-switchBox-switch-border-hover-color);
}
.switchBox:focus {
  outline: none;
}
.switchBox .rb-spin-body {
  fill: var(--rb-switchBox-switch-bg-color) !important;
}
.rb-horizontal .switchBox {
  margin-bottom: var(--rb-switch-box-margin-bottom, 6px);
  margin-top: var(--rb-switch-box-margin-top, 6px);
}
.switchBox.switch-checked {
  background-color: var(--rb-switchBox-switch-checked-bg-color);
  border-color: var(--rb-switchBox-switch-checked-border-color);
  color: var(--rb-switchBox-switch-checked-color);
}
.switchBox.switch-checked:hover {
  background-color: var(--rb-switchBox-switch-checked-bg-hover-color);
  border-color: var(--rb-switchBox-switch-checked-border-hover-color);
}
.switchBox.switch-disabled {
  background-color: var(--rb-switchBox-switch-disabled-bg-color);
  border-color: var(--rb-switchBox-switch-disabled-border-color);
  color: var(--rb-switchBox-switch-disabled-color);
  cursor: not-allowed;
}
.switchBox.switch-disabled .rb-spin-body {
  fill: var(--rb-switchBox-switch-disabled-bg-color) !important;
}
.switchBox.switch-disabled .switchBtn {
  background-color: var(--rb-switchBox-switch-disabled-handle-bg-color);
}
.switchBox.switch-disabled.switch-checked {
  background-color: var(--rb-switchBox-switch-checked-disabled-bg-color);
  border-color: var(--rb-switchBox-switch-checked-disabled-border-color);
  color: var(--rb-switchBox-switch-checked-disabled-color);
}
.switchBox.switch-disabled.switch-checked .rb-spin-body {
  fill: var(--rb-switchBox-switch-checked-disabled-bg-color) !important;
}
.switchBox.switch-disabled.switch-checked .switchBtn {
  background-color: var(--rb-switchBox-switch-checked-disabled-handle-bg-color);
}
.switchBox.switch-disabled > * {
  pointer-events: none;
}
.switchBox .offBox,
.switchBox .onBox {
  transition: all 0.3s linear;
}
.switchBox .offBox .rainbow,
.switchBox .onBox .rainbow {
  font-size: 14px;
}
.switchBox .onBox {
  margin-right: var(--rb-switch-on-box-margin-right, 20px);
  padding-left: 8px;
  padding-right: 4px;
}
.switchBox .offBox {
  display: inline-block;
  margin-left: var(--rb-switch-off-box-margin-left, 20px);
  padding-left: 4px;
  padding-right: 8px;
}
.switchBox .offBox > span,
.switchBox .onBox > span {
  line-height: var(--rb-switch-box-height, 20px);
}
.switchBox .switchBtn {
  align-items: center;
  background-color: var(--rb-switchBox-switch-handle-bg-color);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: calc(var(--rb-switch-box-height, 22px) - 4px);
  justify-content: center;
  left: 1px;
  position: absolute;
  top: 1px;
  transition: all 0.3s linear;
  width: calc(var(--rb-switch-box-height, 22px) - 4px);
}
.switchBox.switch-checked .switchBtn {
  background-color: var(--rb-switchBox-switch-checked-handle-bg-color);
  left: calc(100% - var(--rb-switch-box-height, 22px) + 2px);
}
.rb-radio-group {
  position: relative;
}
.rb-radio-group.vertical {
  display: flex;
  flex-direction: column;
}
.rb-radio-group.with-gap {
  display: flex;
}
.rb-radio-group.with-gap .rb-radio-label.button {
  border-radius: var(--rb-radio-border-border-radius, 4px);
}
.rb-radio-group.with-gap .rb-radio-label.button.active .rb-radio-button-arrow {
  border-bottom-right-radius: var(--rb-radio-border-border-radius, 4px);
  bottom: 0;
  right: 0;
}
.rb-radio-label {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  height: var(--rb-radio-label-height, 32px);
  margin-right: var(--rb-radio-label-margin-right, 16px);
}
.rb-radio-label:not(.disabled):not(.active):focus-within .rb-radio .rb-radio-inner,
.rb-radio-label:not(.disabled):not(.active):hover .rb-radio .rb-radio-inner {
  border-color: var(--rb-radio-inner-hover-border-color);
}
.rb-radio-label:not(.disabled):not(.active) .rb-radio > input:focus-visible + .rb-radio-inner {
  outline: 4px solid var(--rb-tab-active-border-color, #39364e);
  outline-offset: 1px;
}
.rb-radio-label:not(.disabled):not(.active).button:focus-visible {
  outline: 4px solid var(--rb-tab-active-border-color, #39364e);
  outline-offset: 1px;
}
.rb-radio-label .rb-radio {
  cursor: pointer;
  height: 16px;
}
.rb-radio-label .rb-radio input {
  height: 16px;
  opacity: 0;
  position: absolute;
  width: 16px;
  z-index: -1;
}
.rb-radio-label .rb-radio .rb-radio-inner {
  background-color: var(--rb-radio-inner-bg-color);
  border: 1px solid var(--rb-radio-inner-border-color);
  border-radius: 50%;
  display: inline-block;
  height: 16px;
  margin-right: 8px;
  position: relative;
  width: 16px;
}
.rb-radio-label .rb-radio > input:checked .rb-radio-inner,
.rb-radio-label.active .rb-radio-inner {
  border-color: var(--rb-radio-inner-checked-border-color);
}
.rb-radio-label .rb-radio > input:checked .rb-radio-inner:after,
.rb-radio-label.active .rb-radio-inner:after {
  background-color: var(--rb-radio-inner-after-checked-bg-color);
  border-radius: 16px;
  content: "";
  display: block;
  height: 16px;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  transform: scale(0.5);
  width: 16px;
}
.rb-radio-label .rb-radio > input:checked.border,
.rb-radio-label.active.border {
  color: var(--rb-radio-input-checked-border-color);
}
.rb-radio-label .rb-radio > input:checked.button,
.rb-radio-label.active.button {
  background-color: var(--rb-radio-input-checked-button-bg-color);
  border-color: var(--rb-radio-input-checked-button-border-color);
  color: var(--rb-radio-input-checked-button-color);
  z-index: 2;
}
.rb-radio-label .rb-radio > input:checked.solid,
.rb-radio-label.active.solid {
  border-color: var(--rb-radio-input-checked-solid-border-color);
  border-left-width: 0;
  color: var(--rb-radio-input-checked-solid-color);
}
.rb-radio-label.border {
  border: 1px solid var(--rb-radio-label-border-color);
  border-radius: var(--rb-radio-border-border-radius, 4px);
  padding: var(--rb-radio-border-padding, 0 10px);
}
.rb-radio-label.border:not(.disabled):focus-within,
.rb-radio-label.border:not(.disabled):hover {
  color: var(--rb-radio-label-border-hover-font-color);
}
.rb-radio-label.button {
  background-color: var(--rb-radio-label-button-bg-color);
  border: 1px solid var(--rb-radio-label-button-border-color);
  margin-left: -1px;
  margin-right: 0;
  padding: var(--rb-radio-button-padding, 0 15px);
  position: relative;
}
.rb-radio-label.button:not(.disabled):not(.active):hover {
  background-color: var(--rb-radio-label-button-hover-bg-color);
  border-color: var(--rb-radio-label-button-hover-border-color);
  color: var(--rb-radio-label-button-hover-color);
}
.rb-radio-label.button:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.rb-radio-label.button:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.rb-radio-label.button:not(.disabled):hover {
  z-index: 1;
}
.rb-radio-label.button .rb-radio-inner {
  display: none;
}
.rb-radio-label.disabled,
.rb-radio-label.disabled .rb-radio {
  cursor: not-allowed;
}
.rb-radio-label.disabled.active .rb-radio-inner {
  --rb-radio-inner-checked-border-color: var(--rb-radio-inner-disabled-border-color);
  --rb-radio-inner-after-checked-bg-color: var(--rb-radio-inner-disabled-after-checked-bg-color);
}
.rb-radio-label.disabled.button {
  background-color: var(--rb-radio-label-disabled-bg-color);
  border-color: var(--rb-radio-label-button-disabled-border-color);
  color: var(--rb-radio-label-disabled-color);
}
.rb-radio-label.disabled.button.active:not(.corner_mark) {
  background-color: var(--rb-radio-label-disabled-active-bg-color);
  color: var(--rb-radio-label-disabled-active-color);
}
.rb-radio-label.disabled.button .rb-radio-button-arrow {
  border-bottom: 10px solid var(--rb-radio-button-disabled-arrow-color);
  border-right: 10px solid var(--rb-radio-button-disabled-arrow-color);
}
.rb-radio-label.disabled .rb-radio-inner {
  background-color: var(--rb-radio-label-disabled-bg-color);
}
.rb-radio-button-arrow {
  border: 10px solid transparent;
  border-bottom: none;
  border-bottom: 10px solid var(--rb-radio-button-arrow-color);
  border-right: none;
  border-right: 10px solid var(--rb-radio-button-arrow-color);
  bottom: -1px;
  height: 0;
  position: absolute;
  right: -1px;
  width: 0;
  z-index: 3;
}
.rb-radio-button-arrow:after {
  border-bottom: 2px solid var(--rb-radio-button-arrow-border-color);
  border-left: 2px solid var(--rb-radio-button-arrow-border-color);
  content: "";
  height: 3px;
  position: absolute;
  transform: rotate(-50deg);
  width: 6px;
}
.disabled .rb-radio-button-arrow {
  border-bottom: 10px solid var(--rb-radio-button-disabled-arrow-color);
  border-right: 10px solid var(--rb-radio-button-disabled-arrow-color);
}
.disabled .rb-radio-button-arrow:after {
  border-bottom: 2px solid var(--rb-radio-button-disabled-arrow-border-color);
  border-left: 2px solid var(--rb-radio-button-disabled-arrow-border-color);
}
.rb-tags {
  outline: none;
}
.rb-tags-searchable {
  cursor: text;
}
.rb-tags-searchable .rb-tags-input-wrapper {
  border: none;
  outline: none;
  padding: 0;
  width: 100%;
}
.rb-tags-searchable .rb-tags-input-wrapper:focus {
  border: none;
  box-shadow: none;
}
.rb-tags-searchable .rb-tags-icon {
  width: auto;
}
.rb-out {
  background-color: transparent;
  border: none;
  cursor: default;
  height: 32px;
  padding: 0;
}
.rb-out .rb-tags-container {
  max-width: none;
}
.rb-tags-container {
  align-items: center;
  background-color: inherit;
  display: flex;
  gap: 4px;
  max-width: var(--rb-tags-container-max-width, calc(100% - 24px));
  position: relative;
  width: 100%;
}
.rb-tags-container .rb-placeholder {
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.rb-tags-single-mode {
  height: var(--rb-tags-height, 32px);
}
.rb-tags-single-mode .rb-tags-input-container {
  font-size: 14px;
  line-height: 22px;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.rb-tags-single-mode .rb-tags-input-container input,
.rb-tags-single-mode.rb-tags-searchable .rb-tags-single-option {
  width: 100%;
}
.rb-tags-single-mode.rb-tags-searchable .rb-tags-container:focus .rb-tags-input-container,
.rb-tags-single-mode.rb-tags-searchable .rb-tags-container:focus-within .rb-tags-input-container {
  opacity: 0.6;
  z-index: 1;
}
.rb-tags-single-mode.rb-tags-searchable .rb-tags-container:focus .rb-tags-input-container.has-value,
.rb-tags-single-mode.rb-tags-searchable .rb-tags-container:focus-within .rb-tags-input-container.has-value {
  opacity: 1;
}
.rb-tags-single-mode.rb-tags-searchable .rb-tags-container:focus .rb-tags-input-container.has-value + .rb-tags-single-option,
.rb-tags-single-mode.rb-tags-searchable .rb-tags-container:focus-within .rb-tags-input-container.has-value + .rb-tags-single-option {
  display: none;
}
.rb-tags-single-mode.rb-tags-searchable .rb-tags-container:focus .rb-tags-single-option,
.rb-tags-single-mode.rb-tags-searchable .rb-tags-container:focus-within .rb-tags-single-option {
  opacity: 0.6;
}
.rb-tags-multi-mode {
  height: auto;
  min-height: 32px;
}
.rb-tags-multi-mode.rb-tags-searchable .rb-tag {
  height: 24px;
  max-width: calc(100% - 8px);
}
.rb-tags-multi-mode .rb-tags-container {
  flex-wrap: wrap;
}
.rb-tags-multi-mode .rb-tags-input-container {
  box-sizing: border-box;
  display: inline-grid;
  flex: 1 1 auto;
  grid-area: 1/1/2/3;
  grid-template-columns: 0 min-content;
  height: 24px;
}
.rb-tags-multi-mode .rb-tags-input-container:after {
  border: 0;
  content: attr(data-value) " ";
  font: inherit;
  grid-area: 1/2 / auto / auto;
  margin: 0;
  min-width: 2px;
  outline: 0;
  padding: 0;
  visibility: hidden;
  white-space: pre;
}
.rb-tags-multi-mode .rb-tags-input-container > input {
  background-color: transparent;
  border: 0;
  font: inherit;
  grid-area: 1/2 / auto / auto;
  height: 24px;
  margin: 0;
  min-width: 2px;
  opacity: 1;
  outline: 0;
  padding: 0;
  width: 100%;
}
.rb-tags__fixedsuffix {
  margin-left: 4px;
}
.rb-select-down-container {
  background-color: var(--rb-select-down-container-bg-color);
  border-radius: var(--rb-select-down-border-radius, 4px);
  overflow: auto;
  width: 100%;
}
.rb-select-down-container .rb-select-list {
  margin: 0;
  max-height: var(--rb-select-down-list-max-height, 168px);
  overflow: auto;
  padding: var(--rb-select-down-list-padding, 4px 0);
}
.rb-select-down-container .rb-select-list .rb-select-group-name {
  color: var(--rb-select-group-name-font-color);
  font-size: var(--rb-select-down-group-font-size, 14px);
  height: var(--rb-select-down-group-height, 32px);
  line-height: var(--rb-select-down-group-line-height, 32px);
  padding: var(--rb-select-down-group-padding, 0 12px);
}
.rb-select-down-container .rb-select-list .rb-select-group .rb-select-option {
  padding-left: 30px;
}
.rb-select-down-container .rb-select-list .rb-select-option {
  color: var(--rb-color-text);
  cursor: pointer;
  height: var(--rb-select-down-option-height, 32px);
  line-height: var(--rb-select-down-option-line-height, 32px);
  overflow: hidden;
  padding: var(--rb-select-down-option-padding, 0 12px);
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.rb-select-down-container .rb-select-list .rb-select-option.disabled {
  color: var(--rb-select-option-disabled-color);
  pointer-events: none;
}
.rb-select-single .rb-select-option.active {
  background-color: var(--rb-select-option-active-bg-color);
  color: var(--rb-select-option-active-color);
}
.rb-select-single .rb-select-option:not(.disabled):not(.active).rb-select-option-over,
.rb-select-single .rb-select-option:not(.disabled):not(.active):hover {
  background-color: var(--rb-select-option-hover-bg-color);
  color: var(--rb-select-option-hover-color);
}
.rb-select-multi .rb-select-option {
  position: relative;
}
.rb-select-multi .rb-select-option.active {
  background-color: var(--rb-select-option-active-bg-color);
  color: var(--rb-select-option-active-color);
  padding-right: 36px;
}
.rb-select-multi .rb-select-option.active:after {
  border-bottom: 1.5px solid var(--rb-select-multi-arrow-color);
  border-left: 1.5px solid var(--rb-select-multi-arrow-color);
  content: "";
  height: 7px;
  position: absolute;
  right: 12px;
  top: 10px;
  transform: rotate(-45deg);
  width: 14px;
}
.rb-select-multi .rb-select-option:not(.disabled):not(.active).rb-select-option-over,
.rb-select-multi .rb-select-option:not(.disabled):not(.active):hover {
  background-color: var(--rb-select-option-hover-bg-color);
  color: var(--rb-select-option-hover-color);
}
.rb-select-no-data {
  color: var(--rb-select-no-data-color);
  line-height: 40px;
  text-align: center;
}
.rb-tags-multi-mode .rb-tag {
  background-color: var(--rb-select-multi-tag-bg-color);
  border-color: var(--rb-select-multi-tag-border-color);
  color: var(--rb-select-multi-tag-color);
  font-size: 14px;
  line-height: 22px;
}
.rb-tags-multi-mode.rb-input-wrapper-disabled .rb-tag {
  background-color: var(--rb-select-multi-disabled-tag-bg-color);
  border-color: var(--rb-select-multi-disabled-tag-border-color);
  color: var(--rb-select-multi-disabled-tag-color);
}
.rb-input-number.out {
  background-color: transparent;
  text-align: right;
}
.rb-input-wrapper.rb-textarea-wrapper {
  height: auto;
  padding: 0;
  position: relative;
  width: 100%;
}
.rb-input-wrapper.rb-textarea-wrapper textarea {
  border: none;
  border-radius: 4px;
  font-size: 14px;
  line-height: 22px;
  outline: none;
  padding: 4px 35px 4px 11px;
  resize: var(--rb-textarea-resize, vertical);
  scrollbar-width: thin;
  -webkit-user-select: text!important;
  user-select: text!important;
  width: 100%;
}
.rb-input-wrapper.rb-textarea-wrapper .rb-input-clear {
  position: absolute;
  right: 12px;
  top: 8px;
}
.rb-textarea-out textarea {
  resize: none;
  user-select: none;
}
.rb-textarea-number {
  color: var(--rb-textarea-number-color);
  display: block;
  font-size: 14px;
  line-height: 22px;
  margin-top: 4px;
  text-align: right;
}
.rb-checkbox-group {
  align-items: center;
  display: flex;
  height: var(--rb-checkbox-group-height, 32px);
  justify-content: flex-start;
}
.rb-checkbox-group:not(.vertical):not(.with-button-type) > .rb-checkbox-wrapper {
  margin-right: var(--rb-checkbox-group-item-margin-right, 16px);
}
.rb-checkbox-group.vertical {
  align-items: flex-start;
  flex-direction: column;
  height: auto;
}
.rb-checkbox-group.vertical .rb-checkbox-wrapper {
  width: 100%;
}
.rb-checkbox-group.disabled {
  color: var(--rb-transfer-list-body-disabled-color);
  cursor: not-allowed;
}
.rb-checkbox-group.disabled > .rb-checkbox {
  pointer-events: none;
}
.rb-checkbox-button-arrow {
  border: 10px solid transparent;
  border-bottom: none;
  border-bottom: 10px solid var(--rb-radio-button-arrow-color);
  border-right: none;
  border-right: 10px solid var(--rb-radio-button-arrow-color);
  bottom: -1px;
  height: 0;
  position: absolute;
  right: -1px;
  width: 0;
  z-index: 3;
}
.rb-checkbox-button-arrow:after {
  border-bottom: 2px solid var(--rb-radio-button-arrow-border-color);
  border-left: 2px solid var(--rb-radio-button-arrow-border-color);
  content: "";
  height: 3px;
  position: absolute;
  transform: rotate(-50deg);
  width: 6px;
}
.rb-checkbox-wrapper {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  height: var(--rb-checkbox-height, 32px);
  max-width: var(--rb-checkbox-max-width, 100%);
}
.rb-checkbox-wrapper.with-button-type {
  border: 1px solid var(--rb-checkbox-border-color);
  border-radius: 4px;
  margin-right: 8px;
  padding: 0 16px;
  position: relative;
}
.rb-checkbox-wrapper.with-button-type .rb-checkbox {
  position: absolute;
  visibility: hidden;
  z-index: 0;
}
.rb-checkbox-wrapper.with-button-type .rb-checkbox-title {
  padding: 0;
  width: 100%;
}
.rb-checkbox-wrapper.with-button-type:not(.disabled):focus-within,
.rb-checkbox-wrapper.with-button-type:not(.disabled):hover {
  color: var(--rb-radio-label-button-hover-color);
}
.rb-checkbox-wrapper.with-button-type.with-checked {
  border-color: var(--rb-radio-button-arrow-color);
  color: var(--rb-radio-button-arrow-color);
}
.rb-checkbox-wrapper.with-button-type.with-checked .rb-checkbox-button-arrow {
  border-bottom-right-radius: var(--rb-radio-border-border-radius, 4px);
  bottom: 0;
  right: 0;
}
.rb-checkbox-wrapper:not(.disabled):not(.with-checked):focus-within .rb-checkbox:not(.rb-checkbox-indeterminate) .rb-checkbox-inner,
.rb-checkbox-wrapper:not(.disabled):not(.with-checked):hover .rb-checkbox:not(.rb-checkbox-indeterminate) .rb-checkbox-inner {
  border-color: var(--rb-checkbox-hover-border-color);
}
.rb-checkbox-wrapper:not(.disabled):not(.with-checked) .rb-checkbox > input:focus-visible + .rb-checkbox-inner {
  outline: 4px solid var(--rb-tab-active-border-color, #39364e);
  outline-offset: 1px;
}
.rb-checkbox-wrapper .rb-checkbox {
  background-color: var(--rb-checkbox-bg-color);
  position: relative;
}
.rb-checkbox-wrapper .rb-checkbox .rb-checkbox-inner {
  border: 1px solid var(--rb-checkbox-border-color);
  border-radius: 2px;
  display: block;
  height: 16px;
  position: relative;
  width: 16px;
}
.rb-checkbox-wrapper .rb-checkbox > input[type=checkbox] {
  cursor: pointer;
  height: 100%;
  inset: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.rb-checkbox-wrapper .rb-checkbox > input[type=checkbox]:checked + .rb-checkbox-inner {
  background-color: var(--rb-checkbox-checked-bg-color);
  border-color: var(--rb-checkbox-checked-border-color);
}
.rb-checkbox-wrapper .rb-checkbox > input[type=checkbox]:checked + .rb-checkbox-inner:after {
  border-bottom: 2px solid var(--rb-checkbox-checked-after-border-color);
  border-left: 2px solid var(--rb-checkbox-checked-after-border-color);
  content: "";
  height: 4px;
  left: 2px;
  position: absolute;
  top: 3px;
  transform: rotate(-45deg);
  width: 8px;
}
.rb-checkbox-wrapper.disabled {
  cursor: not-allowed;
}
.rb-checkbox-wrapper.disabled > .rb-checkbox {
  pointer-events: none;
}
.rb-checkbox-wrapper.disabled.with-button-type {
  background-color: var(--rb-checkbox-disabled-unchecked-bg-color);
}
.rb-checkbox-wrapper.disabled.with-button-type.with-checked {
  background-color: var(--rb-checkbox-disabled-checked-bg-color);
  border-color: var(--rb-checkbox-disabled-checked-border-color);
}
.rb-checkbox-wrapper.disabled.with-button-type.with-checked .rb-checkbox-button-arrow {
  border-bottom-color: var(--rb-radio-button-disabled-arrow-color);
  border-right-color: var(--rb-radio-button-disabled-arrow-color);
}
.rb-checkbox-wrapper.disabled .rb-checkbox {
  background-color: var(--rb-checkbox-disabled-unchecked-bg-color);
}
.rb-checkbox-wrapper.disabled .rb-checkbox > input[type=checkbox]:checked + .rb-checkbox-inner {
  background-color: var(--rb-checkbox-disabled-checked-bg-color);
  border-color: var(--rb-checkbox-disabled-checked-border-color);
}
.rb-checkbox-wrapper.disabled .rb-checkbox > input[type=checkbox]:checked + .rb-checkbox-inner:after {
  border-bottom: 2px solid var(--rb-checkbox-disabled-checked-after-border-color);
  border-left: 2px solid var(--rb-checkbox-disabled-checked-after-border-color);
}
.rb-checkbox-wrapper.disabled .rb-checkbox-indeterminate .rb-checkbox-inner {
  border-color: var(--rb-checkbox-disabled-checked-border-color);
}
.rb-checkbox-wrapper.disabled .rb-checkbox-indeterminate .rb-checkbox-inner:after {
  background-color: var(--rb-checkbox-disabled-checked-after-border-color);
}
.rb-checkbox-wrapper .rb-checkbox-title {
  overflow: hidden;
  padding: var(--rb-checkbox-title-padding, 0 0 0 8px);
  text-overflow: ellipsis;
  user-select: none;
  white-space: nowrap;
  width: var(--rb-checkbox-title-width, calc(100% - 16px));
}
.rb-checkbox-wrapper .rb-checkbox-indeterminate .rb-checkbox-inner {
  border-color: var(--rb-checkbox-border-indeterminate-color);
}
.rb-checkbox-wrapper .rb-checkbox-indeterminate .rb-checkbox-inner:after {
  background-color: var(--rb-checkbox-bg-indeterminate-color);
  content: "";
  height: 60%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}
.drag-in-after {
  position: relative;
}
.drag-in-after:after {
  background-color: var(--rb-color-border-hover-focus);
  bottom: 0;
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
}
.drag-in-before {
  position: relative;
}
.drag-in-before:before {
  background-color: var(--rb-color-border-hover-focus);
  content: "";
  height: 2px;
  position: absolute;
  top: 0;
  width: 100%;
}
.rb-node-dragging {
  border: 1px solid var(--rb-color-border-hover-focus);
  padding: 0 4px;
}
.rb-node-drag-enter > *,
.rb-node-dragging > * {
  pointer-events: none;
}
.rb-pagination {
  align-items: flex-start;
  color: var(--rb-color-text);
  display: flex;
  justify-content: flex-start;
}
.rb-pagination.disabled {
  cursor: not-allowed;
}
.rb-pagination.disabled .rb-pagination-btn,
.rb-pagination.disabled .rb-pagination-item {
  background-color: var(--rb-pagination-disabled-bg-color);
  border-color: var(--rb-pagination-disabled-border-color) !important;
  color: var(--rb-pagination-disabled-color) !important;
  pointer-events: none;
}
.rb-pagination.disabled .rb-pagination-btn.active,
.rb-pagination.disabled .rb-pagination-item.active {
  background-color: var(--rb-pagination-active-disabled-bg-color) !important;
  border-color: var(--rb-pagination-active-disabled-border-color) !important;
  color: var(--rb-pagination-active-disabled-color);
}
.rb-pagination > li {
  align-items: center;
  display: flex;
  height: var(--rb-pagination-item-height, 32px);
  list-style: none;
  margin: var(--rb-pagination-item-margin, 0 4px);
}
.rb-pagination > li:first-child {
  margin-left: 0;
}
.rb-pagination > li:last-child {
  margin-right: 0;
}
.rb-pagination .rb-customer-next,
.rb-pagination .rb-customer-previous {
  padding: 4px 11px;
}
.rb-pagination .rb-pagination-btn,
.rb-pagination .rb-pagination-item {
  align-items: center;
  background-color: var(--rb-pagination-item-bg-color);
  border: 1px solid var(--rb-pagination-item-border-color);
  border-radius: var(--rb-pagination-item-border-radius, 4px);
  color: var(--rb-pagination-item-color);
  cursor: pointer;
  display: flex;
  height: var(--rb-pagination-item-height, 32px);
  justify-content: center;
  min-width: var(--rb-pagination-item-width, 32px);
}
.rb-pagination .rb-pagination-btn.turn-page,
.rb-pagination .rb-pagination-item.turn-page {
  color: var(--rb-pagination-turn-page-color);
}
.rb-pagination .rb-pagination-btn.none-border,
.rb-pagination .rb-pagination-item.none-border {
  border: none;
}
.rb-pagination .rb-pagination-btn.not,
.rb-pagination .rb-pagination-item.not {
  background-color: var(--rb-pagination-itemnot-bg-color);
  border-color: var(--rb-pagination-itemnot-border-color);
  color: var(--rb-pagination-itemnot-color);
  cursor: not-allowed;
}
.rb-pagination .rb-pagination-btn:not(.not):hover,
.rb-pagination .rb-pagination-item:not(.not):hover {
  background-color: var(--rb-pagination-item-hover-bg-color);
  border-color: var(--rb-pagination-item-hover-border-color);
  color: var(--rb-pagination-item-hover-color);
}
.rb-pagination .rb-pagination-btn:not(.not):hover > .ellipsis,
.rb-pagination .rb-pagination-item:not(.not):hover > .ellipsis {
  display: none;
}
.rb-pagination .rb-pagination-btn:not(.not):hover > .turn,
.rb-pagination .rb-pagination-item:not(.not):hover > .turn {
  display: block;
}
.rb-pagination .rb-pagination-btn > .turn,
.rb-pagination .rb-pagination-item > .turn {
  display: none;
}
.rb-pagination .rb-pagination-btn:not(.not).active,
.rb-pagination .rb-pagination-item:not(.not).active {
  background-color: var(--rb-pagination-item-active-bg-color);
  border-color: var(--rb-pagination-item-active-border-color);
  color: var(--rb-pagination-item-active-color);
}
.rb-pagination .rb-pagination-size-change {
  height: var(--rb-pagination-item-height, 32px);
  margin-left: 12px;
  min-width: var(--rb-pagination-size-change-width, 80px);
}
.rb-pagination .rb-pagination-quick-jumper {
  align-items: baseline;
  display: flex;
  height: var(--rb-pagination-item-height, 32px);
  margin-left: 12px;
}
.rb-pagination .rb-pagination-quick-jumper > span {
  margin-right: 8px;
  white-space: nowrap;
}
.rb-pagination .rb-pagination-quick-jumper .rb-input-group {
  width: 64px;
}
.rb-pagination-mini {
  height: 24px;
  --rb-tags-height: 24px;
  --rb-tags-min-height: 24px;
  --rb-input-content-height: 24px;
}
.rb-pagination-mini .rb-input-group,
.rb-pagination-mini .rb-pagination-quick-jumper,
.rb-pagination-mini .rb-pagination-size-change,
.rb-pagination-mini .rb-pagination-total {
  height: 24px;
}
.rb-pagination-mini .rb-pagination-btn,
.rb-pagination-mini .rb-pagination-item {
  border: none;
  height: var(--rb-pagination-item-mini-height, 16px);
  margin: auto 0;
  width: var(--rb-pagination-item-mini-width, 16px);
}
.rb-pagination-mini .rb-input-wrapper {
  border-radius: 3px;
}
.rb-pagination-simple {
  align-items: flex-start;
  display: flex;
  height: auto;
}
.rb-pagination-simple .rb-pagination-btn {
  margin: 0;
}
.rb-pagination-simple .total-page {
  height: 32px;
  padding: 5px 0;
  text-align: center;
  width: 32px;
}
.rb-pagination-simple > .rb-input-group {
  width: var(--rb-pagination-simple-input-width, 64px);
}
.rb-pagination-simple .split {
  text-align: center;
  width: var(--rb-pagination-simple-split-width, 32px);
}
.rb-pagination-simple .rb-pagination-btn {
  border: none;
}
.rb-pagination-simple .rb-pagination-size-change {
  margin-left: 16px;
}
.rb-transfer {
  align-items: center;
  background-color: var(--rb-transfer-bg-color);
  display: flex;
  width: 100%;
}
.rb-transfer .rb-transfer-list {
  background-color: var(--rb-transfer-list-bg-color);
  border: 1px solid var(--rb-transfer-list-border-color);
  border-radius: var(--rb-transfer-list-border-radius, 4px);
  min-width: var(--rb-transfer-list-min-width, 260px);
  width: 100%;
}
.rb-transfer .rb-transfer-list .rb-transfer-list-header {
  align-items: center;
  background-color: var(--rb-transfer-list-header-bg-color);
  border-bottom: 1px solid var(--rb-transfer-list-border-color);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: flex;
  height: var(--rb-transfer-list-header-height, 46px);
  justify-content: space-between;
  padding: var(--rb-transfer-list-header-padding, 11px);
}
.rb-transfer .rb-transfer-list .rb-transfer-list-header .rb-transfer-list-header-title {
  flex-grow: 1;
  text-align: right;
}
.rb-transfer .rb-transfer-list .rb-transfer-search {
  padding: var(--rb-transfer-list-search-padding, 8px 11px);
}
.rb-transfer .rb-transfer-list .rb-transfer-list-body {
  height: 160px;
  overflow: auto;
}
.rb-transfer .rb-transfer-list .rb-transfer-list-body > .rb-tree {
  padding: 0 12px;
}
.rb-transfer .rb-transfer-list .rb-pagination {
  border-top: 1px solid var(--rb-transfer-list-border-color);
  justify-content: flex-end;
  padding: 5px 11px;
}
.rb-transfer .rb-transfer-list .rb-transfer-list-content .rb-transfer-list-content-item {
  align-items: center;
  display: flex;
  height: var(--rb-transfer-list-item-height, 32px);
  line-height: var(--rb-transfer-list-item-height, 32px);
  padding: var(--rb-transfer-list-item-padding, 0 11px);
}
.rb-transfer .rb-transfer-list .rb-transfer-list-content .rb-transfer-list-content-item:hover:not(.rb-one-way) {
  background-color: var(--rb-transfer-list-content-item-hover-bg-color);
  color: var(--rb-transfer-list-content-item-hover-color);
}
.rb-transfer .rb-transfer-list .rb-transfer-list-content .rb-transfer-list-content-item .rb-transfer-list-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.rb-transfer .rb-transfer-list .rb-transfer-list-content .rb-transfer-list-content-item .rb-transfer-list-delete {
  color: var(--rb-transfer-list-delete-font-color);
  cursor: pointer;
}
.rb-transfer .rb-transfer-list .rb-transfer-list-content .rb-transfer-list-content-item .rb-transfer-list-delete:hover {
  color: var(--rb-transfer-list-delete-hover-font-color);
}
.rb-transfer .rb-transfer-list .rb-transfer-list-content .rb-transfer-list-content-item .rb-checkbox-title {
  line-height: 22px;
}
.rb-transfer .rb-transfer-list .rb-transfer-list-content .rb-transfer-list-content-item-disabled {
  color: var(--rb-transfer-list-body-disabled-color);
}
.rb-transfer .rb-transfer-operation {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  margin-left: 12px;
  margin-right: 12px;
}
.rb-transfer .rb-transfer-operation .rb-transfer-ops-item {
  align-items: center;
  border: 1px solid var(--rb-btn-default-border-color);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  padding: 0 8px;
  width: 100%;
}
.rb-transfer .rb-transfer-operation .rb-transfer-ops-item .rb-transfer-ops-item-icon {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  position: static;
  right: inherit;
  width: 16px;
}
.rb-transfer .rb-transfer-operation .rb-transfer-ops-item .rb-transfer-operation-to-left,
.rb-transfer .rb-transfer-operation .rb-transfer-ops-item .rb-transfer-operation-to-right {
  margin-left: 8px;
  white-space: nowrap;
}
.rb-transfer .rb-transfer-operation .rb-transfer-ops-item.disabled {
  background-color: var(--rb-transfer-operation-disabled-bg-color);
  border-color: var(--rb-transfer-operation-disabled-border-color);
  color: var(--rb-transfer-operation-disabled-color);
  pointer-events: none;
}
.rb-transfer-disabled .rb-transfer-list {
  background-color: var(--rb-transfer-list-body-disabled-bg-color);
  color: var(--rb-transfer-list-body-disabled-color);
  cursor: not-allowed;
  pointer-events: none;
}
.rb-transfer-with-draggable > .rb-transfer-list-text {
  line-height: 1;
}
.rb-input-number-controls {
  align-items: center;
  border-left: 1px solid var(--rb-inputnumber-controls-border-color);
  display: inline-flex;
  flex-direction: column;
  height: var(--rb-inputnumber-operation-height, 30px);
  margin-left: 8px;
  visibility: hidden;
}
.rb-input-number-controls .rainbow {
  color: var(--rb-input-number-icon-color);
  font-size: 12px;
  padding: 0 5px;
}
.rb-input-number-controls .add,
.rb-input-number-controls .sub {
  cursor: pointer;
  height: 50%;
  line-height: 15px;
}
.rb-input-number-controls .add.disabled,
.rb-input-number-controls .sub.disabled {
  cursor: not-allowed;
}
.rb-input-number-controls .add.disabled > span,
.rb-input-number-controls .sub.disabled > span {
  color: var(--rb-inputnumber-disabled-font-color);
  pointer-events: none;
}
.rb-input-number-controls .add:hover .rainbow,
.rb-input-number-controls .sub:hover .rainbow {
  color: var(--rb-input-number-icon-hover-color);
}
.rb-input-number-controls .add {
  border-bottom: 1px solid var(--rb-inputnumber-controls-border-color);
}
.rb-input-number-with-controls {
  padding-right: 0 !important;
}
.rb-input-number-with-controls:hover .rb-input-number-controls {
  visibility: visible;
}
.rb-tree {
  color: var(--rb-color-text);
  padding: 4px 0;
  width: 100%;
}
.rb-tree-node,
.rb-tree-search {
  margin-bottom: 8px;
}
.rb-tree-node {
  align-items: center;
  display: flex;
  font-size: 14px;
  height: var(--rb-tree-node-height, 24px);
  justify-content: flex-start;
  line-height: var(--rb-tree-node-height, 22px);
  padding-left: 12px;
}
.rb-tree-node .rb-checkbox-wrapper {
  margin: 0 4px;
}
.rb-tree-node.disabled .rb-tree-node-text {
  color: var(--rb-tree-node-disabled-color);
}
.rb-tree-node.disabled .rb-tree-node-single.active .rb-tree-node-text {
  background-color: var(--rb-tree-node-single-disabled-active-bg-color);
  color: var(--rb-tree-node-single-disabled-active-color);
}
.rb-tree-node.disabled .rb-tree-node-choose {
  pointer-events: none;
}
.rb-tree-node.rb-tree-node-drag-after .rb-tree-node-text {
  position: relative;
}
.rb-tree-node.rb-tree-node-drag-after .rb-tree-node-text:after {
  background-color: var(--rb-color-border-hover-focus);
  bottom: 0;
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
}
.rb-tree-node .rb-tree-node:last-child {
  margin-bottom: 0;
}
.rb-tree-node.rb-tree-node-drag-inside .rb-tree-node-text:after {
  left: 30px;
}
.rb-tree-node.rb-tree-node-drag-before .rb-tree-node-text:after {
  display: none;
}
.rb-tree-node.rb-tree-node-drag-before .rb-tree-node-text {
  position: relative;
}
.rb-tree-node.rb-tree-node-drag-before .rb-tree-node-text:before {
  background-color: var(--rb-color-border-hover-focus);
  content: "";
  height: 2px;
  position: absolute;
  top: 0;
  width: 100%;
}
.rb-tree-node .rb-tree-node-gap {
  flex: none;
  height: 32px;
  margin-right: 8px;
  position: relative;
  width: 16px;
}
.rb-tree-node .rb-tree-node-gap.rb-tree-node-gap-with-line:before {
  border-left: 1px dashed var(--rb-tree-node-line-color);
  content: "";
  height: 100%;
  left: 6px;
  position: absolute;
}
.rb-tree-node .rb-tree-null-node {
  height: 32px;
  position: relative;
  width: 100%;
}
.rb-tree-node .rb-tree-null-node.rb-tree-null-node-with-line:before {
  border-left: 1px dashed var(--rb-tree-node-line-color);
  content: "";
  height: 100%;
  left: 6px;
  position: absolute;
  top: 0;
}
.rb-tree-node .rb-tree-null-node.rb-tree-null-node-with-line:after {
  border-bottom: 1px dashed var(--rb-tree-node-line-color);
  content: "";
  left: 6px;
  position: absolute;
  top: 50%;
  width: 100%;
}
.rb-tree-node .rb-tree-node-switch {
  align-items: center;
  display: inline-flex;
  flex: none;
  height: 32px;
  justify-content: flex-start;
  margin-right: 4px;
  width: 16px;
}
.rb-tree-node .rb-tree-node-switch .rb-tree-node-switch {
  cursor: pointer;
}
.rb-tree-node .rb-tree-node-switch .rb-tree-node-switch.off {
  transform: rotate(-90deg);
}
.rb-tree-node .rb-tree-node-choose {
  align-items: center;
  display: inline-flex;
  justify-content: flex-start;
}
.rb-tree-node .rb-tree-node-choose:hover .rb-tree-node-operation {
  display: inline-flex;
}
.rb-tree-node .rb-tree-node-choose .rb-tree-node-operation {
  align-items: center;
  cursor: pointer;
  display: none;
  user-select: none;
}
.rb-tree-node .rb-tree-node-choose .rb-tree-node-operation.show {
  display: inline-flex;
}
.rb-tree-node .rb-tree-node-text {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  justify-content: space-between;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  white-space: nowrap;
}
.rb-tree-node .rb-tree-node-text .rb-btn {
  margin: 0;
}
.rb-tree-node .rb-tree-node-text .rb-tree-node-action {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  margin-left: 40px;
  visibility: hidden;
}
.rb-tree-node .rb-tree-node-text .rb-tree-node-action .rb-btn {
  color: var(--rb-tree-header-custom-btn-text-color);
}
.rb-tree-node .rb-tree-node-text .rb-tree-node-action .rb-btn:hover {
  color: var(--rb-tree-header-custom-btn-text-hover-color);
}
.rb-tree-node .rb-tree-node-text .rb-tree-node-action .rb-btn:active {
  color: var(--rb-tree-header-custom-btn-text-active-color);
}
.rb-tree-node .rb-tree-node-text:hover .rb-tree-node-action {
  visibility: visible;
}
.rb-tree-node .rb-tree-node-content-wrapper {
  align-items: center;
  border-radius: 2px;
  display: inline-flex;
  gap: 8px;
  overflow: hidden;
  padding: var(--rb-tree-node-text-padding, 1px 4px);
}
.rb-tree-node .rb-tree-node-content-wrapper .rb-tree-node-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rb-tree-node .rb-tree-node-content-wrapper:hover {
  background-color: var(--rb-color-option-hover-bg);
  color: var(--rb-color-option-hover);
}
.rb-tree-node .rb-tree-node-content-wrapper:active {
  background-color: var(--rb-color-option-active-bg);
  color: var(--rb-color-option-active);
}
.rb-tree-node-leaf-first .rb-tree-null-node.rb-tree-null-node-with-line:before {
  height: 50%;
  top: 50%;
}
.rb-tree-node-leaf-last .rb-tree-null-node.rb-tree-null-node-with-line:before {
  height: 50%;
}
.rb-tree-node-single {
  width: 100%;
}
.rb-tree-node-single.active .rb-tree-node-text {
  background-color: var(--rb-tree-node-text-active-bg-color);
  border-radius: 2px;
  color: var(--rb-tree-node-text-active-color);
}
.rb-tree-node-multi .rb-tree-node-checkbox + .rb-tree-node-text.active {
  background-color: transparent;
}
.rb-tree-node-ban-select {
  pointer-events: none;
}
.rb-tree-directory .rb-tree-node.active {
  background-color: var(--rb-tree-directory-node-active-bg-color);
  color: var(--rb-tree-directory-node-active-color);
}
.rb-tree-directory .rb-tree-node:not(.active):not(.disabled):hover {
  background-color: var(--rb-tree-directory-node-hover-bg-color);
  color: var(--rb-tree-directory-node-hover-color);
}
.rb-tree-directory .rb-tree-node:not(.active):not(.disabled) .rb-tree-node-content-wrapper:hover {
  background-color: transparent;
  color: var(--rb-tree-directory-node-hover-color);
}
.rb-tree-directory .rb-tree-node.active .rb-tree-node-content-wrapper:hover {
  background-color: transparent;
  color: var(--rb-tree-directory-node-active-color);
}
.rb-treeselect-dropdown {
  background-color: var(--rb-treeselect-dropdown-bg-color);
  box-shadow: var(--rb-box-shadow-color);
  max-height: var(--rb-treeselect-max-height, 280px);
  min-height: var(--rb-treeselect-min-height, 200px);
  overflow-y: auto;
  padding: 4px 0;
}
.rb-treeselect-dropdown .rb-treeselect-dropdown-spin {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.rb-tree-select-suffix {
  width: auto;
}
.rb-tree-select-suffix .rb-tree-select-search {
  margin-left: 8px;
}
.rb-filterbox {
  background-color: var(--rb-table-filter-list-bg-color);
  border-radius: 3px;
  box-shadow: var(--rb-box-shadow-color);
  max-width: 480px;
  min-width: 224px;
  overflow: auto;
  padding: 10px;
}
.rb-filterbox > .rb-input-group {
  max-height: var(--rb-table-filter-list-max-height, 360px);
  overflow: auto;
}
.rb-filterbox > .rb-input-group .rb-checkbox-title {
  line-height: 1;
}
.rb-filterbox-footer {
  display: flex;
  justify-content: space-between;
}
.rb-filter-transfer {
  background-color: var(--rb-table-filter-list-bg-color);
  border-radius: 4px;
  padding: 16px;
}
.rb-filter-transfer-footer {
  display: flex;
  justify-content: end;
  padding: 10px 8px;
}
.rb-table-container {
  margin: var(--rb-table-container-margin, 0);
  position: relative;
  width: 100%;
}
.rb-table-container-header:not(:empty) {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.rb-table-container-header:not(:empty) .rb-input-group {
  width: fit-content;
}
.rb-table-box {
  overflow: auto;
  position: relative;
}
.rb-table-box:has(.rb-popup.rb-popup-show) {
  min-height: var(--rb-table-header-popup-height);
}
.rb-tabs-box-lazyload .rb-table-thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.rb-tabs-box-lazyload .rb-table-blank-tr {
  height: 44px;
  width: 100%;
}
.rb-table-fixed-header .rb-table-thead {
  position: sticky;
  top: 0;
  z-index: 6;
}
.rb-table-content {
  border-collapse: separate;
  border-spacing: 0;
  color: var(--rb-table-color);
  min-width: 100%;
  width: 100%;
}
.rb-table-content td .rb-btn:not(.rb-icon-btn).rb-btn-type-link,
.rb-table-content td .rb-btn:not(.rb-icon-btn).rb-btn-type-text {
  max-width: 100%;
}
.rb-table-content td,
.rb-table-content th {
  text-align: left;
}
.rb-table-content .rb-table-highlight-row {
  background-color: var(--rb-table-highlight-bg-color);
}
.rb-table-border th {
  border-top: 1px solid var(--rb-table-tbody-td-borderbottom-color);
}
.rb-table-border td:first-child,
.rb-table-border th:first-child {
  border-left: 1px solid var(--rb-table-tbody-td-borderbottom-color);
}
.rb-table-border td,
.rb-table-border th {
  border-right: 1px solid var(--rb-table-tbody-td-borderbottom-color);
}
.rb-table-thead {
  background-color: var(--rb-table-thead-bg-color);
  color: var(--rb-table-thead-color);
}
.rb-table-thead > tr {
  background-color: inherit;
  height: var(--rb-table-tr-height, 48px);
  line-height: var(--rb-table-tr-height, 48px);
}
.rb-table-thead > tr > th {
  border-bottom: 1px solid var(--rb-table-thead-borderbottom-color);
  position: relative;
  width: auto;
}
.rb-table-thead > tr .rb-table-selection-col {
  line-height: 1;
  text-align: center;
  width: 50px;
}
.rb-table-thead > tr .rb-table-thead-th {
  align-items: center;
  display: flex;
  padding: var(--rb-table-title-padding, 0 8px);
  position: relative;
}
.rb-table-thead > tr .rb-table-thead-th:has(.rb-table-filter-container) {
  width: 32px;
}
.rb-table-thead > tr .rb-table-thead-th .rb-table-filter-icon .rb-btn-type-text {
  color: var(--rb-table-head-filter-color);
}
.rb-table-thead > tr .rb-table-thead-th .rb-table-filter-icon .rb-btn-type-text:hover {
  color: var(--rb-table-head-filter-hover-color);
}
.rb-table-thead > tr .rb-table-thead-th .rb-table-filter-icon .rb-btn-type-text:active {
  color: var(--rb-table-head-filter-active-color);
}
.rb-table-cell .rb-table-filter-container .rb-table-filter-icon {
  width: auto;
}
.rb-table-head-action:not(:empty) {
  align-items: center;
  column-gap: 8px;
  display: inline-flex;
  margin-left: 8px;
}
.rb-table-head-action:not(:empty) > span.rainbow {
  cursor: pointer;
  font-size: 12px;
}
.rb-table-head-action:not(:empty) > span.Search {
  color: var(--rb-table-head-action-search-color);
  font-size: 14px;
}
.rb-table-head-action:not(:empty) > span.Search:hover {
  color: var(--rb-table-head-action-hover-color);
}
.rb-table-head-action:not(:empty) > span.Search.rb-table-filtered {
  color: var(--rb-table-head-action-active-color);
}
.rb-table-head-action:not(:empty) > span.FilterFill16 {
  color: var(--rb-table-head-action-filter-color);
}
.rb-table-head-action:not(:empty) > span.FilterFill16:hover {
  color: var(--rb-table-head-action-hover-color);
}
.rb-table-head-action:not(:empty) > span.FilterFill16.rb-table-filtered {
  color: var(--rb-table-head-action-active-color);
}
.rb-table-head-action-hover .rb-table-head-action {
  opacity: 0;
}
.rb-table-head-action-hover:hover .rb-table-head-action {
  opacity: 1;
}
.rb-table-title-wrapper {
  align-items: center;
  display: inline-flex;
  height: 22px;
}
.rb-table-title-wrapper.rb-table-title-wrapper-sorter {
  cursor: pointer;
}
.rb-table-title-wrapper span.HelpFill {
  color: var(--rb-input-HelpFill-font-color);
  font-weight: 400;
}
.rb-table-title {
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rb-table-summary,
.rb-table-tbody {
  position: relative;
}
.rb-table-summary tr:not(.rb-table-spin):not(.rb-table-expanded-row):hover,
.rb-table-tbody tr:not(.rb-table-spin):not(.rb-table-expanded-row):hover {
  background-color: var(--rb-table-tbody-tr-hover-bg-color);
}
.rb-table-summary .rb-table-expanded-row,
.rb-table-tbody .rb-table-expanded-row {
  background-color: var(--rb-table-tbody-tr-expanded-bg-color);
}
.rb-table-summary .rb-table-expanded-row > td,
.rb-table-tbody .rb-table-expanded-row > td {
  border-bottom: none;
  box-shadow: inset 0 -1px 0 0 var(--rb-table-tbody-td-borderbottom-color);
  padding: 0;
}
.rb-table-summary .rb-table-expanded-row > td > :first-child:not(.rb-table-container),
.rb-table-tbody .rb-table-expanded-row > td > :first-child:not(.rb-table-container) {
  padding: 16px 24px 24px;
}
.rb-table-summary .rb-table-expanded-row > td > :first-child:is(.rb-table-container),
.rb-table-tbody .rb-table-expanded-row > td > :first-child:is(.rb-table-container) {
  margin-left: 32px;
}
.rb-table-summary td,
.rb-table-tbody td {
  border-bottom: 1px solid var(--rb-table-tbody-td-borderbottom-color);
  height: var(--rb-table-td-height, 48px);
  padding: var(--rb-table-td-padding, 0 8px);
}
.rb-table-summary td:not(.rb-table-fixed-right):not(.rb-table-fixed-left),
.rb-table-tbody td:not(.rb-table-fixed-right):not(.rb-table-fixed-left) {
  overflow: hidden;
}
.rb-table-summary .rb-table-body-selection-col,
.rb-table-tbody .rb-table-body-selection-col {
  text-align: center;
}
.rb-table-summary .rb-table-body-selection-col .rb-radio-label,
.rb-table-tbody .rb-table-body-selection-col .rb-radio-label {
  justify-content: center;
  margin-right: 0;
}
.rb-table-cell-inner {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rb-table-fixed-left {
  z-index: 1;
}
.rb-table-fixed-left,
.rb-table-fixed-right {
  background-color: inherit;
  position: sticky !important;
}
.rb-table-fixed-left:after,
.rb-table-fixed-right:after {
  height: 100%;
  position: absolute;
  top: 0;
  width: 15px;
}
.rb-table-fixed-left-last {
  z-index: 5;
}
.rb-table-fixed-left-last:after {
  border-right: var(--rb-table-fixed-left-after-border, none);
  box-shadow: inset 4px 0 8px -4px var(--rb-table-fixed-left-after-bs-color);
  right: var(--rb-table-fixed-left-after-right, -15px);
}
.rb-table-fixed-right-first {
  right: 0;
  z-index: 5;
}
.rb-table-fixed-right-first:after {
  border-left: var(--rb-table-fixed-right-after-border, none);
  box-shadow: inset -4px 0 8px -4px var(--rb-table-fixed-right-after-bs-color);
  left: var(--rb-table-fixed-right-after-left, -15px);
}
.rb-table-title-operate-hover .rb-table-action {
  visibility: hidden;
}
.rb-table-title-operate-hover.rb-table-title-default-sort .rb-table-action,
.rb-table-title-operate-hover:hover .rb-table-action {
  visibility: visible;
}
.rb-table-sort {
  align-items: flex-end;
  color: var(--rb-table-head-action-sort-color);
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  margin-left: 8px;
  position: relative;
  transform: scale(0.5);
}
.rb-table-sort .badge {
  font-size: 18px;
  position: absolute;
  right: -12px;
  top: -20px;
}
.rb-table-sort:hover {
  color: var(--rb-table-head-action-hover-color);
}
.rb-table-sort .active {
  color: var(--rb-table-head-action-active-color);
}
.rb-table-row-expand-icon {
  line-height: 1;
  width: 16px;
}
.rb-table-footer-operate {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.rb-table-footer-operate.row-reverse {
  flex-direction: row-reverse;
}
.rb-table-footer-operate.row-reverse > .rb-pagination {
  justify-content: flex-start;
}
.rb-table-footer-operate > .rb-pagination {
  flex-grow: 1;
  justify-content: flex-end;
}
.rb-table-extend {
  height: 0;
  transition: height 0.3s linear;
}
.rb-table-extend.extend-on {
  height: 100%;
}
.rb-table-extend.extend-off {
  display: none;
  height: 0;
}
.rb-table-filter-container {
  display: inline-flex;
  margin-left: auto;
}
.rb-table-filter-container .rb-table-filter-icon {
  align-items: center;
  display: inline-flex;
  height: 16px;
  justify-content: center;
  width: 16px;
}
.rb-table-filter-list {
  background-color: var(--rb-table-filter-list-bg-color);
  border-radius: 3px;
  box-shadow: var(--rb-box-shadow-color);
  max-width: 480px;
  min-width: 224px;
  overflow: auto;
}
.rb-table-filter-checkbox-group {
  max-height: var(--rb-table-filter-list-max-height, 200px);
  overflow: auto;
}
.rb-table-no-record {
  color: var(--rb-table-no-record-color);
}
.rb-table-no-record td {
  text-align: center;
}
.rb-table-search-area {
  background-color: var(--rb-color-bg-elevated);
  border-radius: 4px;
  box-shadow: var(--rb-box-shadow-color);
  padding: 8px 0;
  z-index: 995;
}
.rb-table-search-area .rb-input-group,
.rb-table-search-area .rb-space,
.rb-table-search-area .rb-tree {
  padding: 0 12px;
}
.rb-table-search-area .rb-btn {
  border-radius: 2px;
  height: 24px;
}
.react-resizable-handle {
  border-bottom: transparent;
  border-top: transparent;
  cursor: w-resize;
  height: 20px;
  position: absolute;
  right: -3px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  z-index: 1;
}
.rb-table-spin {
  align-items: center;
  background-color: var(--rb-color-bg-mask-light);
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.rb-table-spin td {
  align-items: center;
  border: none;
  display: inline-flex;
}
.rb-table-row {
  background-color: var(--rb-table-bg-color);
}
.rb-table-thead-stripe {
  background-color: var(--rb-table-thead-stripe-bg-color) !important;
}
.rb-table-thead-stripe.rb-table-thead th {
  border-bottom-color: var(--rb-table-thead-stripe-borderbottom-color);
}
.rb-table-odd-row {
  background-color: var(--rb-table-odd-row-bg-color);
}
.rb-table-odd-row td {
  border-bottom: none;
}
.rb-table-even-row {
  background-color: var(--rb-table-even-row-bg-color);
}
.rb-table-even-row td {
  border-bottom: none;
}
.rb-table-box-ping-left:before,
.rb-table-box-ping-right:after {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 8px;
  z-index: 1;
}
.rb-table-box-ping-right {
  position: relative;
}
.rb-table-box-ping-right:after {
  box-shadow: inset -4px 0 8px -4px var(--rb-table-fixed-right-after-bs-color);
  right: 0;
}
.rb-table-box-ping-right .rb-table-fixed-right-first:after {
  content: "";
}
.rb-table-box-ping-left {
  position: relative;
}
.rb-table-box-ping-left:before {
  box-shadow: inset 4px 0 8px -4px var(--rb-table-fixed-left-after-bs-color);
  left: 0;
}
.rb-table-box-ping-left .rb-table-fixed-left-last:after {
  content: "";
}
.rb-table-filter-checkbox-group {
  padding: 4px 12px 8px;
}
.rb-table-filter-popup-content .rb-divider.rb-divider-horizontal {
  margin: 0;
}
.rb-table-filter-footer {
  padding: 12px;
}
.rb-table-select-container {
  background-color: var(--rb-table-select-container-bg-color);
  border-radius: 4px;
  margin: 0;
  padding: 12px 0;
}
.rb-table-select-container .rb-table-select__radio {
  margin-bottom: 16px;
  padding: 0 12px;
}
.rb-table-select {
  margin-bottom: 0;
}
.rb-table-select .rb-table-footer-operate {
  padding: 0 12px;
}
.rb-cascader,
.rb-cascader-loading {
  background-color: var(--rb-cascader-bg-color);
  display: flex;
}
.rb-cascader-loading {
  align-items: center;
  height: var(--rb-cascader-menu-height, 184px);
  justify-content: center;
}
.rb-cascader-menu {
  height: var(--rb-cascader-menu-height, 176px);
  max-width: var(--rb-cascader-menu-max-width, 240px);
  overflow: auto;
  padding: 4px 0 !important;
}
.rb-cascader-menu:not(:first-child) {
  border-left: 1px solid var(--rb-cascader-menu-item-border-color);
}
.rb-cascader-menu .rb-cascader-menu-item {
  align-items: center;
  color: var(--rb-cascader-menu-font-color);
  cursor: pointer;
  display: flex;
  height: var(--rb-cascader-menu-item-height, 32px);
  padding: var(--rb-cascader-menu-item-padding, 0 12px);
  position: relative;
  user-select: none;
  width: var(--rb-cascader-menu-item-width, 160px);
}
.rb-cascader-menu .rb-cascader-menu-item .rb-checkbox-wrapper {
  margin-right: 8px;
}
.rb-cascader-menu .rb-cascader-menu-item .rb-cascader-menu-item-text {
  flex: auto;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rb-cascader-menu .rb-cascader-menu-item .rb-cascader-menu-item-text.loaded:before {
  background-color: var(--rb-color-success);
  border-radius: 50%;
  content: "";
  height: 4px;
  left: 6px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
}
.rb-cascader-menu .rb-cascader-menu-item .rb-cascader-menu-item-arrow {
  color: var(--rb-cascader-menu-arrow-color);
}
.rb-cascader-menu .rb-cascader-menu-item.active {
  background-color: var(--rb-cascader-menu-active-color);
}
.rb-cascader-menu .rb-cascader-menu-item.active .rb-cascader-menu-item-text {
  color: var(--rb-cascader-menu-active-font-color);
}
.rb-cascader-menu .rb-cascader-menu-item.active .rb-cascader-menu-item-arrow {
  color: var(--rb-cascader-menu-arrow-active-color);
}
.rb-cascader-menu .rb-cascader-menu-item.disabled {
  background-color: var(--rb-cascader-menu-disabled-bg-color);
  color: var(--rb-cascader-menu-disabled-color);
  cursor: not-allowed;
}
.rb-cascader-menu .rb-cascader-menu-item:not(.active):not(.disabled):hover {
  background-color: var(--rb-cascader-menu-hover-bg-color);
  color: var(--rb-cascader-menu-hover-color);
  transition: all 0.3s ease-in;
}
.rb-cascader-menu .rb-cascader-menu-item:not(.active):not(.disabled):hover .rb-cascader-menu-item-arrow {
  color: var(--rb-cascader-menu-arrow-hover-color);
}
.rb-filter-menu {
  max-height: var(--rb-cascader-menu-max-height, 180px);
  overflow: auto;
  padding: 4px 0!important;
  width: 100%;
}
.rb-filter-menu .rb-filter-menu-item {
  cursor: pointer;
  display: block;
  height: var(--rb-cascader-menu-item-height, 32px);
  line-height: 32px;
  overflow: hidden;
  padding: var(--rb-cascader-search-menu-item-padding, 0 10px);
  text-overflow: ellipsis;
  user-select: none;
  white-space: nowrap;
}
.rb-filter-menu .rb-filter-menu-item:hover {
  background-color: var(--rb-filter-menu-hover-bg-color);
}
.rb-filter-menu p {
  padding: 5px 12px;
  text-align: center;
}
.rb-high-light {
  background-color: var(--rb-color-bg-highlight);
  color: var(--rb-high-light-font-color);
}
.rb-has-input-value .rb-cascader-select-item {
  opacity: 0 !important;
}
.rb-cascader-input-content input {
  z-index: -1;
}
.rb-cascader-input-content input:focus-within {
  z-index: 1;
}
.rb-search-result {
  background-color: var(--rb-search-result-bg-color);
  border-radius: 4px;
  box-shadow: var(--rb-box-shadow-color);
  max-height: var(--rb-search-result-height, 200px);
  overflow: auto;
}
.rb-search-result .rb-search-no-result {
  color: var(--rb-search-no-result-color);
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  margin: 6px 0;
  text-align: center;
}
.rb-search-loading {
  pointer-events: none;
}
.rb-search-loading .rb-allow-clear .rb-remove-icon {
  display: none;
}
.rb-search-wrapper .rb-suffix-wrapper-tile {
  overflow: hidden;
}
.rb-upload-input {
  display: inline-block;
  width: 100%;
}
.rb-upload-input input {
  display: none;
}
.rb-upload-picture-wall {
  align-items: center;
  justify-content: flex-start;
}
.rb-upload-picture-wall,
.rb-upload-picture-wall .rb-upload-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.rb-upload-picture-wall .rb-upload-list .rb-upload-input {
  width: auto;
}
.rb-upload-picture-wall .rb-upload-list .rb-upload-uploading,
.rb-upload-picture-wall .rb-upload-list .rb-upload-uploading .rb-upload-file-progress {
  padding: 0 8px;
}
.rb-upload-picture-wall-item,
.rb-upload-picture-wall-trigger {
  border-radius: 4px;
  cursor: pointer;
  height: 96px;
  width: 96px;
}
.rb-upload-picture-wall-item {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.rb-upload-picture-wall-item:hover .rb-upload-picture-wall-item-operate {
  opacity: 1;
}
.rb-upload-picture-wall-item-error {
  align-items: center;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  padding: 0 6px;
}
.rb-upload-picture-wall-item .item-icon {
  font-size: 32px;
}
.rb-upload-picture-wall-item .rb-upload-picture-wall-item-operate {
  align-items: center;
  background-color: var(--rb-upload-picture-wall-mask-color);
  border: none;
  border-radius: 4px;
  display: flex;
  gap: 10px;
  height: 100%;
  justify-content: center;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s linear;
  width: 100%;
}
.rb-upload-picture-wall-item .rb-upload-picture-wall-item-operate span {
  color: var(--rb-upload-picture-wall-icon-color);
}
.rb-upload-picture-wall-item .rb-upload-picture-wall-name {
  font-size: 10px;
  line-height: 1;
  margin-top: 8px;
  overflow: hidden;
  padding: 0 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.rb-upload-picture-wall-item .rb-upload-picture-wall-item-content {
  align-items: center;
  border: 1px solid var(--rb-upload-picture-wall-item-border-color);
  border-radius: 4px;
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.rb-upload-picture-wall-item .rb-upload-picture-wall-item-content img {
  width: 100%;
}
.rb-upload-picture-wall-item.rb-upload-state-error {
  background-color: var(--rb-upload-state-error-bg-color);
  border: 1px solid var(--rb-upload-state-error-border-color);
  color: var(--rb-upload-error-color);
}
.rb-upload-picture-wall-item .rb-upload-state-uploading {
  border: 1px dashed var(--rb-upload-dragger-trigger-color);
}
.rb-upload-picture-dialog .rb-dialog-content {
  align-items: center;
  display: flex;
  justify-content: center;
}
.rb-upload-picture-dialog .rb-dialog-content img {
  max-height: 100%;
  max-width: 100%;
}
.rb-upload-picture-wall-trigger {
  align-items: center;
  border: 1px dashed var(--rb-upload-dragger-trigger-border-color);
  display: flex;
  justify-content: center;
}
.rb-upload-picture-wall-trigger .rb-upload-picture-wall-icon {
  color: var(--rb-upload-dragger-trigger-icon-color);
  font-size: 20px;
}
.rb-upload-picture-wall-trigger:hover {
  border-color: var(--rb-upload-dragger-trigger-hover-color);
}
.rb-upload-picture-wall-trigger:hover .rb-upload-picture-wall-icon {
  color: var(--rb-upload-dragger-trigger-hover-color);
}
.rb-upload-picture-list-item {
  border: 1px solid var(--rb-upload-picture-list-item-border-color);
  border-radius: 4px;
  color: var(--rb-upload-list-item-color);
  display: flex;
  justify-content: space-between;
  padding: 7px;
}
.rb-upload-picture-list-item:not(:last-child) {
  margin-bottom: 8px;
}
.rb-upload-picture-list-item:hover:not(.rb-upload-state-uploading) {
  color: var(--rb-upload-list-item-hover-color);
}
.rb-upload-picture-list-item:hover:not(.rb-upload-state-uploading) .rb-upload-picture-list-item-operate {
  display: flex;
}
.rb-upload-picture-list-item:hover:not(.rb-upload-state-uploading) .rb-upload-picture-list-item-operate .rb-btn-type-text:not(.rb-btn-state-danger) {
  color: var(--rb-upload-list-item-custom-btn-text-color);
}
.rb-upload-picture-list-item:hover:not(.rb-upload-state-uploading) .rb-upload-picture-list-item-operate .rb-btn-type-text:not(.rb-btn-state-danger):hover {
  color: var(--rb-upload-list-item-custom-btn-text-hover-color);
}
.rb-upload-picture-list-item:hover:not(.rb-upload-state-uploading) .rb-upload-picture-list-item-operate .rb-btn-type-text:not(.rb-btn-state-danger):active {
  color: var(--rb-upload-list-item-custom-btn-text-active-color);
}
.rb-upload-picture-list-item:hover:not(.rb-upload-state-uploading).rb-upload-state-error {
  color: var(--rb-upload-error-hover-color);
}
.rb-upload-picture-list-item:hover:not(.rb-upload-state-uploading).rb-upload-state-error .rb-upload-picture-list-header-img {
  color: var(--rb-upload-error-color);
}
.rb-upload-picture-list-item .rb-upload-uploading {
  align-items: center;
  display: flex;
  width: 100%;
}
.rb-upload-picture-list-item .rb-upload-uploading .rb-spin-body {
  height: 24px;
  width: 24px;
}
.rb-upload-picture-list-item .rb-upload-uploading .rb-upload-uploading-content {
  flex-grow: 1;
  margin-left: 8px;
}
.rb-upload-picture-list-item .rb-upload-uploading .rb-upload-file-progress {
  height: 4px;
  line-height: 0;
  margin-bottom: 2px;
  padding: 0;
}
.rb-upload-picture-list-item .rb-upload-uploading .rb-upload-file-progress .rb-progress-outer {
  height: 4px;
}
.rb-upload-picture-list-item-content {
  align-items: center;
  display: flex;
  width: 100%;
}
.rb-upload-picture-list-item-content .rb-upload-picture-list-header-img {
  font-size: 24px;
  height: 32px;
  line-height: 32px;
  margin-right: 8px;
  width: 32px;
}
.rb-upload-picture-list-item-operate {
  align-items: center;
  display: none;
}
.rb-upload-picture-list-item.rb-upload-state-error {
  border-color: var(--rb-upload-picture-list-item-border-error-color);
  color: var(--rb-upload-error-color);
}
.rb-upload-dragger-trigger {
  align-items: center;
  border: 1px dashed var(--rb-upload-dragger-trigger-border-color);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 31px 79px;
}
.rb-upload-dragger-trigger:hover:not(.rb-upload-disabled) {
  border-color: var(--rb-upload-dragger-trigger-hover-color);
}
.rb-upload-dragger-trigger:hover:not(.rb-upload-disabled) .rb-upload-dragger-trigger-icon,
.rb-upload-dragger-trigger:hover:not(.rb-upload-disabled) .rb-upload-dragger-trigger-title {
  color: var(--rb-upload-dragger-trigger-hover-color);
}
.rb-upload-dragger-trigger-title {
  color: var(--rb-upload-dragger-trigger-color);
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px;
  text-align: center;
}
.rb-upload-dragger-trigger-describe {
  color: var(--rb-upload-dragger-trigger-des-color);
  font-size: 14px;
  line-height: 22px;
  margin-top: 8px;
  text-align: center;
}
.rb-upload-dragger-trigger-icon {
  color: var(--rb-upload-dragger-trigger-icon-color);
  font-size: 24px;
}
.rb-upload-list:not(:empty) {
  margin-top: 8px;
}
.rb-upload-list .rb-upload-list-item {
  align-items: center;
  color: var(--rb-upload-list-item-color);
  display: flex;
  font-size: 14px;
  height: 22px;
  justify-content: space-between;
  line-height: 22px;
  padding: 0 4px 0 0;
}
.rb-upload-list .rb-upload-list-item .rb-upload-item-operate {
  display: none;
}
.rb-upload-list .rb-upload-list-item .rb-upload-item-operate > span {
  cursor: pointer;
  margin-left: 8px;
}
.rb-upload-list .rb-upload-list-item .rb-upload-item-operate .rb-btn-type-text:not(.rb-btn-state-danger) {
  color: var(--rb-upload-list-item-custom-btn-text-color);
}
.rb-upload-list .rb-upload-list-item .rb-upload-item-operate .rb-btn-type-text:not(.rb-btn-state-danger):hover {
  color: var(--rb-upload-list-item-custom-btn-text-hover-color);
}
.rb-upload-list .rb-upload-list-item .rb-upload-item-operate .rb-btn-type-text:not(.rb-btn-state-danger):active {
  color: var(--rb-upload-list-item-custom-btn-text-active-color);
}
.rb-upload-list .rb-upload-list-item .rb-uploaditem-icon {
  color: var(--rb-upload-list-item-icon-color);
  height: 16px;
  margin-right: 8px;
  width: 16px;
}
.rb-upload-list .rb-upload-list-item .rb-uploaditem-icon > span.rainbow {
  font-size: 16px;
}
.rb-upload-list .rb-upload-list-item:hover:not(.rb-upload-state-uploading) {
  background-color: var(--rb-upload-list-item-hover-bg-color);
  color: var(--rb-upload-list-item-hover-color);
}
.rb-upload-list .rb-upload-list-item:hover:not(.rb-upload-state-uploading) .rb-upload-item-operate {
  display: flex;
  height: 16px;
}
.rb-upload-list .rb-upload-list-item:hover:not(.rb-upload-state-uploading):not(.rb-upload-state-error) .rb-uploaditem-icon {
  color: var(--rb-upload-list-item-icon-hover-color);
}
.rb-upload-list .rb-upload-list-item.rb-upload-state-error,
.rb-upload-list .rb-upload-list-item.rb-upload-state-error .rb-uploaditem-icon {
  color: var(--rb-upload-error-color);
}
.rb-upload-list .rb-upload-list-item.rb-upload-state-error:hover {
  color: var(--rb-upload-error-hover-color);
}
.rb-upload-list .rb-upload-item-progress {
  margin-top: 4px;
}
.rb-upload-list .rb-upload-item-progress .rb-upload-file-progress {
  height: 22px;
  padding-left: 24px;
}
.rb-upload-list .rb-upload-item-progress .rb-upload-file-progress .rb-progress-outer {
  height: 22px;
}
.rb-upload-input-disabled .rb-upload-dragger-trigger,
.rb-upload-input-disabled .rb-upload-picture-wall-trigger {
  background-color: var(--rb-upload-dragger-trigger-disabled-bg-color);
  border-color: var(--rb-upload-dragger-trigger-disabled-border-color);
  color: var(--rb-upload-dragger-trigger-disabled-color);
  cursor: not-allowed;
}
.rb-upload-input-disabled .rb-upload-dragger-trigger-describe,
.rb-upload-input-disabled .rb-upload-dragger-trigger-title {
  color: var(--rb-upload-dragger-trigger-disabled-color);
}
.rb-upload-input-disabled .rb-upload-dragger-trigger-icon {
  color: var(--rb-upload-dragger-trigger-disabled-color);
  pointer-events: none;
}
.rc-slider {
  border-radius: 6px;
  height: 14px;
  padding: 5px 0;
  position: relative;
  touch-action: none;
  width: 100%;
}
.rc-slider,
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  background-color: #e9e9e9;
  border-radius: 6px;
  height: 4px;
  position: absolute;
  width: 100%;
}
.rc-slider-track,
.rc-slider-tracks {
  background-color: #abe2fb;
  border-radius: 6px;
  height: 4px;
  position: absolute;
}
.rc-slider-track-draggable {
  background-clip: content-box;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  box-sizing: content-box;
  transform: translateY(-5px);
  z-index: 1;
}
.rc-slider-handle {
  background-color: #fff;
  border: 2px solid #96dbfa;
  border-radius: 50%;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  height: 14px;
  margin-top: -5px;
  opacity: 0.8;
  position: absolute;
  touch-action: pan-x;
  width: 14px;
  z-index: 1;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
}
.rc-slider-handle:focus {
  box-shadow: none;
  outline: none;
}
.rc-slider-handle:focus-visible {
  border-color: #2db7f5;
  box-shadow: 0 0 0 3px #96dbfa;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.rc-slider-mark {
  font-size: 12px;
  left: 0;
  position: absolute;
  top: 18px;
  width: 100%;
}
.rc-slider-mark-text {
  color: #999;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  text-align: center;
  vertical-align: middle;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  background: transparent;
  height: 4px;
  position: absolute;
  width: 100%;
}
.rc-slider-dot {
  background-color: #fff;
  border: 2px solid #e9e9e9;
  border-radius: 50%;
  bottom: -2px;
  cursor: pointer;
  height: 8px;
  position: absolute;
  vertical-align: middle;
  width: 8px;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-dot,
.rc-slider-disabled .rc-slider-handle {
  background-color: #fff;
  border-color: #ccc;
  box-shadow: none;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-dot,
.rc-slider-disabled .rc-slider-mark-text {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  height: 100%;
  padding: 0 5px;
  width: 14px;
}
.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track {
  bottom: 0;
  left: 5px;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track-draggable {
  border-bottom: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 0;
  transform: translateX(-5px);
}
.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  margin-top: 0;
  position: absolute;
  touch-action: pan-y;
  z-index: 1;
}
.rc-slider-vertical .rc-slider-mark {
  height: 100%;
  left: 18px;
  top: 0;
}
.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-dot {
  margin-left: -2px;
}
.rc-slider-tooltip-zoom-down-appear,
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
  display: block !important;
}
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-appear,
.rc-slider-tooltip-zoom-down-enter {
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transform: scale(0);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform: scale(0);
    transform-origin: 50% 100%;
  }
  to {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  to {
    opacity: 0;
    transform: scale(0);
    transform-origin: 50% 100%;
  }
}
.rc-slider-tooltip {
  left: -9999px;
  position: absolute;
  top: -9999px;
  visibility: visible;
}
.rc-slider-tooltip,
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px;
}
.rc-slider-tooltip-inner {
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
  color: #fff;
  font-size: 12px;
  height: 24px;
  line-height: 1;
  min-width: 24px;
  padding: 6px 2px;
  text-align: center;
  text-decoration: none;
}
.rc-slider-tooltip-arrow {
  border-color: transparent;
  border-style: solid;
  height: 0;
  position: absolute;
  width: 0;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  border-top-color: #6c6c6c;
  border-width: 4px 4px 0;
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
}
.rc-slider:not(.rc-slider-disabled) {
  cursor: pointer;
}
.rc-slider:not(.rc-slider-vertical) {
  height: 14px;
}
.rc-slider:not(.rc-slider-disabled):hover .rc-slider-track {
  background-color: var(--rb-slider-track-bg-hover-color);
}
.rc-slider:not(.rc-slider-disabled):hover .rc-slider-rail {
  background-color: var(--rb-slider-rail-bg-hover-color);
}
.rc-slider:not(.rc-slider-disabled):hover .rc-slider-dot {
  border-color: var(--rb-slider-dot-border-hover-color);
}
.rc-slider:not(.rc-slider-disabled):hover .rc-slider-dot-active,
.rc-slider:not(.rc-slider-disabled):hover .rc-slider-handle {
  border-color: var(--rb-slider-handle-hover-border-color);
}
.rc-slider .rc-slider-track {
  background-color: var(--rb-slider-track-bg-color);
}
.rc-slider .rc-slider-handle {
  background-color: var(--rb-slider-handle-bg-color);
  border: 2px solid var(--rb-slider-handle-border-color);
  opacity: 1;
}
.rc-slider .rc-slider-handle:active {
  border-color: var(--rb-slider-handle-active-border-color);
  box-shadow: 0 0 0 2px var(--rb-slider-handle-active-border-color);
}
.rc-slider .rc-slider-rail {
  background-color: var(--rb-slider-rail-bg-color);
}
.rc-slider .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: var(--rb-slider-handle-active-border-color);
  box-shadow: 0 0 0 4px var(--rb-slider-handle-dragging-border-color);
}
.rc-slider .rc-slider-dot {
  background-color: var(--rb-slider-dot-bg-color);
  border: 2px solid var(--rb-slider-dot-border-color);
}
.rc-slider .rc-slider-dot-active {
  border-color: var(--rb-slider-dot-active-border-color);
}
.rc-slider.rb-slider {
  margin: 9px 0;
  padding: 5px 0;
}
.rc-slider.rc-slider-disabled {
  background-color: unset;
  cursor: not-allowed;
}
.rc-slider.rc-slider-disabled .rc-slider-track {
  background: var(--rb-slider-track-disabled-bg-color);
  border-radius: 4px;
  left: 0;
}
.rc-slider.rc-slider-disabled .rc-slider-handle {
  background-color: var(--rb-slider-handle-bg-disabled-color);
  border-color: var(--rb-slider-handle-border-disabled-color);
}
.rc-slider.rc-slider-vertical .rc-slider-track {
  left: 0;
}
.rc-slider.rc-slider-vertical .rc-slider-dot {
  transform: none !important;
}
.rc-slider-mark-text {
  color: var(--rb-slider-mark-color);
  font-size: 14px;
  line-height: 22px;
}
.rc-slider-mark-text-active {
  color: var(--rb-slider-mark-active-color);
}
.rb-verification-code {
  align-items: center;
  display: flex;
  gap: 8px;
}
.rb-verification-code.rb-verification-code-disabled {
  cursor: not-allowed;
}
.rb-verification-code.rb-verification-code-disabled .rb-verification-code-item {
  background-color: var(--rb-input-content-disabled-bg-color);
  pointer-events: none;
}
.rb-verification-code .rb-verification-code-item {
  width: 32px;
}
.rb-verification-code .rb-verification-code-item:hover {
  border-color: var(--rb-input-content-hover-border-color);
}
.rb-verification-code .rb-verification-code-item:focus {
  border-color: var(--rb-input-content-focus-border-color);
  box-shadow: 0 0 0 2px var(--rb-input-content-focus-bs-color);
}
.rb-status-error .rb-verification-code .rb-verification-code-item:hover {
  border-color: var(--rb-input-error-border-color);
}
.rb-status-error .rb-verification-code .rb-verification-code-item:focus {
  border-color: var(--rb-input-error-border-color);
  box-shadow: 0 0 0 2px var(--rb-input-content-error-focus-bs-color);
}
.rb-rich-editor {
  height: auto;
  line-height: 22px;
  margin-bottom: 8px;
  max-height: 88px;
  min-height: 44px;
  outline: none;
  overflow-y: auto;
  transition: height 0.2s linear;
  user-select: auto;
  -webkit-user-select: auto;
  width: 100%;
}
.rb-rich-editor-file-node {
  align-items: center;
  border: 1px solid var(--rb-inputbox-doc-border-color);
  border-radius: 4px;
  color: var(--rb-color-text);
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
  height: 40px;
  margin: 0 8px 8px 0;
  padding: 8px 12px;
}
.rb-rich-editor-file-node img {
  display: inline-block !important;
  height: 24px;
  object-fit: contain;
  width: 24px;
}
.rb-rich-editor-file-node .rainbow.Close {
  color: var(--rb-inputbox-doc-remove-icon-color);
  cursor: pointer;
  font-size: 12px;
}
.rb-rich-editor-file-node .rainbow.Close:hover {
  color: var(--rb-inputbox-doc-remove-icon-hover-color);
}
.rb-rich-editor-file-node .rainbow.Close:active {
  color: var(--rb-inputbox-doc-remove-icon-active-color);
}
.rb-rich-editor p {
  line-height: 22px;
  max-width: 100%;
  min-height: 22px;
  min-width: 1px;
}
.rb-rich-editor:empty:before {
  color: var(--rb-color-text-disabled);
  content: attr(data-placeholder);
  cursor: text;
  position: absolute;
}
.rb-rich-editor-blank {
  position: relative;
}
.rb-rich-editor-blank:before {
  color: var(--rb-color-text-disabled);
  content: attr(data-placeholder);
  position: absolute;
}
.rb-text-loop {
  width: 100%;
}
.rb-text-loop-vertical-item {
  line-height: 22px;
  overflow: hidden;
  white-space: pre-wrap;
}
.rb-text-loop-vertical-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.rb-text-loop-vertical-scroll {
  animation: verticalLoop var(--rb-alert-loop-duration, 6s) linear 0s infinite;
  animation-play-state: var(--rb-alert-loop-play, "running");
  will-change: auto;
}
.rb-text-loop-horizontal-container {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  overflow-x: hidden;
  width: 100%;
}
.rb-text-loop-horizontal-item {
  align-items: center;
  animation: horizontalLoop var(--rb-alert-loop-duration, 15s) linear var(--rb-alert-loop-delay, 0s) infinite;
  animation-play-state: var(--rb-alert-loop-play, "running");
  display: flex;
  flex: 0 0 auto;
  min-width: 100%;
}
.rb-text-loop-horizontal-item div:not(:last-child) {
  margin-right: 16px;
}
.rb-text-loop-horizontal-item div:last-child {
  margin-right: 160px;
}
@keyframes verticalLoop {
  to {
    transform: translateY(-100%);
  }
}
@keyframes horizontalLoop {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.rb-alert {
  border: var(--rb-alert-border-width, 1px) solid var(--rb-alert-border-color);
  -webkit-border-radius: var(--rb-alert-border-radius, 4px);
  -moz-border-radius: var(--rb-alert-border-radius, 4px);
  -ms-border-radius: var(--rb-alert-border-radius, 4px);
  -o-border-radius: var(--rb-alert-border-radius, 4px);
  border-radius: var(--rb-alert-border-radius, 4px);
  color: var(--rb-alert-font-color);
  display: flex;
  padding: var(--rb-alert-padding, 7px 11px);
  position: relative;
}
.rb-alert .rb-close {
  position: absolute;
  right: var(--rb-alert-close-right, 11px);
  top: var(--rb-alert-close-top, 10px);
}
.rb-alert.rb-alert-with-close .rb-alert-content {
  width: calc(100% - 24px);
}
.rb-alert-success {
  background-color: var(--rb-alert-success-bg-color);
  border-color: var(--rb-alert-success-border-color);
}
.rb-alert-success .rb-alert-icon {
  color: var(--rb-alert-success-icon-color);
}
.rb-alert-warning {
  background-color: var(--rb-alert-warning-bg-color);
  border-color: var(--rb-alert-warning-border-color);
}
.rb-alert-warning .rb-alert-icon {
  color: var(--rb-alert-warning-icon-color);
}
.rb-alert-error {
  background-color: var(--rb-alert-danger-bg-color);
  border-color: var(--rb-alert-danger-border-color);
}
.rb-alert-error .rb-alert-icon {
  color: var(--rb-alert-danger-icon-color);
}
.rb-alert-info {
  background-color: var(--rb-alert-info-bg-color);
  border-color: var(--rb-alert-info-border-color);
}
.rb-alert-info .rb-alert-icon {
  color: var(--rb-alert-info-icon-color);
}
.rb-alert-icon {
  display: flex;
  margin-right: var(--rb-alert-icon-margin-right, 8px);
  margin-top: 3px;
}
.rb-alert-icon > span {
  font-size: var(--rb-alert-icon-font-size, 16px);
}
.rb-alert-title {
  align-items: center;
  display: flex;
  font-size: var(--rb-alert-title-font-size, 16px);
  line-height: 24px;
}
.rb-alert-small.rb-alert-with-close.rb-has-icon .rb-alert-content {
  width: calc(100% - 48px);
}
.rb-alert-big {
  padding: 7px 15px;
}
.rb-alert-big .rb-alert-content {
  margin: 4px 0;
}
.rb-alert-big .rb-alert-title {
  margin-bottom: 8px;
}
.rb-alert-big .rb-alert-icon {
  margin-top: 4px;
}
.rb-alert-big .rb-alert-icon > span {
  font-size: var(--rb-alert-icon-big-font-size, 24px);
  padding-right: 4px;
}
.rb-alert-big .rb-close {
  right: 11px;
  top: 15px;
}
.rb-alert-big.rb-alert-with-close .rb-alert-content {
  width: calc(100% - 20px);
}
.rb-alert-big.rb-alert-with-close.rb-has-icon .rb-alert-content {
  width: calc(100% - 56px);
}
.rb-alert-content {
  width: 100%;
}
.rb-alert-desc {
  font-size: var(--rb-alert-desc-font-size, 14px);
  line-height: 22px;
}
.rb-alert-banner {
  border: none;
  border-radius: 0;
  padding: 8px 12px;
}
.rb-alert-banner .rb-close {
  right: 12px;
  top: 11px;
}
.rb-drawer {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.rb-drawer.rb-drawer-hide {
  display: none;
  opacity: 0;
}
.rb-drawer .rb-drawer-mask {
  background-color: var(--rb-drawer-mask-bg-color);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.rb-drawer .rb-drawer-content {
  background-color: var(--rb-drawer-content-bg-color);
  box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
  color: var(--rb-color-text);
  padding: var(--rb-drawer-content-padding, 20px 24px);
  position: absolute;
  transition: transform 0.3s linear;
}
.rb-drawer .rb-drawer-content .rb-drawer-close {
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 1;
}
.rb-drawer .rb-drawer-content .rb-drawer-title-box {
  height: 24px;
  margin-bottom: 16px;
}
.rb-drawer .rb-drawer-content .rb-drawer-title-box.rb-drawer-no-title {
  height: 16px;
  margin: 0;
}
.rb-drawer .rb-drawer-content .rb-drawer-title-box.rb-drawer-no-title .rainbow.Close {
  top: 20px;
}
.rb-drawer .rb-drawer-content .rb-drawer-title {
  color: var(--rb-drawer-title-color);
  font-size: var(--rb-drawer-title-font-size, 16px);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  overflow: hidden;
  padding-left: var(--rb-drawer-title-padding-left, 12px);
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 24px);
}
.rb-drawer .rb-drawer-content .rb-drawer-title:before {
  background: var(--rb-drawer-title-before-bg-color);
  border-radius: 1px;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
}
.rb-drawer .rb-drawer-body {
  height: 100%;
  overflow: auto;
  padding: var(--rb-drawer-body-padding, 0);
  position: relative;
}
.rb-drawer .rb-drawer-body.rb-drawer-hasfooter {
  height: calc(100% - 60px);
}
.rb-drawer .rb-drawer-footer {
  align-items: center;
  border-top: 1px solid var(--rb-drawer-footer-border-color);
  bottom: 0;
  display: flex;
  height: 60px;
  left: 0;
  padding: 0 16px;
  position: absolute;
  width: 100%;
}
.rb-drawer.rb-drawer-left,
.rb-drawer.rb-drawer-right {
  height: 100%;
  width: 100%;
}
.rb-drawer.rb-drawer-left .rb-drawer-content,
.rb-drawer.rb-drawer-right .rb-drawer-content {
  height: 100%;
  top: 0;
  transition: transform 0.3s linear;
  width: var(--rb-drawer-content-width, 80%);
}
.rb-drawer.rb-drawer-right,
.rb-drawer.rb-drawer-right .rb-drawer-content {
  right: 0;
}
.rb-drawer.rb-drawer-right.rightOut {
  display: none;
}
.rb-drawer.rb-drawer-left .rb-drawer-content {
  left: 0;
  transform: translateX(-100%);
}
.rb-drawer.rb-drawer-left.leftIn .rb-drawer-content {
  transform: translateX(0);
}
.rb-drawer.rb-drawer-bottom,
.rb-drawer.rb-drawer-top {
  height: 0;
  width: 100%;
}
.rb-drawer.rb-drawer-bottom .rb-drawer-content,
.rb-drawer.rb-drawer-top .rb-drawer-content {
  height: var(--rb-drawer-content-height, 300px);
  width: 100%;
}
.rb-drawer.rb-drawer-bottom {
  bottom: 0;
}
.rb-drawer.rb-drawer-bottom .rb-drawer-content {
  bottom: 0;
  left: 0;
  transform: translateY(100%);
}
.rb-drawer.rb-drawer-bottom.bottomIn .rb-drawer-content {
  transform: translateY(0);
}
.rb-drawer.rb-drawer-top .rb-drawer-content {
  left: 0;
  top: 0;
  transform: translateY(-100%);
}
.rb-drawer.rb-drawer-top.topIn .rb-drawer-content {
  transform: translateY(0);
}
.rb-drawer.leftIn,
.rb-drawer.rightIn {
  width: 100%;
}
.rb-drawer.leftIn .mask,
.rb-drawer.rightIn .mask {
  opacity: 1;
}
.rb-drawer.bottomIn,
.rb-drawer.topIn {
  height: 100%;
}
.rb-drawer.bottomIn .mask,
.rb-drawer.topIn .mask {
  opacity: 1;
}
@keyframes rightIn {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes rightOut {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes maskShow {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes maskHiden {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes show {
  to {
    display: block;
  }
}
@keyframes hide {
  to {
    display: none;
  }
}
@keyframes slide-left {
  0% {
    right: 0;
    transform: translateX(-100%);
  }
  to {
    right: 0;
    transform: translateX(0);
  }
}
.rb-discolour__update {
  background-color: var(--rb-warning-color);
}
.rb-discolour__add {
  background-color: var(--rb-info-color);
}
.rb-discolour__remove {
  background-color: var(--rb-error-color);
}
.rb-popconfirm {
  background-color: var(--rb-popconfirm-bg-font-color);
  border-radius: 4px;
  box-shadow: var(--rb-box-shadow-color);
  color: var(--rb-color-text);
  padding: 16px;
}
.rb-popconfirm .rb-popconfirm-header {
  align-items: center;
  display: flex;
}
.rb-popconfirm .rb-popconfirm-header .rb-popconfirm-header-icon {
  padding: 3px 8px 3px 0;
}
.rb-popconfirm .rb-popconfirm-header .rainbow {
  color: var(--rb-color-warning);
}
.rb-popconfirm-operation {
  margin-top: 16px;
}
.rb-popconfirm-operation .rb-space {
  gap: 8px !important;
}
.rb-popconfirm-operation .rb-btn {
  border-radius: 3px;
  height: 24px;
  padding: 0 8px;
}
.rb-popconfirm-btn {
  display: inline-block;
}
.rb-confirm-state-error .rb-popconfirm-header .rainbow {
  color: var(--rb-color-error);
}
.rb-confirm-state-warning .rb-popconfirm-header .rainbow {
  color: var(--rb-color-warning);
}
.rb-confirm-state-info .rb-popconfirm-header .rainbow {
  color: var(--rb-color-info);
}
.rb-confirm-state-success .rb-popconfirm-header .rainbow {
  color: var(--rb-color-success);
}
.rb-popover {
  background-color: var(--rb-popover-bg-color);
  border-radius: 4px;
  color: var(--rb-color-text);
  max-width: var(--rb-popover-max-width, 704px);
  padding: var(--rb-popover-padding, 16px);
}
.rb-popover .rb-popover-header {
  background-color: var(--rb-popover-header-bg-color);
  font-size: var(--rb-popover-header-font-size, 16px);
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 16px;
}
.rb-popover .rb-popover-header.rb-popover-confirm {
  font-size: 14px;
}
.rb-popover-confirm {
  max-width: none;
}
.rb-popover-confirm-header {
  align-items: center;
  display: flex;
}
.rb-popover-confirm-header .rb-popover-confirm-icon {
  color: var(--rb-popover-confirm-icon-color);
  font-size: var(--rb-popover-confirm-icon-font-size, 20px);
  margin-right: var(--rb-popover-confirm-icon-margin-right, 8px);
}
.rb-popover-conform-footer {
  justify-content: flex-end;
  margin-top: 16px;
}
.rb-rate {
  align-items: center;
  display: inline-flex;
  height: 32px;
}
.rb-rate.disabled {
  cursor: not-allowed;
}
.rb-rate.disabled > * {
  pointer-events: none;
}
.rb-rate .rb-rate-star {
  align-items: center;
  color: var(--rb-star-icon-color);
  cursor: pointer;
  display: flex;
  font-size: var(--rb-rate-star-font-size, 20px);
  height: var(--rb-rate-star-height, 20px);
  justify-content: center;
  margin-right: var(--rb-rate-margin-right, 4px);
  position: relative;
  transition: font 0.1s ease-in;
  width: var(--rb-rate-star-width, 20px);
}
.rb-rate .rb-rate-star:hover {
  font-size: var(--rb-rate-star-hover-font-size, 24px);
}
.rb-rate .rb-rate-star:hover .rb-rate-star-first {
  width: 10px;
}
.rb-rate .rb-rate-star .rb-rate-star-first,
.rb-rate .rb-rate-star .rb-rate-star-second {
  left: 0;
  position: absolute;
  top: 0;
}
.rb-rate .rb-rate-star .rb-rate-star-first {
  overflow: hidden;
  width: 10px;
  z-index: 1;
}
.rb-star-icon {
  color: var(--rb-star-icon-color);
  font-size: var(--rb-rate-star-icon-size, 20px);
}
.rb-rate-star-full .rb-rate-cus-character,
.rb-rate-star-full .rb-star-icon {
  color: var(--rb-rate-star-full-icon-color);
}
.rb-rate-star-full.rb-rate-star-half-active .rb-rate-star-second .rb-star-icon {
  color: var(--rb-star-icon-color);
}
.rb-collapse {
  background-color: var(--rb-collapse-bg-color);
  color: var(--rb-color-text);
}
.rb-collapse.rb-collapse-with-border:not(.rb-collapse-horizontal-layout) .rb-collapse-item:first-child,
.rb-collapse.rb-collapse-with-border:not(.rb-collapse-horizontal-layout) .rb-collapse-item:first-child .rb-collapse-header {
  border-radius: 4px 4px 0 0;
}
.rb-collapse.rb-collapse-with-border:not(.rb-collapse-horizontal-layout) .rb-collapse-item:last-child,
.rb-collapse.rb-collapse-with-border:not(.rb-collapse-horizontal-layout) .rb-collapse-item:last-child .rb-collapse-header {
  border-radius: 0 0 4px 4px;
}
.rb-collapse.rb-collapse-with-border:not(.rb-collapse-horizontal-layout) .rb-collapse-item:last-child.rb-collapse-item-active .rb-collapse-header {
  border-radius: 0;
}
.rb-collapse-with-border {
  border-left: 1px solid var(--rb-collapse-border-color);
  border-radius: var(--rb-collapse-border-radius, 4px);
  border-right: 1px solid var(--rb-collapse-border-color);
  border-top: 1px solid var(--rb-collapse-border-color);
}
.rb-collapse-with-border .rb-collapse-header {
  background-color: var(--rb-collapse-header-bg-color);
}
.rb-collapse-with-border .rb-collapse-content {
  border-top: 1px solid var(--rb-collapse-border-color);
  padding: var(--rb-collapse-content-padding, 16px 15px);
}
.rb-collapse-with-border .rb-collapse-item:last-child {
  border-bottom: 1px solid var(--rb-collapse-border-color);
}
.rb-collapse-item {
  background-color: var(--rb-collapse-item-bg-color);
}
.rb-collapse-item:not(:last-child) {
  border-bottom: 1px solid var(--rb-collapse-border-color);
}
.rb-collapse-header {
  align-items: center;
  display: flex;
  padding: var(--rb-collapse-header-padding, 12px 15px);
}
.rb-collapse-header .rb-collapse-header-icon {
  align-items: center;
  display: flex;
  margin-right: 12px;
}
.rb-collapse-header > div {
  cursor: pointer;
}
.rb-collapse-header-content {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: fit-content;
}
.rb-collapse-header .rb-collapse-extra {
  display: flex;
  margin-left: 8px;
}
.rb-collapse-header .rb-collapse-extra .rb-btn:not(.disabled) {
  color: var(--rb-collapse-header-custom-btn-text-color);
}
.rb-collapse-header .rb-collapse-extra .rb-btn:not(.disabled):hover {
  color: var(--rb-collapse-header-custom-btn-text-hover-color);
}
.rb-collapse-header .rb-collapse-extra .rb-btn:not(.disabled):active {
  color: var(--rb-collapse-header-custom-btn-text-active-color);
}
.rb-collapse-content {
  padding: var(--rb-collapse-content-padding, 4px 15px 16px);
  transition: height 0.1s ease-in;
}
.rb-collapse-content.hide {
  display: none;
  height: 0;
}
.rb-collapse-horizontal-layout {
  display: flex;
  gap: 16px;
}
.rb-collapse-horizontal-layout.rb-collapse-with-border {
  border: none;
  min-height: 240px;
}
.rb-collapse-horizontal-layout.rb-collapse-with-border .rb-collapse-item {
  border: 1px solid var(--rb-collapse-border-color);
  border-radius: 4px;
}
.rb-collapse-horizontal-layout .rb-collapse-item:not(.rb-collapse-item-active) .rb-collapse-header {
  border-radius: 4px;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  padding: 15px 12px;
  width: 46px;
}
.rb-collapse-horizontal-layout .rb-collapse-item:not(.rb-collapse-item-active) .rb-collapse-header-content {
  flex-grow: unset;
  overflow: hidden;
  text-orientation: mixed;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  writing-mode: vertical-rl;
}
.rb-collapse-horizontal-layout .rb-collapse-item:not(.rb-collapse-item-active) .rb-collapse-extra,
.rb-collapse-horizontal-layout .rb-collapse-item:not(.rb-collapse-item-active) .rb-collapse-header-icon {
  margin: 0;
}
.rb-collapse-horizontal-layout .rb-collapse-item:not(.rb-collapse-item-active) .rb-collapse-extra .rb-badge .rb-badge-count {
  height: fit-content;
  min-height: 20px;
  width: 20px;
  writing-mode: vertical-lr;
}
.rb-collapse-horizontal-layout .rb-collapse-item:not(.rb-collapse-item-active) .rb-collapse-extra .rb-badge .rb-badge-count.rb-badge-multi {
  padding: 8px 0;
}
.rb-collapse-horizontal-layout .rb-collapse-item.rb-collapse-item-active .rb-collapse-header {
  border-radius: 4px 4px 0 0;
}
.rb-collapse-item-error .rb-collapse-header,
.rb-collapse-item-info .rb-collapse-header,
.rb-collapse-item-success .rb-collapse-header,
.rb-collapse-item-warning .rb-collapse-header {
  position: relative;
}
.rb-collapse-item-error .rb-collapse-header:after,
.rb-collapse-item-info .rb-collapse-header:after,
.rb-collapse-item-success .rb-collapse-header:after,
.rb-collapse-item-warning .rb-collapse-header:after {
  background-color: var(--rb-collapse-state-color);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  content: "";
  height: 4px;
  left: -1px;
  position: absolute;
  top: -1px;
  width: calc(100% + 2px);
}
.rb-collapse-item-success {
  --rb-collapse-state-color: var(--rb-collapse-success-color);
}
.rb-collapse-item-error {
  --rb-collapse-state-color: var(--rb-collapse-error-color);
}
.rb-collapse-item-info {
  --rb-collapse-state-color: var(--rb-collapse-info-color);
}
.rb-collapse-item-warning {
  --rb-collapse-state-color: var(--rb-collapse-warning-color);
}
.rb-carousel {
  position: relative;
  width: 100%;
}
.rb-carousel-horizontal {
  overflow: hidden;
}
.rb-carousel-vertical {
  overflow: hidden;
  overflow-x: unset;
}
.rb-carousel-vertical .rb-carousel-container {
  flex-direction: column;
  height: 168px;
}
.rb-carousel-vertical .rb-carousel-next,
.rb-carousel-vertical .rb-carousel-prev {
  left: 50%;
  top: auto;
  transform: translateX(-50%);
}
.rb-carousel-vertical .rb-carousel-prev {
  top: 10px;
}
.rb-carousel-vertical .rb-carousel-next {
  bottom: 10px;
}
.rb-carousel-container {
  align-items: center;
  display: flex;
  position: relative;
  width: 100%;
}
.rb-carousel-container.normal {
  transition: transform 0.25s ease-in-out;
}
.rb-carousel-container .rb-carousel-item {
  display: grid;
  flex-shrink: 0;
  height: 100%;
  min-height: 168px;
  position: relative;
  width: 100%;
}
.rb-carousel-arrow-visible .rb-carousel-next,
.rb-carousel-arrow-visible .rb-carousel-prev {
  display: none;
}
.rb-carousel-arrow-visible .rb-carousel-next.show,
.rb-carousel-arrow-visible .rb-carousel-prev.show {
  display: inline-flex;
}
.rb-carousel-next,
.rb-carousel-prev {
  align-items: center;
  background-clip: padding-box;
  background-color: var(--rb-carousel-arrow-bg-color);
  border: 1px solid var(--rb-carousel-arrow-border-color);
  border-radius: 50%;
  cursor: pointer;
  display: none;
  height: 40px;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  z-index: 3;
}
.rb-carousel-next:hover,
.rb-carousel-prev:hover {
  background-clip: border-box;
  background-color: var(--rb-carousel-arrow-hover-bg-color);
  border-color: var(--rb-carousel-arrow-hover-border-color);
}
.rb-carousel-next:hover span,
.rb-carousel-prev:hover span {
  color: var(--rb-carousel-arrow-hover-color);
}
.rb-carousel-next span,
.rb-carousel-prev span {
  color: var(--rb-carousel-arrow-color);
}
.rb-carousel-prev {
  left: 8px;
}
.rb-carousel-next {
  right: 8px;
}
.rb-carousel-bar {
  align-items: center;
  column-gap: 8px;
  display: flex;
  position: absolute;
  z-index: 3;
}
.rb-carousel-bar > li {
  background-color: var(--rb-carousel-bar-bg-color);
  border-radius: 2px;
  cursor: pointer;
  list-style: none;
}
.rb-carousel-bar > li.active,
.rb-carousel-bar > li:hover {
  background-color: var(--rb-carousel-bar-hover-active-bg-color);
}
.rb-carousel-bar-bottom,
.rb-carousel-bar-top {
  left: 50%;
  transform: translateX(-50%);
}
.rb-carousel-bar-bottom.rb-carousel-bar-line > li,
.rb-carousel-bar-top.rb-carousel-bar-line > li {
  height: 4px;
  width: 16px;
}
.rb-carousel-bar-bottom.rb-carousel-bar-line > li.active,
.rb-carousel-bar-top.rb-carousel-bar-line > li.active {
  width: 24px;
}
.rb-carousel-bar-bottom.rb-carousel-bar-dot > li,
.rb-carousel-bar-top.rb-carousel-bar-dot > li {
  border-radius: 50%;
  height: 6px;
  width: 6px;
}
.rb-carousel-bar-bottom {
  bottom: 8px;
}
.rb-carousel-bar-top {
  top: 8px;
}
.rb-carousel-bar-left,
.rb-carousel-bar-right {
  flex-direction: column;
  row-gap: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.rb-carousel-bar-left.rb-carousel-bar-line > li,
.rb-carousel-bar-right.rb-carousel-bar-line > li {
  height: 16px;
  width: 5px;
}
.rb-carousel-bar-left.rb-carousel-bar-line > li.active,
.rb-carousel-bar-right.rb-carousel-bar-line > li.active {
  height: 24px;
}
.rb-carousel-bar-left.rb-carousel-bar-dot > li,
.rb-carousel-bar-right.rb-carousel-bar-dot > li {
  border-radius: 50%;
  height: 6px;
  width: 6px;
}
.rb-carousel-bar-left {
  left: 8px;
}
.rb-carousel-bar-right {
  right: 8px;
}
.rb-carousel-fade .rb-carousel-item {
  opacity: 0;
  position: relative;
  transition: opacity 0.3s linear, visibility 0.3s linear;
  visibility: hidden;
  z-index: 1;
}
.rb-carousel-fade .rb-carousel-item-active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.rb-list {
  padding: 4px 0;
  width: 100%;
}
.rb-list .rb-list-item {
  background-color: var(--rb-list-item-bg-color);
  color: var(--rb-list-item-color);
  cursor: pointer;
  line-height: 22px;
  overflow: hidden;
  padding: 5px 12px;
  text-overflow: ellipsis;
  width: 100%;
}
.rb-list .rb-list-item:not(.disabled):not(.active).rb-list-item-hover,
.rb-list .rb-list-item:not(.disabled):not(.active):hover {
  background-color: var(--rb-list-item-bg-hover-color);
  color: var(--rb-list-item-hover-color);
}
.rb-list .rb-list-item.active {
  background-color: var(--rb-list-item-active-bg-color);
  color: var(--rb-list-item-active-color);
}
.rb-list .rb-list-item.disabled {
  background-color: var(--rb-list-item-disabled-bg-color);
  color: var(--rb-list-item-disabled);
  pointer-events: none;
}
.rb-timeline-item {
  align-items: flex-start;
  display: flex;
  margin-bottom: 16px;
  position: relative;
}
.rb-timeline-item:last-child .rb-timeline-item-tail {
  height: 0;
}
.rb-timeline-item.rb-timeline-item-last {
  padding-top: 16px;
}
.rb-timeline-item.rb-timeline-item-last .rb-timeline-item-head {
  top: 19px;
}
.rb-timeline-item.rb-timeline-item-last-reverse {
  padding-bottom: 16px;
}
.rb-timeline-item.rb-timeline-item-last-reverse .rb-timeline-item-head {
  top: 3px;
}
.rb-timeline-item-tail {
  background-color: var(--rb-timeline-item-tail-color);
  height: calc(100% + 10px);
  margin: 0 4px;
  position: absolute;
  top: 14px;
  width: 2px;
}
.rb-timeline-item-head {
  background-color: var(--rb-timeline-item-head-bg-color);
  border: 2px solid var(--rb-timeline-item-head-color);
  border-radius: 50%;
  height: 10px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 10px;
}
.rb-timeline-item-title {
  color: var(--rb-timeline-item-title-color);
}
.rb-timeline-item-title-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.rb-timeline-item-date {
  color: var(--rb-timeline-item-title-color);
}
.rb-timeline-item-body {
  padding-left: 26px;
  position: relative;
  width: 100%;
  word-break: break-word;
}
.rb-timeline-item-content {
  color: var(--rb-timeline-item-content-color);
}
.rb-timeline-item-info .rb-timeline-item-head {
  border-color: var(--rb-timeline-item-info);
}
.rb-timeline-item-success .rb-timeline-item-head {
  border-color: var(--rb-timeline-item-success);
}
.rb-timeline-item-warning .rb-timeline-item-head {
  border-color: var(--rb-timeline-item-warning);
}
.rb-timeline-item-error .rb-timeline-item-head {
  border-color: var(--rb-timeline-item-error);
}
.rb-timeline-item-disabled .rb-timeline-item-head {
  border-color: #bfbfbf;
}
.rb-timeline-item-left .rb-timeline-item-head,
.rb-timeline-item-left .rb-timeline-item-tail,
.rb-timeline-item-right .rb-timeline-item-head,
.rb-timeline-item-right .rb-timeline-item-tail {
  left: 50%;
  transform: translateX(-5px);
}
.rb-timeline-item-left .rb-timeline-item-head-custom,
.rb-timeline-item-right .rb-timeline-item-head-custom {
  margin-left: -2px;
  top: 0;
  transform: translate(0);
}
.rb-timeline-item-right .rb-timeline-item-body {
  padding-left: 0;
  padding-right: 26px;
}
.rb-timeline-item-right .rb-timeline-item-body .rb-timeline-item-title-wrapper {
  justify-content: flex-end;
}
.rb-timeline-item-left .rb-timeline-item-body {
  text-align: right;
  width: 50%;
}
.rb-timeline-alternate .rb-timeline-item-right .rb-timeline-item-body {
  left: 0;
  padding-right: 21px;
  width: 50%;
}
.rb-timeline-item-head-custom {
  background-color: var(--rb-color-bg-container);
  border: 0;
  border-radius: 0;
  height: auto;
  left: 5px;
  line-height: 1;
  margin-top: 0;
  position: absolute;
  text-align: center;
  top: 11px;
  transform: translate(-50%, -50%);
  width: auto;
}
.rb-timeline-item-head-pending {
  border: 0;
  height: 16px;
  margin-left: -3px;
  width: 16px;
}
.rb-timeline-item-pending .rb-timeline-item-tail {
  background-color: transparent;
  border-left: 2px dotted var(--rb-timeline-item-tail-color);
  height: calc(100% + 21px);
}
.rb-timeline-right .rb-timeline-item-right .rb-timeline-item-head,
.rb-timeline-right .rb-timeline-item-right .rb-timeline-item-tail {
  left: 100%;
  transform: translateX(-10px);
}
.rb-timeline-right .rb-timeline-item-right .rb-timeline-item-body {
  text-align: right;
}
.rb-timeline-alternate.rb-timeline-right .rb-timeline-item-right .rb-timeline-item-head,
.rb-timeline-alternate.rb-timeline-right .rb-timeline-item-right .rb-timeline-item-tail {
  left: 50%;
}
.rb-timeline-alternate.rb-timeline-right .rb-timeline-item-right .rb-timeline-item-body,
.rb-timeline-alternate > .rb-timeline-item-left .rb-timeline-item-date {
  text-align: right;
}
.rb-timeline-alternate > .rb-timeline-item-left .rb-timeline-item-body {
  left: 50%;
  padding-left: 21px;
  text-align: left;
}
.rb-timeline-alternate > .rb-timeline-item-right .rb-timeline-item-date {
  text-align: left;
}
.rb-timeline-alternate > .rb-timeline-item-right .rb-timeline-item-body {
  text-align: right;
}
.rb-timeline-cross-date {
  width: 100%;
}
.rb-timeline-cross-date .cross {
  width: 50%;
}
.rb-timeline-cross-date .rb-timeline-item-left {
  text-align: right;
}
.rb-timeline-cross-date .rb-timeline-item-left .cross {
  padding-right: 21px;
}
.rb-timeline-cross-date .rb-timeline-item-left .rb-timeline-item-content {
  text-align: left;
}
.rb-timeline-cross-date .rb-timeline-item-left .rb-timeline-item-body {
  left: 0;
  padding-left: 21px;
}
.rb-timeline-cross-date .rb-timeline-item-right {
  text-align: left;
}
.rb-timeline-cross-date .rb-timeline-item-right .rb-timeline-item-head,
.rb-timeline-cross-date .rb-timeline-item-right .rb-timeline-item-tail {
  transform: translateX(-5px);
}
.rb-timeline-cross-date.rb-timeline-right .rb-timeline-item-head,
.rb-timeline-cross-date.rb-timeline-right .rb-timeline-item-tail {
  left: 50%;
}
.rb-timeline-cross-date.rb-timeline-right .rb-timeline-item-body {
  padding-right: 21px;
  width: 50%;
}
.rb-timeline-cross-date.rb-timeline-right .cross {
  left: 50%;
  padding-left: 21px;
  position: absolute;
}
.rb-timeline-cross-date.rb-timeline-alternate .rb-timeline-item-right .cross {
  padding-left: 21px;
}
.rb-badge {
  align-items: center;
  color: var(--rb-color-text);
  display: inline-flex;
  position: relative;
}
.rb-badge-sup {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  z-index: 996;
}
.rb-badge-sup .rb-badge-dot {
  margin: 0;
}
.rb-badge-state-text {
  font-size: 14px;
  line-height: 22px;
  margin-left: 8px;
}
.rb-badge-content {
  background-color: var(--rb-badge-default-color);
  display: inline-block;
  position: relative;
}
.rb-badge-custom-content {
  color: var(--rb-badge-default-color);
  display: flex;
}
.rb-badge-custom-content .rainbow {
  font-size: 20px;
}
.rb-badge-content-with-active:after {
  -webkit-animation: rb-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  animation: rb-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  background-color: inherit;
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 11;
}
@keyframes rb-ping {
  75%,
  to {
    opacity: 0;
    transform: scale(2);
  }
}
@-webkit-keyframes rb-ping {
  75%,
  to {
    opacity: 0;
    transform: scale(2);
  }
}
.rb-badge-count {
  border-radius: 10px;
  box-shadow: 0 0 0 1px var(--rb-badge-count-border-color);
  color: var(--rb-badge-default-font-color);
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  min-width: 20px;
  text-align: center;
}
.rb-badge-dot {
  border-radius: 50%;
  height: 6px;
  width: 6px;
}
.rb-badge-multi {
  padding: 0 8px;
}
.rb-badge-large .rb-badge-count {
  font-size: 18px;
  height: 30px;
  line-height: 28px;
  width: 30px;
}
.rb-badge-large .rb-badge-dot {
  height: 12px;
  width: 12px;
}
.rb-badge-state-processing {
  background-color: var(--rb-badge-state-info-color);
}
.rb-badge-state-success {
  background-color: var(--rb-badge-state-success-color);
}
.rb-badge-state-info {
  background-color: var(--rb-badge-state-info-color);
}
.rb-badge-state-warning {
  background-color: var(--rb-badge-state-warning-color);
}
.rb-badge-state-error {
  background-color: var(--rb-badge-state-error-color);
}
.rb-badge-state-disabled {
  background-color: var(--rb-badge-state-disabled-color);
}
.rb-badge-state-default {
  background-color: var(--rb-badge-state-default-color);
}
.rb-ribbon-wrapper {
  position: relative;
}
.rb-ribbon-content {
  background-color: var(--rb-ribbon-content-bg-color);
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: var(--rb-ribbon-content-color);
  max-width: 40%;
  padding: 4px 12px;
  position: absolute;
  right: -8px;
  top: 8px;
}
.rb-ribbon-content .rb-ribbon-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.rb-ribbon-content .rb-ribon-anger {
  border: 4px solid var(--rb-ribbon-anger-bg-color);
  border-block-end-color: transparent;
  border-inline-end-color: transparent;
  color: currentcolor;
  filter: brightness(84%);
  height: 8px;
  inset-inline-end: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0.5);
  transform-origin: top;
  width: 8px;
}
.rb-step-line {
  background-color: var(--rb-steps-line-bg-color);
  content: "";
  height: 1px;
  left: 100%;
  position: absolute;
  width: 999px;
}
.rb-disabled {
  cursor: not-allowed !important;
}
.rb-steps {
  align-items: center;
  width: 100%;
}
.rb-step,
.rb-steps {
  display: flex;
  position: relative;
}
.rb-step {
  flex: 1;
  overflow: hidden;
}
.rb-step-dot {
  border-radius: 50%;
  height: 8px;
  width: 8px;
}
.rb-steps-horizontal {
  margin-bottom: var(--rb-steps-horizontal-margin-bottom, 16px);
}
.rb-steps-horizontal .rb-step:not(:first-child) {
  padding-left: 12px;
}
.rb-steps-horizontal .rb-step-content {
  margin-left: 8px;
  min-width: 70px;
}
.rb-steps-horizontal .rb-step-title:after {
  background-color: var(--rb-steps-line-bg-color);
  content: "";
  height: 1px;
  left: 100%;
  position: absolute;
  width: 999px;
}
.rb-step-icon > span.default.rainbow {
  font-size: 16px;
}
.rb-step-serial {
  border-radius: 50%;
  display: flex;
  font-size: 14px;
  justify-content: center;
  line-height: 22px;
  width: 32px;
}
.rb-step-serial,
.rb-step-title {
  align-items: center;
  height: 32px;
  position: relative;
}
.rb-step-title {
  color: var(--rb-steps-step-title-color);
  display: inline-flex;
  font-size: 16px;
  line-height: 24px;
  padding-right: 12px;
  white-space: nowrap;
}
.rb-step-title .rb-step-sub-title {
  color: var(--rb-steps-step-subtitle-color);
  height: 32px;
  line-height: 32px;
  margin-left: 8px;
}
.rb-step-description {
  color: var(--rb-steps-step-description);
  font-size: 14px;
}
.rb-steps-mode-dot {
  pointer-events: none;
}
.rb-steps-mode-dot .rb-step {
  flex-direction: column;
  margin-bottom: 0 !important;
}
.rb-steps-mode-dot .rb-step:first-child .rb-step-icon > .rb-step-dot:before,
.rb-steps-mode-dot .rb-step:last-child .rb-step-icon > .rb-step-dot:after {
  content: none;
}
.rb-steps-mode-dot .rb-step-icon {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
  width: auto;
}
.rb-steps-mode-dot .rb-step-icon .rb-step-dot {
  position: relative;
}
.rb-steps-mode-dot .rb-step-icon .rb-step-dot:before {
  left: 100%;
  left: auto;
  right: calc(100% + 8px);
}
.rb-steps-mode-dot .rb-step-icon .rb-step-dot:after,
.rb-steps-mode-dot .rb-step-icon .rb-step-dot:before {
  background-color: var(--rb-steps-line-bg-color);
  content: "";
  height: 1px;
  height: 2px;
  position: absolute;
  top: 50%;
  width: 999px;
}
.rb-steps-mode-dot .rb-step-icon .rb-step-dot:after {
  left: 100%;
  left: calc(100% + 8px);
}
.rb-steps-mode-dot .rb-step-content {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.rb-steps-mode-dot .rb-step-content .rb-step-title:after {
  content: none;
}
.rb-steps-mini .rb-step {
  align-items: center;
}
.rb-steps-mini .rb-step-title {
  font-size: 14px;
  height: 24px;
  line-height: 22px;
}
.rb-steps-mini .rb-step-icon {
  width: 24px;
}
.rb-steps-mini .rb-step-icon > span.default.rainbow {
  font-size: 12px;
}
.rb-steps-mini .rb-step-serial {
  font-size: 12px;
  height: 24px;
  line-height: 20px;
  width: 24px;
}
.rb-step-has-cus-icon .rb-step-icon {
  height: 24px;
}
.rb-step-has-cus-icon .rb-step-icon > span.rainbow {
  font-size: 24px;
}
.rb-step-has-cus-icon .rb-step-title {
  height: 24px;
}
.rb-steps-vertical {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  margin-right: var(--rb-steps-vertical-margin-right, 16px);
}
.rb-steps-vertical .rb-step {
  flex-direction: row;
  margin-bottom: 8px;
  min-height: 64px;
  padding-left: 0;
}
.rb-steps-vertical .rb-step .rb-step-content {
  align-items: flex-start;
  margin-left: 8px;
}
.rb-steps-vertical .rb-step .rb-step-icon {
  position: relative;
  width: 32px;
}
.rb-steps-vertical .rb-step .rb-step-icon .rb-step-dot:before {
  width: 0;
}
.rb-steps-vertical .rb-step .rb-step-icon .rb-step-dot:after {
  left: 3px;
  top: calc(100% + 8px);
  width: 2px;
}
.rb-steps-vertical .rb-step .rb-step-icon > span:after {
  background-color: var(--rb-steps-line-bg-color);
  content: "";
  height: 999px;
  left: 50%;
  position: absolute;
  top: calc(100% + 8px);
  width: 1px;
}
.rb-step:last-child .rb-step-icon span:after,
.rb-step:last-child .rb-step-title:after {
  content: none;
}
.rb-step-wait {
  color: var(--rb-steps-step-undo-color);
}
.rb-step-wait .rb-step-serial {
  background-clip: padding-box;
  background-color: var(--rb-steps-serial-undo-bg-color);
  border-color: var(--rb-steps-serial-undo-border-color);
}
.rb-step-wait .rb-step-title {
  color: var(--rb-steps-serial-undo-title-color);
}
.rb-step-wait .rb-step-dot {
  background-color: var(--rb-steps-step-undo-dot-color);
}
.rb-step-wait.rb-step-has-cus-icon {
  color: var(--rb-steps-step-icon-undo-color);
}
.rb-step-process {
  color: var(--rb-steps-step-doing-color);
}
.rb-step-process .rb-step-serial {
  background-color: var(--rb-steps-serial-doing-bg-color);
  border-color: var(--rb-steps-serial-doing-border-color);
}
.rb-step-process .rb-step-description {
  color: var(--rb-steps-step-doing-description-color);
}
.rb-step-process .rainbow {
  color: var(--rb-steps-step-doing-icon-color);
}
.rb-step-process .rb-step-dot {
  background-color: var(--rb-steps-step-doing-dot-color);
}
.rb-step-process .rb-step-dot:before {
  background-color: var(--rb-steps-done-line-bg-color) !important;
}
.rb-step-finish {
  color: var(--rb-steps-step-done-color);
}
.rb-step-finish .rb-step-serial {
  background-clip: padding-box;
  background-color: var(--rb-steps-serial-done-bg-color);
  border-color: var(--rb-steps-serial-done-border-color);
  display: flex;
}
.rb-step-finish .rb-step-title:after {
  background-color: var(--rb-steps-done-line-bg-color);
}
.rb-step-finish.rb-step-has-cus-icon {
  color: var(--rb-steps-step-icon-done-color);
}
.rb-step-finish .rb-step-icon > span:after {
  background-color: var(--rb-steps-done-line-bg-color) !important;
}
.rb-step-finish .rb-step-icon .rb-step-dot {
  background-color: var(--rb-steps-step-done-dot-color);
}
.rb-step-finish .rb-step-icon .rb-step-dot:before {
  background-color: var(--rb-steps-done-line-bg-color);
}
.rb-step-error .rb-step-description,
.rb-step-error .rb-step-icon,
.rb-step-error .rb-step-serial,
.rb-step-error .rb-step-title {
  color: var(--rb-steps-step-error-color);
}
.rb-step-error .rb-step-serial {
  background-color: var(--rb-steps-step-error-bg-color);
  border-color: var(--rb-steps-step-error-border-color);
  display: flex;
}
.rb-steps-navigation.rb-steps:after {
  background-color: var(--rb-steps-step-nav-border-color);
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  width: 100%;
}
.rb-steps-navigation .rb-step-title:after {
  content: none;
}
.rb-steps-horizontal.rb-steps-navigation .rb-step {
  justify-content: center;
  padding-bottom: 12px;
  padding-left: 32px;
}
.rb-steps-navigation .rb-step-navi-arrow {
  align-items: center;
  display: flex;
  padding-bottom: 12px;
  position: relative;
}
.rb-steps-navigation .rb-step-navi-arrow > span {
  color: var(--rb-steps-step-nav-arrow-color);
  font-size: 16px;
}
.rb-steps-navigation .rb-step-navi-arrow:last-child {
  display: none;
}
.rb-steps-navigation .rb-step-active:after {
  background-color: var(--rb-steps-step-nav-doing-border-color);
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.rb-steps-ribbon .rb-step {
  background-color: var(--rb-steps-step-ribbon-undo-bg-color);
  height: 32px;
  justify-content: center;
  line-height: 32px;
}
.rb-steps-ribbon .rb-step-ribbon-end {
  border-bottom: 16px solid var(--rb-steps-step-ribbon-undo-bg-color);
  border-left: 10px solid transparent;
  border-top: 16px solid var(--rb-steps-step-ribbon-undo-bg-color);
  height: 0;
  margin-left: -6px;
  width: 0;
}
.rb-steps-ribbon .rb-step-ribbon-end:first-child {
  margin-left: 0;
}
.rb-steps-ribbon .rb-step-ribbon-head {
  border-bottom: 16px solid transparent;
  border-left: 10px solid var(--rb-steps-step-ribbon-undo-bg-color);
  border-top: 16px solid transparent;
  height: 0;
  width: 0;
  z-index: 1;
}
.rb-steps-ribbon .rb-step-title {
  display: block;
  line-height: 32px;
  overflow: hidden;
  padding-right: 24px;
  text-overflow: ellipsis;
}
.rb-steps-ribbon .rb-step-title:after {
  content: none;
}
.rb-steps-ribbon .rb-step-serial {
  height: 20px;
  margin-top: 6px;
  width: 20px;
}
.rb-steps-ribbon.rb-steps-horizontal .rb-step:not(:first-child) {
  padding-left: 0;
}
.rb-steps-ribbon .rb-step-icon {
  margin-left: 24px;
}
.rb-steps-ribbon .rb-step-icon span.default.rainbow {
  font-size: 12px;
}
.rb-steps-ribbon .rb-step-finish .rb-step-serial {
  background-color: var(--rb-steps-step-ribbon-done-icon-bg-color);
  border-color: var(--rb-steps-step-ribbon-done-icon-border-color);
  color: var(--rb-steps-step-ribbon-done-icon-color);
}
.rb-steps-ribbon .rb-step-finish .rb-step-title {
  color: var(--rb-steps-step-ribbon-done-color) !important;
}
.rb-steps-ribbon .rb-step-finish.rb-step {
  background-color: var(--rb-steps-step-ribbon-done-bg-color);
}
.rb-steps-ribbon .done.rb-step-ribbon-end {
  border-bottom-color: var(--rb-steps-step-ribbon-done-bg-color);
  border-top-color: var(--rb-steps-step-ribbon-done-bg-color);
}
.rb-steps-ribbon .done.rb-step-ribbon-head {
  border-left: 10px solid var(--rb-steps-step-ribbon-done-bg-color);
}
.rb-steps-ribbon .rb-step-process .rb-step-serial {
  background-color: var(--rb-steps-step-ribbon-icon-bg-color);
  border-color: var(--rb-steps-step-ribbon-icon-border-color);
  color: var(--rb-steps-step-ribbon-done-icon-color);
}
.rb-steps-ribbon .rb-step-process .rb-step-title {
  color: var(--rb-steps-step-ribbon-doing-color) !important;
}
.rb-steps-ribbon .rb-step-process.rb-step {
  background-color: var(--rb-steps-step-ribbon-doing-bg-color);
}
.rb-steps-ribbon .rb-step-process .rb-step-serial {
  color: var(--rb-steps-step-done-color);
}
.rb-steps-ribbon .doing.rb-step-ribbon-end {
  border-bottom-color: var(--rb-steps-step-ribbon-doing-bg-color);
  border-top-color: var(--rb-steps-step-ribbon-doing-bg-color);
}
.rb-steps-ribbon .doing.rb-step-ribbon-head {
  border-left: 10px solid var(--rb-steps-step-ribbon-doing-bg-color);
}
.rb-steps-ribbon .rb-step-wait .rb-step-serial {
  background-color: var(--rb-steps-step-ribbon-undo-icon-bg-color);
  border-color: var(--rb-steps-step-ribbon-undo-icon-border-color);
  color: var(--rb-steps-step-ribbon-undo-icon-color) !important;
}
.rb-steps-ribbon .rb-step-wait .rb-step-title {
  color: var(--rb-steps-step-ribbon-undo-color) !important;
}
.rb-steps-ribbon .rb-step-wait.rb-step {
  background-color: var(--rb-steps-step-ribbon-undo-bg-color);
}
.rb-steps-ribbon .rb-step-wait .rb-step-serial {
  color: var(--rb-steps-step-done-color);
}
.rb-step-click:not(.rb-step-active) {
  cursor: pointer;
}
.rb-step-click:not(.rb-step-active).rb-step-wait:not(.rb-step-active):hover .rb-step-icon,
.rb-step-click:not(.rb-step-active):not(.rb-disabled):hover .rb-step-description,
.rb-step-click:not(.rb-step-active):not(.rb-disabled):hover .rb-step-title {
  color: var(--rb-steps-step-nav-click-hover-color);
}
.rb-skeleton {
  width: 100%;
}
.rb-skeleton-button,
.rb-skeleton-input,
.rb-skeleton-paragraph li,
.rb-skeleton-table ul li,
.rb-skeleton-title {
  background-color: var(--rb-skeleton-bg-color);
  border-radius: 4px;
  width: 100%;
}
.rb-skeleton-paragraph li,
.rb-skeleton-title {
  border-radius: 0;
}
.rb-skeleton-table ul:not(:last-child) li {
  border-bottom: 1px solid transparent;
  border-radius: 0;
  height: 48px;
}
.rb-skeleton-title {
  height: 16px;
  margin: 4px 0;
}
.rb-skeleton-paragraph li {
  height: 14px;
  margin: 4px 0;
}
.rb-skeleton-paragraph {
  margin-top: 24px;
}
.rb-skeleton-paragraph li:not(:last-child) {
  margin-bottom: 8px;
}
.rb-skeleton-button,
.rb-skeleton-input {
  height: 32px;
}
.rb-skeleton-button {
  width: 80px;
}
.rb-skeleton-table .rb-skeleton-input {
  margin-bottom: 16px;
  width: calc(50% - 8px);
}
.rb-skeleton-table ul {
  display: flex;
  padding: 16px 0;
}
.rb-skeleton-table .rb-skeleton-table-pagination {
  gap: 8px;
  height: 32px;
  justify-content: flex-end;
  margin-top: 16px;
}
.rb-skeleton-table .rb-skeleton-table-pagination li {
  flex: none;
  width: 32px;
}
.rb-skeleton-table.with-border ul:not(.rb-skeleton-table-pagination) {
  border-bottom: 1px solid var(--rb-skeleton-border-color);
}
.rb-skeleton-active .rb-skeleton-button,
.rb-skeleton-active .rb-skeleton-input,
.rb-skeleton-active .rb-skeleton-paragraph li,
.rb-skeleton-active .rb-skeleton-table ul li,
.rb-skeleton-active .rb-skeleton-title {
  background-color: transparent;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.rb-skeleton-active .rb-skeleton-button:after,
.rb-skeleton-active .rb-skeleton-input:after,
.rb-skeleton-active .rb-skeleton-paragraph li:after,
.rb-skeleton-active .rb-skeleton-table ul li:after,
.rb-skeleton-active .rb-skeleton-title:after {
  -webkit-animation: rb-skeleton-loading 1.4s ease infinite;
  -moz-animation: rb-skeleton-loading 1.4s ease infinite;
  animation: rb-skeleton-loading 1.4s ease 0.1s infinite;
  background: linear-gradient(90deg, var(--rb-skeleton-bg-color) 25%, var(--rb-skeleton-bg-active-color) 37%, var(--rb-skeleton-bg-color) 63%);
  bottom: 0;
  content: "";
  left: -150%;
  position: absolute;
  right: -150%;
  top: 0;
}
@keyframes rb-skeleton-loading {
  0% {
    transform: translateX(-37.5%);
  }
  to {
    transform: translateX(37.5%);
  }
}
@-webkit-keyframes rb-skeleton-loading {
  0% {
    transform: translateX(-37.5%);
  }
  to {
    transform: translateX(37.5%);
  }
}
@-moz-keyframes rb-skeleton-loading {
  0% {
    transform: translateX(-37.5%);
  }
  to {
    transform: translateX(37.5%);
  }
}
.rb-qrcode {
  align-items: center;
  background-color: var(--rb-qrcode-bg-color);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  position: relative;
}
.rb-qrcode-withborder {
  border: 1px solid var(--rb-qrcode-border-color);
}
.rb-qrcode-mask {
  align-items: center;
  background-color: var(--rb-qrcode-mask-bg-color);
  border-radius: 4px;
  color: var(--rb-qrcode-mask-font-color);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 0 16px;
  position: absolute;
  width: 100%;
}
.rb-qrcode-mask .rb-btn-type-link {
  height: auto;
  margin-top: 8px;
}
.rb-qrcode-mask p {
  text-align: center;
}
.rb-highlight {
  color: var(--rb-color-text);
  display: inline-block;
}
.rb-highlight .rb-highlight-item {
  color: var(--rb-highlight-color);
  display: inline-block;
}
.rb-highlight .rb-highlight-item-click {
  cursor: pointer;
}
.rb-highlight .rb-highlight-item-click:hover {
  color: var(--rb-highlight-hover-color);
}
.rb-highlight .rb-highlight-item-click:active {
  color: var(--rb-highlight-active-color);
}
.rb-sidemenu-all-mode {
  background-color: var(--all-menu-bg-color);
  box-shadow: var(--rb-box-shadow-color);
  color: var(--all-menu-color);
  height: 100%;
  left: 0;
  overflow: auto;
  padding: 20px 0;
  position: absolute;
  top: 0;
  width: 1190px;
  z-index: 998;
}
.rb-sidemenu-all-mode .collect.rainbow.StarFill16 {
  color: var(--all-menu-star-collect-color);
  visibility: visible;
}
.rb-sidemenu-all-mode .rainbow.StarFill16 {
  visibility: hidden;
}
.rb-sidemenu-all-mode .StarFill16 {
  color: var(--all-menu-star-color);
  font-size: 14px;
  margin-left: 4px;
}
.rb-sidemenu-all-mode .all-wrapper {
  align-items: flex-start;
  display: flex;
}
.rb-sidemenu-all-mode .all-favorites {
  width: 289px;
}
.rb-sidemenu-all-mode .all-favorites-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 5px 32px;
}
.rb-sidemenu-all-mode .all-favorites-title h4 {
  color: var(--all-menu-favorites-title-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 197px;
}
.rb-sidemenu-all-mode .all-favorites-count {
  background-color: var(--all-menu-favorites-count-bg-color);
  border-radius: 10px;
  box-shadow: 0 0 0 1px var(--all-menu-favorites-count-shadow-color);
  color: var(--all-menu-favorites-count-color);
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 20px;
}
.rb-sidemenu-all-mode .all-favorites-list {
  margin-top: 16px;
}
.rb-sidemenu-all-mode .all-favorites-list .favorite-item-wrapper {
  padding: 0 32px;
}
.rb-sidemenu-all-mode .all-favorites-list .favorite-item-wrapper:hover {
  background-color: var(--all-menu-list-hover-bg-color);
}
.rb-sidemenu-all-mode .all-favorites-list .favorite-item {
  align-items: center;
  border-bottom: 1px solid var(--all-menu-item-border-color);
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: space-between;
  line-height: 48px;
}
.rb-sidemenu-all-mode .all-menu-content-recently {
  padding: 16px 32px 0;
}
.rb-sidemenu-all-mode .all-menu-content-recently-title {
  color: var(--all-menu-title-color);
}
.rb-sidemenu-all-mode .all-menu-content-recently .recently-list {
  border-bottom: 1px solid var(--all-menu-item-border-color);
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 15px;
  padding-top: 16px;
}
.rb-sidemenu-all-mode .all-menu-content-recently .recently-item {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  height: 28px;
  line-height: 20px;
  padding: 4px 0;
  width: calc(100% / 4);
}
.rb-sidemenu-all-mode .all-menu-content {
  border-left: 1px solid var(--all-menu-item-border-color);
  flex: 1;
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item {
  padding: 0 32px;
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item:last-of-type {
  margin-bottom: 16px;
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item .all-menu-list-item-box {
  align-items: flex-start;
  border-bottom: 1px solid var(--all-menu-item-border-color);
  display: flex;
  padding: 16px 0 15px;
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item:hover {
  background-color: var(--all-menu-list-hover-bg-color);
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item-level-one {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  padding: 4px 0;
  width: 202px;
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item-level-one .title {
  color: var(--all-menu-title-color);
  height: 20px;
  line-height: 20px;
  margin-right: 8px;
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item-level-one .SingleArrowRight16-1 {
  color: var(--all-menu-title-icon-color);
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item-content {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item-content .item-content-child {
  cursor: pointer;
  position: relative;
  width: calc(100% / 3);
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item-content .item-content-child-title {
  display: flex;
  position: relative;
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item-content .item-content-child-title .title {
  position: relative;
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item-content .item-content-child .rainbow.ArrowDown16 {
  font-size: 12px;
  margin-left: 8px;
}
.rb-sidemenu-all-mode .all-menu-list .item-content-child-expanded .all-menu-li-parent {
  color: var(--all-menu-item-hover-color);
  position: relative;
  z-index: 1;
}
.rb-sidemenu-all-mode .all-menu-list .item-content-child-expanded .all-menu-li-parent:before {
  background-color: var(--all-menu-item-popup-bg-color);
  border: 1px solid var(--all-menu-item-popup-border-color);
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  content: "";
  height: 33px;
  left: -15px;
  padding: 0 15px;
  position: absolute;
  top: -8px;
  width: 100%;
}
.rb-sidemenu-all-mode .all-menu-list .item-content-child-expanded .all-menu-li-parent .rainbow.ArrowDown16 {
  transform: rotate(180deg);
}
.rb-sidemenu-all-mode .all-menu-list .rb-popup-bottomRight {
  margin-left: 40px;
}
.all-menu-level-3 {
  background: var(--all-menu-item-popup-bg-color);
  border: 1px solid var(--all-menu-item-popup-border-color);
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  padding: 11px 23px;
  width: auto;
}
.all-menu-level-3 .all-menu-leaf-node {
  width: calc(100% / 3);
}
.all-menu-level-3 .all-menu-leaf-node span {
  cursor: pointer;
}
.all-menu-li-item {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  padding: 4px 8px;
}
.all-menu-li-item > span {
  max-width: calc(100% - 64px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.all-menu-li-item:hover {
  color: var(--all-menu-item-hover-color);
}
.all-menu-li-item:hover .rainbow.StarFill16 {
  visibility: visible;
}
.all-menu-search-popup {
  max-height: 80vh;
  min-height: 62px;
}
.all-menu-search-popup.rb-list {
  padding: 0;
}
.all-menu-search-popup.rb-list .rb-search-no-result {
  margin: 20px 0;
}
.all-menu-search-popup.rb-search-result {
  background-color: var(--all-menu-search-bg-color);
}
.all-menu-content-search {
  padding: 0 32px;
}
.all-menu-content-search .rb-input-wrapper {
  background-color: var(--all-menu-search-input-bg-color);
  border-color: var(--all-menu-search-input-border-color);
}
.all-menu-content-search .rb-input-wrapper .rb-input-prefix .rainbow {
  color: var(--all-menu-search-input-icon-color);
}
.all-menu-content-search .rb-input-wrapper .rb-input-suffix .rainbow {
  color: var(--all-menu-search-input-remove-icon-color);
}
.all-menu-content-search .rb-input-wrapper .rb-input {
  color: var(--all-menu-search-input-color);
}
.all-menu-content-search .rb-input-wrapper-active,
.all-menu-content-search .rb-input-wrapper-hover {
  border-color: var(--all-menu-search-input-border-hover-color);
}
.all-menu-content-search .rb-input-wrapper-active {
  box-shadow: 0 0 0 2px var(--all-menu-search-input-border-focus-bs-color);
}
.all-menu-search-group {
  padding: 0 36px;
}
.all-menu-search-group:last-of-type {
  margin-bottom: 32px;
}
.all-menu-search-item {
  align-items: baseline;
  border-bottom: 1px solid var(--all-menu-search-border-color);
  display: flex;
  line-height: 20px;
  padding: 16px 0 15px;
}
.all-menu-search-item .all-menu-search-high-light {
  background-color: var(--all-menu-search-high-light-bg-color);
  color: var(--all-menu-search-high-light-color);
}
.all-menu-search-item-parent {
  align-items: center;
  color: var(--all-menu-search-parent-color);
  column-gap: 8px;
  display: inline-flex;
  margin-right: 8px;
  padding: 4px 0;
  white-space: nowrap;
}
.all-menu-search-item-parent .rainbow {
  color: var(--all-menu-search-arrow-color);
}
.all-menu-search-item-parent:last-of-type {
  margin-right: 0;
}
.all-menu-search-item .search-leaf-node-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.all-menu-search-item .search-leaf-node {
  align-items: center;
  border-radius: 4px;
  color: var(--all-menu-search-color);
  cursor: pointer;
  display: inline-flex;
  padding: 4px 8px;
}
.all-menu-search-item .search-leaf-node .all-menu-search-high-light {
  background-color: var(--all-menu-search-high-light-bg-color);
  color: var(--all-menu-search-high-light-color);
}
.all-menu-search-item .search-leaf-node:hover {
  background: var(--all-menu-search-hover-bg-color);
  color: var(--all-menu-search-hover-color);
}
.all-menu-search-item .search-leaf-node:hover .StarFill16 {
  visibility: visible;
}
.all-menu-search-item .collect.rainbow.StarFill16 {
  color: var(--all-menu-star-collect-color);
  visibility: visible;
}
.all-menu-search-item .rainbow.StarFill16 {
  visibility: hidden;
}
.all-menu-search-item .StarFill16 {
  color: var(--all-menu-star-color);
  font-size: 14px;
  margin-left: 4px;
}
.hoverTreeContainer {
  background-color: var(--sidebar-menu-level-one-hover-bg-color);
  box-shadow: var(--rb-box-shadow-color);
  color: var(--sidebar-menu-color);
  display: block;
  height: fit-content;
  left: 56px;
  line-height: 22px;
  position: absolute;
  width: 192px;
}
.hoverTreeContainer .rb-sidemenu-float-menu-title {
  display: block;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  white-space: nowrap;
}
.hoverTreeContainer > ul {
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
}
.hoverTreeContainer ul li {
  height: 40px;
  line-height: 40px;
  list-style: none;
  padding: 0 16px;
}
.hoverTreeContainer ul li .treeview-group {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.hoverTreeContainer ul li .treeview-group .rb-sidemenu-float-menu-title-box {
  align-items: center;
  display: flex;
}
.hoverTreeContainer ul li:not(.float_head) {
  color: var(--sidebar-menu-level-two-color);
  cursor: pointer;
}
.hoverTreeContainer ul li:not(.float_head).active_float {
  background-color: var(--sidebar-menu-selected-bg-color) !important;
  color: var(--sidebar-menu-selected-color) !important;
}
.hoverTreeContainer ul li:not(.float_head).active_float .SingleArrowRight16-1 {
  color: var(--sidebar-menu-selected-color) !important;
}
.hoverTreeContainer ul li:not(.float_head):hover {
  background-color: var(--sidebar-menu-level-two-hover-bg-color);
  color: var(--sidebar-menu-level-two-hover-color);
}
.hoverTreeContainer ul li:not(.float_head):hover .SingleArrowRight16-1 {
  color: var(--sidebar-menu-level-two-hover-color);
}
.hoverTreeContainer .float_hasChild .rb-sidemenu-float-menu-title {
  max-width: 136px;
}
.hoverTreeContainer .float_hasChild.rb-sidemenu-hasnew .rb-sidemenu-float-menu-title {
  max-width: 92px;
}
.hoverTreeContainer .rb-sidemenu-hasnew .rb-sidemenu-float-menu-title {
  max-width: 116px;
}
.hoverTreeContainer .rb-sidemenu-float-expanded .rb-sidemenu-item-icon {
  color: var(--sidebar-menu-level-one-hover-icon-color);
}
.hoverTreeContainer .float_head {
  align-items: center;
  color: var(--sidebar-menu-level-one-expanded-color);
  display: flex;
  height: 48px;
}
.hoverTreeContainer .float_head .rb-sidemenu-float-menu-title {
  color: var(--sidebar-menu-level-one-hover-color);
}
.hoverTreeContainer .float_head .rb-sidemenu-float-menu-title.rb-selected-float-root {
  color: var(--sidebar-menu-level-one-selected-color);
}
.hoverTreeContainer .rb-sidemenu-float-menu-divider {
  margin: 0;
  padding: 0 16px;
}
.hoverTreeContainer .SingleArrowRight16-1 {
  color: var(--sidebar-menu-arrow-color);
  margin-left: 8px;
}
.rb-sidemenu-level-1.active_float .rb-sidemenu-item {
  background-color: var(--sidebar-menu-level-one-hover-bg-color);
  width: 56px;
}
.rb-sidemenu-level-1.active_float .rb-sidemenu-item-icon {
  color: var(--sidebar-menu-level-one-hover-icon-color);
}
.rb-sidemenu-level-1.rb-selected-float-root > .rb-sidemenu-item {
  background-color: var(--sidebar-menu-level-one-selected-bg-color) !important;
  color: var(--sidebar-menu-level-one-selected-color) !important;
}
.rb-sidemenu-level-1.rb-selected-float-root > .rb-sidemenu-item:before {
  background-color: var(--sidebar-menu-level-one-expanded-before-color);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px;
}
.rb-sidemenu-level-1.rb-selected-float-root > .rb-sidemenu-item .rainbow.SingArrowDown {
  color: var(--sidebar-menu-level-one-selected-color) !important;
}
.rb-sidemenu-level-1.rb-selected-float-root > .rb-sidemenu-item .rb-sidemenu-item-icon {
  color: var(--sidebar-menu-level-one-selected-icon-color) !important;
}
.rb-side-menu-wrapper {
  background-color: var(--sidebar-menu-bg-color);
  box-shadow: inset -1px 0 0 var(--sidebar-menu-box-shadow-color);
  color: var(--sidebar-menu-color);
  font-size: 14px;
  height: calc(100vh - 58px);
  line-height: 22px;
  position: relative;
  transition: visibility 0.3s, width 0.1s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.rb-side-menu-wrapper::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
}
.rb-side-menu-wrapper .rainbow.SingArrowDown {
  color: var(--sidebar-menu-arrow-color);
}
.rb-sidemenu-default-mode {
  width: 256px;
}
.rb-sidemenu-default-mode .rb-sidemenu-item-info {
  width: calc(100% - 24px);
}
.rb-sidemenu-default-mode .rb-sidemenu-item-info.with-new-tag {
  width: calc(100% - 64px);
}
.rb-sidemenu-mini-mode {
  position: relative;
  width: 56px;
}
.rb-sidemenu-mini-mode .action-tip,
.rb-sidemenu-mini-mode .rb-sidemenu-footer-lock,
.rb-sidemenu-mini-mode .rb-sidemenu-item-content,
.rb-sidemenu-mini-mode .rb-sidemenu-submenu-arrow {
  display: none;
}
.rb-sidemenu-mini-mode .rb-sidemenu-item-icon {
  width: 50px;
}
.rb-sidemenu-mini-mode .rb-sidemenu-footer-action .rainbow {
  transform: rotate(180deg);
}
.rb-sidemenu-float-mode {
  box-shadow: inset -1px 0 0 var(--sidebar-menu-box-shadow-color), var(--rb-box-shadow-color);
  position: relative;
  width: 255px;
}
.rb-sidemenu-float-mode .rb-sidemenu-float-mode-menu {
  position: absolute;
}
.rb-sidemenu {
  height: 100%;
  list-style: none;
  overflow: auto;
}
.rb-sidemenu.rb-sidemenu-level-1 {
  height: calc(100% - 60px);
}
.rb-sidemenu::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
}
.rb-sidemenu-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: space-between;
  padding: 0 16px 0 19px;
  position: relative;
  width: calc(100% - 1px);
}
.rb-sidemenu-item .rb-sidemenu-submenu-arrow {
  margin-left: 8px;
  padding: 1px;
}
.rb-sidemenu-item .rb-sidemenu-submenu-arrow span {
  transition: transform 0.3s cubic-bezier(0.5, 0, 1, 0);
}
.rb-sidemenu-item > span {
  align-items: center;
  display: inline-flex;
}
.rb-sidemenu-item .rb-sidemenu-item-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rb-sidemenu-item-icon {
  color: var(--sidebar-menu-icon-color);
  height: 18px;
  margin-right: 9px;
}
.rb-sidemenu-item-icon span {
  font-size: 18px;
}
.rb-sidemenu-item-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rb-sidemenu-item-new-tag {
  background-color: var(--sidebar-menu-new-tag-bg-color);
  border: 1px solid var(--sidebar-menu-new-tag-border-color);
  border-radius: 2px;
  box-sizing: content-box;
  color: var(--sidebar-menu-new-tag-color);
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  margin: 0 0 0 8px;
  padding: 0 4px;
  text-align: center;
  transform: scale(0.8);
  word-break: keep-all;
}
.rb-sidemenu-sub {
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.5, 0, 1, 0);
}
.rb-sidemenu-level-1 .rb-sidemenu-item {
  background-color: var(--sidebar-menu-level-one-bg-color);
}
.rb-sidemenu-level-1 .rb-sidemenu-item:hover {
  background-color: var(--sidebar-menu-level-one-hover-bg-color);
}
.rb-sidemenu-level-1 .rb-sidemenu-item:hover,
.rb-sidemenu-level-1 .rb-sidemenu-item:hover .rainbow.SingArrowDown {
  color: var(--sidebar-menu-level-one-hover-color);
}
.rb-sidemenu-level-1 .rb-sidemenu-item:hover .rb-sidemenu-item-icon {
  color: var(--sidebar-menu-level-one-hover-icon-color);
}
.rb-sidemenu-level-1 > .rb-sidemenu-item.rb-sidemenu-item-leaf.rb-sidemenu-item-selected {
  background-color: var(--sidebar-menu-level-one-expanded-bg-color);
  color: var(--sidebar-menu-level-one-expanded-color);
}
.rb-sidemenu-level-1 > .rb-sidemenu-item.rb-sidemenu-item-leaf.rb-sidemenu-item-selected:before {
  background-color: var(--sidebar-menu-level-one-expanded-before-color);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px;
}
.rb-sidemenu-level-1 .rb-sidemenu-sub .rb-sidemenu-item {
  padding: 0 18px 0 45px;
}
.rb-sidemenu-level-2 {
  background-color: var(--sidebar-menu-leaf-expanded-bg-color);
  box-shadow: inset -1px 0 0 var(--sidebar-menu-box-shadow-color);
}
.rb-sidemenu-level-2 .rb-sidemenu-item {
  background-color: var(--sidebar-menu-level-two-bg-color);
  color: var(--sidebar-menu-level-two-color);
  height: 40px;
  padding: 0 18px 0 45px;
}
.rb-sidemenu-level-2 .rb-sidemenu-item:hover {
  background-color: var(--sidebar-menu-level-two-hover-bg-color);
}
.rb-sidemenu-level-2 .rb-sidemenu-item:hover,
.rb-sidemenu-level-2 .rb-sidemenu-item:hover .rainbow.SingArrowDown {
  color: var(--sidebar-menu-level-two-hover-color);
}
.rb-sidemenu-level-2 .rb-sidemenu-sub .rb-sidemenu-item {
  padding: 0 18px 0 61px;
}
.rb-sidemenu-item-leaf.rb-sidemenu-item.rb-sidemenu-item-selected {
  background-color: var(--sidebar-menu-selected-bg-color);
  color: var(--sidebar-menu-selected-color);
}
.rb-sidemenu-folded > .rb-sidemenu-sub {
  max-height: 0;
  transition: max-height 0.4s cubic-bezier(0, 1, 0, 1) -0.15s;
}
.rb-sidemenu-expanded > .rb-sidemenu-sub {
  max-height: 9999px;
}
.rb-sidemenu-expanded.rb-sidemenu-level-1 > .rb-sidemenu-level-2 {
  box-shadow: inset -1px 0 0 var(--sidebar-menu-box-shadow-color);
  padding: 4px 0;
}
.rb-sidemenu-expanded.rb-sidemenu-level-1 > .rb-sidemenu-item:not(:hover) {
  background-color: var(--sidebar-menu-level-one-expanded-bg-color);
  color: var(--sidebar-menu-level-one-expanded-color);
}
.rb-sidemenu-expanded.rb-sidemenu-level-1 > .rb-sidemenu-item:not(:hover) .rainbow.SingArrowDown:not(:hover) {
  color: var(--sidebar-menu-level-one-expanded-color);
}
.rb-sidemenu-expanded.rb-sidemenu-level-1 > .rb-sidemenu-item:not(:hover) .rb-sidemenu-item-icon:not(:hover) {
  color: var(--sidebar-menu-level-one-expanded-icon-color);
}
.rb-sidemenu-expanded.rb-sidemenu-level-2 > .rb-sidemenu-item,
.rb-sidemenu-expanded.rb-sidemenu-level-2 > .rb-sidemenu-item .rainbow.SingArrowDown {
  color: var(--sidebar-menu-level-two-expanded-color);
}
.rb-sidemenu-expanded .rb-sidemenu-item-leaf {
  background-color: var(--sidebar-menu-level-two-bg-color);
}
.rb-sidemenu-expanded > .rb-sidemenu-item {
  position: relative;
}
.rb-sidemenu-expanded > .rb-sidemenu-item:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px;
}
.rb-sidemenu-expanded > .rb-sidemenu-item .rb-sidemenu-submenu-arrow span.SingArrowDown {
  transform: rotateX(180deg);
}
.rb-sidemenu-footer {
  align-items: center;
  background-color: var(--sidebar-menu-bg-color);
  bottom: 0;
  box-shadow: inset 0 1px 0 0 var(--sidebar-menu-box-shadow-color);
  cursor: pointer;
  display: flex;
  height: 60px;
  justify-content: space-between;
  left: 0;
  position: absolute;
  width: calc(100% - 1px);
}
.rb-sidemenu-footer .rainbow {
  color: var(--sidebar-menu-icon-color);
  font-size: 18px;
}
.rb-sidemenu-footer-action {
  align-items: center;
  display: inline-flex;
  flex: 1;
  gap: 8px;
  height: 59px;
  overflow: hidden;
  padding: 0 19px;
  white-space: nowrap;
}
.rb-sidemenu-footer-action .action-tip {
  overflow: hidden;
  text-overflow: ellipsis;
}
.rb-sidemenu-footer-action:hover {
  background-color: var(--sidebar-menu-level-one-hover-bg-color);
  color: var(--sidebar-menu-level-one-hover-color);
}
.rb-sidemenu-footer-action:hover .rainbow {
  color: var(--sidebar-menu-level-one-hover-icon-color);
}
.rb-sidemenu-footer-lock {
  align-items: center;
  border-left: 1px solid var(--sidebar-menu-box-shadow-color);
  cursor: pointer;
  display: inline-flex;
  height: 59px;
  justify-content: center;
  width: 52px;
}
.rb-sidemenu-footer-lock:hover {
  background-color: var(--sidebar-menu-level-one-hover-bg-color);
  color: var(--sidebar-menu-level-one-hover-color);
}
.rb-sidemenu-submenu-arrow-blank {
  width: 16px;
}
.nodeTreeFloat .float_li_box {
  padding: 4px 0;
}
.nodeTreeFloat .rb-divider:after,
.nodeTreeFloat .rb-divider:before {
  border-color: var(--sidebar-menu-divider-color);
}
.rb-space {
  display: flex;
}
.rb-space.rb-space-wrap {
  flex-wrap: wrap;
}
.rb-space-vertical {
  align-items: flex-start;
  flex-direction: column;
}
.rb-space-compact {
  align-items: flex-end;
}
.rb-space-compact-first-item {
  margin-inline-end: -1px;
}
.rb-space-compact-first-item .rb-input-wrapper,
.rb-space-compact-first-item .rb-tags {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.rb-space-compact-first-item .rb-input-wrapper-active,
.rb-space-compact-first-item .rb-input-wrapper-hover {
  z-index: 1;
}
.rb-space-compact-middle-item .rb-input-wrapper,
.rb-space-compact-middle-item .rb-tags {
  border-radius: 0;
}
.rb-space-compact-last-item .rb-input-wrapper,
.rb-space-compact-last-item .rb-tags {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.rb-picker-cell-inner {
  height: 24px;
  line-height: 24px;
  position: relative;
  z-index: 2;
}
.rb-picker-panel-container {
  background: var(--rb-date-picker-panel-bg-color);
  color: var(--rb-date-picker-panel-color);
  padding-top: 4px;
}
.rb-picker-header {
  align-items: center;
  background-color: var(--rb-date-picker-header-bg-color);
  color: var(--rb-date-picker-header-color);
  display: flex;
  height: 38px;
  justify-content: space-between;
  padding: 8px 4px;
}
.rb-picker-header-next-btn,
.rb-picker-header-prev-btn,
.rb-picker-header-super-next-btn,
.rb-picker-header-super-prev-btn {
  color: var(--rb-picker-header-button-color);
  cursor: pointer;
}
.rb-picker-header-next-btn:hover,
.rb-picker-header-prev-btn:hover,
.rb-picker-header-super-next-btn:hover,
.rb-picker-header-super-prev-btn:hover {
  color: var(--rb-picker-header-button-hover-color);
}
.rb-picker-header-view {
  flex-grow: 1;
  text-align: center;
}
.rb-picker-header-view button {
  background-color: transparent;
  border: none;
  color: var(--rb-date-picker-header-font-color);
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
}
.rb-picker-header-view button:hover {
  color: var(--rb-date-picker-header-font-hover-color);
}
.rb-picker-header-view .rb-space {
  display: inline-flex;
}
.rb-picker-header-prev-btn,
.rb-picker-header-super-prev-btn {
  margin-left: 8px;
}
.rb-picker-header-next-btn,
.rb-picker-header-super-next-btn {
  margin-right: 8px;
}
.rb-picker-content {
  border-collapse: collapse;
  table-layout: fixed;
}
.rb-picker-content tr {
  padding: 4px 0;
  width: 100%;
}
.rb-picker-content thead {
  background: var(--rb-date-picker-thead-bg-color);
  color: var(--rb-date-picker-thead-color);
  display: block;
  height: 32px;
  padding: 5px 12px;
}
.rb-picker-content tbody {
  display: block;
  padding: 8px 12px;
}
.rb-picker-content th {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
  width: 48px;
}
.rb-picker-cell {
  cursor: pointer;
  position: relative;
  text-align: center;
}
.rb-picker-cell-weekend {
  color: var(--rb-date-picker-weekend-font-color);
}
.rb-picker-cell.rb-picker-week-count {
  color: var(--rb-date-picker-week-count-color);
  z-index: 2;
}
.rb-picker-cell-disabled {
  color: var(--rb-date-picker-time-disabled-color);
  pointer-events: none;
}
.rb-picker-cell-disabled:not(.rb-picker-cell-in-range):after {
  background-color: var(--rb-date-picker-disabled-bg-color);
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.rb-picker-cell-current:not(.rb-picker-cell-in-range):before {
  background-color: var(--rb-date-picker-current-bg-color);
  border-radius: 4px;
  bottom: 4px;
  content: "";
  height: 4px;
  left: 50%;
  margin-left: -2px;
  position: absolute;
  width: 4px!important;
  z-index: 3;
}
.rb-picker-cell-range-end:not(.rb-picker-cell-not-in-view) div,
.rb-picker-cell-range-start:not(.rb-picker-cell-not-in-view) div,
.rb-picker-cell-selected:not(.rb-picker-cell-not-in-view) div {
  background-color: var(--rb-date-picker-checked-active-bg-color);
  border-radius: 2px;
  color: var(--rb-date-picker-checked-active-color);
}
.rb-picker-cell-range-end:not(.rb-picker-cell-not-in-view).rb-picker-cell-current:not(.rb-picker-cell-in-range):before,
.rb-picker-cell-range-start:not(.rb-picker-cell-not-in-view).rb-picker-cell-current:not(.rb-picker-cell-in-range):before,
.rb-picker-cell-selected:not(.rb-picker-cell-not-in-view).rb-picker-cell-current:not(.rb-picker-cell-in-range):before {
  background-color: transparent;
}
.rb-picker-week-panel-row-selected,
.rb-picker-week-panel-row-selected .rb-picker-cell {
  color: var(--rb-date-picker-checked-active-color);
}
.rb-picker-week-panel-row-selected:after {
  background-color: var(--rb-date-picker-checked-active-bg-color);
  border-radius: 2px;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.rb-picker-date-panel .rb-picker-cell:not(.rb-picker-cell-disabled):not(.rb-picker-cell-selected):not(.rb-picker-cell-range-hover):not(.rb-picker-cell-range-start):not(.rb-picker-cell-range-end):hover .rb-picker-cell-inner,
.rb-picker-decade-panel .rb-picker-cell:not(.rb-picker-cell-disabled):not(.rb-picker-cell-selected):not(.rb-picker-cell-range-hover):not(.rb-picker-cell-range-start):not(.rb-picker-cell-range-end):hover .rb-picker-cell-inner,
.rb-picker-month-panel .rb-picker-cell:not(.rb-picker-cell-disabled):not(.rb-picker-cell-selected):not(.rb-picker-cell-range-hover):not(.rb-picker-cell-range-start):not(.rb-picker-cell-range-end):hover .rb-picker-cell-inner,
.rb-picker-quarter-panel .rb-picker-cell:not(.rb-picker-cell-disabled):not(.rb-picker-cell-selected):not(.rb-picker-cell-range-hover):not(.rb-picker-cell-range-start):not(.rb-picker-cell-range-end):hover .rb-picker-cell-inner,
.rb-picker-year-panel .rb-picker-cell:not(.rb-picker-cell-disabled):not(.rb-picker-cell-selected):not(.rb-picker-cell-range-hover):not(.rb-picker-cell-range-start):not(.rb-picker-cell-range-end):hover .rb-picker-cell-inner {
  background-color: var(--rb-date-picker-hover-bg-color);
  border-radius: 2px;
}
.rb-picker-date-panel .rb-picker-cell:not(.rb-picker-cell-disabled):not(.rb-picker-cell-selected):not(.rb-picker-cell-range-hover):not(.rb-picker-cell-range-start):not(.rb-picker-cell-range-end):not(.rb-picker-cell-not-in-view):hover .rb-picker-cell-inner,
.rb-picker-decade-panel .rb-picker-cell:not(.rb-picker-cell-disabled):not(.rb-picker-cell-selected):not(.rb-picker-cell-range-hover):not(.rb-picker-cell-range-start):not(.rb-picker-cell-range-end):not(.rb-picker-cell-not-in-view):hover .rb-picker-cell-inner,
.rb-picker-month-panel .rb-picker-cell:not(.rb-picker-cell-disabled):not(.rb-picker-cell-selected):not(.rb-picker-cell-range-hover):not(.rb-picker-cell-range-start):not(.rb-picker-cell-range-end):not(.rb-picker-cell-not-in-view):hover .rb-picker-cell-inner,
.rb-picker-quarter-panel .rb-picker-cell:not(.rb-picker-cell-disabled):not(.rb-picker-cell-selected):not(.rb-picker-cell-range-hover):not(.rb-picker-cell-range-start):not(.rb-picker-cell-range-end):not(.rb-picker-cell-not-in-view):hover .rb-picker-cell-inner,
.rb-picker-year-panel .rb-picker-cell:not(.rb-picker-cell-disabled):not(.rb-picker-cell-selected):not(.rb-picker-cell-range-hover):not(.rb-picker-cell-range-start):not(.rb-picker-cell-range-end):not(.rb-picker-cell-not-in-view):hover .rb-picker-cell-inner {
  color: var(--rb-date-picker-hover-color);
}
.rb-picker-decade-panel .rb-picker-cell {
  padding: 4px 12px;
  width: 100px;
}
.rb-picker-year-panel .rb-picker-cell {
  padding: 4px 24px;
  width: 112px;
}
.rb-picker-quarter-panel .rb-picker-cell {
  padding: 4px 10px;
  width: 84px;
}
.rb-picker-month-panel .rb-picker-cell {
  padding: 4px 24px;
  width: 112px;
}
.rb-picker-week-panel-row {
  cursor: pointer;
  position: relative;
}
.rb-picker-week-panel-row:not(.rb-picker-week-panel-row-selected):hover:after {
  background-color: var(--rb-date-picker-hover-bg-color);
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.rb-picker-week-panel .rb-picker-cell {
  padding: 4px 9px;
  width: 42px;
}
.rb-picker-week-panel .rb-picker-content th {
  width: 42px;
}
.rb-picker-date-panel .rb-picker-cell {
  padding: 4px 12px;
  width: 48px;
}
.rb-picker-datetime-panel {
  display: flex;
}
.rb-picker-datetime-panel .rb-picker-date-panel {
  border-right: 1px solid var(--rb-picker-date-panel-border-color);
}
.rb-picker-time-panel .rb-picker-content {
  display: flex;
  height: 208px;
}
.rb-picker-time-panel .rb-picker-header-title {
  align-items: center;
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.rb-picker-time-panel .rb-picker-header-title-cell {
  background-color: var(--rb-date-picker-thead-bg-color);
  height: 32px;
  line-height: 32px;
  text-align: center;
  width: 72px;
}
.rb-picker-time-panel .rb-picker-header-title-cell:not(:last-child) {
  border-right: 1px solid var(--rb-date-picker-thead-bg-color);
  box-sizing: content-box;
}
.rb-picker-time-panel-column {
  overflow-y: auto;
  padding: 4px 0!important;
  position: relative;
  width: 72px;
}
.rb-picker-time-panel-column:not(:last-child) {
  border-right: 1px solid var(--rb-picker-date-panel-border-color);
  box-sizing: content-box;
}
.rb-picker-time-panel-column::-webkit-scrollbar {
  display: none;
}
.rb-picker-time-panel-column-disabled .rb-picker-time-panel-cell {
  background-color: var(--rb-date-picker-time-hover-bg-color);
  cursor: not-allowed;
}
.rb-picker-time-panel-cell {
  cursor: pointer;
  margin: 8px 0;
  position: relative;
}
.rb-picker-time-panel-cell-selected div {
  background-color: var(--rb-date-picker-time-checked-active-bg-color) !important;
  color: var(--rb-date-picker-time-checked-active-color) !important;
}
.rb-picker-time-panel-cell-inner {
  height: 24px;
  line-height: 24px;
  position: relative;
  text-align: center;
  z-index: 2;
}
.rb-picker-time-panel-cell-inner:hover {
  background-color: var(--rb-date-picker-time-hover-bg-color);
  color: var(--rb-date-picker-time-hover-color);
}
.rb-picker-footer {
  align-items: center;
  border-top: 1px solid var(--rb-picker-date-panel-border-color);
  display: flex;
  padding: 12px;
}
.rb-picker-footer-btns {
  display: inline-block;
  width: 100%;
}
.rb-picker-footer-btns .rb-btn {
  padding: 0 8px;
}
.rb-picker-footer-btns .rb-picker-now {
  float: left;
}
.rb-picker-footer-btns .rb-picker-confirm {
  float: right;
}
.rb-picker-footer-btns .rb-btn {
  border-radius: 3px;
  height: 24px;
  line-height: 24px;
}
.rb-picker-footer-with-preset {
  display: inline-flex;
  gap: 8px;
  justify-content: space-between;
}
.rb-picker-preset-btns {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
}
.rb-picker-cell-range-hover:not(.rb-picker-cell-not-in-view) {
  position: relative;
}
.rb-picker-cell-range-hover:not(.rb-picker-cell-not-in-view):after {
  border-bottom: 1px dashed var(--rb-rangepicker-hover-border-color);
  border-top: 1px dashed var(--rb-rangepicker-hover-border-color);
  content: "";
  height: 22px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
}
.rb-picker-cell-range-hover-end:not(.rb-picker-cell-not-in-view):after,
.rb-picker-cell-range-hover-start:not(.rb-picker-cell-not-in-view):after {
  width: calc(100%);
}
.rb-picker-cell-range-hover-end:not(.rb-picker-cell-not-in-view).rb-picker-cell.rb-picker-cell-range-end:after,
.rb-picker-cell-range-hover-start:not(.rb-picker-cell-not-in-view).rb-picker-cell.rb-picker-cell-range-start:after {
  width: calc(100% - 13px);
}
.rb-picker-cell-range-hover-start.rb-picker-cell-range-end:after {
  width: 100%;
}
.rb-picker-cell-end.rb-picker-cell-range-hover:after,
.rb-picker-cell-range-hover-end:not(.rb-picker-cell-not-in-view):after,
.rb-picker-cell-range-hover:last-child:not(.rb-picker-cell-not-in-view):after {
  border-bottom-right-radius: 2px;
  border-right: 1px dashed var(--rb-rangepicker-hover-border-color);
  border-top-right-radius: 2px;
  z-index: 2;
}
.rb-picker-cell-range-hover-start:not(.rb-picker-cell-not-in-view):after,
.rb-picker-cell-range-hover.rb-picker-cell-start:not(.rb-picker-cell-not-in-view):after,
.rb-picker-cell-range-hover:first-child:not(.rb-picker-cell-not-in-view):after {
  border-bottom-left-radius: 2px;
  border-left: 1px dashed var(--rb-rangepicker-hover-border-color);
  border-top-left-radius: 2px;
  z-index: 2;
}
.rb-picker-cell-range-hover-start:not(.rb-picker-cell-not-in-view):not(.rb-picker-cell-range-start):after {
  left: 0;
}
.rb-picker-cell-range-hover-start:not(.rb-picker-cell-not-in-view).rb-picker-cell.rb-picker-cell-range-start:after {
  left: 12px;
}
.rb-picker-cell-range-hover.rb-picker-cell-not-in-view:hover .rb-picker-cell-inner {
  background-color: var(--rb-date-picker-hover-bg-color);
}
.rb-picker-cell-in-range,
.rb-picker-cell-range-start {
  position: relative;
}
.rb-picker-cell-in-range:before,
.rb-picker-cell-range-start:before {
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}
.rb-picker-cell-in-range:not(.rb-picker-cell-not-in-view):before,
.rb-picker-cell-range-start:not(.rb-picker-cell-not-in-view):before {
  background-color: var(--rb-rangepicker-checked-bg-color);
}
.rb-picker-cell-in-range.rb-picker-cell-end:before,
.rb-picker-cell-in-range:last-child:before {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.rb-picker-cell-in-range.rb-picker-cell-start:before,
.rb-picker-cell-in-range:first-child:before {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.rb-picker-cell-range-start:before {
  left: 12px;
  width: calc(100% - 24px);
}
.rb-picker-cell-range-start.rb-picker-cell-in-range:before {
  left: 12px;
  width: calc(100% - 12px);
}
.rb-picker-cell-range-end:not(.rb-picker-cell-not-in-view):before {
  width: calc(100% - 18px);
}
.rb-picker-cell-not-in-view {
  color: var(--rb-date-picker-not-in-view-color);
}
.rb-picker-hover-value input {
  color: var(--rb-placeholder-color);
}
.rb-picker-header-title {
  list-style: none;
}
.rb-picker-input {
  width: 100%;
}
.rb-picker-panels {
  display: flex;
}
.rb-picker-input-selected {
  position: relative;
}
.rb-picker-input-selected:after {
  background-color: var(--rb-rangepicker-input-border-color);
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
.rb-picker-input-start {
  margin-right: 8px;
}
.rb-picker-input-end {
  margin-left: 8px;
}
.rb-picker-preset-btn {
  background-color: var(--rb-btn-default-bg-color);
  border: 1px solid var(--rb-btn-default-border-color);
  border-radius: 3px;
  color: var(--rb-btn-default-color);
  cursor: pointer;
  float: left;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
}
.rb-picker-preset-btn:hover {
  background-color: var(--rb-btn-default-hover-bg-color);
  border-color: var(--rb-btn-default-hover-border-color);
  color: var(--rb-btn-default-hover-color);
}
.rb-picker-preset-btn:active {
  background-color: var(--rb-btn-default-active-bg-color);
  border-color: var(--rb-btn-default-active-border-color);
  color: var(--rb-btn-default-active-color);
}
.rb-picker-footer-action-btns {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.rb-picker-double-panel {
  width: 720px;
}
.rb-picker-single-panel {
  width: 579px;
}
.rb-calendar {
  --rb-calendar-line-height: 98px;
  color: var(--rb-color-text);
}
.rb-calendar__header .rb-space {
  gap: 8px!important;
  justify-content: right !important;
}
.rb-calendar__header .rb-space .rb-input-group {
  width: auto;
}
.rb-calendar__header .rb-space .rb-input-group:first-child .rb-input-group-content {
  width: 88px;
}
.rb-calendar__header .rb-space .rb-input-group:nth-child(2) .rb-input-group-content {
  margin-right: 8px;
  width: 72px;
}
.rb-calendar__header .rb-space .rb-input-group:last-child .rb-input-group-content {
  width: auto;
}
.rb-calendar-content {
  border-collapse: collapse;
  height: calc(var(--rb-calendar-line-height) * 6 + 38px);
  margin-top: 16px;
  text-align: right;
  width: 100%;
}
.rb-calendar-content thead th {
  color: var(--rb-calendar-thead-color);
  padding: 8px 12px;
}
.rb-calendar-content tbody tr {
  height: var(--rb-calendar-line-height);
}
.rb-calendar-content .rb-calendar-cell {
  border-radius: 0;
  cursor: pointer;
}
.rb-calendar-content .rb-calendar-cell .rb-calendar-cell-inner {
  background-color: var(--rb-calendar-cell-bg-color);
}
.rb-calendar-content .rb-calendar-cell .rb-calendar-cell-inner:hover {
  background-color: var(--rb-calendar-cell-bg-hover-color);
}
.rb-calendar-content .rb-picker-cell-current:before {
  content: none;
}
.rb-calendar-content .rb-picker-cell-current .rb-calendar-cell-inner {
  background-color: var(--rb-calendar-cell-current-bg-color);
  border-color: var(--rb-calendar-cell-current-border-color);
  color: var(--rb-calendar-cell-current-color);
}
.rb-calendar-content .rb-calendar-cell-inner {
  border: 0;
  border-top: 2px solid var(--rb-calendar-cell-border-color);
  height: 100%;
  margin: 0 4px;
  padding: 4px 8px 0;
}
.rb-calendar-content .rb-calendar-cell-inner .rb-calendar-cell-value {
  padding-bottom: 4px;
}
.rb-calendar-content .rb-calendar-cell-content {
  height: calc(var(--rb-calendar-line-height) - 22px);
  overflow: auto;
}
.rb-calendar__body_year .rb-calendar-cell {
  width: calc(100% / 3);
}
.rb-calendar__body_month .rb-calendar-cell {
  width: calc(100% / 7);
}
.rb-process {
  height: 100vh;
  overflow: auto;
}
.rb-pdf-container,
.rb-pdf-iframe {
  height: 100%;
  width: 100%;
}
.rb-pdf-iframe {
  border: none;
  display: block;
}
.rb-pdf-iframe.full-screen {
  height: 100vh;
}
.rb-image-viewer {
  background: rgba(0, 0, 0, 0.48);
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.rb-image-viewer-popup {
  background-color: #fff;
  inset: 0;
  position: fixed;
  z-index: 998;
}
.rb-image-viewer-popup-close {
  color: #fff;
  cursor: pointer;
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 2;
}
.rb-image-viewer img {
  max-width: 100%;
  object-fit: contain;
  transform-origin: center center;
}
.rb-image-viewer__btns {
  background: rgba(0, 0, 0, 0.32);
  border-radius: 24px;
  height: 48px;
  padding: 0 24px;
  position: absolute;
  z-index: 1;
}
.rb-image-viewer__btns .rb-btn {
  color: #fff;
}
.rb-image-viewer-bottom .rb-image-viewer__btns,
.rb-image-viewer-top .rb-image-viewer__btns {
  box-shadow: 0 8px 24px 0 hsla(0, 0%, 6%, 0.16);
  left: 50%;
  transform: translateX(-50%);
}
.rb-image-viewer-top .rb-image-viewer__btns {
  top: 32px;
}
.rb-image-viewer-bottom .rb-image-viewer__btns {
  bottom: 32px;
}
.rb-image-viewer__img-wrapper {
  display: flex;
  justify-content: center;
}
.rb-tw-address-wrapper {
  gap: 4px;
}
.rb-tw-address-prefix {
  font-size: 14px;
  white-space: nowrap;
}
.rb-tw-credit-card-wrapper .rb-tags-icon {
  width: auto;
}
.rb-tw-credit-card-no-wrapper .rb-input-wrapper {
  border: none;
  box-shadow: none;
  padding: 0;
}
.rb-tw-credit-card-out {
  color: var(--rb-tw-credit-card-out-color);
  letter-spacing: 0.5px;
}
.rb-tw-credit-card-suffix {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}
.rb-tw-phone-wrapper {
  gap: 0;
}
.rb-tw-phone-wrapper .rb-input-wrapper {
  border: none;
  box-shadow: none;
  padding: 0;
}
.rb-tw-phone-out {
  color: var(--rb-tw-credit-card-out-color);
  letter-spacing: 0.5px;
}
.rb-tw-component-split {
  font-size: 8px;
  height: 32px;
  line-height: 32px;
  padding: 0 4px;
}
.rb-jp-finance-wrapper .rb-input-group {
  justify-content: end;
}
.rb-jp-finance-wrapper .rb-input-group-content {
  flex-grow: 0;
}
.rb-range-number-split {
  display: inline-block;
  height: 32px;
  line-height: 32px;
}
@font-face {
  font-family: icomoon;
  font-style: normal;
  font-weight: 400;
  src: url(./4a9efeebec8c1c791f28.eot?n279d6);
  src: url(./4a9efeebec8c1c791f28.eot?n279d6#iefix) format("embedded-opentype"), url(./d6ec6e96c7fb3b211ff1.ttf?n279d6) format("truetype");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.rainbow {
  display: inline-block;
  font-family: icomoon, sans-serif !important;
  font-style: unset;
  line-height: 1;
  position: relative;
  text-align: center;
}
.rainbow:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.More16-1:before {
  content: "\eb1d";
}
.More16-2:before {
  content: "\eb1e";
}
.Edit2:before {
  content: "\e900";
}
.Monitor:before {
  content: "\e901";
}
.Communication:before {
  content: "\e902";
}
.Information:before {
  content: "\e903";
}
.Tax:before {
  content: "\e904";
}
.MinusCircle:before {
  content: "\e905";
}
.Comparison:before {
  content: "\e906";
}
.Underwriting:before {
  content: "\e907";
}
.Appoint:before {
  content: "\e908";
}
.Item:before {
  content: "\e909";
}
.OtherInfo:before {
  content: "\e90a";
}
.PolicyInfo:before {
  content: "\e90b";
}
.BillingInfo:before {
  content: "\e90c";
}
.Channel:before {
  content: "\e90d";
}
.InsInfo:before {
  content: "\e90e";
}
.CobinSale:before {
  content: "\e90f";
}
.CustomerInfo:before {
  content: "\e910";
}
.Vehiclevesseltax:before {
  content: "\e911";
}
.Car:before {
  content: "\e912";
}
.CarInfo:before {
  content: "\e913";
}
.Ocr:before {
  content: "\e914";
}
.Scanner:before {
  content: "\e915";
}
.Check:before {
  content: "\e916";
}
.UserCircle:before {
  content: "\e917";
}
.CobinInfo:before {
  content: "\e918";
}
.PencilCircle:before {
  content: "\e919";
}
.PencilCircle2:before {
  content: "\e91a";
}
.NoPay:before {
  content: "\e91b";
}
.Risk:before {
  content: "\e91c";
}
.RMBCircle:before {
  content: "\e91d";
}
.Ins:before {
  content: "\e91e";
}
.Liability:before {
  content: "\e91f";
}
.Policy:before {
  content: "\e920";
}
.Help:before {
  content: "\e945";
}
.Bell2:before {
  content: "\e946";
}
.Hamburger24:before {
  content: "\e979";
}
.PremiumUser:before {
  content: "\e923";
}
.Doc:before {
  content: "\e924";
}
.CommSearch:before {
  content: "\e925";
}
.DocClamp:before {
  content: "\e926";
}
.Payment:before {
  content: "\e927";
}
.MobileBarCode:before {
  content: "\e928";
}
.RenewalDoc:before {
  content: "\e929";
}
.ExternalApproval:before {
  content: "\e92a";
}
.ExternalUtuser:before {
  content: "\e92b";
}
.PrePayment:before {
  content: "\e92c";
}
.Docs:before {
  content: "\e98b";
}
.QA:before {
  content: "\e92e";
}
.ReFresh:before {
  content: "\e92f";
}
.Info:before {
  content: "\e930";
}
.Taskmanage:before {
  content: "\e931";
}
.ThirdPart:before {
  content: "\e932";
}
.AddFill:before {
  content: "\e933";
}
.Calendar:before {
  content: "\e934";
}
.Adjust:before {
  content: "\e935";
}
.Cellphone:before {
  content: "\e936";
}
.SingArrowDown:before {
  content: "\e937";
}
.DoubleArrowUp:before {
  content: "\e938";
}
.Edit:before {
  content: "\e939";
}
.Email:before {
  content: "\e93a";
}
.Link:before {
  content: "\e93b";
}
.Bell:before {
  content: "\e93c";
}
.LineGraph:before {
  content: "\e93d";
}
.QRCode:before {
  content: "\e93e";
}
.Trash:before {
  content: "\e940";
}
.User:before {
  content: "\e941";
}
.Team:before {
  content: "\e942";
}
.Close:before {
  content: "\e943";
}
.Add:before {
  content: "\e944";
}
.Upload:before {
  content: "\e957";
}
.Download:before {
  content: "\e959";
}
.Save:before {
  content: "\e95d";
}
.Import:before {
  content: "\e95f";
}
.Export:before {
  content: "\e961";
}
.TaskUndo:before {
  content: "\e96b";
}
.BlackList24:before {
  content: "\e98a";
}
.Home-stroke:before {
  content: "\e96d";
}
.Home:before {
  content: "\e96e";
}
.DocFlash:before {
  content: "\e96f";
}
.DocDelete:before {
  content: "\e978";
}
.Sales:before {
  content: "\e97e";
}
.SearchFlashing16:before {
  content: "\e9a4";
}
.HelpFill:before {
  content: "\e980";
}
.SalesFill:before {
  content: "\e981";
}
.Graph:before {
  content: "\e982";
}
.Dollar:before {
  content: "\e983";
}
.EditUndo:before {
  content: "\e984";
}
.Undo:before {
  content: "\e985";
}
.GraphFill:before {
  content: "\e986";
}
.ClockFill:before {
  content: "\e989";
}
.Clock:before {
  content: "\e98c";
}
.Pencil:before {
  content: "\e98f";
}
.PencilFill:before {
  content: "\e990";
}
.Print24:before {
  content: "\e99b";
}
.PrintFill:before {
  content: "\e992";
}
.Renewal:before {
  content: "\e993";
}
.Renewal24:before {
  content: "\e9a1";
}
.Endorsement:before {
  content: "\e994";
}
.Approval24:before {
  content: "\e97c";
}
.Approval:before {
  content: "\e995";
}
.Apply:before {
  content: "\e996";
}
.Flashing:before {
  content: "\e997";
}
.PolicyDelete:before {
  content: "\e998";
}
.ApprovalRectangle:before {
  content: "\e99c";
}
.RenewalRectangle:before {
  content: "\e99d";
}
.ApplyRectangle:before {
  content: "\e99e";
}
.ApplyDuplicate:before {
  content: "\e9a0";
}
.ApplyEdit:before {
  content: "\e9a3";
}
.ApplyDate:before {
  content: "\e9a7";
}
.NewEndorsement:before {
  content: "\e9ab";
}
.DuplicateFill:before {
  content: "\e9ae";
}
.Duplicate:before {
  content: "\e9a9";
}
.RMB:before {
  content: "\e9a2";
}
.Euro:before {
  content: "\e9b0";
}
.AhFronting:before {
  content: "\e9b2";
}
.MotocheFronting:before {
  content: "\e9b3";
}
.PolicyUponPaymentFill:before {
  content: "\e9b4";
}
.SearchEndorsement:before {
  content: "\e9b5";
}
.SearchApply:before {
  content: "\e9b8";
}
.SearchApproval:before {
  content: "\e9bb";
}
.SearchPolicy:before {
  content: "\e9be";
}
.PrintF:before {
  content: "\e9c2";
}
.PrintZ:before {
  content: "\e9c3";
}
.PrintP:before {
  content: "\e9c4";
}
.PrintB:before {
  content: "\e9c5";
}
.PrintT:before {
  content: "\e9c6";
}
.Search:before {
  content: "\e9c7";
}
.Earth:before {
  content: "\e9c8";
}
.Earth2:before {
  content: "\e9c9";
}
.BrokenLine:before {
  content: "\e9ca";
}
.MinusFill:before {
  content: "\e9d2";
}
.TankTruckIns:before {
  content: "\e9d3";
}
.SinglePickIns:before {
  content: "\e9d4";
}
.MotoIns:before {
  content: "\e9d5";
}
.Macao:before {
  content: "\e9d6";
}
.Hongkong:before {
  content: "\e9d7";
}
.Seal:before {
  content: "\e9d8";
}
.CreditIns:before {
  content: "\e9d9";
}
.HealthIns:before {
  content: "\e9da";
}
.AccidentIns:before {
  content: "\e9e0";
}
.SpecialIns:before {
  content: "\e9e1";
}
.SuretyBond:before {
  content: "\e9e2";
}
.SeriousIllness:before {
  content: "\e9e3";
}
.CLIVTA:before {
  content: "\e9e4";
}
.CarIns:before {
  content: "\e9e5";
}
.AgricultureIns:before {
  content: "\e9e6";
}
.CargoIns:before {
  content: "\e9e7";
}
.HullIns:before {
  content: "\e9e8";
}
.CommercialPropertyIns:before {
  content: "\e9e9";
}
.EngineeringIns:before {
  content: "\ea02";
}
.PlusCircle:before {
  content: "\ea03";
}
.Task24:before {
  content: "\e9a5";
}
.ApplyDeal24:before {
  content: "\e97b";
}
.ApprovalBatch24:before {
  content: "\e97d";
}
.Endorsement24:before {
  content: "\e98d";
}
.PolicyUponPayment24:before {
  content: "\e99a";
}
.Plans24:before {
  content: "\e999";
}
.QAManage24:before {
  content: "\e99f";
}
.BlackList16:before {
  content: "\e974";
}
.UserInfo24:before {
  content: "\e9a6";
}
.Organization24:before {
  content: "\e98e";
}
.Users24:before {
  content: "\e9a8";
}
.DownloadCircle:before {
  content: "\e9aa";
}
.UploadCircle:before {
  content: "\e927";
}
.ContractCede:before {
  content: "\e9ac";
}
.FacultativeCede:before {
  content: "\e9ad";
}
.Inward:before {
  content: "\e9b1";
}
.StatementManage:before {
  content: "\e9b6";
}
.Component_Libary:before {
  content: "\e9b7";
}
.Market_Products:before {
  content: "\e9b9";
}
.Periphery_Configuration:before {
  content: "\e9ba";
}
.Products_Launch:before {
  content: "\e9bc";
}
.Technology_Products:before {
  content: "\e9bd";
}
.Create:before {
  content: "\e9bf";
}
.ProductPolicy:before {
  content: "\e9c0";
}
.CommonFunction:before {
  content: "\e9cb";
}
.Menu:before {
  content: "\e9cc";
}
.PrepaidInfo:before {
  content: "\e9cd";
}
.PayAppoint:before {
  content: "\e9ce";
}
.BusinessProperty:before {
  content: "\e9cf";
}
.ContainerType:before {
  content: "\e9d0";
}
.PrincipalOption:before {
  content: "\e9d1";
}
.JointGuarantee:before {
  content: "\e9db";
}
.JointGuarantee2:before {
  content: "\e9dc";
}
.PrincipalClause:before {
  content: "\e9dd";
}
.AddClause:before {
  content: "\e9de";
}
.VoyageGlobal:before {
  content: "\e9df";
}
.VoyageInland:before {
  content: "\e9ea";
}
.TransportInfo:before {
  content: "\e9eb";
}
.ExtendedWarranty:before {
  content: "\e9ec";
}
.SaleInfo:before {
  content: "\e9ed";
}
.AddressProject:before {
  content: "\e9ee";
}
.Remark:before {
  content: "\e9ef";
}
.DutyGroup:before {
  content: "\e9f0";
}
.BranchOffice:before {
  content: "\e9f1";
}
.PlaceInfo:before {
  content: "\e9f2";
}
.ItemizeQuota:before {
  content: "\e9f3";
}
.ItemManagement:before {
  content: "\e9f4";
}
.MedicalOrg:before {
  content: "\e9f5";
}
.PlaceAffiliation:before {
  content: "\e9f6";
}
.PropertyInfo:before {
  content: "\e9f7";
}
.EquipmentInfo:before {
  content: "\e9f8";
}
.Address:before {
  content: "\e9f9";
}
.SupplementInfo:before {
  content: "\e9fa";
}
.Renewal1:before {
  content: "\e9fb";
}
.NewModification:before {
  content: "\e9fc";
}
.BatchImport:before {
  content: "\e9fd";
}
.Reassignment:before {
  content: "\e9fe";
}
.BasicInfo:before {
  content: "\e9ff";
}
.SendDocument:before {
  content: "\ea00";
}
.RiskInfo:before {
  content: "\ea01";
}
.InformInfo:before {
  content: "\ea04";
}
.Verification:before {
  content: "\ea05";
}
.SummaryInfo16:before {
  content: "\ea06";
}
.ProductInfo:before {
  content: "\ea07";
}
.LogView:before {
  content: "\ea08";
}
.Result:before {
  content: "\ea09";
}
.BillInfo:before {
  content: "\ea0a";
}
.AccountInfo:before {
  content: "\ea0b";
}
.AccidentSelfHelp:before {
  content: "\ea0c";
}
.PayCredentials:before {
  content: "\ea0d";
}
.RiskRateSync:before {
  content: "\ea0e";
}
.CacheUnlock:before {
  content: "\ea0f";
}
.SimulatePlatform:before {
  content: "\ea10";
}
.InfoCorrect:before {
  content: "\ea11";
}
.InfoVerify:before {
  content: "\ea12";
}
.MutualReports:before {
  content: "\ea13";
}
.MessageExtract:before {
  content: "\ea14";
}
.CacheClear:before {
  content: "\ea15";
}
.VehicleQuery:before {
  content: "\ea16";
}
.OrganQuery:before {
  content: "\ea17";
}
.FTPConfiguration:before {
  content: "\ea18";
}
.PlatformManagement:before {
  content: "\ea19";
}
.TaskMonitor:before {
  content: "\ea1a";
}
.SimulateSet:before {
  content: "\ea1b";
}
.FTP:before {
  content: "\ea1c";
}
.VersionConfiguration:before {
  content: "\ea1d";
}
.ChoosePlatform:before {
  content: "\ea1e";
}
.ChannelManagement:before {
  content: "\ea1f";
}
.MessageTemplate:before {
  content: "\ea20";
}
.IconCom-Fill:before {
  content: "\ea21";
}
.IconCom-Stroke:before {
  content: "\ea22";
}
.VehicleCode:before {
  content: "\ea37";
}
.PaymentInfo:before {
  content: "\ea38";
}
.AddedInfo:before {
  content: "\ea39";
}
.CedeRequire:before {
  content: "\ea3a";
}
.CedeInsurance:before {
  content: "\ea3b";
}
.RiskUnit:before {
  content: "\ea3c";
}
.ContractRule:before {
  content: "\ea3d";
}
.ImageData:before {
  content: "\ea3e";
}
.Underwriting1:before {
  content: "\ea3f";
}
.RiskAdd:before {
  content: "\ea40";
}
.UnderwritingPolicy:before {
  content: "\ea41";
}
.UnderwritingClock:before {
  content: "\ea42";
}
.BlacklistClock:before {
  content: "\ea43";
}
.CommClock:before {
  content: "\ea44";
}
.InfoItem:before {
  content: "\ea45";
}
.DocClock:before {
  content: "\ea46";
}
.DriverInfo:before {
  content: "\ea47";
}
.IllegalItem:before {
  content: "\ea23";
}
.AgentPermission:before {
  content: "\ea24";
}
.CommissionAgent:before {
  content: "\ea25";
}
.RepeatInsure:before {
  content: "\ea26";
}
.HistoryGrade:before {
  content: "\ea27";
}
.QueryFailList:before {
  content: "\ea28";
}
.CarOwner:before {
  content: "\ea29";
}
.CarUsingProperty:before {
  content: "\ea2a";
}
.TransferVehicle:before {
  content: "\ea2b";
}
.HistoryQuotation:before {
  content: "\ea2c";
}
.PartnershipInfo:before {
  content: "\ea2d";
}
.PrevPolicy:before {
  content: "\ea2e";
}
.RiskPremium:before {
  content: "\ea2f";
}
.VehicleRisk:before {
  content: "\ea30";
}
.YearTaxation:before {
  content: "\ea31";
}
.YearClaims:before {
  content: "\ea32";
}
.TCIInfo:before {
  content: "\ea33";
}
.VCIInfo:before {
  content: "\ea34";
}
.VCIPlatform:before {
  content: "\ea35";
}
.TCIPlatform:before {
  content: "\ea36";
}
.SignalStrength:before {
  content: "\ea48";
}
.ProductFactory:before {
  content: "\ea4a";
}
.Supervision:before {
  content: "\ea4b";
}
.Reinsurance:before {
  content: "\ea49";
}
.NonMotor:before {
  content: "\ea4c";
}
.Synthesize:before {
  content: "\ea4d";
}
.AutoInsurance:before {
  content: "\ea4e";
}
.HealthInsurance:before {
  content: "\ea4f";
}
.PlaceQuery:before {
  content: "\ea50";
}
.ClearBorder:before {
  content: "\ea51";
}
.Clear:before {
  content: "\ea52";
}
.FixedReport:before {
  content: "\ea53";
}
.ConditionSummary:before {
  content: "\ea54";
}
.DetailsReport:before {
  content: "\ea55";
}
.EvaluationAnalyze:before {
  content: "\ea56";
}
.MultidimensionalAnalyze:before {
  content: "\ea57";
}
.UnderwritingDetails:before {
  content: "\ea58";
}
.ManageBulletin:before {
  content: "\ea59";
}
.CorrectQuery:before {
  content: "\ea5a";
}
.UnderwriteQuery:before {
  content: "\ea5b";
}
.FOUNDATION:before {
  content: "\ea5c";
}
.URP:before {
  content: "\ea5d";
}
.CODETABLE:before {
  content: "\ea5e";
}
.MESSAGE:before {
  content: "\ea5f";
}
.DD:before {
  content: "\ea60";
}
.L18H:before {
  content: "\ea61";
}
.DoubleArrow:before {
  content: "\ea62";
}
.HelpCircle:before {
  content: "\ea63";
}
.ClaimNotice:before {
  content: "\ea64";
}
.ArrowCircle:before {
  content: "\ea65";
}
.MinusCircle2:before {
  content: "\ea66";
}
.PlusCircle2:before {
  content: "\ea67";
}
.PolicyCancellation:before {
  content: "\ea68";
}
.MenuFolded:before {
  content: "\ea69";
}
.MenuUnfolded:before {
  content: "\ea6a";
}
.Setting:before {
  content: "\ea6b";
}
.NotCovered:before {
  content: "\ea6c";
}
.NotCoveredCountry:before {
  content: "\ea6d";
}
.Cache:before {
  content: "\ea6e";
}
.Monitor1:before {
  content: "\ea6f";
}
.DailyRecord:before {
  content: "\ea70";
}
.MicroService:before {
  content: "\ea71";
}
.CompensatingTransaction:before {
  content: "\ea72";
}
.Filter:before {
  content: "\ea73";
}
.Start:before {
  content: "\ea74";
}
.Stop:before {
  content: "\ea75";
}
.PolicyOriginalChiAll:before {
  content: "\ea76";
}
.VCIPolicy:before {
  content: "\ea77";
}
.LetterGuarantee:before {
  content: "\ea78";
}
.PolicyOriginalEngAll:before {
  content: "\ea79";
}
.ContractAcknowlegment:before {
  content: "\ea7a";
}
.PolicyOriginalAllEng:before {
  content: "\ea7b";
}
.PolicyOriginalAllCE:before {
  content: "\ea7c";
}
.InsideInsurSign:before {
  content: "\ea7d";
}
.GroupPolicyOriginal:before {
  content: "\ea7e";
}
.PolicyOriginalSet:before {
  content: "\ea7f";
}
.VehicleInsurCertificate:before {
  content: "\ea80";
}
.PolicyOriginalAll:before {
  content: "\ea81";
}
.PolicyOriginalCEAll:before {
  content: "\ea82";
}
.GuaranteeEngAll:before {
  content: "\ea83";
}
.GuaranteeAllPre:before {
  content: "\ea84";
}
.PICertificate:before {
  content: "\ea85";
}
.TCIPolicy:before {
  content: "\ea86";
}
.OilPollutionAllPre:before {
  content: "\ea87";
}
.PolicyOriginalSetPre:before {
  content: "\ea88";
}
.PortableSign:before {
  content: "\ea89";
}
.VCICard:before {
  content: "\ea8a";
}
.InsuranceCertificate:before {
  content: "\ea8b";
}
.RiskSurvey:before {
  content: "\ea8c";
}
.HistoryRuleTrack:before {
  content: "\ea8d";
}
.CurrentRuleTrack:before {
  content: "\ea8e";
}
.UnderwritingRuleQuery:before {
  content: "\ea8f";
}
.CommissionProportion:before {
  content: "\ea90";
}
.UnderwritingComment:before {
  content: "\ea91";
}
.ChannelInfo:before {
  content: "\ea92";
}
.SpecialAudit:before {
  content: "\ea93";
}
.UnderwriteAudit:before {
  content: "\ea94";
}
.CounterSign:before {
  content: "\ea95";
}
.PropertiesCasualty:before {
  content: "\ea96";
}
.AccidentHealth:before {
  content: "\ea97";
}
.OrgUserManage:before {
  content: "\ea98";
}
.OrganizationQuery:before {
  content: "\ea99";
}
.StaffQuery:before {
  content: "\ea9a";
}
.BackTop:before {
  content: "\ea9b";
}
.PersonalAccident:before {
  content: "\ea9c";
}
.KidnapMissing:before {
  content: "\ea9d";
}
.CatchIllness:before {
  content: "\ea9e";
}
.IntelligentService:before {
  content: "\ea9f";
}
.CommonIssue:before {
  content: "\eaa0";
}
.AccidentalInjurie:before {
  content: "\eaa1";
}
.TrafficAccident:before {
  content: "\eaa2";
}
.DiedOrDisabled:before {
  content: "\eaa3";
}
.PropertyLoss:before {
  content: "\eaa4";
}
.RouteAlteration:before {
  content: "\eaa5";
}
.HospitalizationCosts:before {
  content: "\eaa6";
}
.OverseaCertificate:before {
  content: "\eaa7";
}
.FlightDelay:before {
  content: "\eaa8";
}
.ComingSoon:before {
  content: "\eaa9";
}
.PolicyOriginalCEAllA4:before {
  content: "\eaaa";
}
.PolicyOriginalEngAllA4:before {
  content: "\eaab";
}
.PolicyOriginalAllA4:before {
  content: "\eaac";
}
.GroupPolicyAllA4:before {
  content: "\eaad";
}
.VInsAgencyJoint:before {
  content: "\eaae";
}
.IncidentAnalyze:before {
  content: "\eaaf";
}
.IntelligentHelp:before {
  content: "\eab0";
}
.MarketingRecommend:before {
  content: "\eab1";
}
.Setting1:before {
  content: "\eab2";
}
.Message2:before {
  content: "\eab3";
}
.Required:before {
  content: "\eab4";
}
.View:before {
  content: "\eab5";
}
.AffairsManagement:before {
  content: "\eab6";
}
.MicroServiceManage:before {
  content: "\eab7";
}
.APIGateway:before {
  content: "\eab8";
}
.PageDevelopGuide:before {
  content: "\eab9";
}
.PageConfig:before {
  content: "\eaba";
}
.TemplateEngine:before {
  content: "\eabb";
}
.MonitorCenter:before {
  content: "\eabc";
}
.MicroServiceMonitor:before {
  content: "\eabd";
}
.KnowledgeStorage:before {
  content: "\eabe";
}
.WorkflowConfig:before {
  content: "\eabf";
}
.UploadConfig:before {
  content: "\eac0";
}
.RuleEngine:before {
  content: "\eac1";
}
.CalculateEngine:before {
  content: "\eac2";
}
.ConfigurationTableEngine:before {
  content: "\eac3";
}
.ProductFactory2:before {
  content: "\eac4";
}
.ContextManage:before {
  content: "\eac5";
}
.OrganizationMaintenance:before {
  content: "\eac6";
}
.EnvironmentConfig:before {
  content: "\eac7";
}
.CurrencyExchange:before {
  content: "\eac8";
}
.PolicyManagement:before {
  content: "\eac9";
}
.Kibana:before {
  content: "\eaca";
}
.Dashboard:before {
  content: "\eacb";
}
.LogMonitor:before {
  content: "\eacc";
}
.HystrixMonitor:before {
  content: "\eacd";
}
.WorkflowEngine:before {
  content: "\eace";
}
.TeamForge:before {
  content: "\eacf";
}
.RabbitMQ:before {
  content: "\ead0";
}
.OperationMonitor:before {
  content: "\ead1";
}
.LinkMonitor:before {
  content: "\ead2";
}
.CommonUse:before {
  content: "\ead3";
}
.Product:before {
  content: "\ead4";
}
.Policy1:before {
  content: "\ead5";
}
.Wechat:before {
  content: "\ead6";
}
.PDF:before {
  content: "\ead7";
}
.Success:before {
  content: "\ead8";
}
.SuccessBorder:before {
  content: "\ead9";
}
.Education:before {
  content: "\eada";
}
.Like2:before {
  content: "\eadb";
}
.Like1:before {
  content: "\eadc";
}
.FeedingBottle:before {
  content: "\eadd";
}
.PropertyInsurance:before {
  content: "\eade";
}
.LifeInsurance:before {
  content: "\eadf";
}
.Peripheral:before {
  content: "\eae0";
}
.ContactPhone2:before {
  content: "\eae1";
}
.ContactPhone:before {
  content: "\eae2";
}
.Message3:before {
  content: "\eae3";
}
.QRCode2:before {
  content: "\eae4";
}
.VerificationCode:before {
  content: "\eae5";
}
.CompanyMGT:before {
  content: "\eae6";
}
.AccidentReportMGT:before {
  content: "\eae7";
}
.Clock2:before {
  content: "\eae8";
}
.DRMRP:before {
  content: "\eae9";
}
.DRMIP:before {
  content: "\eaea";
}
.ContactPhone4:before {
  content: "\eaeb";
}
.ContactPhone3:before {
  content: "\eaec";
}
.Download2:before {
  content: "\eaed";
}
.AtlasLayout:before {
  content: "\eaee";
}
.Reload:before {
  content: "\eaef";
}
.OppositeAssociation:before {
  content: "\eaf0";
}
.ResetCenter:before {
  content: "\eaf1";
}
.Lock:before {
  content: "\eaf2";
}
.Unlock:before {
  content: "\eaf3";
}
.IllnessInsList:before {
  content: "\eaf4";
}
.RiskFill:before {
  content: "\eaf5";
}
.GBP:before {
  content: "\eaf6";
}
.THB:before {
  content: "\eaf7";
}
.TWD:before {
  content: "\eaf8";
}
.HKD:before {
  content: "\eaf9";
}
.EUR:before {
  content: "\eafa";
}
.USD:before {
  content: "\eafb";
}
.CNY:before {
  content: "\eafc";
}
.Refresh16:before {
  content: "\eafd";
}
.OfficePowerPublisher:before {
  content: "\eafe";
}
.OfficeAccess:before {
  content: "\eaff";
}
.OfficeVosio:before {
  content: "\eb00";
}
.OfficeOneNote:before {
  content: "\eb01";
}
.OfficeOutlook:before {
  content: "\eb02";
}
.OfficeLync:before {
  content: "\eb03";
}
.OfficePowerInfoPath:before {
  content: "\eb04";
}
.OfficePowerProject:before {
  content: "\eb05";
}
.OfficePowerPoint:before {
  content: "\eb06";
}
.OfficeWord:before {
  content: "\eb07";
}
.OfficeExcel:before {
  content: "\eb08";
}
.ShoppingCart:before {
  content: "\eb09";
}
.BonusManagement:before {
  content: "\eb0a";
}
.PerformanceChart:before {
  content: "\eb0b";
}
.ScreenContract:before {
  content: "\eb0c";
}
.ScreenExtend:before {
  content: "\eb0d";
}
.HomeStroke:before {
  content: "\eb0e";
}
.InfoDataContrast2:before {
  content: "\eb0f";
}
.InfoDataContrast:before {
  content: "\eb10";
}
.SharedPool:before {
  content: "\eb11";
}
.Subrogation:before {
  content: "\eb12";
}
.LoseProcess:before {
  content: "\eb13";
}
.BillUpload:before {
  content: "\eb14";
}
.DocumentManagement:before {
  content: "\eb15";
}
.IntegratedQuery:before {
  content: "\eb16";
}
.Reassignment24:before {
  content: "\eb17";
}
.CreateApply:before {
  content: "\eb18";
}
.PhotoContrast:before {
  content: "\eb19";
}
.MaidInsurance:before {
  content: "\eb1a";
}
.Print2:before {
  content: "\eb1b";
}
.Palette24:before {
  content: "\e921";
}
.Palette16:before {
  content: "\e922";
}
.DialogBox24:before {
  content: "\e92d";
}
.DialogBox16:before {
  content: "\e93f";
}
.Component16:before {
  content: "\e947";
}
.Config16:before {
  content: "\e948";
}
.Customer16:before {
  content: "\e949";
}
.Database16:before {
  content: "\e94a";
}
.Dictionary16:before {
  content: "\e94b";
}
.Document16:before {
  content: "\e94c";
}
.Duplicate16-1:before {
  content: "\e94d";
}
.Duplicate16-2:before {
  content: "\e94e";
}
.Earth16:before {
  content: "\e94f";
}
.Eraser16:before {
  content: "\e950";
}
.Finance16:before {
  content: "\e951";
}
.Hamburger16:before {
  content: "\e952";
}
.ImportExport16:before {
  content: "\e953";
}
.LineChart16:before {
  content: "\e954";
}
.List16:before {
  content: "\e955";
}
.FixedMenu16:before {
  content: "\e956";
}
.Monitor16:before {
  content: "\e958";
}
.Permission16:before {
  content: "\e95a";
}
.Print16:before {
  content: "\e95b";
}
.Printer16:before {
  content: "\e95c";
}
.Reply16:before {
  content: "\e95e";
}
.Rule16:before {
  content: "\e960";
}
.Settings16:before {
  content: "\e962";
}
.StarStroke16:before {
  content: "\e963";
}
.StarFill16:before {
  content: "\e964";
}
.SingleArrowUp16-1:before {
  content: "\e965";
}
.SingleArrowLeft16-1:before {
  content: "\e966";
}
.SingleArrowRight16-1:before {
  content: "\e967";
}
.Emoji16-Frown:before {
  content: "\e968";
}
.Emoji16-Smile:before {
  content: "\e969";
}
.Emoji16:before {
  content: "\e96a";
}
.Code16-1:before {
  content: "\e96c";
}
.Code16-2:before {
  content: "\e970";
}
.Voice16:before {
  content: "\e971";
}
.Invisible16-1:before {
  content: "\e972";
}
.Invisible16-2:before {
  content: "\e973";
}
.DoubleArrowUp16-1:before {
  content: "\e975";
}
.DoubleArrowDown16-1:before {
  content: "\e976";
}
.DoubleArrowLeft16-1:before {
  content: "\e977";
}
.DoubleArrowRight16-1:before {
  content: "\e97a";
}
.Partnership16:before {
  content: "\e97f";
}
.SearchDoc16:before {
  content: "\e987";
}
.Service16:before {
  content: "\e988";
}
.Setting16:before {
  content: "\e991";
}
.List16-2:before {
  content: "\e9af";
}
.Lock16:before {
  content: "\e9c1";
}
.Unlock16:before {
  content: "\eb1c";
}
* {
  box-sizing: border-box;
  font-family: var(--global-font-family);
  margin: 0;
  padding: 0;
}
body {
  background-color: var(--rb-global-body-bg-color);
  color: var(--rb-global-font-color);
  font-size: var(--global-font-size, 14px);
  line-height: var(--global-line-height, 22px);
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input[type=number] {
  -moz-appearance: textfield;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--rb-input-autofill-bg-color, #fff) inset !important;
}
.rb-title-prefix {
  padding-left: 12px;
  position: relative;
}
.rb-title-prefix:before {
  background-color: var(--rb-title-prefix-gb-color);
  border-radius: 1px;
  content: "";
  height: 16px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 4px;
}
.rb-placeholder {
  color: var(--rb-placeholder-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rb-email-clear,
.rb-number-clear,
.rb-tags-clear,
.rb-textarea-clear {
  color: var(--rb-remove-icon);
  cursor: pointer;
  font-size: 16px;
}
.rb-email-clear:hover,
.rb-number-clear:hover,
.rb-tags-clear:hover,
.rb-textarea-clear:hover {
  color: var(--rb-remove-icon-hover);
}
.rb-email-clear:active,
.rb-number-clear:active,
.rb-tags-clear:active,
.rb-textarea-clear:active {
  color: var(--rb-remove-icon-active);
}
.rainbow.rb-remove-icon {
  color: var(--rb-remove-icon);
  cursor: pointer;
  font-size: 16px;
  margin-left: 8px;
  visibility: hidden;
}
.rainbow.rb-remove-icon:hover {
  color: var(--rb-remove-icon-hover);
}
.rainbow.rb-remove-icon:active {
  color: var(--rb-remove-icon-active);
}
.rainbow.rb-remove-icon.rb-number-percent {
  position: relative;
  right: 0;
}
.rb-allow-clear {
  position: relative;
}
.rb-allow-clear:not(.disabled):hover .rb-remove-icon {
  visibility: visible;
}
.rb-allow-clear.rb-input-suffix-even:not(.disabled):hover .rb-default-icon {
  display: inline-flex;
}
.rb-close {
  color: var(--rb-close-icon-color);
  cursor: pointer;
  font-size: 16px;
  transition: font-size 0.1s linear;
}
.rb-close:hover {
  color: var(--rb-close-icon-hover-color);
}
#skinLoading {
  display: none;
}
.rb-static-full-loading-container {
  align-items: center;
  background-color: var(--rb-full-loading-mask-bg-color);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
}
.rb-static-full-loading {
  width: 40px;
  fill: var(--rb-full-loading-color);
  animation: move 1s linear infinite;
}
@keyframes move {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.rb-pop-overflow {
  max-height: var(--rb-table-filter-list-max-height, 480px);
  overflow: auto;
}
.rb-tooltip {
  position: absolute;
  z-index: 1001;
}
.rb-popconfirm-popup {
  position: absolute;
  z-index: 1000;
}
.rb-cascader-popup,
.rb-dropdown-popup,
.rb-filter-box-popup,
.rb-picker-popup,
.rb-popover-popup,
.rb-rangepicker-popup,
.rb-search-popup,
.rb-select-popup,
.rb-table-filter-list,
.rb-table-theader-popup,
.rb-tableselect-popup,
.rb-timepicker-popup,
.rb-treeselect-popup {
  border-radius: 4px;
  position: absolute;
  z-index: 998;
}
.rb-message-box,
.rb-notice-box {
  z-index: 1000;
}
.rb-dialog,
.rb-drawer {
  z-index: 997;
}
.rb-float-btn {
  z-index: 995;
}
.rb-box-footer,
.rb-box-topcard {
  z-index: 994;
}
.rb-box-fixedTop {
  z-index: 6;
}
.rb-side-menu-wrapper {
  z-index: 4;
}
.hoverTreeContainer {
  z-index: 3;
}
.rb-header {
  position: relative;
  z-index: 5;
}